@import '_content/BlazorSortableList/BlazorSortableList.bundle.scp.css';

/* _content/eLipsOnline/Components/Layout/MainLayout.razor.rz.scp.css */

.topbar-right[b-bjaewfqzbd] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.top-row[b-bjaewfqzbd] {
    background-color: white;
    border-bottom: 1px solid var(--color-gray-200);
    justify-content: space-between;
    height: 40px;
    min-height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.top-row[b-bjaewfqzbd]  a, .top-row[b-bjaewfqzbd]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

    .top-row[b-bjaewfqzbd]  a:hover, .top-row[b-bjaewfqzbd]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-bjaewfqzbd]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.top-row-left[b-bjaewfqzbd] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #686868;
}

.top-row-right[b-bjaewfqzbd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: black;
}

    .top-row-right span[b-bjaewfqzbd] {
        padding-left: 30px;
    }


@media (max-width: 640.98px) {
    .top-row[b-bjaewfqzbd] {
        justify-content: space-between;
    }

    .top-row[b-bjaewfqzbd]  a, .top-row[b-bjaewfqzbd]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-bjaewfqzbd] {
        flex-direction: row;
    }

    .top-row[b-bjaewfqzbd] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-bjaewfqzbd]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-bjaewfqzbd] {
/*        padding-left: 2rem !important;
        padding-right: 1.5rem !important;*/
    }

    article[b-bjaewfqzbd] {
        padding-left: 1rem !important;
/*        padding-right: 1rem !important;*/
    }
}

#blazor-error-ui[b-bjaewfqzbd] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-bjaewfqzbd] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


.profile-dd[b-bjaewfqzbd] {
    padding: 16px;
}

.rapportage-popup .k-animation-container[b-bjaewfqzbd],
.rapportage-popup[b-bjaewfqzbd] {
    z-index: 12000;
}

/*.rapportage-popup__content {*/
/*    width: 550px;*/
    /*background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}*/

.rapportage-popup__header[b-bjaewfqzbd] {
    padding: 14px 18px;
    font-size: 1rem;
    font-weight: 600;
    border-bottom: 1px solid #ececec;
    background: #fff;
}
/* _content/eLipsOnline/Components/Layout/NavMenu.razor.rz.scp.css */
.sidebar-main[b-3boohzv8qx] {
    position: sticky;
    width: 100%;
    height: 100vh;
        background: #F9FBFC;
/*    background: #07244A;*/
/*        background: #004F74;*/
    transition: all 0.4s ease;
    border-right: 1px solid var(--color-gray-200);
}

    .sidebar-main.collapsed[b-3boohzv8qx] {
        width: 100%;
    }

    .sidebar-main .sidebar-header[b-3boohzv8qx] {
        display: flex;
        align-items: center;
        padding: 25px 10px 10px 10px;
        justify-content: space-between;
    }

.sidebar-header .header-logo img[b-3boohzv8qx] {
    height: 30px;
    width: 30px;
    display: block;
    object-fit: contain;
    border-radius: 50%;
}

.sidebar-header .sidebar-toggler[b-3boohzv8qx] {
    position: absolute;
    right: 10px;
    height: 37px;
    width: 37px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
        background: white;
/*    background: #305484;*/
    transition: 0.4s ease;
/*    color: white;*/
    color: black;
}

    .sidebar-header .sidebar-toggler:hover[b-3boohzv8qx] {
        /*        background: #d9e1fd;*/
        background: #3F5067;
        color: white;
    }

.sidebar-main.collapsed .sidebar-toggler[b-3boohzv8qx] {
    transform: translate(4px, 60px);
}

.sidebar-header .sidebar-toggler span[b-3boohzv8qx] {
    font-size: 1.75rem;
    transition: 0.4s ease;
}

.sidebar-main.collapsed .sidebar-toggler span[b-3boohzv8qx] {
    transform: rotate(180deg);
}

.sidebar-nav .nav-list[b-3boohzv8qx] {
    list-style: none;
    display: flex;
    gap: 4px;
    padding: 0 2px;
    flex-direction: column;
    transform: translateY(15px);
    transition: 0.4s ease;
}

.sidebar-nav .primary-nav[b-3boohzv8qx] {
    overflow-y: auto;
    height: calc(100vh - 204px);
    padding-bottom: 50px;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

    .sidebar-nav .primary-nav:hover[b-3boohzv8qx] {
        scrollbar-color: #EEF1F3 transparent;
    }

.sidebar-main.collapsed .sidebar-nav .primary-nav[b-3boohzv8qx] {
    overflow-y: unset;
    transform: translateY(65px);
}

.sidebar-main.collapsed .nav-link[b-3boohzv8qx] {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

    .sidebar-main.collapsed .nav-link:active[b-3boohzv8qx] {
        padding: 10px;
        margin: 0;
    }

.sidebar-nav .secondary-nav[b-3boohzv8qx] {
    position: absolute;
    bottom: 30px;
    width: 100%;
    background: #F9FBFC;
/*    background: #07244A;*/
}

.sidebar-nav .divider[b-3boohzv8qx] {
        border-bottom: 1px solid #e0e0e0;
/*    border-bottom: 1px solid #3F5067;*/
    margin: 8px 15px;
    height: 0;
    list-style: none;
}

.sidebar-main.collapsed .divider[b-3boohzv8qx] {
    margin: 8px auto;
    width: 40px;
}

/* Dropdown Styling */

.sidebar-nav .nav-item[b-3boohzv8qx] {
    position: relative;
}

.sidebar-nav .drop-container .drop-icon[b-3boohzv8qx] {
    margin: 0 0px 0 auto;
    transition: transform 0.4s ease, opacity 0.3s 0.2s ease;
}

.sidebar-main.collapsed .drop-container .drop-icon[b-3boohzv8qx] {
    transition: opacity 0.3s 0s ease;
}

.sidebar-nav .dropdown-container.open .dropdown-icon[b-3boohzv8qx] {
    transform: rotate(180deg);
}

.sidebar-nav .drop-menu[b-3boohzv8qx] {
    height: 0;
    overflow-y: hidden;
    list-style: none;
    padding-left: 15px;
    transition: height 0.4s ease;
}

.sidebar-main.collapsed .drop-menu[b-3boohzv8qx] {
    position: absolute;
    left: 100%;
    top: -12px;
    opacity: 0;
    height: auto !important;
    pointer-events: none;
    overflow-y: unset;
    padding: 7px 10px 7px 24px;
    border-radius: 0 5px 5px 0;
        background: white;
    background: #F9FBFC;
/*    background: white;
    background: #07244A;*/
    transition: 0s;
}

    .sidebar-main.collapsed .drop-menu:has(.drop-link)[b-3boohzv8qx] {
        padding: 7px 10px 7px 10px;
    }

.sidebar-main.collapsed .nav-item:hover .drop-menu[b-3boohzv8qx] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(12px);
    transition: 0.4s ease;
}

.drop-menu .nav-item .nav-link[b-3boohzv8qx] {
    padding: 9px 15px;
}

.drop-menu .nav-item:hover .nav-link:hover:not(.drop-title)[b-3boohzv8qx] {
        background: #F8F8F9;
    color: #00496D;
/*    background: #3F5067;
    color: white;*/
}

.sidebar-main.collapsed .drop-menu .nav-link[b-3boohzv8qx] {
    padding: 5px 15px;
}

.drop-menu .nav-item .drop-title[b-3boohzv8qx] {
    display: none;
    font-weight: 500;
    margin-left: -5px;
}

.drop-menu:has(.drop-link) .nav-item .drop-title[b-3boohzv8qx] {
    font-weight: 500;
}

.sidebar-main.collapsed .drop-menu .nav-item .drop-title[b-3boohzv8qx] {
    display: block;
}

/* REPSONSIVE */
@media (max-width: 768px) {
    .sidebar-main.collapsed .sidebar-header .sidebar-toggler[b-3boohzv8qx] {
        transform: none;
    }

    .sidebar-main.collapsed .sidebar-nav .primary-nav[b-3boohzv8qx] {
        transform: translateY(15px);
    }
}

.nav-link svg[b-3boohzv8qx] {
    width: 18px;
    height: 18px;
    flex: 0 0 20px;
/*    fill: white;*/
    fill: var(--color-gray-700);
    margin-left: 5px;
}
/* _content/eLipsOnline/Components/Layout/NavMenuSide.razor.rz.scp.css */
.navbar-toggler[b-4le5xr5soh] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

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

.top-row[b-4le5xr5soh] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-4le5xr5soh] {
    font-size: 1.1rem;
}

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

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

.bi-plus-square-fill-nav-menu[b-4le5xr5soh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-4le5xr5soh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-4le5xr5soh] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-4le5xr5soh] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-4le5xr5soh] {
        padding-bottom: 1rem;
    }

    .nav-item[b-4le5xr5soh]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-4le5xr5soh]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-4le5xr5soh]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-4le5xr5soh] {
    display: none;
}

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

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

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

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/eLipsOnline/Components/Pages/Contracten/ContractComponent.razor.rz.scp.css */
.contract-popup[b-npnd03u6bo] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.contract-popup-header[b-npnd03u6bo] {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--kendo-color-border);
}

    .contract-popup-header label[b-npnd03u6bo] {
        font-size: .8rem;
        color: var(--txt-muted);
        display: block;
    }

    .contract-popup-header div:last-child[b-npnd03u6bo] {
        font-size: 1.2rem;
        font-weight: 600;
    }

.contract-popup-body[b-npnd03u6bo] {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: .75rem 1rem;
    align-items: center;
}

    .contract-popup-body label[b-npnd03u6bo] {
        font-size: .9rem;
        font-weight: 500;
    }

    .contract-popup-body .k-input[b-npnd03u6bo],
    .contract-popup-body .k-picker[b-npnd03u6bo],
    .contract-popup-body .k-dropdownlist[b-npnd03u6bo],
    .contract-popup-body .k-textarea[b-npnd03u6bo] {
        width: 100%;
    }

.contract-form-row[b-npnd03u6bo] {
    display: contents;
}

.contract-note-full-width[b-npnd03u6bo] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 1rem;
    align-items: start;
}

    .contract-note-full-width .k-textarea[b-npnd03u6bo] {
        width: 100%;
        min-height: 120px;
    }

.contract-checkbox[b-npnd03u6bo] {
    grid-column: 2;
    display: flex;
    align-items: center;
    gap: .5rem;
}

    .contract-checkbox label[b-npnd03u6bo] {
        margin: 0;
    }


.contract-dialog-actions[b-npnd03u6bo]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.contract-dialog-actions-right[b-npnd03u6bo] {
    display: flex;
    gap: .75rem;
}
/* _content/eLipsOnline/Components/Pages/DetailPages/ActiviteitDetails - Copy.razor.rz.scp.css */

.form-actions[b-wbu8cx3vu5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    border-top: 1px solid #ccc;
    background-color: #f0f0f0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.form-actions-left[b-wbu8cx3vu5], .form-actions-right[b-wbu8cx3vu5] {
    display: flex;
    gap: 10px;
}

.page-layout[b-wbu8cx3vu5] {
    display: grid;
    grid-template-rows: 90% 10%; /* of bijv. 70% 30% */
    height: calc(100vh - 60px); /* -60px als je rekening houdt met header of knoppen */
}

.page-top[b-wbu8cx3vu5] {
    overflow: auto; /* zodat je kan scrollen in de tab inhoud */
}

.page-bottom[b-wbu8cx3vu5] {
    overflow: auto; /* zodat de grid netjes scrollt */
}

/* Binnen elke kolom: label + input */
.form-two-col[b-wbu8cx3vu5] {
    display: grid;
    grid-template-columns: 150px 1fr; /* label + veld */
    gap: 6px 12px;
    align-items: center;
}

    .form-two-col label[b-wbu8cx3vu5] {
        font-size: 0.9rem;
    }

/* Orders-tab: 2 kolommen, elk met label+veld-grid */
.form-columns[b-wbu8cx3vu5] {
    display: grid;
    grid-template-columns: 30% 70%; /* links/rechts/bijlagen kolom */
    gap: 16px 32px;
    padding-right: 16px;
    box-sizing: border-box;
    width: 98%;
}

.remove-button[b-wbu8cx3vu5] {
    background-color: #9c1818; /* Red background */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 20px 2px;
    cursor: pointer;
    border-radius: 50%; /* Circular button */
    width: 28px; /* Fixed width */
    height: 28px; /* Fixed height */
    line-height: 20px; /* Match the height to vertically center the '-' */
    padding: 0; /* Reset padding */
    font-weight: bold;
}

    .remove-button:hover[b-wbu8cx3vu5] {
        background-color: #601515; /* Darker shade of red */
    }


.activity-layout[b-wbu8cx3vu5] {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 18px;
}

/* Panels */
.section-panel[b-wbu8cx3vu5] {
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    padding: 12px 10px 10px;
    background: #f8f8f8;
    position: relative;
}

.section-header[b-wbu8cx3vu5] {
    position: absolute;
    top: -9px;
    left: 12px;
    background: #f8f8f8;
    padding: 0 5px;
    font-weight: bold;
    font-size: 0.85rem;
}

/* Labels + Velden */
.section-body-2col[b-wbu8cx3vu5] {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 6px 12px;
    margin-top: 4px;
}

.inline-row[b-wbu8cx3vu5] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.inline-2[b-wbu8cx3vu5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.inline-3[b-wbu8cx3vu5] {
    display: grid;
    grid-template-columns: 1fr 80px 80px;
    gap: 6px;
}

.inline-3-postcode[b-wbu8cx3vu5] {
    display: grid;
    grid-template-columns: 150px 1fr 100px;
    gap: 6px;
}

.left-col[b-wbu8cx3vu5], .right-col[b-wbu8cx3vu5] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.section-extra-grid[b-wbu8cx3vu5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 20px;
    margin-top: 6px;
}

.field-pair[b-wbu8cx3vu5] {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 6px 10px;
    align-items: center;
}

    .field-pair label[b-wbu8cx3vu5] {
        font-size: 0.9rem;
    }

    


/* 2 kolommen in Activiteit */
.section-activity-2col[b-wbu8cx3vu5] {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 16px 24px;
    margin-top: 6px;
}

.activity-left[b-wbu8cx3vu5] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 6px 12px;
    align-items: center;
}

.activity-right[b-wbu8cx3vu5] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 6px 12px;
    align-items: center;
}
/* Checkboxes onder elkaar rechts */
.checkbox-col[b-wbu8cx3vu5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.section-extra-grid[b-wbu8cx3vu5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.field-full[b-wbu8cx3vu5] {
    grid-column: 1 / -1; /* neemt de volledige breedte */
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 6px 10px;
    align-items: start; /* textarea netjes bovenaan */
}

    .field-full label[b-wbu8cx3vu5] {
        font-size: 0.9rem;
    }
/* _content/eLipsOnline/Components/Pages/DetailPages/ActiviteitDetails.razor.rz.scp.css */
.activity-page[b-m9s1l141m4] {
    box-sizing: border-box;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    background: var(--color-gray-50);
    color: #111827;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    overflow: hidden;
}

.activity-layout[b-m9s1l141m4] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(300px, 380px) minmax(0, 1fr);
    overflow: hidden;
}

.activity-editor[b-m9s1l141m4] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    overflow: hidden;
}

.activity-page--loading[b-m9s1l141m4] {
    display: grid;
    place-items: center;
}

.activity-page[b-m9s1l141m4]  .activity-details-form,
.activity-page[b-m9s1l141m4]  .activity-details-form.k-form {
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    display: block;
    gap: 0;
    overflow: hidden;
}

.activity-page[b-m9s1l141m4]  .activity-details-form .k-form-fieldset {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 14px;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
}

.activity-page[b-m9s1l141m4]  .activity-details-form .k-form-legend,
.activity-page[b-m9s1l141m4]  .activity-details-form .k-form-buttons {
    display: none;
}

.activity-page[b-m9s1l141m4]  .activity-details-form .k-input,
.activity-page[b-m9s1l141m4]  .activity-details-form .k-picker,
.activity-page[b-m9s1l141m4]  .activity-details-form .k-textarea,
.activity-page[b-m9s1l141m4]  .activity-details-form .k-multicolumncombobox {
    border-color: #dfe3e8;
    border-radius: 4px;
}

.activity-top[b-m9s1l141m4] {
    display: grid;
    gap: 7px;
    padding: 16px;
}

.activity-title-row[b-m9s1l141m4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.activity-links[b-m9s1l141m4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
}

.activity-link-button[b-m9s1l141m4] {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.activity-link-button:hover[b-m9s1l141m4] {
    color: var(--color-primary-700);
}

.activity-panel[b-m9s1l141m4] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
    padding: 18px;
}

.activity-strip[b-m9s1l141m4] {
    display: grid;
    grid-template-columns: auto minmax(210px, 1fr) minmax(250px, 1.3fr) minmax(340px, 1.4fr) auto;
    align-items: center;
    gap: 28px;
    padding: 15px 22px;
}

.activity-index[b-m9s1l141m4] {
    display: grid;
    place-items: center;
    min-width: 30px;
    height: 30px;
    padding: 0 12px;
    border-radius: 6px;
    background: #f3f4f6;
    font-size: 1rem;
    font-weight: 600;
}

.activity-strip-field[b-m9s1l141m4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.activity-strip-field--date[b-m9s1l141m4] {
    grid-template-columns: auto minmax(0, 1fr);
}

.input-with-button[b-m9s1l141m4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 8px;
    align-items: center;
    min-width: 0;
}

.date-time-grid[b-m9s1l141m4] {
    display: grid;
    grid-template-columns: minmax(140px, 1fr) minmax(72px, .5fr) minmax(72px, .5fr);
    gap: 8px;
    min-width: 0;
}

.activity-options[b-m9s1l141m4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
}

.check-field[b-m9s1l141m4] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

.activity-content-grid[b-m9s1l141m4] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    gap: 14px;
    min-height: 0;
    padding: 0 16px;
    align-items: stretch;
}

.activity-column[b-m9s1l141m4] {
    display: grid;
    gap: 14px;
    min-width: 0;
    min-height: 0;
}

.activity-column--left[b-m9s1l141m4] {
    grid-template-rows: auto minmax(0, 1fr);
}

.activity-column--right[b-m9s1l141m4] {
    grid-template-rows: minmax(0, 1fr);
}

.activity-content-grid.has-tourpoint .activity-column--right[b-m9s1l141m4] {
    grid-template-rows: auto minmax(120px, 1fr);
}

.address-card[b-m9s1l141m4],
.extra-card[b-m9s1l141m4],
.activity-tourpoint-card[b-m9s1l141m4],
.activity-cargo-card[b-m9s1l141m4] {
    min-width: 0;
    min-height: 0;
}

.address-card[b-m9s1l141m4] {
    align-self: start;
}

.extra-card[b-m9s1l141m4] {
    align-self: stretch;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.activity-cargo-card[b-m9s1l141m4] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    padding: 0;
    overflow: hidden;
}

.field-stack[b-m9s1l141m4] {
    display: grid;
    gap: 10px;
    min-height: 0;
}

.form-row[b-m9s1l141m4] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    align-items: center;
    gap: 20px;
}

.form-row--textarea[b-m9s1l141m4] {
    align-items: start;
    min-height: 0;
}

.form-row--textarea .txt-label[b-m9s1l141m4] {
    padding-top: 6px;
}

.split-fields[b-m9s1l141m4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.split-fields--street[b-m9s1l141m4] {
    grid-template-columns: minmax(0, 1fr) minmax(64px, .19fr) minmax(72px, .23fr);
}

.split-fields--three[b-m9s1l141m4] {
    grid-template-columns: minmax(100px, .5fr) minmax(0, 1fr) minmax(86px, .45fr);
}

.activity-location-summary[b-m9s1l141m4] {
    margin-left: 200px;
}

.icon-only-button[b-m9s1l141m4] {
    width: 34px;
    height: 34px;
    padding: 0;
}

.activity-cargo-card[b-m9s1l141m4]  .k-grid {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    height: 100%;
    border-width: 0;
    border-radius: 0;
    min-height: 0;
    overflow: hidden;
}

.activity-cargo-card[b-m9s1l141m4]  .k-grid-header {
    background: #f3f4f6;
}

.activity-cargo-card[b-m9s1l141m4]  .k-grid-aria-root,
.activity-cargo-card[b-m9s1l141m4]  .k-grid-container,
.activity-cargo-card[b-m9s1l141m4]  .k-grid-header,
.activity-cargo-card[b-m9s1l141m4]  .k-grid-header-wrap,
.activity-cargo-card[b-m9s1l141m4]  .k-grid-content {
    max-width: 100%;
    min-width: 0;
}

.activity-actions[b-m9s1l141m4] {
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 12px 16px;
    background-color: var(--color-gray-50);
}

.activity-button[b-m9s1l141m4] {
    min-width: 112px;
    font-weight: 800;
}

.activity-button--primary[b-m9s1l141m4] {
    color: #fff;
    border-color: #0ea5d7;
    background: #0ea5d7;
}

.activity-button--secondary[b-m9s1l141m4] {
    color: #111827;
    border-color: #e5e7eb;
    background: #fff;
}

@media (min-width: 1401px) {
    .extra-card .field-stack[b-m9s1l141m4] {
        align-content: stretch;
    }

    .extra-card .form-row--textarea[b-m9s1l141m4] {
        align-items: stretch;
    }

    .extra-card .form-row--textarea[b-m9s1l141m4]  .k-textarea {
        height: clamp(54px, 6.4dvh, 92px);
        min-height: 54px;
        max-height: 92px;
    }

    .activity-tourpoint-card .form-row--textarea[b-m9s1l141m4] {
        align-items: stretch;
    }

    .activity-tourpoint-card .form-row--textarea[b-m9s1l141m4]  .k-textarea {
        height: clamp(48px, 5.4dvh, 74px);
        min-height: 48px;
        max-height: 74px;
    }

    .form-row--textarea[b-m9s1l141m4]  textarea,
    .form-row--textarea[b-m9s1l141m4]  .k-input-inner {
        height: 100%;
        min-height: 0;
        resize: none;
        overflow: auto;
    }
}

@media (max-width: 1400px) {
    .activity-page[b-m9s1l141m4] {
        display: block;
        height: auto;
        max-height: none;
        min-height: calc(100vh - 40px);
        min-height: calc(100dvh - 40px);
        overflow: visible;
    }

    .activity-layout[b-m9s1l141m4],
    .activity-editor[b-m9s1l141m4] {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .activity-page[b-m9s1l141m4]  .activity-details-form,
    .activity-page[b-m9s1l141m4]  .activity-details-form.k-form,
    .activity-page[b-m9s1l141m4]  .activity-details-form .k-form-fieldset {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .activity-page[b-m9s1l141m4]  .activity-details-form .k-form-fieldset {
        display: grid;
        grid-template-rows: auto auto;
    }

    .activity-content-grid[b-m9s1l141m4] {
        min-height: 0;
    }

    .activity-column[b-m9s1l141m4],
    .activity-column--left[b-m9s1l141m4],
    .activity-column--right[b-m9s1l141m4],
    .activity-content-grid.has-tourpoint .activity-column--right[b-m9s1l141m4] {
        min-height: 0;
    }

    .activity-cargo-card[b-m9s1l141m4] {
        min-height: 260px;
    }

    .form-row--textarea[b-m9s1l141m4]  .k-textarea {
        height: 78px;
        min-height: 78px;
        max-height: 78px;
    }

    .form-row--textarea[b-m9s1l141m4]  textarea,
    .form-row--textarea[b-m9s1l141m4]  .k-input-inner {
        height: 100%;
        min-height: 0;
        resize: vertical;
    }

    .activity-actions[b-m9s1l141m4] {
        position: sticky;
        bottom: 0;
        margin-top: 14px;
        border-top: 1px solid #e5e7eb;
        background: rgba(247, 247, 248, .96);
        backdrop-filter: blur(6px);
    }
}

@media (max-width: 1180px) {
    .activity-page[b-m9s1l141m4] {
        height: auto;
        min-height: calc(100vh - 72px);
        overflow: visible;
    }

    .activity-strip[b-m9s1l141m4] {
        grid-template-columns: auto minmax(220px, 1fr) minmax(280px, 1fr);
    }

    .activity-strip-field--date[b-m9s1l141m4],
    .activity-options[b-m9s1l141m4] {
        grid-column: 2 / -1;
    }

    .activity-options[b-m9s1l141m4] {
        justify-content: flex-start;
    }

    .form-row[b-m9s1l141m4] {
        grid-template-columns: 150px minmax(0, 1fr);
    }

    .activity-location-summary[b-m9s1l141m4] {
        margin-left: 170px;
    }

    .form-row--textarea[b-m9s1l141m4]  .k-textarea {
        height: 78px;
        min-height: 78px;
        max-height: 78px;
    }

    .form-row--textarea[b-m9s1l141m4]  textarea,
    .form-row--textarea[b-m9s1l141m4]  .k-input-inner {
        height: 100%;
        min-height: 0;
        resize: vertical;
    }
}

@media (max-width: 920px) {
    .activity-page[b-m9s1l141m4] {
        display: block;
    }

    .activity-layout[b-m9s1l141m4] {
        grid-template-columns: 1fr;
    }

    .activity-list-panel[b-m9s1l141m4] {
        border-right: 0;
        border-bottom: 1px solid var(--color-gray-200);
        max-height: 260px;
    }

    .activity-title-row[b-m9s1l141m4] {
        align-items: flex-start;
        flex-direction: column;
    }

    .activity-links[b-m9s1l141m4] {
        justify-content: flex-start;
        gap: 14px;
    }

    .activity-strip[b-m9s1l141m4],
    .activity-content-grid[b-m9s1l141m4] {
        grid-template-columns: 1fr;
    }

    .activity-column[b-m9s1l141m4],
    .activity-column--left[b-m9s1l141m4],
    .activity-column--right[b-m9s1l141m4],
    .activity-content-grid.has-tourpoint .activity-column--right[b-m9s1l141m4] {
        grid-template-rows: none;
    }

    .activity-cargo-card[b-m9s1l141m4] {
        min-height: 360px;
    }

    .field-stack[b-m9s1l141m4] {
        overflow-y: visible;
        padding-right: 0;
    }

    .activity-strip-field--date[b-m9s1l141m4],
    .activity-options[b-m9s1l141m4] {
        grid-column: auto;
    }

    .activity-strip[b-m9s1l141m4] {
        gap: 16px;
    }

    .activity-index[b-m9s1l141m4] {
        justify-self: start;
    }

    .activity-actions[b-m9s1l141m4] {
        position: sticky;
        bottom: 0;
        padding: 12px 18px;
    }
}

@media (max-width: 640px) {
    .activity-title-row h5[b-m9s1l141m4] {
        font-size: 1.35rem;
    }

    .activity-strip[b-m9s1l141m4],
    .panel-heading[b-m9s1l141m4],
    .field-stack[b-m9s1l141m4] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .activity-strip-field[b-m9s1l141m4],
    .form-row[b-m9s1l141m4] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .activity-location-summary[b-m9s1l141m4] {
        margin-left: 0;
    }

    .date-time-grid[b-m9s1l141m4],
    .split-fields[b-m9s1l141m4],
    .split-fields--street[b-m9s1l141m4],
    .split-fields--three[b-m9s1l141m4] {
        grid-template-columns: 1fr;
    }

    .activity-options[b-m9s1l141m4] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .activity-actions[b-m9s1l141m4] {
        align-items: stretch;
        flex-direction: column-reverse;
        padding: 12px;
    }

    .activity-button[b-m9s1l141m4] {
        width: 100%;
    }
}
/* _content/eLipsOnline/Components/Pages/DetailPages/ActiviteitDetailsWindow.razor.rz.scp.css */
.activity-page[b-iajvau2qwt] {
    box-sizing: border-box;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    background: var(--color-gray-50);
    color: #111827;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    overflow: hidden;
}

.activity-layout[b-iajvau2qwt] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(300px, 380px) minmax(0, 1fr);
    overflow: hidden;
}

.activity-editor[b-iajvau2qwt] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    overflow: hidden;
}

.activity-page--loading[b-iajvau2qwt] {
    display: grid;
    place-items: center;
}

.activity-page[b-iajvau2qwt]  .activity-details-form,
.activity-page[b-iajvau2qwt]  .activity-details-form.k-form {
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    display: block;
    gap: 0;
    overflow: hidden;
}

.activity-page[b-iajvau2qwt]  .activity-details-form .k-form-fieldset {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 14px;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
}

.activity-page[b-iajvau2qwt]  .activity-details-form .k-form-legend,
.activity-page[b-iajvau2qwt]  .activity-details-form .k-form-buttons {
    display: none;
}

.activity-page[b-iajvau2qwt]  .activity-details-form .k-input,
.activity-page[b-iajvau2qwt]  .activity-details-form .k-picker,
.activity-page[b-iajvau2qwt]  .activity-details-form .k-textarea,
.activity-page[b-iajvau2qwt]  .activity-details-form .k-multicolumncombobox {
    border-color: #dfe3e8;
    border-radius: 4px;
}

.activity-top[b-iajvau2qwt] {
    display: grid;
    gap: 7px;
    padding: 16px 16px 10px 16px;
}

.activity-title-row[b-iajvau2qwt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 5px;
}

.activity-links[b-iajvau2qwt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
}

.activity-link-button[b-iajvau2qwt] {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.activity-link-button:hover[b-iajvau2qwt] {
    color: var(--color-primary-700);
}

.activity-panel[b-iajvau2qwt] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
    padding: 18px;
}

.activity-strip[b-iajvau2qwt] {
    display: grid;
    grid-template-columns: auto minmax(150px, 0.8fr) minmax(150px, 1.0fr) minmax(450px, 1.6fr);
    align-items: center;
    gap: 28px;
    padding: 15px 22px;
}

.activity-index[b-iajvau2qwt] {
    display: grid;
    place-items: center;
    min-width: 30px;
    height: 30px;
    padding: 0 12px;
    border-radius: 6px;
    background: #f3f4f6;
    font-size: 1rem;
    font-weight: 600;
}

.activity-index.activity-status--purple[b-iajvau2qwt],
.detail-list-item__icon.activity-status--purple[b-iajvau2qwt] {
    color: #6f42c1;
    background: #f1e7ff;
    border: 1px solid #6f42c1;
}

.activity-index.activity-status--orange[b-iajvau2qwt],
.detail-list-item__icon.activity-status--orange[b-iajvau2qwt] {
    color: #e67e22;
    background: #fff0dc;
    border: 1px solid #ffd8a8;
}

.activity-index.activity-status--green[b-iajvau2qwt],
.detail-list-item__icon.activity-status--green[b-iajvau2qwt] {
    color: #198754;
    background: #dff5e7;
    border: 1px solid #a9dfbf;
}

.activity-index.activity-status--red[b-iajvau2qwt],
.detail-list-item__icon.activity-status--red[b-iajvau2qwt] {
    color: #dc3545;
    background: #fde2e2;
    border: 1px solid #f5b5b9;
}

.activity-index.activity-status--default[b-iajvau2qwt],
.detail-list-item__icon.activity-status--default[b-iajvau2qwt] {
    color: #5f6368;
    background: #f1f3f4;
    border: 1px solid #d6d9dc;
}

.activity-strip-field[b-iajvau2qwt] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.activity-strip-field--date[b-iajvau2qwt] {
    grid-template-columns: auto minmax(0, 1fr);
}

.input-with-button[b-iajvau2qwt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 8px;
    align-items: center;
    min-width: 0;
}

.date-time-grid[b-iajvau2qwt] {
    display: grid;
    grid-template-columns: minmax(140px, 1fr) minmax(72px, .5fr) minmax(72px, .5fr);
    gap: 8px;
    min-width: 0;
}

.activity-options[b-iajvau2qwt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
}

.check-field[b-iajvau2qwt] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

.activity-content-grid[b-iajvau2qwt] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    gap: 10px;
    min-height: 0;
    padding: 0 16px 16px 16px;
    align-items: stretch;
    overflow-y: auto;
    overflow-x: hidden;
}

.activity-column[b-iajvau2qwt] {
    display: grid;
    gap: 10px;
    min-width: 0;
    min-height: 0;
}

.activity-column--left[b-iajvau2qwt] {
    grid-template-rows: auto minmax(0, 1fr);
}

.activity-column--right[b-iajvau2qwt] {
    grid-template-rows: minmax(0, 1fr);
}

.activity-content-grid.has-tourpoint .activity-column--right[b-iajvau2qwt] {
    grid-template-rows: auto minmax(120px, 1fr);
}

.address-card[b-iajvau2qwt],
.extra-card[b-iajvau2qwt],
.activity-tourpoint-card[b-iajvau2qwt],
.activity-cargo-card[b-iajvau2qwt] {
    min-width: 0;
    min-height: 0;
}

.address-card[b-iajvau2qwt] {
    align-self: start;
}

.extra-card[b-iajvau2qwt] {
    align-self: stretch;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.activity-cargo-card[b-iajvau2qwt] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    padding: 0;
    overflow: hidden;
}

.field-stack[b-iajvau2qwt] {
    display: grid;
    gap: 10px;
    min-height: 0;
}

.form-row[b-iajvau2qwt] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    align-items: center;
    gap: 20px;
}

.form-row--textarea[b-iajvau2qwt] {
    align-items: start;
    min-height: 0;
}

.form-row--textarea .txt-label[b-iajvau2qwt] {
    padding-top: 6px;
}

.split-fields[b-iajvau2qwt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.split-fields--street[b-iajvau2qwt] {
    grid-template-columns: minmax(0, 1fr) minmax(64px, .19fr) minmax(72px, .23fr);
}

.split-fields--three[b-iajvau2qwt] {
    grid-template-columns: minmax(100px, .5fr) minmax(0, 1fr) minmax(86px, .45fr);
}

.activity-location-summary[b-iajvau2qwt] {
    margin-left: 200px;
}

.icon-only-button[b-iajvau2qwt] {
    width: 34px;
    height: 34px;
    padding: 0;
}

.activity-cargo-card[b-iajvau2qwt]  .k-grid {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    height: 100%;
    border-width: 0;
    border-radius: 0;
    min-height: 0;
    overflow: hidden;
}

.activity-cargo-card[b-iajvau2qwt]  .k-grid-header {
    background: #f3f4f6;
}

.activity-cargo-card[b-iajvau2qwt]  .k-grid-aria-root,
.activity-cargo-card[b-iajvau2qwt]  .k-grid-container,
.activity-cargo-card[b-iajvau2qwt]  .k-grid-header,
.activity-cargo-card[b-iajvau2qwt]  .k-grid-header-wrap,
.activity-cargo-card[b-iajvau2qwt]  .k-grid-content {
    max-width: 100%;
    min-width: 0;
}

.activity-actions[b-iajvau2qwt] {
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 12px 16px;
    background-color: var(--color-gray-50);
}

.activity-button[b-iajvau2qwt] {
    min-width: 112px;
    font-weight: 800;
}

.activity-button--primary[b-iajvau2qwt] {
    color: #fff;
    border-color: #0ea5d7;
    background: #0ea5d7;
}

.activity-button--secondary[b-iajvau2qwt] {
    color: #111827;
    border-color: #e5e7eb;
    background: #fff;
}

@media (min-width: 1401px) {
    .extra-card .field-stack[b-iajvau2qwt] {
        align-content: stretch;
    }

    .extra-card .form-row--textarea[b-iajvau2qwt] {
        align-items: stretch;
    }

    .extra-card .form-row--textarea[b-iajvau2qwt]  .k-textarea {
        height: clamp(54px, 6.4dvh, 92px);
        min-height: 54px;
        max-height: 92px;
    }

    .activity-tourpoint-card .form-row--textarea[b-iajvau2qwt] {
        align-items: stretch;
    }

    .activity-tourpoint-card .form-row--textarea[b-iajvau2qwt]  .k-textarea {
        height: clamp(48px, 5.4dvh, 74px);
        min-height: 48px;
        max-height: 74px;
    }

    .form-row--textarea[b-iajvau2qwt]  textarea,
    .form-row--textarea[b-iajvau2qwt]  .k-input-inner {
        height: 100%;
        min-height: 0;
        resize: none;
        overflow: auto;
    }
}

@media (max-width: 1600px) {
    .activity-editor[b-iajvau2qwt] {
        display: block;
        height: 100%;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .activity-page[b-iajvau2qwt]  .activity-details-form,
    .activity-page[b-iajvau2qwt]  .activity-details-form.k-form,
    .activity-page[b-iajvau2qwt]  .activity-details-form .k-form-fieldset {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .activity-page[b-iajvau2qwt]  .activity-details-form .k-form-fieldset {
        display: block;
    }

    .activity-strip[b-iajvau2qwt] {
        grid-template-columns: auto minmax(220px, 1fr) minmax(280px, 1fr);
        column-gap: 20px;
        row-gap: 14px;
    }

    .activity-strip-field--date[b-iajvau2qwt] {
        grid-column: 2 / -1;
    }

    .activity-content-grid[b-iajvau2qwt] {
        align-items: start;
        overflow: visible;
    }

    .activity-column--left[b-iajvau2qwt],
    .activity-column--right[b-iajvau2qwt],
    .activity-content-grid.has-tourpoint .activity-column--right[b-iajvau2qwt] {
        grid-template-rows: auto;
    }

    .activity-cargo-card[b-iajvau2qwt] {
        min-height: 360px;
    }
}

@media (max-width: 1400px) {
    .activity-page[b-iajvau2qwt] {
        display: grid;
        height: 100%;
        max-height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .activity-layout[b-iajvau2qwt] {
        height: 100%;
        max-height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .activity-editor[b-iajvau2qwt] {
        display: block;
        height: 100%;
        max-height: 100%;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .activity-page[b-iajvau2qwt]  .activity-details-form,
    .activity-page[b-iajvau2qwt]  .activity-details-form.k-form,
    .activity-page[b-iajvau2qwt]  .activity-details-form .k-form-fieldset {
        height: auto;
        max-height: none;
        min-height: 0;
        overflow: visible;
    }

    .activity-page[b-iajvau2qwt]  .activity-details-form .k-form-fieldset {
        display: block;
    }

    .activity-content-grid[b-iajvau2qwt] {
        min-height: 0;
        overflow: visible;
    }

    .activity-column[b-iajvau2qwt],
    .activity-column--left[b-iajvau2qwt],
    .activity-column--right[b-iajvau2qwt],
    .activity-content-grid.has-tourpoint .activity-column--right[b-iajvau2qwt] {
        min-height: 0;
    }

    .activity-cargo-card[b-iajvau2qwt] {
        min-height: 260px;
    }

    .form-row--textarea[b-iajvau2qwt]  .k-textarea {
        height: 78px;
        min-height: 78px;
        max-height: 78px;
    }

    .form-row--textarea[b-iajvau2qwt]  textarea,
    .form-row--textarea[b-iajvau2qwt]  .k-input-inner {
        height: 100%;
        min-height: 0;
        resize: vertical;
    }

    .activity-actions[b-iajvau2qwt] {
        position: sticky;
        bottom: 0;
        margin-top: 14px;
        border-top: 1px solid #e5e7eb;
        background: rgba(247, 247, 248, .96);
        backdrop-filter: blur(6px);
    }
}

@media (max-width: 1180px) {
    .activity-page[b-iajvau2qwt] {
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .activity-options[b-iajvau2qwt] {
        justify-content: flex-start;
    }

    .form-row[b-iajvau2qwt] {
        grid-template-columns: 150px minmax(0, 1fr);
    }

    .activity-location-summary[b-iajvau2qwt] {
        margin-left: 170px;
    }

    .form-row--textarea[b-iajvau2qwt]  .k-textarea {
        height: 78px;
        min-height: 78px;
        max-height: 78px;
    }

    .form-row--textarea[b-iajvau2qwt]  textarea,
    .form-row--textarea[b-iajvau2qwt]  .k-input-inner {
        height: 100%;
        min-height: 0;
        resize: vertical;
    }
}

@media (max-width: 1025px) {
    .activity-page[b-iajvau2qwt] {
        display: grid;
    }

    .activity-layout[b-iajvau2qwt] {
        grid-template-columns: 1fr;
    }

    .activity-layout > .detail-list-panel[b-iajvau2qwt] {
        display: none;
    }

    .activity-title-row[b-iajvau2qwt] {
        align-items: flex-start;
        flex-direction: column;
    }

    .activity-links[b-iajvau2qwt] {
        justify-content: flex-start;
        gap: 14px;
    }

    .activity-strip[b-iajvau2qwt],
    .activity-content-grid[b-iajvau2qwt] {
        grid-template-columns: 1fr;
        padding-bottom: 20px;
    }

    .activity-column[b-iajvau2qwt],
    .activity-column--left[b-iajvau2qwt],
    .activity-column--right[b-iajvau2qwt],
    .activity-content-grid.has-tourpoint .activity-column--right[b-iajvau2qwt] {
        grid-template-rows: none;
    }

    .activity-cargo-card[b-iajvau2qwt] {
        min-height: 360px;
    }

    .field-stack[b-iajvau2qwt] {
        overflow-y: visible;
        padding-right: 0;
    }

    .activity-strip-field--date[b-iajvau2qwt],
    .activity-options[b-iajvau2qwt] {
        grid-column: auto;
    }

    .activity-strip[b-iajvau2qwt] {
        gap: 16px;
    }

    .activity-index[b-iajvau2qwt] {
        justify-self: start;
    }

    .activity-actions[b-iajvau2qwt] {
        position: sticky;
        bottom: 0;
        padding: 12px 18px;
    }
}

@media (max-width: 640px) {
    .activity-title-row h5[b-iajvau2qwt] {
        font-size: 1.35rem;
    }

    .activity-strip[b-iajvau2qwt],
    .panel-heading[b-iajvau2qwt],
    .field-stack[b-iajvau2qwt] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .activity-strip-field[b-iajvau2qwt],
    .form-row[b-iajvau2qwt] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .activity-location-summary[b-iajvau2qwt] {
        margin-left: 0;
    }

    .date-time-grid[b-iajvau2qwt],
    .split-fields[b-iajvau2qwt],
    .split-fields--street[b-iajvau2qwt],
    .split-fields--three[b-iajvau2qwt] {
        grid-template-columns: 1fr;
    }

    .activity-options[b-iajvau2qwt] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .activity-actions[b-iajvau2qwt] {
        align-items: stretch;
        flex-direction: column-reverse;
        padding: 12px;
    }

    .activity-button[b-iajvau2qwt] {
        width: 100%;
    }
}
/* _content/eLipsOnline/Components/Pages/DetailPages/LadingDetails.razor.rz.scp.css */
.lading-page[b-yqo4g9l4sd] {
    box-sizing: border-box;
    height: auto;
    max-height: calc(100vh - 126px);
    min-height: 0;
    overflow: auto;
}

.lading-page--loading[b-yqo4g9l4sd] {
    display: grid;
    place-items: center;
}

.lading-page-title[b-yqo4g9l4sd] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lading-top[b-yqo4g9l4sd] {
    padding: 12px 22px 12px;
}

.lading-title-row[b-yqo4g9l4sd] {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 18px;
}

.lading-links[b-yqo4g9l4sd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 28px;
}

.lading-link-button[b-yqo4g9l4sd] {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.lading-link-button:hover[b-yqo4g9l4sd] {
    color: var(--color-primary-700);
}

.lading-content-grid[b-yqo4g9l4sd] {
    min-height: 0;
    padding: 0 22px 18px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    overflow: visible;
}

.lading-column[b-yqo4g9l4sd] {
    min-width: 0;
    display: grid;
    gap: 10px;
}

/*@media (min-width: 981px) {
    .lading-content-grid > .lading-column:first-child {
        margin-top: -21px;
    }
}*/

.lading-panel[b-yqo4g9l4sd] {
    min-width: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .04);
    padding: 18px 22px;
}

/*.lading-product-card {
    min-height: 344px;
}*/

.lading-t1-card[b-yqo4g9l4sd] {
    min-height: 294px;
}

.lading-document-card[b-yqo4g9l4sd] {
    min-height: 270px;
}

.lading-seals-card[b-yqo4g9l4sd],
.lading-customs-card[b-yqo4g9l4sd] {
    min-height: 0;
}

.lading-panel-heading[b-yqo4g9l4sd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

.lading-panel-heading .form-box-label[b-yqo4g9l4sd] {
    margin-bottom: 0;
}

.lading-field-stack[b-yqo4g9l4sd] {
    display: grid;
    gap: 12px;
    min-height: 0;
}

.lading-form-row[b-yqo4g9l4sd] {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    align-items: center;
    gap: 20px;
    min-width: 0;
}

.lading-form-row--compact[b-yqo4g9l4sd] {
    grid-template-columns: 160px minmax(110px, 1fr);
}

.lading-form-row--summary[b-yqo4g9l4sd] {
    align-items: start;
}

.lading-two-col-fields[b-yqo4g9l4sd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px 30px;
}

.lading-seal-grid[b-yqo4g9l4sd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px 42px;
}

.lading-seal-grid .lading-form-row--compact[b-yqo4g9l4sd] {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 14px;
}

.lading-customs-row[b-yqo4g9l4sd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px 42px;
    align-items: center;
}

.lading-customs-field[b-yqo4g9l4sd] {
    display: grid;
    grid-template-columns: 112px minmax(120px, 1fr);
    align-items: center;
    gap: 0px;
    min-width: 0;
}

.lading-split-fields[b-yqo4g9l4sd] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.lading-split-fields--value[b-yqo4g9l4sd] {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 8px 12px;
}

.lading-checks[b-yqo4g9l4sd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 42px;
    padding-top: 8px;
    margin-left: 0;
}

.lading-t1-check[b-yqo4g9l4sd] {
    padding-top: 0;
    justify-self: auto;
}

.check-field[b-yqo4g9l4sd] {
    display: inline-flex;
    align-items: center;
    gap: 0px;
    white-space: nowrap;
}

.lading-summary-field[b-yqo4g9l4sd] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.lading-address-placeholder[b-yqo4g9l4sd] {
    display: grid;
    gap: 4px;
    padding-left: 0;
    line-height: 1.35;
}

.lading-actions[b-yqo4g9l4sd] {
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    width: 100%;
}

.lading-button[b-yqo4g9l4sd] {
    min-width: 112px;
    font-weight: 800;
}

.lading-button--primary[b-yqo4g9l4sd] {
    color: #fff;
    border-color: #0ea5d7;
    background: #0ea5d7;
}

@media (max-width: 1400px) {
    .lading-page[b-yqo4g9l4sd] {
        display: block;
        height: auto;
        max-height: calc(100vh - 126px);
        overflow: auto;
    }

    [b-yqo4g9l4sd] .lading-window .k-window-content {
        overflow: auto;
    }

    .lading-page[b-yqo4g9l4sd]  .lading-details-form,
    .lading-page[b-yqo4g9l4sd]  .lading-details-form.k-form,
    .lading-page[b-yqo4g9l4sd]  .lading-details-form .k-form-fieldset {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .lading-content-grid[b-yqo4g9l4sd] {
        overflow: visible;
    }

    .lading-actions[b-yqo4g9l4sd] {
        background: rgba(247, 247, 248, .96);
    }
}

@media (max-width: 1280px) {
    .lading-content-grid[b-yqo4g9l4sd] {
        gap: 12px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .lading-panel[b-yqo4g9l4sd] {
        padding: 16px 18px;
    }

    .lading-form-row[b-yqo4g9l4sd],
    .lading-form-row--compact[b-yqo4g9l4sd] {
        grid-template-columns: 170px minmax(0, 1fr);
        gap: 14px;
    }

    .lading-two-col-fields[b-yqo4g9l4sd],
    .lading-customs-row[b-yqo4g9l4sd] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .lading-customs-field[b-yqo4g9l4sd] {
        grid-template-columns: 170px minmax(0, 1fr);
        gap: 14px;
    }

    .lading-product-card[b-yqo4g9l4sd],
    .lading-t1-card[b-yqo4g9l4sd],
    .lading-document-card[b-yqo4g9l4sd] {
        min-height: 0;
    }
}

@media (max-width: 1180px) {
    .lading-form-row[b-yqo4g9l4sd],
    .lading-form-row--compact[b-yqo4g9l4sd] {
        grid-template-columns: 170px minmax(0, 1fr);
    }

    .lading-two-col-fields[b-yqo4g9l4sd] {
        gap: 18px;
    }

    .lading-seal-grid[b-yqo4g9l4sd],
    .lading-customs-row[b-yqo4g9l4sd] {
        gap: 24px;
    }

    .lading-customs-field[b-yqo4g9l4sd] {
        grid-template-columns: 170px minmax(0, 1fr);
    }
}

@media (max-width: 980px) {
    .lading-title-row[b-yqo4g9l4sd] {
        align-items: flex-start;
        flex-direction: column;
    }

    .lading-links[b-yqo4g9l4sd] {
        justify-content: flex-start;
        gap: 14px;
    }

    .lading-content-grid[b-yqo4g9l4sd] {
        grid-template-columns: 1fr;
    }

    .lading-panel-heading[b-yqo4g9l4sd] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 680px) {
    .lading-top[b-yqo4g9l4sd] {
        padding: 18px 14px 8px;
    }

    .lading-content-grid[b-yqo4g9l4sd] {
        padding: 0 14px 16px;
    }

    .lading-panel[b-yqo4g9l4sd] {
        padding: 16px 14px;
    }

    .lading-form-row[b-yqo4g9l4sd],
    .lading-form-row--compact[b-yqo4g9l4sd],
    .lading-seal-grid[b-yqo4g9l4sd],
    .lading-seal-grid .lading-form-row--compact[b-yqo4g9l4sd],
    .lading-customs-row[b-yqo4g9l4sd],
    .lading-customs-field[b-yqo4g9l4sd],
    .lading-two-col-fields[b-yqo4g9l4sd],
    .lading-split-fields--value[b-yqo4g9l4sd] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .lading-checks[b-yqo4g9l4sd] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .lading-actions[b-yqo4g9l4sd] {
        align-items: stretch;
        flex-direction: column-reverse;
        padding: 12px;
    }

    .lading-button[b-yqo4g9l4sd] {
        width: 100%;
    }
}
/* _content/eLipsOnline/Components/Pages/DetailPages/LadingDetailsOld.razor.rz.scp.css */

.form-actions[b-wm9gmoni5y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    border-top: 1px solid #ccc;
    background-color: #f0f0f0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.form-actions-left[b-wm9gmoni5y], .form-actions-right[b-wm9gmoni5y] {
    display: flex;
    gap: 10px;
}

.page-layout[b-wm9gmoni5y] {
    display: grid;
    grid-template-rows: 90% 10%; /* of bijv. 70% 30% */
    height: calc(100vh - 60px); /* -60px als je rekening houdt met header of knoppen */
}

.page-top[b-wm9gmoni5y] {
    overflow: auto; /* zodat je kan scrollen in de tab inhoud */
}

.page-bottom[b-wm9gmoni5y] {
    overflow: auto; /* zodat de grid netjes scrollt */
}

/* Binnen elke kolom: label + input */
.form-two-col[b-wm9gmoni5y] {
    display: grid;
    grid-template-columns: 150px 1fr; /* label + veld */
    gap: 6px 12px;
    align-items: center;
}

    .form-two-col label[b-wm9gmoni5y] {
        font-size: 0.9rem;
    }

.form-columns[b-wm9gmoni5y] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 32px;
    padding: 0 16px;
}

.remove-button[b-wm9gmoni5y] {
    background-color: #9c1818; /* Red background */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 20px 2px;
    cursor: pointer;
    border-radius: 50%; /* Circular button */
    width: 28px; /* Fixed width */
    height: 28px; /* Fixed height */
    line-height: 20px; /* Match the height to vertically center the '-' */
    padding: 0; /* Reset padding */
    font-weight: bold;
}

    .remove-button:hover[b-wm9gmoni5y] {
        background-color: #601515; /* Darker shade of red */
    }


.section-panel[b-wm9gmoni5y] {
    border: 1px solid #ccc;
    padding: 12px;
    border-radius: 4px;
    background: #fafafa;
}

.section-title[b-wm9gmoni5y] {
    font-weight: 600;
    margin-top: -8px;
    margin-bottom: 12px;
    background: #fafafa;
    display: inline-block;
    padding: 0 4px;
    font-size: 0.95rem;
}

.section-grid-2col[b-wm9gmoni5y] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
}

.section-inner-two-col[b-wm9gmoni5y] {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 6px 12px;
    align-items: center;
}

.section-fullwidth[b-wm9gmoni5y] {
    grid-column: span 2 !important;
}

.section-grid-4col[b-wm9gmoni5y] {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    gap: 16px 24px;
}

.section-inner-one-col[b-wm9gmoni5y] {
    display: flex;
    flex-direction: column;
}

.section-title-document[b-wm9gmoni5y] {
    font-weight: 600;
    background: #fafafa;
    display: inline-block;
    padding: 0 4px;
    font-size: 0.95rem;
}
/* _content/eLipsOnline/Components/Pages/DetailPages/OrderDetails - Copy.razor.rz.scp.css */

.form-actions[b-7oy04lafek] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    border-top: 1px solid #ccc;
    background-color: #f0f0f0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.form-actions-left[b-7oy04lafek], .form-actions-right[b-7oy04lafek] {
    display: flex;
    gap: 10px;
}

.page-layout[b-7oy04lafek] {
    display: grid;
    grid-template-rows: 50% 50%; /* of bijv. 70% 30% */
    height: calc(100vh - 60px); /* -60px als je rekening houdt met header of knoppen */
}

.page-top[b-7oy04lafek] {
    position: relative;
    overflow: auto; /* zodat je kan scrollen in de tab inhoud */
}

.page-bottom[b-7oy04lafek] {
    overflow: auto; /* zodat de grid netjes scrollt */
}

/* Binnen elke kolom: label + input */
.form-two-col[b-7oy04lafek] {
    display: grid;
    grid-template-columns: 150px 1fr; /* label + veld */
    gap: 6px 12px;
    align-items: center;
}

    .form-two-col label[b-7oy04lafek] {
        font-size: 0.9rem;
    }

/* Orders-tab: 2 kolommen, elk met label+veld-grid */
.form-columns[b-7oy04lafek] {
    display: grid;
    grid-template-columns: auto auto auto; /* links/rechts/bijlagen kolom */
    gap: 16px 32px;
    padding-right: 16px;
    box-sizing: border-box;
    width: 50%;
}

/* dropzone style */
.drop-zone[b-7oy04lafek] {
    max-height: 290px; /* vaste hoogte */
    overflow-y: auto;
    min-width: 1050px;
    border: 2px dashed #bbb;
    border-radius: 6px;
    padding: 20px;
    text-align: center;
    color: #666;
    font-size: 0.9rem;
    cursor: pointer;
    background: #fafafa;
}

    .drop-zone.hover[b-7oy04lafek] {
        border-color: #007bff;
        color: #007bff;
        background: #f0f8ff;
    }

.remove-button[b-7oy04lafek] {
    background-color: #9c1818; /* Red background */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 20px 2px;
    cursor: pointer;
    border-radius: 50%; /* Circular button */
    width: 28px; /* Fixed width */
    height: 28px; /* Fixed height */
    line-height: 20px; /* Match the height to vertically center the '-' */
    padding: 0; /* Reset padding */
    font-weight: bold;
}

    .remove-button:hover[b-7oy04lafek] {
        background-color: #601515; /* Darker shade of red */
    }

/* zachte overgang */
.rz-dropdown[b-7oy04lafek],
.rz-dropdown-data-grid[b-7oy04lafek] {
    transition: box-shadow .15s ease, border-color .15s ease;
}

    /* FOCUS via :has() (Chrome, Edge, Safari, Opera) */
    .rz-dropdown-data-grid:has(.rz-inputtext:focus)[b-7oy04lafek],
    .rz-dropdown:has(.rz-inputtext:focus)[b-7oy04lafek] {
        border: 20px solid #0078d7 !important;
        box-shadow: 0 0 0 3px rgba(0,120,215,.25) !important;
        background-color: #f0f9ff !important;
    }

    /* fallback voor browsers zonder :has() (optioneel, minder precies) */
    .rz-dropdown-data-grid.rz-state-focus[b-7oy04lafek],
    .rz-dropdown.rz-state-focus[b-7oy04lafek] {
        border: 20px solid #0078d7 !important;
        box-shadow: 0 0 0 3px rgba(0,120,215,.25) !important;
        background-color: #f0f9ff !important;
    }

/* _content/eLipsOnline/Components/Pages/DetailPages/OrderDetails.razor.rz.scp.css */
html[b-9ak4jwwnow], body[b-9ak4jwwnow], #app[b-9ak4jwwnow] {
    height: 100%;
    margin: 0;
}

*[b-9ak4jwwnow],
*[b-9ak4jwwnow]::before,
*[b-9ak4jwwnow]::after {
    box-sizing: border-box;
}

.split-page[b-9ak4jwwnow] {
    height: 100dvh;
    display: grid;
    grid-template-rows: 1fr 1fr;
    overflow: hidden;
    background-color: var(--color-gray-50);
}

.split-panel[b-9ak4jwwnow] {
    min-height: 0;
    overflow: hidden;
}

/* TOP */
.top-shell[b-9ak4jwwnow],
.bottom-shell[b-9ak4jwwnow] {
    height: 100%;
    min-height: 0;
    display: grid;
    gap: 10px;
    overflow: hidden;
}

.top-shell[b-9ak4jwwnow] {
    grid-template-rows: auto 1fr;
    padding: 8px;
}

.bottom-shell[b-9ak4jwwnow] {
    grid-template-rows: auto 1fr auto;
    background-color: var(--color-gray-50);
    padding: 5px 16px 16px 16px;
}

.page-title[b-9ak4jwwnow] {
    margin: 0;
    padding: 8px 8px 0 8px;
}

.page-title-bottom[b-9ak4jwwnow] {
    margin: 0;
    padding: 8px 8px 0 0;
}

.top-content[b-9ak4jwwnow] {
    min-height: 0;
    overflow: hidden;
}

.detail-tabstrip[b-9ak4jwwnow] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

    /* Telerik TabStrip interne wrappers */
    .detail-tabstrip .k-tabstrip[b-9ak4jwwnow],
    .detail-tabstrip .k-tabstrip-content[b-9ak4jwwnow],
    .detail-tabstrip .k-content[b-9ak4jwwnow] {
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

.tab-pane-fill[b-9ak4jwwnow] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.tab-pane-scroll[b-9ak4jwwnow] {
    overflow: auto;
}

/* FORM TAB */
.form-scroll[b-9ak4jwwnow] {
    height: 100%;
    min-height: 0;
    padding: 20px;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.order-layout[b-9ak4jwwnow] {
    min-height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(280px, 0.9fr);
    gap: 40px;
    align-items: start;
}

.form-column[b-9ak4jwwnow] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.form-pair[b-9ak4jwwnow] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
}

    .form-pair > label[b-9ak4jwwnow] {
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

    .form-pair > *:last-child[b-9ak4jwwnow] {
        min-width: 0;
    }

/* GRID TAB */
.grid-host[b-9ak4jwwnow] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.card[b-9ak4jwwnow] {
    padding: 12px;
    border-radius: 8px;
    background: #e9ecef;
    margin-bottom: 12px;
}

/* Bottom */
.bottom-content[b-9ak4jwwnow] {
    min-height: 0;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.bottom-actionbar[b-9ak4jwwnow] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 10px;
    background-color: var(--color-gray-50);
    flex-shrink: 0;
}

.bottom-actionbar__left[b-9ak4jwwnow],
.bottom-actionbar__right[b-9ak4jwwnow] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bottom-actionbar__right[b-9ak4jwwnow] {
    justify-content: flex-end;
}

/* Responsive */
@media (max-width: 1400px) {
    .order-layout[b-9ak4jwwnow] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 900px) {
    .split-page[b-9ak4jwwnow] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100dvh !important;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .top-panel[b-9ak4jwwnow],
    .bottom-panel[b-9ak4jwwnow] {
        display: block;
    }

    .split-panel[b-9ak4jwwnow],
    .top-shell[b-9ak4jwwnow],
    .bottom-shell[b-9ak4jwwnow],
    .top-content[b-9ak4jwwnow],
    .bottom-content[b-9ak4jwwnow],
    .detail-tabstrip[b-9ak4jwwnow],
    .detail-tabstrip .k-tabstrip[b-9ak4jwwnow],
    .detail-tabstrip .k-tabstrip-content[b-9ak4jwwnow],
    .detail-tabstrip .k-content[b-9ak4jwwnow],
    .detail-tabstrip[b-9ak4jwwnow]  .k-tabstrip,
    .detail-tabstrip[b-9ak4jwwnow]  .k-tabstrip-content,
    .detail-tabstrip[b-9ak4jwwnow]  .k-content,
    .tab-pane-fill[b-9ak4jwwnow],
    .form-scroll[b-9ak4jwwnow],
    .grid-host[b-9ak4jwwnow] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .order-layout[b-9ak4jwwnow] {
        grid-template-columns: 1fr;
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }

    .form-pair[b-9ak4jwwnow] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .detail-tabstrip[b-9ak4jwwnow]  .k-tabstrip-items-wrapper {
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .detail-tabstrip[b-9ak4jwwnow]  .k-tabstrip-items {
        width: max-content;
        max-width: none;
    }

    .bottom-content[b-9ak4jwwnow] {
        overflow-x: auto !important;
        min-height: 220px;
    }

    .bottom-content[b-9ak4jwwnow]  .k-grid {
        height: auto !important;
        min-height: 220px;
        max-width: 100%;
    }

    .grid-host[b-9ak4jwwnow] {
        min-height: 250px;
    }

        .grid-host[b-9ak4jwwnow]  .k-grid {
            min-height: 250px;
        }

        .grid-host[b-9ak4jwwnow]  .k-grid-content {
            min-height: 250px;
        }
}

@media (max-width: 600px) {
    .top-shell[b-9ak4jwwnow] {
        padding: 0px;
        gap: 8px;
    }

    .bottom-shell[b-9ak4jwwnow] {
        padding: 8px;
        gap: 8px;
    }

    .page-title[b-9ak4jwwnow] {
        padding: 20px 8px 0px 8px;
    }

    .page-title-bottom[b-9ak4jwwnow] {
        padding-left: 0;
        padding-right: 0;
    }

    .form-scroll[b-9ak4jwwnow] {
        padding: 14px 12px;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
    }

    .order-layout[b-9ak4jwwnow] {
        gap: 22px;
    }

    .form-pair[b-9ak4jwwnow],
    .form-pair > *[b-9ak4jwwnow] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .form-scroll[b-9ak4jwwnow]  .k-input,
    .form-scroll[b-9ak4jwwnow]  .k-input-inner,
    .form-scroll[b-9ak4jwwnow]  .k-picker,
    .form-scroll[b-9ak4jwwnow]  .k-textbox,
    .form-scroll[b-9ak4jwwnow]  .k-dropdownlist,
    .form-scroll[b-9ak4jwwnow]  .k-combobox,
    .form-scroll[b-9ak4jwwnow]  .k-multicolumncombobox,
    .form-scroll[b-9ak4jwwnow]  .k-datepicker,
    .form-scroll[b-9ak4jwwnow]  .k-upload,
    .form-scroll[b-9ak4jwwnow]  .k-upload .k-dropzone {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .form-scroll[b-9ak4jwwnow]  .k-upload .k-dropzone {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .form-scroll[b-9ak4jwwnow]  .k-dropzone-hint {
        display: none;
    }

    .form-scroll[b-9ak4jwwnow]  .k-upload-files,
    .form-scroll[b-9ak4jwwnow]  .k-file {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .form-scroll[b-9ak4jwwnow]  .k-file-name,
    .form-scroll[b-9ak4jwwnow]  .k-file-info {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .form-scroll[b-9ak4jwwnow]  .k-file-actions {
        flex-shrink: 0;
    }

    .detail-tabstrip[b-9ak4jwwnow]  .k-tabstrip-items-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .detail-tabstrip[b-9ak4jwwnow]  .k-tabstrip-items {
        width: max-content;
        max-width: none;
        flex-wrap: nowrap;
    }

    .detail-tabstrip[b-9ak4jwwnow]  .k-tabstrip-item {
        flex: 0 0 auto;
    }

    .bottom-actionbar[b-9ak4jwwnow] {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        padding-bottom: 12px;
    }

    .bottom-actionbar__left[b-9ak4jwwnow],
    .bottom-actionbar__right[b-9ak4jwwnow] {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .bottom-actionbar__right .me-5[b-9ak4jwwnow],
    .bottom-actionbar__right[b-9ak4jwwnow]  .me-5 {
        margin-right: 0 !important;
    }

    .bottom-actionbar[b-9ak4jwwnow]  .btn-lg {
        padding: 6px 10px;
        font-size: 14px;
    }
}

.attachment-title[b-9ak4jwwnow] {
    margin-bottom: 10px;
}
/* _content/eLipsOnline/Components/Pages/DetailPages/OrderDetailsWindow.razor.rz.scp.css */
html[b-c81e4620zj], body[b-c81e4620zj], #app[b-c81e4620zj] {
    height: 100%;
    margin: 0;
}

*[b-c81e4620zj],
*[b-c81e4620zj]::before,
*[b-c81e4620zj]::after {
    box-sizing: border-box;
}

.split-page[b-c81e4620zj] {
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: clamp(460px, 58vh, 480px) minmax(180px, 1fr);
/*    gap: 10px;*/
    overflow: hidden;
    background-color: var(--color-gray-50);
}

.split-panel[b-c81e4620zj] {
    min-height: 0;
    overflow: hidden;
}

.top-panel[b-c81e4620zj] {
    height: 100%;
    min-height: 0;
}

/* TOP */
.top-shell[b-c81e4620zj],
.bottom-shell[b-c81e4620zj] {
    min-height: 0;
    display: grid;
    gap: 10px;
    overflow: hidden;
}

.top-shell[b-c81e4620zj] {
    height: 100%;
    grid-template-rows: minmax(0, 1fr);
    padding: 8px;
}

.bottom-shell[b-c81e4620zj] {
    height: 100%;
    background-color: var(--color-gray-50);
    padding: 5px 16px 16px 16px;
}

.page-title[b-c81e4620zj] {
    margin: 0;
    padding: 8px 8px 0 8px;
}

.page-title-bottom[b-c81e4620zj] {
    margin: 0;
    padding: 0px 8px 0 0;
}

.top-content[b-c81e4620zj] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.detail-tabstrip[b-c81e4620zj] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

    /* Telerik TabStrip interne wrappers */
    .detail-tabstrip .k-tabstrip[b-c81e4620zj],
    .detail-tabstrip .k-tabstrip-content[b-c81e4620zj],
    .detail-tabstrip .k-content[b-c81e4620zj],
    .detail-tabstrip[b-c81e4620zj]  .k-tabstrip,
    .detail-tabstrip[b-c81e4620zj]  .k-tabstrip-content,
    .detail-tabstrip[b-c81e4620zj]  .k-content {
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

.tab-pane-fill[b-c81e4620zj] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.tab-pane-scroll[b-c81e4620zj] {
    overflow: auto;
}

/* FORM TAB */
.form-scroll[b-c81e4620zj] {
    height: 100%;
    min-height: 0;
    padding: 20px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.order-layout[b-c81e4620zj] {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(280px, 0.9fr);
    gap: 40px;
    align-items: start;
}

.form-column[b-c81e4620zj] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.form-column-title-spacer[b-c81e4620zj] {
    min-height: 28px;
}

.form-pair[b-c81e4620zj] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
}

    .form-pair > label[b-c81e4620zj] {
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

    .form-pair > *:last-child[b-c81e4620zj] {
        min-width: 0;
    }



/* GRID TAB */
.grid-host[b-c81e4620zj] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.card[b-c81e4620zj] {
    padding: 12px;
    border-radius: 8px;
    background: #e9ecef;
    margin-bottom: 12px;
}

/* Bottom */
.bottom-content[b-c81e4620zj] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
    border: 1px solid var(--color-gray-200);
    border-radius: 5px;
}

.bottom-actionbar[b-c81e4620zj] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 0;
    flex-shrink: 0;
}

.bottom-actionbar__left[b-c81e4620zj],
.bottom-actionbar__right[b-c81e4620zj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bottom-actionbar__right[b-c81e4620zj] {
    justify-content: flex-end;
}

/* Responsive */
@media (max-width: 1400px) {
    .order-layout[b-c81e4620zj] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-height: 760px) {
    .split-page[b-c81e4620zj] {
        grid-template-rows: clamp(430px, 58vh, 500px) minmax(160px, 1fr);
    }
}

@media (max-width: 900px) {
    .split-page[b-c81e4620zj] {
        display: block;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .top-panel[b-c81e4620zj] {
        height: auto;
    }

    .top-shell[b-c81e4620zj],
    .bottom-shell[b-c81e4620zj],
    .top-content[b-c81e4620zj],
    .bottom-content[b-c81e4620zj],
    .detail-tabstrip[b-c81e4620zj],
    .detail-tabstrip .k-tabstrip[b-c81e4620zj],
    .detail-tabstrip .k-tabstrip-content[b-c81e4620zj],
    .detail-tabstrip .k-content[b-c81e4620zj],
    .detail-tabstrip[b-c81e4620zj]  .k-tabstrip,
    .detail-tabstrip[b-c81e4620zj]  .k-tabstrip-content,
    .detail-tabstrip[b-c81e4620zj]  .k-content,
    .tab-pane-fill[b-c81e4620zj],
    .form-scroll[b-c81e4620zj],
    .grid-host[b-c81e4620zj] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .order-layout[b-c81e4620zj] {
        grid-template-columns: 1fr;
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }

    .form-pair[b-c81e4620zj] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .form-column-title-spacer[b-c81e4620zj] {
        display: none;
    }

    .detail-tabstrip[b-c81e4620zj]  .k-tabstrip-items-wrapper {
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .detail-tabstrip[b-c81e4620zj]  .k-tabstrip-items {
        width: max-content;
        max-width: none;
    }

    .bottom-content[b-c81e4620zj] {
        overflow-x: auto !important;
        min-height: 220px;
    }

    .bottom-content[b-c81e4620zj]  .k-grid,
    .grid-host[b-c81e4620zj],
    .grid-host[b-c81e4620zj]  .k-grid,
    .grid-host[b-c81e4620zj]  .k-grid-content {
        min-height: 220px;
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .top-shell[b-c81e4620zj] {
        padding: 0;
        gap: 8px;
    }

    .bottom-shell[b-c81e4620zj] {
        padding: 8px;
        gap: 8px;
    }

    .page-title[b-c81e4620zj] {
        padding: 20px 8px 0px 8px;
    }

    .page-title-bottom[b-c81e4620zj] {
        padding-left: 0;
        padding-right: 0;
    }

    .form-scroll[b-c81e4620zj] {
        padding: 14px 12px;
    }

    .order-layout[b-c81e4620zj] {
        gap: 22px;
    }

    .form-pair[b-c81e4620zj],
    .form-pair > *[b-c81e4620zj] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .form-scroll[b-c81e4620zj]  .k-input,
    .form-scroll[b-c81e4620zj]  .k-input-inner,
    .form-scroll[b-c81e4620zj]  .k-picker,
    .form-scroll[b-c81e4620zj]  .k-textbox,
    .form-scroll[b-c81e4620zj]  .k-dropdownlist,
    .form-scroll[b-c81e4620zj]  .k-combobox,
    .form-scroll[b-c81e4620zj]  .k-multicolumncombobox,
    .form-scroll[b-c81e4620zj]  .k-datepicker,
    .form-scroll[b-c81e4620zj]  .k-upload,
    .form-scroll[b-c81e4620zj]  .k-upload .k-dropzone {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .form-scroll[b-c81e4620zj]  .k-upload .k-dropzone {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .attachment-empty[b-c81e4620zj] {
        align-items: flex-start;
    }

    .form-scroll[b-c81e4620zj]  .k-dropzone-hint {
        display: none;
    }

    .form-scroll[b-c81e4620zj]  .k-upload-files,
    .form-scroll[b-c81e4620zj]  .k-file {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .form-scroll[b-c81e4620zj]  .k-file-name,
    .form-scroll[b-c81e4620zj]  .k-file-info {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .form-scroll[b-c81e4620zj]  .k-file-actions {
        flex-shrink: 0;
    }

    .detail-tabstrip[b-c81e4620zj]  .k-tabstrip-items-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .detail-tabstrip[b-c81e4620zj]  .k-tabstrip-items {
        width: max-content;
        max-width: none;
        flex-wrap: nowrap;
    }

    .detail-tabstrip[b-c81e4620zj]  .k-tabstrip-item {
        flex: 0 0 auto;
    }

    .bottom-actionbar[b-c81e4620zj] {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        padding-bottom: 12px;
    }

    .bottom-actionbar__left[b-c81e4620zj],
    .bottom-actionbar__right[b-c81e4620zj] {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .bottom-actionbar__right .me-5[b-c81e4620zj],
    .bottom-actionbar__right[b-c81e4620zj]  .me-5 {
        margin-right: 0 !important;
    }

    .bottom-actionbar[b-c81e4620zj]  .btn-lg {
        padding: 6px 10px;
        font-size: 14px;
    }
}
/* _content/eLipsOnline/Components/Pages/DetailPages/OrderregelDetails - Copy.razor.rz.scp.css */

.form-actions[b-koe4ru9236] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    border-top: 1px solid #ccc;
    background-color: #f0f0f0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.form-actions-left[b-koe4ru9236], .form-actions-right[b-koe4ru9236] {
    display: flex;
    gap: 10px;
}

.page-layout[b-koe4ru9236] {
    display: grid;
    grid-template-rows: 60% 40%; /* of bijv. 70% 30% */
    height: calc(100vh - 60px); /* -60px als je rekening houdt met header of knoppen */
}

.page-top[b-koe4ru9236] {
    overflow: auto; /* zodat je kan scrollen in de tab inhoud */
}

.page-bottom[b-koe4ru9236] {
    overflow: auto; /* zodat de grid netjes scrollt */
}

/* Binnen elke kolom: label + input */
.form-two-col[b-koe4ru9236] {
    display: grid;
    grid-template-columns: 150px 1fr; /* label + veld */
    gap: 6px 12px;
    align-items: center;
}

    .form-two-col label[b-koe4ru9236] {
        font-size: 0.9rem;
    }

/* Orders-tab: 2 kolommen, elk met label+veld-grid */
.form-columns[b-koe4ru9236] {
    display: grid;
    grid-template-columns: auto auto auto auto; /* links/rechts/bijlagen kolom */
    gap: 16px 32px;
    padding-right: 16px;
    box-sizing: border-box;
    width: 50%;
}

.drop-zone[b-koe4ru9236] {
    overflow-y:auto;
    height:100%;
    max-height:100%;
    width: 100%; /* in plaats van vaste breedte */
    border: 2px dashed #bbb;
    border-radius: 6px;
    padding: 20px;
    text-align: center;
    color: #666;
    font-size: 0.9rem;
    cursor: pointer;
    background: #fafafa;
    box-sizing: border-box;
}
    .drop-zone.hover[b-koe4ru9236] {
        border-color: #007bff;
        color: #007bff;
        background: #f0f8ff;
    }

.remove-button[b-koe4ru9236] {
    background-color: #9c1818; /* Red background */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 20px 2px;
    cursor: pointer;
    border-radius: 50%; /* Circular button */
    width: 28px; /* Fixed width */
    height: 28px; /* Fixed height */
    line-height: 20px; /* Match the height to vertically center the '-' */
    padding: 0; /* Reset padding */
    font-weight: bold;
}

    .remove-button:hover[b-koe4ru9236] {
        background-color: #601515; /* Darker shade of red */
    }

.orderRegelDetailsOptionalElements[b-koe4ru9236] {
    max-height: 150px;
    min-height:150px;
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
}

.orderRegelDetailsOptionalElementsItem[b-koe4ru9236] {
    display: grid;
    grid-template-columns: auto 150px 1fr; /* checkbox | code | omschrijving */
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 2px 4px;
    box-sizing: border-box;
}

    .orderRegelDetailsOptionalElementsItem label[b-koe4ru9236] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .orderRegelDetailsOptionalElementsItem .omschrijving[b-koe4ru9236] {
        text-align: left;
    }


.section-group[b-koe4ru9236] {
    border: 1px solid #ccc;
    padding: 12px 16px;
    border-radius: 6px;
    margin-bottom: 18px;
    background: #fafafa;
}

.section-title[b-koe4ru9236] {
    font-weight: bold;
    margin-top: -14px;
    margin-left: 4px;
    background: #fafafa;
    padding: 0 6px;
    position: absolute;
}

.section-grid[b-koe4ru9236] {
    display: grid;
    grid-template-columns: 150px auto;
    row-gap: 6px;
    column-gap: 12px;
}

.section-row[b-koe4ru9236] {
    display: flex;
    flex-direction: row;
    gap: 20px;
}


.orderregel-sections[b-koe4ru9236] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1.2fr;
    gap: 8px;
    margin-top: 4px;
}

/* kolommen */
.section-column[b-koe4ru9236] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* groupbox */
.section-panel[b-koe4ru9236] {
    position: relative;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    padding: 10px 8px 8px;
    background-color: #f8f8f8;
}

/* titel boven rand (WinForms groupbox style) */
.section-header[b-koe4ru9236] {
    position: absolute;
    top: -9px;
    left: 10px;
    padding: 0 4px;
    background-color: #f0f0f0;
    font-weight: bold;
    font-size: 0.85rem;
}

/* standaard layout: label + control */
.section-body[b-koe4ru9236] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 2px 6px;
    margin-top: 4px;
}

/* wat compacter voor sub-secties */
.section-body-tight[b-koe4ru9236] {
    grid-template-columns: 130px minmax(0, 1fr);
}

/* 1 kolom variant (bijlagen/opties) */
.section-body.single-column[b-koe4ru9236] {
    grid-template-columns: 1fr;
}

/* sub sectie binnen groupbox (HERKOMST / BESTEMMING) */
.sub-section[b-koe4ru9236] {
    margin-top: 4px;
    padding-top: 4px;
    border-top: 1px dashed #c0c0c0;
}

.sub-section-title[b-koe4ru9236] {
    font-weight: bold;
    font-size: 0.8rem;
    margin-bottom: 2px;
}

/* Titel bovenaan per blok */
.od-title[b-koe4ru9236] {
    grid-column: 1 / -1;
    font-weight: bold;
    font-size: 0.85rem;
    margin-bottom: 6px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 2px;
}

/* Herkomst + Bestemming: label en input naast elkaar */
.origin-destination-grid .od-panel[b-koe4ru9236] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 6px 10px;
    align-items: center;
}


.origin-destination-grid[b-koe4ru9236] {
    grid-column: 1 / -1;  /*pak BEIDE columns van section-body  */
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 32px;
    width: 100%;
}
    .origin-destination-grid label[b-koe4ru9236] {
        margin-top: 8px;
        font-weight: 500;
    }

.sub-section-title[b-koe4ru9236] {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    border-bottom: 1px solid #ddd;
}


/* GRID voor Voormelding + Afstanden */
.dual-grid[b-koe4ru9236] {
    grid-column: 1 / -1; /* override section-body 2-column gedoe */
    display: grid;
    grid-template-columns: 1fr 1fr; /* twee gelijke kolommen */
    gap: 4px 8px;
    width: 100%;
}

/* Velden iets smaller maken */
.small-fields[b-koe4ru9236] {
    grid-template-columns: 120px 1fr !important;
}

.dual-grid .section-panel[b-koe4ru9236] {
    min-width: 0; /* voorkomt dat hij breder wil worden dan de kolom */
}

/* Container: 2 kolommen binnen de panel */
.section-body.container-grid[b-koe4ru9236] {
    display: grid;
    grid-template-columns: 1fr 1fr; /* links / rechts */
    gap: 8px 16px;
}

/* Per kolom weer label + veld */
.container-grid-col[b-koe4ru9236] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 2px 6px;
}


.voormelding-grid[b-koe4ru9236] {
    display: grid;
    grid-template-columns: 140px 1fr 140px 1fr; /* label veld | label veld */
    gap: 6px 12px;
    align-items: center;
}

/* als extra info ook naast elkaar moet */
.voormelding-grid-full[b-koe4ru9236] {
    grid-template-columns: 140px 1fr 140px 1fr;
}

/* Voormelding links – Bijlagen rechts */
.voormelding-met-bijlagen-row[b-koe4ru9236] {
    display: flex;
    height:100%;
}

    /* Panel mag kleiner worden zodat het mooi naast elkaar past */
    .voormelding-met-bijlagen-row .section-panel[b-koe4ru9236] {
        min-width: 0;
    }

/* 2 kolommen voor Lading sectie */
.section-body.lading-grid[b-koe4ru9236] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 16px;
}

/* Binnen elke kolom: label + veld */
.lading-grid-col[b-koe4ru9236] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 2px 6px;
}
/* _content/eLipsOnline/Components/Pages/DetailPages/OrderregelDetails.razor.rz.scp.css */
.orderregel-detail-page[b-h1zmyp1xsf] {
    height: 100dvh;
    display: grid;
    grid-template-rows: minmax(0, 1.70fr) minmax(180px, 1fr);
    gap: 10px;
    padding: 18px 8px;
    overflow: hidden;
    background: var(--color-gray-50);
    box-sizing: border-box;
}

.upper-panel[b-h1zmyp1xsf] {
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.panel-topbar[b-h1zmyp1xsf],
.bottom-topbar[b-h1zmyp1xsf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-shrink: 0;
    padding: 0 8px;
}

    .panel-topbar h5[b-h1zmyp1xsf] {
        margin-top: -10px;
    }

    .topbar-actions[b-h1zmyp1xsf],
    .bottom-actions-right[b-h1zmyp1xsf],
    .bottom-actions-left[b-h1zmyp1xsf] {
        display: flex;
        align-items: center;
        gap: 18px;
        flex-wrap: wrap;
    }

.topbar-actions[b-h1zmyp1xsf] {
    min-height: 32px;
}

.topbar-switch-field[b-h1zmyp1xsf] {
    height: 32px;
    display: grid;
    grid-template-rows: 12px 18px;
    align-items: center;
    justify-items: center;
    gap: 1px;
}

    .topbar-switch-field span[b-h1zmyp1xsf] {
        font-size: 0.7rem;
        line-height: 1;
        color: var(--color-gray-600);
        white-space: nowrap;
    }

    .topbar-switch-field[b-h1zmyp1xsf]  .k-switch {
        transform: scale(0.82);
        transform-origin: center;
    }

.topbar-order-pill[b-h1zmyp1xsf] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.75rem;
    border: 1px solid var(--color-gray-200);
    border-radius: 5px;
    background: #fff;
    color: var(--color-gray-800);
    font-size: 0.875rem;
    line-height: 1;
    white-space: nowrap;
}

.orderregel-tabs-shell[b-h1zmyp1xsf] {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .orderregel-tabs-shell[b-h1zmyp1xsf]  .k-tabstrip {
        flex: 1;
        min-height: 0;
        height: 100%;
        padding: 0px 8px 8px 8px;
        background: transparent;
        box-shadow: none;
    }

    .orderregel-tabs-shell[b-h1zmyp1xsf]  .k-tabstrip-items-wrapper,
    .orderregel-tabs-shell[b-h1zmyp1xsf]  .k-tabstrip-items {
        overflow: visible;
    }

        .orderregel-tabs-shell[b-h1zmyp1xsf]  .k-tabstrip-items .k-item.k-active {
            position: relative;
            z-index: 2;
            background: #fff;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
        }

    .orderregel-tabs-shell[b-h1zmyp1xsf]  .k-tabstrip-content,
    .orderregel-tabs-shell[b-h1zmyp1xsf]  .k-tabstrip > .k-content {
        position: relative;
        z-index: 1;
        min-height: 0;
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
    }

[b-h1zmyp1xsf] .order-tabs {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}

    [b-h1zmyp1xsf] .order-tabs .k-tabstrip-content,
    [b-h1zmyp1xsf] .order-tabs .k-tabstrip-content.k-active,
    [b-h1zmyp1xsf] .order-tabs > .k-content,
    [b-h1zmyp1xsf] .order-tabs > .k-content.k-active {
        width: 100%;
        max-width: 100%;
        min-height: 0;
        min-width: 0;
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        padding: 0;
    }

[b-h1zmyp1xsf] .order-tabs .k-tabstrip-content > *,
[b-h1zmyp1xsf] .order-tabs .k-content > * {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
}

.voorcalculaties-tab[b-h1zmyp1xsf] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) minmax(200px, 0.35fr);
    overflow: hidden;
}

.voorcalculaties-pane-upper[b-h1zmyp1xsf] {
    border-bottom: 1px solid var(--color-gray-200);
}

.voorcalculaties-pane[b-h1zmyp1xsf] {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.grid-tab[b-h1zmyp1xsf] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    overflow: hidden;
}

.grid-pane[b-h1zmyp1xsf] {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .grid-pane[b-h1zmyp1xsf]  .k-grid {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

.voormelden-tab[b-h1zmyp1xsf] {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.38fr);
    grid-template-rows: minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.voormeld-message-pane[b-h1zmyp1xsf] {
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-left: 1px solid var(--color-gray-200);
    background: #fff;
}

.voormeld-message-title[b-h1zmyp1xsf] {
    flex-shrink: 0;
    min-height: 39px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-bottom: 1px solid var(--color-gray-200);
    color: var(--color-gray-800);
    font-size: 0.9rem;
    font-weight: 600;
}

.voormeld-message-content[b-h1zmyp1xsf] {
    max-height: 100%;
    min-height: 0;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px;
    color: var(--color-gray-800);
    font-size: 0.9rem;
    line-height: 1.4;
    white-space: pre-wrap;
}

.voormeld-message-empty[b-h1zmyp1xsf] {
    color: var(--color-gray-500);
}

.extra-info-pane[b-h1zmyp1xsf] {
    align-items: stretch;
    padding: 10px;
    box-sizing: border-box;
}

.extra-waarde-cell[b-h1zmyp1xsf] {
    width: 100%;
    min-height: 1.5rem;
    cursor: text;
}

.opmerkingen-tab[b-h1zmyp1xsf] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
}

.opmerkingen-header[b-h1zmyp1xsf] {
    min-height: 0;
    display: flex;
    align-items: center;
    padding: 0 0 8px 2px;
}

    .opmerkingen-header h6[b-h1zmyp1xsf] {
        margin: 0;
        line-height: 1.2;
    }

.opmerkingen-tab[b-h1zmyp1xsf]  .opmerkingen-textarea,
.opmerkingen-tab[b-h1zmyp1xsf]  .opmerkingen-textarea textarea {
    height: 100%;
    min-height: 0;
    resize: none;
}

[b-h1zmyp1xsf] .orderregel-form {
    flex: 1;
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

    [b-h1zmyp1xsf] .orderregel-form .k-form-layout,
    [b-h1zmyp1xsf] .orderregel-form .k-form-fieldset {
        flex: 1;
        height: 100%;
        min-height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        display: flex;
        flex-direction: column;
    }

    [b-h1zmyp1xsf] .orderregel-form .k-form-field,
    [b-h1zmyp1xsf] .orderregel-form .k-form-field-wrap,
    [b-h1zmyp1xsf] .orderregel-form .k-form-field > .k-form-field-wrap {
        flex: 1;
        width: 100%;
        height: 100%;
        min-height: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
    }

    [b-h1zmyp1xsf] .orderregel-form .k-form-buttons {
        display: none;
    }

.order-layout[b-h1zmyp1xsf] {
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(320px, 1.5fr) minmax(430px, 2fr) minmax(140px, 0.6fr);
    gap: 10px;
    padding: 10px;
}

.box-group[b-h1zmyp1xsf] {
    min-height: 0;
}

.group-one[b-h1zmyp1xsf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1.3fr 0.75fr;
    gap: 10px;
}

.one-a[b-h1zmyp1xsf] {
    grid-column: 1;
    grid-row: 1;
}

.one-b[b-h1zmyp1xsf] {
    grid-column: 1;
    grid-row: 2;
}

.one-c[b-h1zmyp1xsf] {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.group-two-three[b-h1zmyp1xsf] {
    display: grid;
    grid-template-columns: 1fr 1fr 0.52fr;
    grid-template-rows: 1fr 0.88fr;
    gap: 10px;
}

.two-a[b-h1zmyp1xsf] {
    grid-column: 1;
    grid-row: 1;
}

.two-b[b-h1zmyp1xsf] {
    grid-column: 2;
    grid-row: 1;
}

.two-c[b-h1zmyp1xsf] {
    grid-column: 3;
    grid-row: 1;
}

.optional-elements-box[b-h1zmyp1xsf] {
    align-self: start;
    min-height: 0;
    max-height: min(100%, 22rem);
}

.optional-elements-list[b-h1zmyp1xsf] {
    min-height: 0;
    overflow-y: auto;
}

.three-a[b-h1zmyp1xsf] {
    grid-column: 1;
    grid-row: 2;
}

.three-b[b-h1zmyp1xsf] {
    grid-column: 2 / span 2;
    grid-row: 2;
}

.group-four[b-h1zmyp1xsf] {
    display: grid;
}

.box[b-h1zmyp1xsf] {
    min-width: 0;
    min-height: 9rem;
    border: 1px solid var(--color-gray-200);
    border-radius: 5px;
    line-height: 1;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.3rem;
    padding: 0.7rem 1rem;
    font-size: 0.9rem;
    background-color: white;
}

.box-xs[b-h1zmyp1xsf] {
    min-width: 0;
    min-height: 11rem;
    border: 1px solid var(--color-gray-200);
    border-radius: 5px;
    line-height: 1;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.3rem;
    padding: 0.7rem 0.5rem;
    font-size: 0.9rem;
    background-color: white;
}

.lading-form-grid > .checkbox-row[b-h1zmyp1xsf] {
    grid-column: 1 / -1;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    white-space: normal;
    line-height: 1.2;
}

    .lading-form-grid > .checkbox-row span[b-h1zmyp1xsf] {
        min-width: 0;
    }

.bottom-panel[b-h1zmyp1xsf] {
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 8px;
}

.activity-box[b-h1zmyp1xsf] {
    flex: 1;
    min-height: 120px;
    background: #fff;
    min-width: 0;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.activity-box[b-h1zmyp1xsf]  .k-grid {
    width: 100%;
    max-width: 100%;
}

.bottom-actions[b-h1zmyp1xsf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-shrink: 0;
}

/* Tablet */
@media (max-width: 1100px) {
    .orderregel-detail-page[b-h1zmyp1xsf] {
        height: auto;
        min-height: 100dvh;
        overflow: visible;
        grid-template-rows: auto auto;
    }

    .upper-panel[b-h1zmyp1xsf],
    .bottom-panel[b-h1zmyp1xsf] {
        min-height: auto;
    }

    .orderregel-tabs-shell[b-h1zmyp1xsf] {
        min-height: auto;
        overflow: visible;
    }

    [b-h1zmyp1xsf] .order-tabs {
        flex: initial;
        min-height: auto;
    }

    [b-h1zmyp1xsf] .orderregel-form,
    [b-h1zmyp1xsf] .orderregel-form .k-form-layout,
    [b-h1zmyp1xsf] .orderregel-form .k-form-fieldset {
        flex: initial;
        height: auto;
        min-height: auto;
    }

    [b-h1zmyp1xsf] .orderregel-form .k-form-field,
    [b-h1zmyp1xsf] .orderregel-form .k-form-field-wrap,
    [b-h1zmyp1xsf] .orderregel-form .k-form-field > .k-form-field-wrap {
        height: auto;
        min-height: auto;
    }

    .order-layout[b-h1zmyp1xsf] {
        height: auto;
        min-height: auto;
        grid-template-columns: 1fr;
    }

    .group-one[b-h1zmyp1xsf] {
        min-height: 360px;
    }

    .group-two-three[b-h1zmyp1xsf] {
        min-height: 420px;
    }

    .group-four[b-h1zmyp1xsf] {
        min-height: 260px;
    }

    .optional-elements-box[b-h1zmyp1xsf] {
        max-height: 18rem;
    }

    .voormelden-tab[b-h1zmyp1xsf] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(320px, 1fr) minmax(180px, auto);
    }

    .voormeld-message-pane[b-h1zmyp1xsf] {
        min-height: 180px;
        border-left: 0;
        border-top: 1px solid var(--color-gray-200);
    }

    [b-h1zmyp1xsf] .order-tabs .k-tabstrip-content,
    [b-h1zmyp1xsf] .order-tabs .k-tabstrip-content.k-active,
    [b-h1zmyp1xsf] .order-tabs > .k-content,
    [b-h1zmyp1xsf] .order-tabs > .k-content.k-active {
        flex: initial;
        min-height: auto;
        overflow: visible;
    }
}

/* Mobile */
@media (max-width: 640px) {
    .orderregel-detail-page[b-h1zmyp1xsf] {
        padding: 14px;
        gap: 14px;
    }

    .panel-topbar[b-h1zmyp1xsf],
    .bottom-actions[b-h1zmyp1xsf] {
        align-items: stretch;
        flex-direction: column;
    }

    .topbar-actions[b-h1zmyp1xsf],
    .bottom-actions-right[b-h1zmyp1xsf] {
        gap: 10px;
    }

    [b-h1zmyp1xsf] .topbar-actions .k-button,
    [b-h1zmyp1xsf] .bottom-actions .k-button {
        width: 100%;
    }

    .group-one[b-h1zmyp1xsf],
    .group-two-three[b-h1zmyp1xsf] {
        display: flex;
        flex-direction: column;
        min-height: auto;
    }

    .box[b-h1zmyp1xsf] {
        min-height: 150px;
    }

    .four-a[b-h1zmyp1xsf] {
        min-height: 220px;
    }

    .activity-box[b-h1zmyp1xsf] {
        min-height: 260px;
    }
}

.orderregel-map-shell[b-h1zmyp1xsf] {
    height: 100%;
    min-height: 0;
    flex: 1;
    display: grid;
    grid-template-rows: minmax(0, 1.2fr) minmax(150px, 1fr);
    background: #fff;
}

[b-h1zmyp1xsf] .kaart-window .k-window-content {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
}

.map-embed-panel[b-h1zmyp1xsf],
.map-bottom-panel[b-h1zmyp1xsf] {
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    background: #fff;
}

.map-embed[b-h1zmyp1xsf] {
    width: 100%;
    height: 100%;
    min-height: 280px;
    border: 0;
    display: block;
}

.map-bottom-panel[b-h1zmyp1xsf] {
    display: flex;
    flex-direction: column;
}

.map-bottom-toolbar[b-h1zmyp1xsf] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex-shrink: 0;
    padding: 8px;
    border-bottom: 1px solid var(--color-gray-200);
    background: var(--color-gray-50);
}

.map-bottom-content[b-h1zmyp1xsf] {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
}

[b-h1zmyp1xsf] .map-result-tabs {
    height: 100%;
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    border: 0;
    background: #fff;
}

    [b-h1zmyp1xsf] .map-result-tabs .k-tabstrip-items-wrapper {
        flex-shrink: 0;
        border-bottom: 1px solid var(--color-gray-200);
        background: #fff;
    }

    [b-h1zmyp1xsf] .map-result-tabs .k-tabstrip-items {
        min-height: 34px;
    }

    [b-h1zmyp1xsf] .map-result-tabs .k-tabstrip-items .k-item {
        min-height: 34px;
        font-size: 0.84rem;
    }

    [b-h1zmyp1xsf] .map-result-tabs .k-tabstrip-content,
    [b-h1zmyp1xsf] .map-result-tabs .k-tabstrip-content.k-active,
    [b-h1zmyp1xsf] .map-result-tabs > .k-content,
    [b-h1zmyp1xsf] .map-result-tabs > .k-content.k-active {
        height: 100%;
        min-height: 0;
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        padding: 0;
        border: 0;
        background: #fff;
    }

.map-result-pane[b-h1zmyp1xsf] {
    height: 100%;
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.map-grid-host[b-h1zmyp1xsf] {
    height: 100%;
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}

    .map-grid-host[b-h1zmyp1xsf]  .k-grid {
        height: 100% !important;
        min-height: 0;
        flex: 1;
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
    }

    .map-grid-host[b-h1zmyp1xsf]  .k-grid-container {
        min-height: 0;
        flex: 1;
    }

    .map-grid-host[b-h1zmyp1xsf]  .k-grid-content {
        min-height: 0;
        flex: 1;
        overflow: auto;
    }
/* _content/eLipsOnline/Components/Pages/DetailPages/OrderregelDetailsWindow.razor.rz.scp.css */
.orderregel-detail-page[b-mtubmldwnt] {
    height: 100dvh;
    display: grid;
    grid-template-rows: minmax(0, 1.80fr) minmax(180px, 0.70fr);
    gap: 10px;
    padding: 18px 8px;
    overflow: hidden;
    background: var(--color-gray-50);
    box-sizing: border-box;
}

.upper-panel[b-mtubmldwnt] {
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.panel-topbar[b-mtubmldwnt],
.bottom-topbar[b-mtubmldwnt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-shrink: 0;
    padding: 0 8px;
}

    .panel-topbar[b-mtubmldwnt] {
        margin-top: -10px;
        margin-bottom: 3px;
    }

    .topbar-actions[b-mtubmldwnt],
    .bottom-actions-right[b-mtubmldwnt],
    .bottom-actions-left[b-mtubmldwnt] {
        display: flex;
        align-items: center;
        gap: 18px;
        flex-wrap: wrap;
    }

.topbar-meta[b-mtubmldwnt] {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.topbar-actions[b-mtubmldwnt] {
    min-height: 32px;
}

.topbar-switch-field[b-mtubmldwnt] {
    height: 32px;
    display: grid;
    grid-template-rows: 12px 18px;
    align-items: center;
    justify-items: center;
    gap: 1px;
}

    .topbar-switch-field span[b-mtubmldwnt] {
        font-size: 0.7rem;
        line-height: 1;
        color: var(--color-gray-600);
        white-space: nowrap;
    }

    .topbar-switch-field[b-mtubmldwnt]  .k-switch {
        transform: scale(0.82);
        transform-origin: center;
    }

.topbar-order-pill[b-mtubmldwnt] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.75rem;
    border: 1px solid var(--color-gray-200);
    border-radius: 5px;
    background: #fff;
    color: var(--color-gray-800);
    font-size: 0.875rem;
    line-height: 1;
    white-space: nowrap;
}

.orderregel-tabs-shell[b-mtubmldwnt] {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .orderregel-tabs-shell[b-mtubmldwnt]  .k-tabstrip {
        flex: 1;
        min-height: 0;
        height: 100%;
        padding: 0px 8px 8px 8px;
        background: transparent;
        box-shadow: none;
    }

    .orderregel-tabs-shell[b-mtubmldwnt]  .k-tabstrip-items-wrapper,
    .orderregel-tabs-shell[b-mtubmldwnt]  .k-tabstrip-items {
        overflow: visible;
    }

        .orderregel-tabs-shell[b-mtubmldwnt]  .k-tabstrip-items .k-item.k-active {
            position: relative;
            z-index: 2;
            background: #fff;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
        }

    .orderregel-tabs-shell[b-mtubmldwnt]  .k-tabstrip-content,
    .orderregel-tabs-shell[b-mtubmldwnt]  .k-tabstrip > .k-content {
        position: relative;
        z-index: 1;
        min-height: 0;
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
    }

[b-mtubmldwnt] .order-tabs {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}

    [b-mtubmldwnt] .order-tabs .k-tabstrip-content,
    [b-mtubmldwnt] .order-tabs .k-tabstrip-content.k-active,
    [b-mtubmldwnt] .order-tabs > .k-content,
    [b-mtubmldwnt] .order-tabs > .k-content.k-active {
        width: 100%;
        max-width: 100%;
        min-height: 0;
        min-width: 0;
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        padding: 0;
    }

[b-mtubmldwnt] .order-tabs .k-tabstrip-content > *,
[b-mtubmldwnt] .order-tabs .k-content > * {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
}

.voorcalculaties-tab[b-mtubmldwnt] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) minmax(200px, 0.35fr);
    overflow: hidden;
}

.voorcalculaties-pane-upper[b-mtubmldwnt] {
    border-bottom: 1px solid var(--color-gray-200);
}

.voorcalculaties-pane[b-mtubmldwnt] {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.grid-tab[b-mtubmldwnt] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    overflow: hidden;
}

.grid-pane[b-mtubmldwnt] {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .grid-pane[b-mtubmldwnt]  .k-grid {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

.voormelden-tab[b-mtubmldwnt] {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.38fr);
    grid-template-rows: minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.voormeld-message-pane[b-mtubmldwnt] {
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-left: 1px solid var(--color-gray-200);
    background: #fff;
}

.voormeld-message-title[b-mtubmldwnt] {
    flex-shrink: 0;
    min-height: 39px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-bottom: 1px solid var(--color-gray-200);
    color: var(--color-gray-800);
    font-size: 0.9rem;
    font-weight: 600;
}

.voormeld-message-content[b-mtubmldwnt] {
    max-height: 100%;
    min-height: 0;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px;
    color: var(--color-gray-800);
    font-size: 0.9rem;
    line-height: 1.4;
    white-space: pre-wrap;
}

.voormeld-message-empty[b-mtubmldwnt] {
    color: var(--color-gray-500);
}

.extra-info-pane[b-mtubmldwnt] {
    align-items: stretch;
    padding: 10px;
    box-sizing: border-box;
}

.extra-waarde-cell[b-mtubmldwnt] {
    width: 100%;
    min-height: 1.5rem;
    cursor: text;
}

.opmerkingen-tab[b-mtubmldwnt] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
}

.opmerkingen-header[b-mtubmldwnt] {
    min-height: 0;
    display: flex;
    align-items: center;
    padding: 0 0 8px 2px;
}

    .opmerkingen-header h6[b-mtubmldwnt] {
        margin: 0;
        line-height: 1.2;
    }

.opmerkingen-tab[b-mtubmldwnt]  .opmerkingen-textarea,
.opmerkingen-tab[b-mtubmldwnt]  .opmerkingen-textarea textarea {
    height: 100%;
    min-height: 0;
    resize: none;
}

[b-mtubmldwnt] .orderregel-form {
    flex: 1;
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

    [b-mtubmldwnt] .orderregel-form .k-form-layout,
    [b-mtubmldwnt] .orderregel-form .k-form-fieldset {
        flex: 1;
        height: 100%;
        min-height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        display: flex;
        flex-direction: column;
    }

    [b-mtubmldwnt] .orderregel-form .k-form-field,
    [b-mtubmldwnt] .orderregel-form .k-form-field-wrap,
    [b-mtubmldwnt] .orderregel-form .k-form-field > .k-form-field-wrap {
        flex: 1;
        width: 100%;
        height: 100%;
        min-height: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
    }

    [b-mtubmldwnt] .orderregel-form .k-form-buttons {
        display: none;
    }

.order-layout[b-mtubmldwnt] {
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(320px, 1.5fr) minmax(430px, 2fr) minmax(140px, 0.6fr);
    gap: 10px;
    padding: 10px;
}

.box-group[b-mtubmldwnt] {
    min-height: 0;
}

.group-one[b-mtubmldwnt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1.3fr 0.75fr;
    gap: 10px;
}

.one-a[b-mtubmldwnt] {
    grid-column: 1;
    grid-row: 1;
}

.one-b[b-mtubmldwnt] {
    grid-column: 1;
    grid-row: 2;
}

.one-c[b-mtubmldwnt] {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.group-two-three[b-mtubmldwnt] {
    display: grid;
    grid-template-columns: 1fr 1fr 0.52fr;
    grid-template-rows: 1fr 0.88fr;
    gap: 10px;
}

.two-a[b-mtubmldwnt] {
    grid-column: 1;
    grid-row: 1;
}

.two-b[b-mtubmldwnt] {
    grid-column: 2;
    grid-row: 1;
}

.two-c[b-mtubmldwnt] {
    grid-column: 3;
    grid-row: 1;
}

.optional-elements-box[b-mtubmldwnt] {
    align-self: start;
    min-height: 0;
    max-height: min(100%, 22rem);
}

.optional-elements-list[b-mtubmldwnt] {
    min-height: 0;
    overflow-y: auto;
}

.three-a[b-mtubmldwnt] {
    grid-column: 1;
    grid-row: 2;
}

.three-b[b-mtubmldwnt] {
    grid-column: 2 / span 2;
    grid-row: 2;
}

.group-four[b-mtubmldwnt] {
    display: grid;
}

.box[b-mtubmldwnt] {
    min-width: 0;
    min-height: 9rem;
    border: 1px solid var(--color-gray-200);
    border-radius: 5px;
    line-height: 1;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.3rem;
    padding: 0.7rem 1rem;
    font-size: 0.9rem;
    background-color: white;
}

.box-xs[b-mtubmldwnt] {
    min-width: 0;
    min-height: 11rem;
    border: 1px solid var(--color-gray-200);
    border-radius: 5px;
    line-height: 1;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.3rem;
    padding: 0.7rem 0.5rem;
    font-size: 0.9rem;
    background-color: white;
}

.lading-form-grid > .checkbox-row[b-mtubmldwnt] {
    grid-column: 1 / -1;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    white-space: normal;
    line-height: 1.2;
}

    .lading-form-grid > .checkbox-row span[b-mtubmldwnt] {
        min-width: 0;
    }

.bottom-panel[b-mtubmldwnt] {
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 8px;
}

.activity-box[b-mtubmldwnt] {
    flex: 1;
    min-height: 120px;
    background: #fff;
    min-width: 0;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.activity-box[b-mtubmldwnt]  .k-grid {
    width: 100%;
    max-width: 100%;
}

.bottom-actions[b-mtubmldwnt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-shrink: 0;
}

/* Tablet */
@media (max-width: 1100px) {
    .orderregel-detail-page[b-mtubmldwnt] {
        height: auto;
        min-height: 100dvh;
        overflow: visible;
        grid-template-rows: auto auto;
    }

    .upper-panel[b-mtubmldwnt],
    .bottom-panel[b-mtubmldwnt] {
        min-height: auto;
    }

    .orderregel-tabs-shell[b-mtubmldwnt] {
        min-height: auto;
        overflow: visible;
    }

    [b-mtubmldwnt] .order-tabs {
        flex: initial;
        min-height: auto;
    }

    [b-mtubmldwnt] .orderregel-form,
    [b-mtubmldwnt] .orderregel-form .k-form-layout,
    [b-mtubmldwnt] .orderregel-form .k-form-fieldset {
        flex: initial;
        height: auto;
        min-height: auto;
    }

    [b-mtubmldwnt] .orderregel-form .k-form-field,
    [b-mtubmldwnt] .orderregel-form .k-form-field-wrap,
    [b-mtubmldwnt] .orderregel-form .k-form-field > .k-form-field-wrap {
        height: auto;
        min-height: auto;
    }

    .order-layout[b-mtubmldwnt] {
        height: auto;
        min-height: auto;
        grid-template-columns: 1fr;
    }

    .group-one[b-mtubmldwnt] {
        min-height: 360px;
    }

    .group-two-three[b-mtubmldwnt] {
        min-height: 420px;
    }

    .group-four[b-mtubmldwnt] {
        min-height: 260px;
    }

    .optional-elements-box[b-mtubmldwnt] {
        max-height: 18rem;
    }

    .voormelden-tab[b-mtubmldwnt] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(320px, 1fr) minmax(180px, auto);
    }

    .voormeld-message-pane[b-mtubmldwnt] {
        min-height: 180px;
        border-left: 0;
        border-top: 1px solid var(--color-gray-200);
    }

    [b-mtubmldwnt] .order-tabs .k-tabstrip-content,
    [b-mtubmldwnt] .order-tabs .k-tabstrip-content.k-active,
    [b-mtubmldwnt] .order-tabs > .k-content,
    [b-mtubmldwnt] .order-tabs > .k-content.k-active {
        flex: initial;
        min-height: auto;
        overflow: visible;
    }
}

/* Mobile */
@media (max-width: 640px) {
    .orderregel-detail-page[b-mtubmldwnt] {
        padding: 14px;
        gap: 14px;
    }

    .panel-topbar[b-mtubmldwnt],
    .bottom-actions[b-mtubmldwnt] {
        align-items: stretch;
        flex-direction: column;
    }

    .topbar-actions[b-mtubmldwnt],
    .bottom-actions-right[b-mtubmldwnt] {
        gap: 10px;
    }

    [b-mtubmldwnt] .topbar-actions .k-button,
    [b-mtubmldwnt] .bottom-actions .k-button {
        width: 100%;
    }

    .group-one[b-mtubmldwnt],
    .group-two-three[b-mtubmldwnt] {
        display: flex;
        flex-direction: column;
        min-height: auto;
    }

    .box[b-mtubmldwnt] {
        min-height: 150px;
    }

    .four-a[b-mtubmldwnt] {
        min-height: 220px;
    }

    .activity-box[b-mtubmldwnt] {
        min-height: 260px;
    }
}

.orderregel-map-shell[b-mtubmldwnt] {
    height: 100%;
    min-height: 0;
    flex: 1;
    display: grid;
    grid-template-rows: minmax(0, 1.2fr) minmax(150px, 1fr);
    background: #fff;
}

[b-mtubmldwnt] .kaart-window .k-window-content {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
}

.map-embed-panel[b-mtubmldwnt],
.map-bottom-panel[b-mtubmldwnt] {
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    background: #fff;
}

.map-embed[b-mtubmldwnt] {
    width: 100%;
    height: 100%;
    min-height: 280px;
    border: 0;
    display: block;
}

.map-bottom-panel[b-mtubmldwnt] {
    display: flex;
    flex-direction: column;
}

.map-bottom-toolbar[b-mtubmldwnt] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex-shrink: 0;
    padding: 8px;
    border-bottom: 1px solid var(--color-gray-200);
    background: var(--color-gray-50);
}

.map-bottom-content[b-mtubmldwnt] {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
}

[b-mtubmldwnt] .map-result-tabs {
    height: 100%;
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    border: 0;
    background: #fff;
}

    [b-mtubmldwnt] .map-result-tabs .k-tabstrip-items-wrapper {
        flex-shrink: 0;
        border-bottom: 1px solid var(--color-gray-200);
        background: #fff;
    }

    [b-mtubmldwnt] .map-result-tabs .k-tabstrip-items {
        min-height: 34px;
    }

    [b-mtubmldwnt] .map-result-tabs .k-tabstrip-items .k-item {
        min-height: 34px;
        font-size: 0.84rem;
    }

    [b-mtubmldwnt] .map-result-tabs .k-tabstrip-content,
    [b-mtubmldwnt] .map-result-tabs .k-tabstrip-content.k-active,
    [b-mtubmldwnt] .map-result-tabs > .k-content,
    [b-mtubmldwnt] .map-result-tabs > .k-content.k-active {
        height: 100%;
        min-height: 0;
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        padding: 0;
        border: 0;
        background: #fff;
    }

.map-result-pane[b-mtubmldwnt] {
    height: 100%;
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.map-grid-host[b-mtubmldwnt] {
    height: 100%;
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}

    .map-grid-host[b-mtubmldwnt]  .k-grid {
        height: 100% !important;
        min-height: 0;
        flex: 1;
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
    }

    .map-grid-host[b-mtubmldwnt]  .k-grid-container {
        min-height: 0;
        flex: 1;
    }

    .map-grid-host[b-mtubmldwnt]  .k-grid-content {
        min-height: 0;
        flex: 1;
        overflow: auto;
    }
/* _content/eLipsOnline/Components/Pages/DetailPages/RitDetails.razor.rz.scp.css */
.rit-page[b-ug0dxb6chu] {
    box-sizing: border-box;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
    background: var(--color-gray-50);
    color: #111827;
    padding: 8px;
}

.rit-page--loading[b-ug0dxb6chu] {
    display: grid;
    place-items: center;
}

.rit-top[b-ug0dxb6chu] {
    display: grid;
    gap: 7px;
}

.rit-title-row[b-ug0dxb6chu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 8px 8px 0 8px;
}

.rit-panel[b-ug0dxb6chu],
.rit-card[b-ug0dxb6chu],
.rit-grid-card[b-ug0dxb6chu] {
    min-width: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
/*    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .04);*/
}

.rit-panel[b-ug0dxb6chu] {
    padding: 18px;
}

.rit-tabs[b-ug0dxb6chu],
.rit-tabs.k-tabstrip[b-ug0dxb6chu] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    padding: 0 16px;
}

.rit-tabs[b-ug0dxb6chu]  .k-tabstrip-content-wrapper,
.rit-tabs[b-ug0dxb6chu]  .k-tabstrip-content,
.rit-tabs[b-ug0dxb6chu]  .k-tabstrip-content.k-active,
.rit-tabs[b-ug0dxb6chu]  .k-content,
.rit-tabs[b-ug0dxb6chu]  .k-content.k-active {
    display: block;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.rit-tab-content[b-ug0dxb6chu] {
    display: grid;
    grid-template-rows: auto minmax(280px, 1fr);
    gap: 16px;
    height: 100%;
    min-height: 0;
}

.rit-overview[b-ug0dxb6chu] {
    display: grid;
    grid-template-columns: minmax(250px, 1.15fr) minmax(250px, 1.15fr) minmax(300px, 1.1fr) minmax(230px, .85fr);
    gap: 16px;
    align-items: stretch;
    min-height: 0;
}

.rit-card[b-ug0dxb6chu] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    padding: 18px 22px;
}

.rit-address-column[b-ug0dxb6chu] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    min-width: 0;
    min-height: 0;
}

.rit-card--address[b-ug0dxb6chu],
.rit-card--boardcomputer[b-ug0dxb6chu] {
    min-height: 0;
}

.rit-card--options[b-ug0dxb6chu] {
    align-content: start;
}

.field-stack[b-ug0dxb6chu] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.form-row[b-ug0dxb6chu] {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.form-row > *[b-ug0dxb6chu] {
    min-width: 0;
}

.form-row[b-ug0dxb6chu]  .k-input,
.form-row[b-ug0dxb6chu]  .k-picker,
.form-row[b-ug0dxb6chu]  .k-textbox,
.form-row[b-ug0dxb6chu]  .k-numerictextbox,
.form-row[b-ug0dxb6chu]  .k-multicolumncombobox,
.form-row[b-ug0dxb6chu]  .combo-popup-active {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.rit-card:nth-child(2) .form-row[b-ug0dxb6chu],
.rit-address-column .form-row[b-ug0dxb6chu] {
    grid-template-columns: 120px minmax(0, 1fr);
}

.rit-options[b-ug0dxb6chu] {
    display: grid;
    gap: 18px;
    align-content: start;
    padding-top: 4px;
}

.rit-readonly-field[b-ug0dxb6chu] {
    display: block;
    width: 100%;
    height: 32px;
    background-color: #f9fafb;
    border: 1px solid #dfe3e8;
    border-radius: 4px;
    box-sizing: border-box;
    pointer-events: none;
}

.check-field[b-ug0dxb6chu] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    white-space: nowrap;
}

.rit-grid-row[b-ug0dxb6chu] {
    display: grid;
    grid-template-columns: minmax(260px, .54fr) minmax(0, 1fr);
    gap: 16px;
    min-height: 0;
}

.rit-grid-card[b-ug0dxb6chu] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    min-height: 0;
    padding: 0;
    overflow: hidden;
}

.rit-grid-card > *[b-ug0dxb6chu] {
    min-height: 0;
}

.rit-activities-card[b-ug0dxb6chu]  .grid-noborder {
    height: 100%;
    width: 100%;
}

.rit-grid-card[b-ug0dxb6chu]  .k-grid {
    width: 100% !important;
    height: 100%;
    min-width: 0;
    min-height: 0;
    border-width: 0;
    border-radius: 0;
    overflow: hidden;
}

.rit-grid-card[b-ug0dxb6chu]  .rit-data-grid .k-grid-table {
    min-width: 1200px;
}

.rit-grid-card--small[b-ug0dxb6chu]  .rit-data-grid .k-grid-table {
    min-width: 900px;
}

.rit-grid-card[b-ug0dxb6chu]  .rit-data-grid--wide .k-grid-table {
    min-width: 1800px;
}

.rit-grid-card[b-ug0dxb6chu]  .k-grid-header {
    background: #f3f4f6;
}

.rit-grid-card[b-ug0dxb6chu]  .k-grid-toolbar {
    min-height: 44px;
    padding: 8px 12px;
    background: #fff;
    border-color: #e5e7eb;
}

.rit-grid-card[b-ug0dxb6chu]  .k-grid-toolbar h6 {
    margin: 0;
    font-size: .95rem;
    font-weight: 700;
}

.rit-grid-card[b-ug0dxb6chu]  .k-grid-aria-root,
.rit-grid-card[b-ug0dxb6chu]  .k-grid-container,
.rit-grid-card[b-ug0dxb6chu]  .k-grid-header,
.rit-grid-card[b-ug0dxb6chu]  .k-grid-header-wrap,
.rit-grid-card[b-ug0dxb6chu]  .k-grid-content {
    max-width: 100%;
    min-width: 0;
}

.rit-secondary-tab[b-ug0dxb6chu] {
    display: grid;
    gap: 16px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.rit-secondary-tab--voorcalc[b-ug0dxb6chu] {
    grid-template-rows: minmax(220px, .85fr) minmax(320px, 1.15fr);
}

.rit-secondary-tab--distance[b-ug0dxb6chu] {
    grid-template-rows: minmax(0, 1fr);
}

.rit-secondary-tab--log[b-ug0dxb6chu] {
    grid-template-rows: minmax(0, 1fr);
}

.rit-distance-card[b-ug0dxb6chu]  .grid-noborder {
    height: 100%;
    width: 100%;
}

.rit-log-card[b-ug0dxb6chu]  .grid-noborder {
    height: 100%;
    width: 100%;
}

.rit-voorcalc-card[b-ug0dxb6chu]  .grid-noborder {
    height: 100%;
    width: 100%;
}

.rit-nacalc-card[b-ug0dxb6chu]  .grid-noborder {
    height: 100%;
    width: 100%;
}

.actual-costs[b-ug0dxb6chu],
.distance-panel[b-ug0dxb6chu] {
    display: grid;
    gap: 0px;
    align-content: start;
}

.actual-costs[b-ug0dxb6chu] {
    grid-template-rows: auto auto minmax(0, 1fr);
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    align-content: stretch;
}

.cost-inputs[b-ug0dxb6chu],
.distance-inputs[b-ug0dxb6chu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 24px;
}

    .cost-inputs[b-ug0dxb6chu]{
        margin-top: 5px;
        margin-bottom: 15px;
    }

    .cost-field[b-ug0dxb6chu] {
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }

.cost-field svg[b-ug0dxb6chu] {
    color: #374151;
}

.nested-grid[b-ug0dxb6chu] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.rit-nacalc-card[b-ug0dxb6chu] {
    max-width: 100%;
}

.rit-nacalc-card > *[b-ug0dxb6chu] {
    min-width: 0;
    min-height: 0;
}

.rit-nacalc-card[b-ug0dxb6chu]  .k-grid {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: 100% !important;
    max-width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.rit-nacalc-card[b-ug0dxb6chu]  .k-grid-aria-root,
.rit-nacalc-card[b-ug0dxb6chu]  .k-grid-container,
.rit-nacalc-card[b-ug0dxb6chu]  .k-grid-header,
.rit-nacalc-card[b-ug0dxb6chu]  .k-grid-header-wrap,
.rit-nacalc-card[b-ug0dxb6chu]  .k-grid-content {
    max-width: 100%;
    min-width: 0;
    min-height: 0;
}

.rit-nacalc-card[b-ug0dxb6chu]  .k-grid-aria-root {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
}

.rit-nacalc-card[b-ug0dxb6chu]  .k-grid-container {
    overflow: hidden;
}

.rit-nacalc-card[b-ug0dxb6chu]  .k-grid-header-wrap {
    overflow: hidden;
}

.rit-nacalc-card[b-ug0dxb6chu]  .k-grid-content {
    overflow-x: auto;
    overflow-y: auto;
}

.rit-nacalc-card[b-ug0dxb6chu]  .k-grid-header-table,
.rit-nacalc-card[b-ug0dxb6chu]  .k-grid-table {
    min-width: max-content;
}

.rit-actions[b-ug0dxb6chu] {
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 12px 8px 8px 0;
    background-color: var(--color-gray-50);
}

@media (max-width: 1500px) {
    .rit-overview[b-ug0dxb6chu] {
        grid-template-columns: repeat(2, minmax(280px, 1fr));
    }

    .rit-grid-row[b-ug0dxb6chu] {
        grid-template-columns: minmax(0, .7fr) minmax(0, 1fr);
    }
}

@media (max-width: 1180px) {
    .rit-page[b-ug0dxb6chu] {
        display: block;
        height: auto;
        max-height: none;
        min-height: calc(100vh - 72px);
        overflow: visible;
    }

    .rit-page[b-ug0dxb6chu]  .rit-details-form,
    .rit-page[b-ug0dxb6chu]  .rit-details-form.k-form,
    .rit-page[b-ug0dxb6chu]  .rit-details-form .k-form-fieldset {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .rit-tabs[b-ug0dxb6chu],
    .rit-tabs.k-tabstrip[b-ug0dxb6chu] {
        display: block;
        height: auto;
        min-height: 0;
    }

    .rit-tabs[b-ug0dxb6chu]  .k-tabstrip-content-wrapper,
    .rit-tabs[b-ug0dxb6chu]  .k-tabstrip-content,
    .rit-tabs[b-ug0dxb6chu]  .k-tabstrip-content.k-active,
    .rit-tabs[b-ug0dxb6chu]  .k-content,
    .rit-tabs[b-ug0dxb6chu]  .k-content.k-active {
        height: auto;
        overflow: visible;
    }

    .rit-tab-content[b-ug0dxb6chu],
    .rit-secondary-tab[b-ug0dxb6chu] {
        height: auto;
        min-height: 0;
    }

    .rit-grid-card[b-ug0dxb6chu] {
        min-height: 360px;
    }

    .rit-actions[b-ug0dxb6chu] {
        position: sticky;
        bottom: 0;
        margin-top: 14px;
        border-top: 1px solid #e5e7eb;
        background: rgba(247, 247, 248, .96);
        backdrop-filter: blur(6px);
    }
}

@media (max-width: 920px) {
    .rit-overview[b-ug0dxb6chu],
    .rit-grid-row[b-ug0dxb6chu] {
        grid-template-columns: 1fr;
    }

    .rit-address-column[b-ug0dxb6chu] {
        grid-template-rows: none;
    }
}

@media (max-width: 640px) {
    .rit-top[b-ug0dxb6chu],
    .rit-tabs[b-ug0dxb6chu] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .rit-panel[b-ug0dxb6chu],
    .rit-card[b-ug0dxb6chu] {
        padding: 14px;
    }

    .form-row[b-ug0dxb6chu],
    .rit-card:nth-child(2) .form-row[b-ug0dxb6chu],
    .rit-address-column .form-row[b-ug0dxb6chu],
    .distance-inputs[b-ug0dxb6chu] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .check-field[b-ug0dxb6chu] {
        white-space: normal;
    }

    .rit-actions[b-ug0dxb6chu] {
        align-items: stretch;
        flex-direction: column-reverse;
        padding: 12px;
    }

    .rit-actions[b-ug0dxb6chu]  .btn {
        width: 100%;
    }
}
/* _content/eLipsOnline/Components/Pages/DetailPages/RitDetailsOld.razor.rz.scp.css */

.form-actions[b-puj2blfdvn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    border-top: 1px solid #ccc;
    background-color: #f0f0f0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.form-actions-left[b-puj2blfdvn], .form-actions-right[b-puj2blfdvn] {
    display: flex;
    gap: 10px;
}

.page-layout[b-puj2blfdvn] {
    height: calc(100vh - 70px); /* 70px = hoogte van fixed knoppen */
    overflow: auto;
    padding-bottom: 20px; /* ruimte boven fixed knoppen */
}
.page-top[b-puj2blfdvn] {
    overflow: auto; /* zodat je kan scrollen in de tab inhoud */
}

.page-bottom[b-puj2blfdvn] {
    overflow: auto; /* zodat de grid netjes scrollt */
}

/* Binnen elke kolom: label + input */
.form-two-col[b-puj2blfdvn] {
    display: grid;
    grid-template-columns: 150px 1fr; /* label + veld */
    gap: 6px 12px;
    align-items: center;
}

    .form-two-col label[b-puj2blfdvn] {
        font-size: 0.9rem;
    }

/* Orders-tab: 2 kolommen, elk met label+veld-grid */
.form-columns[b-puj2blfdvn] {
    display: grid;
    grid-template-columns: auto auto auto; /* links/rechts/bijlagen kolom */
    gap: 16px 32px;
    padding-right: 16px;
    box-sizing: border-box;
    width: 50%;
}

/* dropzone style */
.drop-zone[b-puj2blfdvn] {
    max-height: 290px; /* vaste hoogte */
    overflow-y: auto;
    min-width: 1050px;
    border: 2px dashed #bbb;
    border-radius: 6px;
    padding: 20px;
    text-align: center;
    color: #666;
    font-size: 0.9rem;
    cursor: pointer;
    background: #fafafa;
}

    .drop-zone.hover[b-puj2blfdvn] {
        border-color: #007bff;
        color: #007bff;
        background: #f0f8ff;
    }

.remove-button[b-puj2blfdvn] {
    background-color: #9c1818; /* Red background */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 20px 2px;
    cursor: pointer;
    border-radius: 50%; /* Circular button */
    width: 28px; /* Fixed width */
    height: 28px; /* Fixed height */
    line-height: 20px; /* Match the height to vertically center the '-' */
    padding: 0; /* Reset padding */
    font-weight: bold;
}

    .remove-button:hover[b-puj2blfdvn] {
        background-color: #601515; /* Darker shade of red */
    }



.voorcalc-layout[b-puj2blfdvn] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 10px;
}

.voorcalc-top-grid[b-puj2blfdvn] {
    min-height:150px;
    height: fit-content;
}

.werkelijke-kosten[b-puj2blfdvn] {
    border: 1px solid #ccc;
    padding: 10px;
    background: #fafafa;
    min-height: 300px;
    height: fit-content;
}



.nacalculatie-grid[b-puj2blfdvn] {
    min-height: 200px;
    height:fit-content;
}

.kosten-inputs[b-puj2blfdvn] {
    display: flex;
    gap: 30px;
    align-items: end;
    margin-bottom: 15px;
}

.kosten-item[b-puj2blfdvn] {
    display: flex;
    flex-direction: column;
}

.icon-input[b-puj2blfdvn] {
    display: flex;
    align-items: center;
}

.orders-grids[b-puj2blfdvn] {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

    .orders-grids .left[b-puj2blfdvn] {
        flex: 0 0 30%;
    }

    .orders-grids .right[b-puj2blfdvn] {
        flex: 0 0 70%;
    }

.afstand-layout[b-puj2blfdvn] {
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.afstand-header h5[b-puj2blfdvn] {
    margin: 0;
    padding-bottom: 4px;
    font-weight: 600;
}

.afstand-inputs[b-puj2blfdvn] {
    border: 1px solid #ccc;
    background: #fafafa;
    padding: 10px 12px;
}

.afstand-row[b-puj2blfdvn] {
    display: flex;
    align-items: center;
    gap: 15px;
}

    .afstand-row label[b-puj2blfdvn] {
        font-size: 0.85rem;
        font-weight: 500;
        min-width: 90px;
        text-align: right;
    }

.afstand-grid[b-puj2blfdvn] {
    margin-top: 10px;
}
/* _content/eLipsOnline/Components/Pages/DetailPages/RitDetailsWindow.razor.rz.scp.css */
.rit-page[b-z1sr4tkyvd] {
    box-sizing: border-box;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
    background: var(--color-gray-50);
    color: #111827;
    padding: 8px;
}

.rit-page--loading[b-z1sr4tkyvd] {
    display: grid;
    place-items: center;
}

.rit-top[b-z1sr4tkyvd] {
    display: grid;
    gap: 7px;
}

.rit-title-row[b-z1sr4tkyvd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 8px 8px 0 8px;
}

.rit-panel[b-z1sr4tkyvd],
.rit-card[b-z1sr4tkyvd],
.rit-grid-card[b-z1sr4tkyvd] {
    min-width: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
    /*    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .04);*/
}

.rit-panel[b-z1sr4tkyvd] {
    padding: 18px;
}

.top-content[b-z1sr4tkyvd]  .rit-tabs,
.top-content[b-z1sr4tkyvd]  .rit-tabs.k-tabstrip {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    padding: 0 16px;
}

    .rit-tabs[b-z1sr4tkyvd]  .k-tabstrip-content-wrapper,
    .rit-tabs[b-z1sr4tkyvd]  .k-tabstrip-content,
    .rit-tabs[b-z1sr4tkyvd]  .k-tabstrip-content.k-active,
    .rit-tabs[b-z1sr4tkyvd]  .k-content,
    .rit-tabs[b-z1sr4tkyvd]  .k-content.k-active {
        display: block;
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

.rit-tab-content[b-z1sr4tkyvd] {
    display: grid;
    grid-template-rows: auto minmax(280px, 1fr);
    gap: 16px;
    height: 100%;
    min-height: 0;
}

.rit-overview[b-z1sr4tkyvd] {
    display: grid;
    grid-template-columns: minmax(250px, 1.15fr) minmax(250px, 1.15fr) minmax(300px, 1.1fr) minmax(230px, .85fr);
    gap: 16px;
    align-items: stretch;
    min-height: 0;
}

.rit-card[b-z1sr4tkyvd] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    padding: 18px 22px;
}

.rit-address-column[b-z1sr4tkyvd] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    min-width: 0;
    min-height: 0;
}

.rit-card--address[b-z1sr4tkyvd],
.rit-card--boardcomputer[b-z1sr4tkyvd] {
    min-height: 0;
}

.rit-card--options[b-z1sr4tkyvd] {
    align-content: start;
}

.field-stack[b-z1sr4tkyvd] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.form-row[b-z1sr4tkyvd] {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    min-width: 0;
}

    .form-row > *[b-z1sr4tkyvd] {
        min-width: 0;
    }

    .form-row[b-z1sr4tkyvd]  .k-input,
    .form-row[b-z1sr4tkyvd]  .k-picker,
    .form-row[b-z1sr4tkyvd]  .k-textbox,
    .form-row[b-z1sr4tkyvd]  .k-numerictextbox,
    .form-row[b-z1sr4tkyvd]  .k-multicolumncombobox,
    .form-row[b-z1sr4tkyvd]  .combo-popup-active {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

.rit-card:nth-child(2) .form-row[b-z1sr4tkyvd],
.rit-address-column .form-row[b-z1sr4tkyvd] {
    grid-template-columns: 120px minmax(0, 1fr);
}

.rit-options[b-z1sr4tkyvd] {
    display: grid;
    gap: 18px;
    align-content: start;
    padding-top: 4px;
}

.rit-readonly-field[b-z1sr4tkyvd] {
    display: block;
    width: 100%;
    height: 32px;
    background-color: #f9fafb;
    border: 1px solid #dfe3e8;
    border-radius: 4px;
    box-sizing: border-box;
    pointer-events: none;
}

.check-field[b-z1sr4tkyvd] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    white-space: nowrap;
}

.rit-grid-row[b-z1sr4tkyvd] {
    display: grid;
    grid-template-columns: minmax(260px, .54fr) minmax(0, 1fr);
    gap: 16px;
    min-height: 0;
}

.rit-grid-card[b-z1sr4tkyvd] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    min-height: 0;
    padding: 0;
    overflow: hidden;
}

    .rit-grid-card > *[b-z1sr4tkyvd] {
        min-height: 0;
    }

.rit-activities-card[b-z1sr4tkyvd]  .grid-noborder {
    height: 100%;
    width: 100%;
}

.rit-grid-card[b-z1sr4tkyvd]  .k-grid {
    width: 100% !important;
    height: 100%;
    min-width: 0;
    min-height: 0;
    border-width: 0;
    border-radius: 0;
    overflow: hidden;
}

.rit-grid-card[b-z1sr4tkyvd]  .rit-data-grid .k-grid-table {
    min-width: 1200px;
}

.rit-grid-card--small[b-z1sr4tkyvd]  .rit-data-grid .k-grid-table {
    min-width: 900px;
}

.rit-grid-card[b-z1sr4tkyvd]  .rit-data-grid--wide .k-grid-table {
    min-width: 1800px;
}

.rit-grid-card[b-z1sr4tkyvd]  .k-grid-header {
    background: #f3f4f6;
}

.rit-grid-card[b-z1sr4tkyvd]  .k-grid-toolbar {
    min-height: 44px;
    padding: 8px 12px;
    background: #fff;
    border-color: #e5e7eb;
}

    .rit-grid-card[b-z1sr4tkyvd]  .k-grid-toolbar h6 {
        margin: 0;
        font-size: .95rem;
        font-weight: 700;
    }

.rit-grid-card[b-z1sr4tkyvd]  .k-grid-aria-root,
.rit-grid-card[b-z1sr4tkyvd]  .k-grid-container,
.rit-grid-card[b-z1sr4tkyvd]  .k-grid-header,
.rit-grid-card[b-z1sr4tkyvd]  .k-grid-header-wrap,
.rit-grid-card[b-z1sr4tkyvd]  .k-grid-content {
    max-width: 100%;
    min-width: 0;
}

.rit-secondary-tab[b-z1sr4tkyvd] {
    display: grid;
    gap: 16px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.rit-secondary-tab--voorcalc[b-z1sr4tkyvd] {
    grid-template-rows: minmax(220px, .85fr) minmax(320px, 1.15fr);
}

.rit-secondary-tab--distance[b-z1sr4tkyvd] {
    grid-template-rows: minmax(0, 1fr);
}

.rit-secondary-tab--log[b-z1sr4tkyvd] {
    grid-template-rows: minmax(0, 1fr);
}

.rit-distance-card[b-z1sr4tkyvd]  .grid-noborder {
    height: 100%;
    width: 100%;
}

.rit-log-card[b-z1sr4tkyvd]  .grid-noborder {
    height: 100%;
    width: 100%;
}

.rit-voorcalc-card[b-z1sr4tkyvd]  .grid-noborder {
    height: 100%;
    width: 100%;
}

.rit-nacalc-card[b-z1sr4tkyvd]  .grid-noborder {
    height: 100%;
    width: 100%;
}

.actual-costs[b-z1sr4tkyvd],
.distance-panel[b-z1sr4tkyvd] {
    display: grid;
    gap: 0px;
    align-content: start;
}

.actual-costs[b-z1sr4tkyvd] {
    grid-template-rows: auto auto minmax(0, 1fr);
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    align-content: stretch;
}

.cost-inputs[b-z1sr4tkyvd],
.distance-inputs[b-z1sr4tkyvd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 24px;
}

.cost-inputs[b-z1sr4tkyvd] {
    margin-top: 5px;
    margin-bottom: 15px;
}

.cost-field[b-z1sr4tkyvd] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

    .cost-field svg[b-z1sr4tkyvd] {
        color: #374151;
    }

.nested-grid[b-z1sr4tkyvd] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.rit-nacalc-card[b-z1sr4tkyvd] {
    max-width: 100%;
}

    .rit-nacalc-card > *[b-z1sr4tkyvd] {
        min-width: 0;
        min-height: 0;
    }

    .rit-nacalc-card[b-z1sr4tkyvd]  .k-grid {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        width: 100% !important;
        max-width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
        overflow: hidden;
    }

    .rit-nacalc-card[b-z1sr4tkyvd]  .k-grid-aria-root,
    .rit-nacalc-card[b-z1sr4tkyvd]  .k-grid-container,
    .rit-nacalc-card[b-z1sr4tkyvd]  .k-grid-header,
    .rit-nacalc-card[b-z1sr4tkyvd]  .k-grid-header-wrap,
    .rit-nacalc-card[b-z1sr4tkyvd]  .k-grid-content {
        max-width: 100%;
        min-width: 0;
        min-height: 0;
    }

    .rit-nacalc-card[b-z1sr4tkyvd]  .k-grid-aria-root {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        overflow: hidden;
    }

    .rit-nacalc-card[b-z1sr4tkyvd]  .k-grid-container {
        overflow: hidden;
    }

    .rit-nacalc-card[b-z1sr4tkyvd]  .k-grid-header-wrap {
        overflow: hidden;
    }

    .rit-nacalc-card[b-z1sr4tkyvd]  .k-grid-content {
        overflow-x: auto;
        overflow-y: auto;
    }

    .rit-nacalc-card[b-z1sr4tkyvd]  .k-grid-header-table,
    .rit-nacalc-card[b-z1sr4tkyvd]  .k-grid-table {
        min-width: max-content;
    }

.rit-actions[b-z1sr4tkyvd] {
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 12px 8px 8px 0;
    background-color: var(--color-gray-50);
}

@media (max-width: 1500px) {
    .rit-overview[b-z1sr4tkyvd] {
        grid-template-columns: repeat(2, minmax(280px, 1fr));
    }

    .rit-grid-row[b-z1sr4tkyvd] {
        grid-template-columns: minmax(0, .7fr) minmax(0, 1fr);
    }
}

@media (max-width: 1180px) {
    .rit-page[b-z1sr4tkyvd] {
        display: block;
        height: auto;
        max-height: none;
        min-height: calc(100vh - 72px);
        overflow: visible;
    }

        .rit-page[b-z1sr4tkyvd]  .rit-details-form,
        .rit-page[b-z1sr4tkyvd]  .rit-details-form.k-form,
        .rit-page[b-z1sr4tkyvd]  .rit-details-form .k-form-fieldset {
            height: auto;
            max-height: none;
            overflow: visible;
        }

    .top-content[b-z1sr4tkyvd]  .rit-tabs,
    .top-content[b-z1sr4tkyvd]  .rit-tabs.k-tabstrip {
        display: block;
        height: auto;
        min-height: 0;
    }

        .rit-tabs[b-z1sr4tkyvd]  .k-tabstrip-content-wrapper,
        .rit-tabs[b-z1sr4tkyvd]  .k-tabstrip-content,
        .rit-tabs[b-z1sr4tkyvd]  .k-tabstrip-content.k-active,
        .rit-tabs[b-z1sr4tkyvd]  .k-content,
        .rit-tabs[b-z1sr4tkyvd]  .k-content.k-active {
            height: auto;
            overflow: visible;
        }

    .rit-tab-content[b-z1sr4tkyvd],
    .rit-secondary-tab[b-z1sr4tkyvd] {
        height: auto;
        min-height: 0;
    }

    .rit-grid-card[b-z1sr4tkyvd] {
        min-height: 360px;
    }

    .rit-actions[b-z1sr4tkyvd] {
        position: sticky;
        bottom: 0;
        margin-top: 14px;
        border-top: 1px solid #e5e7eb;
        background: rgba(247, 247, 248, .96);
        backdrop-filter: blur(6px);
    }
}

@media (max-width: 920px) {
    .rit-overview[b-z1sr4tkyvd],
    .rit-grid-row[b-z1sr4tkyvd] {
        grid-template-columns: 1fr;
    }

    .rit-address-column[b-z1sr4tkyvd] {
        grid-template-rows: none;
    }
}

@media (max-width: 640px) {
    .rit-top[b-z1sr4tkyvd],
    .top-content[b-z1sr4tkyvd]  .rit-tabs {
        padding-left: 12px;
        padding-right: 12px;
    }

    .rit-panel[b-z1sr4tkyvd],
    .rit-card[b-z1sr4tkyvd] {
        padding: 14px;
    }

        .form-row[b-z1sr4tkyvd],
        .rit-card:nth-child(2) .form-row[b-z1sr4tkyvd],
        .rit-address-column .form-row[b-z1sr4tkyvd],
        .distance-inputs[b-z1sr4tkyvd] {
            grid-template-columns: 1fr;
            gap: 8px;
        }

    .check-field[b-z1sr4tkyvd] {
        white-space: normal;
    }

    .rit-actions[b-z1sr4tkyvd] {
        align-items: stretch;
        flex-direction: column-reverse;
        padding: 12px;
    }

        .rit-actions[b-z1sr4tkyvd]  .btn {
            width: 100%;
        }
}
/* _content/eLipsOnline/Components/Pages/DetailPages/RitRegelDetails.razor.rz.scp.css */
.ritregel-page[b-i0pxkd5niq] {
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

.ritregel-window-layout[b-i0pxkd5niq] {
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
    overflow: hidden;
}

.ritregel-editor[b-i0pxkd5niq] {
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.ritregel-page--loading[b-i0pxkd5niq] {
    display: grid;
    min-height: 320px;
    place-items: center;
}

.ritregel-page-header[b-i0pxkd5niq] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 20px;
    margin-bottom: -10px;
    background-color: white;
    border-bottom: 1px solid var(--color-gray-100);
}

.ritregel-meta[b-i0pxkd5niq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 34px;
}

.ritregel-meta-item[b-i0pxkd5niq] {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.ritregel-meta-item:hover[b-i0pxkd5niq] {
    color: var(--color-primary-700);
}

.ritregel-step-layout[b-i0pxkd5niq] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 14px;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: 10px;
}

.ritregel-step-nav[b-i0pxkd5niq] {
    min-height: 0;
    overflow: hidden;
    padding: 14px 0 0 8px;
}

.ritregel-step-content[b-i0pxkd5niq] {
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
    padding: 0px 0px 84px 0;
    margin-top: 15px;
}

.ritregel-step-section[b-i0pxkd5niq] {
    min-width: 0;
    padding: 25px;
    margin-bottom: 24px;
    border: 1px solid var(--color-gray-200);
    border-radius: 5px;
    background-color: white;
}

.ritregel-section-title[b-i0pxkd5niq] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.ritregel-section-title h4[b-i0pxkd5niq] {
    margin: 0;
}

.ritregel-plan-tab[b-i0pxkd5niq],
.ritregel-bc-tab[b-i0pxkd5niq],
.ritregel-log-tab[b-i0pxkd5niq] {
    display: grid;
    gap: 14px;
    height: auto;
    min-height: 0;
    min-width: 0;
}

.ritregel-panel[b-i0pxkd5niq] {
    min-width: 0;
    background: #fff;
        border: 0.5px solid var(--color-gray-200);
        border-radius: 5px;
        box-shadow: none;
        padding: 18px;
}

.ritregel-strip[b-i0pxkd5niq] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
    padding: 18px;
    border: 0.5px solid var(--color-gray-200);
    border-radius: 5px;
}

.ritregel-strip-row[b-i0pxkd5niq] {
    display: grid;
    align-items: center;
    gap: 15px;
    min-width: 0;
    grid-template-columns: 1fr;
}

.ritregel-index[b-i0pxkd5niq] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 6px;
    background: #f3f4f6;
    font-size: 1rem;
    font-weight: 600;
}

.ritregel-form[b-i0pxkd5niq] {
    height: 100%;
    min-height: 0;
}

.ritregel-form[b-i0pxkd5niq],
.ritregel-form.k-form[b-i0pxkd5niq] {
    min-width: 0;
}

.ritregel-editor[b-i0pxkd5niq]  .ritregel-form,
.ritregel-editor[b-i0pxkd5niq]  .ritregel-form.k-form {
    height: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
}

.ritregel-form[b-i0pxkd5niq]  form {
    height: 100%;
    min-height: 0;
}

.ritregel-form[b-i0pxkd5niq]  .k-form-fieldset,
.ritregel-editor[b-i0pxkd5niq]  .k-form-fieldset {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
}

.ritregel-form[b-i0pxkd5niq]  .k-form-legend,
.ritregel-form[b-i0pxkd5niq]  .k-form-buttons,
.ritregel-editor[b-i0pxkd5niq]  .k-form-legend,
.ritregel-editor[b-i0pxkd5niq]  .k-form-buttons {
    display: none;
}

.ritregel-index--done[b-i0pxkd5niq] {
    color: white;
    background: var(--color-success-500);
    border: 1px solid var(--color-success-700);
}

.ritregel-strip-field[b-i0pxkd5niq] {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    align-items: center;
    gap: 22px;
    min-width: 0;
}

.ritregel-strip-field--activity[b-i0pxkd5niq] {
    grid-template-columns: 190px minmax(0, 1fr);
}

.ritregel-strip-field--reference[b-i0pxkd5niq] {
    grid-template-columns: 190px minmax(0, 1fr);
}

.ritregel-strip-field--date[b-i0pxkd5niq] {
    grid-template-columns: 190px minmax(0, 1fr);
}

.date-time-grid[b-i0pxkd5niq] {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(82px, .45fr) minmax(82px, .45fr);
    gap: 8px;
    min-width: 0;
}

.ritregel-options[b-i0pxkd5niq],
.check-field[b-i0pxkd5niq] {
    display: flex;
    align-items: center;
}

.ritregel-options[b-i0pxkd5niq] {
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 10px;
    min-width: 0;
}

.check-field[b-i0pxkd5niq] {
    gap: 10px;
    white-space: nowrap;
}

.check-field[b-i0pxkd5niq]  .k-switch {
    flex: 0 0 auto;
}

.ritregel-options[b-i0pxkd5niq]  .k-switch-label-on,
.ritregel-options[b-i0pxkd5niq]  .k-switch-label-off {
    display: none;
}

.ritregel-content-grid[b-i0pxkd5niq] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.ritregel-column[b-i0pxkd5niq] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.ritregel-column--side[b-i0pxkd5niq] {
    align-content: start;
}

.field-stack[b-i0pxkd5niq] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.form-row[b-i0pxkd5niq] {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    align-items: center;
    gap: 22px;
    min-width: 0;
}

.form-row--compact[b-i0pxkd5niq] {
    grid-template-columns: 112px minmax(0, 1fr);
}

.form-row--stacked[b-i0pxkd5niq] {
    grid-template-columns: 1fr;
    gap: 6px;
}

.split-fields[b-i0pxkd5niq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    min-width: 0;
}

.split-fields--street[b-i0pxkd5niq] {
    grid-template-columns: minmax(0, 1fr) minmax(70px, .2fr) minmax(72px, .22fr);
}

.split-fields--three[b-i0pxkd5niq] {
    grid-template-columns: minmax(100px, .5fr) minmax(0, 1fr) minmax(96px, .45fr);
}

.ritregel-note-card[b-i0pxkd5niq] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0px;
}

/*.ritregel-note-card ::deep .k-textarea {
    min-height: 174px;
}

.ritregel-note-card--large ::deep .k-textarea {
    min-height: 326px;
}*/

.ritregel-link-list[b-i0pxkd5niq] {
    display: grid;
    gap: 8px;
}

.ritregel-link-button[b-i0pxkd5niq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 8px 0;
    border: 0;
    border-bottom: 1px solid #edf0f2;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.ritregel-link-button:hover[b-i0pxkd5niq] {
    color: var(--color-primary-700);
}

.ritregel-meta-fields[b-i0pxkd5niq] {
    margin-top: 16px;
}

.ritregel-address-card[b-i0pxkd5niq],
.ritregel-extra-card[b-i0pxkd5niq],
.ritregel-note-card[b-i0pxkd5niq] {
/*    padding: 28px 22px;*/
}

.ritregel-extra-card[b-i0pxkd5niq] {
    align-self: stretch;
}

.ritregel-bc-tab[b-i0pxkd5niq] {
    align-content: start;
    gap: 18px;
    overflow: visible;
}

.bc-title[b-i0pxkd5niq] {
    margin: 0;
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.2;
}

.bc-task-card[b-i0pxkd5niq] {
    display: grid;
    grid-template-columns: 34px 82px 160px 110px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-width: 0;
    padding: 10px;
    background: #fff;
    border: 0.5px solid var(--color-gray-200);
    border-radius: 5px;
}

.bc-icon-slot[b-i0pxkd5niq] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
    background: #fbfbfc;
}

.bc-task-card .txt-label[b-i0pxkd5niq] {
    margin: 0;
}

.time-table-wrap[b-i0pxkd5niq] {
    width: 100%;
    overflow-x: auto;
}

.time-table[b-i0pxkd5niq] {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
    background: #fff;
}

.time-table th[b-i0pxkd5niq],
.time-table td[b-i0pxkd5niq] {
    height: 38px;
    padding: 6px 8px;
    border: 1px solid #e5e7eb;
    vertical-align: middle;
}

.time-table th[b-i0pxkd5niq] {
    background: #f3f4f6;
    font-weight: 700;
    text-align: center;
}

.time-table td:first-child[b-i0pxkd5niq] {
    width: 150px;
    font-weight: 600;
}

.bc-distance-panel[b-i0pxkd5niq] {
    display: grid;
    gap: 0px;
    padding: 18px 16px 26px;
    background: #fff;
    border: 0.5px solid var(--color-gray-200);
    border-radius: 5px;
}

.bc-distance-grid[b-i0pxkd5niq] {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    align-items: center;
    gap: 10px 28px;
    min-width: 0;
}

.ritregel-log-tab[b-i0pxkd5niq] {
    align-content: start;
    gap: 18px;
    overflow: visible;
}

.ritregel-status-panel[b-i0pxkd5niq],
.ritregel-execution-panel[b-i0pxkd5niq] {
    display: grid;
    padding: 18px 16px;
}

.execution-status-grid[b-i0pxkd5niq] {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: center;
    gap: 18px 28px;
    min-width: 0;
}

.ritregel-execution-panel[b-i0pxkd5niq] {
    min-height: 0;
}

.ritregel-execution-panel[b-i0pxkd5niq]  textarea,
.ritregel-execution-panel[b-i0pxkd5niq]  .k-input-inner {
    min-height: inherit;
    resize: vertical;
}

.dialog-actions[b-i0pxkd5niq] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    width: 100%;
}

@media (max-width: 1180px) {
    .ritregel-content-grid[b-i0pxkd5niq] {
        flex-direction: column;
    }

    .form-row[b-i0pxkd5niq] {
        grid-template-columns: 150px minmax(0, 1fr);
    }
}

@media (max-width: 820px) {
    .ritregel-details-window[b-i0pxkd5niq]  .k-window {
        width: calc(100vw - 20px) !important;
        min-width: 0 !important;
    }

    .ritregel-window-layout[b-i0pxkd5niq] {
        grid-template-columns: 1fr;
        overflow: auto;
    }

    .ritregel-step-layout[b-i0pxkd5niq] {
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .ritregel-step-nav[b-i0pxkd5niq] {
        display: none;
    }

    .ritregel-step-content[b-i0pxkd5niq] {
        height: auto;
        overflow: visible;
        padding: 12px;
    }

    .ritregel-list-panel[b-i0pxkd5niq] {
        border-right: 0;
        border-bottom: 1px solid var(--color-gray-200);
        max-height: 260px;
    }

    .ritregel-editor[b-i0pxkd5niq] {
        overflow: visible;
    }

    .ritregel-page[b-i0pxkd5niq] {
        max-height: calc(100vh - 132px);
        overflow: auto;
        display: block;
        height: auto;
    }

    .ritregel-strip[b-i0pxkd5niq],
    .ritregel-content-grid[b-i0pxkd5niq],
    .bc-distance-grid[b-i0pxkd5niq],
    .execution-status-grid[b-i0pxkd5niq] {
        grid-template-columns: 1fr;
    }

    .ritregel-page-header[b-i0pxkd5niq],
    .ritregel-meta[b-i0pxkd5niq] {
        justify-content: flex-start;
        margin-bottom: 5px;
    }

    .ritregel-meta[b-i0pxkd5niq] {
        gap: 14px 22px;
    }

    .ritregel-strip[b-i0pxkd5niq] {
        gap: 16px;
    }

    .ritregel-index[b-i0pxkd5niq] {
        justify-self: start;
    }

    .ritregel-options[b-i0pxkd5niq] {
        flex-wrap: wrap;
    }
}

@media (max-width: 640px) {
    .ritregel-plan-tab[b-i0pxkd5niq],
    .ritregel-bc-tab[b-i0pxkd5niq],
    .ritregel-log-tab[b-i0pxkd5niq] {
        padding: 12px;
    }

    .ritregel-panel[b-i0pxkd5niq],
    .ritregel-strip[b-i0pxkd5niq] {
        padding: 14px;
    }

    .ritregel-strip-field[b-i0pxkd5niq],
    .ritregel-strip-field--activity[b-i0pxkd5niq],
    .ritregel-strip-field--reference[b-i0pxkd5niq],
    .ritregel-strip-field--date[b-i0pxkd5niq],
    .form-row[b-i0pxkd5niq],
    .form-row--compact[b-i0pxkd5niq],
    .date-time-grid[b-i0pxkd5niq],
    .bc-task-card[b-i0pxkd5niq],
    .split-fields[b-i0pxkd5niq],
    .split-fields--street[b-i0pxkd5niq],
    .split-fields--three[b-i0pxkd5niq] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .ritregel-options[b-i0pxkd5niq],
    .dialog-actions[b-i0pxkd5niq] {
        align-items: stretch;
        flex-direction: column;
    }

    .check-field[b-i0pxkd5niq] {
        justify-content: space-between;
    }
}
/* _content/eLipsOnline/Components/Pages/DetailPages/RitRegelDetailsOld.razor.rz.scp.css */
/* ==== PAGINA STRUCTUUR =================================================== */

.page-layout[b-txftc3mrq2] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 60px);
}

.page-top[b-txftc3mrq2] {
    flex: 1;
    overflow: auto;
    padding: 10px 20px 90px;
}


/* ==== TOP BLOK MET 2 KOLLOMMEN ============================================ */

.ritregel-header[b-txftc3mrq2] {
    display: grid;
    grid-template-columns: 1fr 250px;
    gap: 20px;
    width: 100%;
    align-items: start;
}

.ritregel-left-wrapper[b-txftc3mrq2] {
    display: grid;
    grid-template-columns: 1.2fr 80fr 0.8fr; /* linkerkolom + extra-info kolom */
    gap: 20px;
    align-items: center;
}

.ritregel-left[b-txftc3mrq2] {
    padding-right: 10px;
}

.ritregel-right[b-txftc3mrq2] {
    width: 250px;
    justify-self: end;
}


/* ==== FORM ROWS ========================================================== */

.form-row[b-txftc3mrq2] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

    .form-row label[b-txftc3mrq2] {
        width: 120px;
        font-size: 0.9rem;
    }

/* label direct naast checkbox */
.label-inline[b-txftc3mrq2] {
    width: auto !important;
}

/* label rechts uitgelijnd */
.form-row .label-right[b-txftc3mrq2] {
    width: 80px;
    font-size: 0.9rem;
}


/* ==== TIME INPUTS ========================================================= */

.time-input[b-txftc3mrq2],
.timebox[b-txftc3mrq2] {
    width: 70px;
    height: 33px;
    font-size: 14px;
    text-align: right;
    border: 1px solid #dadfe2 !important;
}


/* ==== RECHTER INFO KOLOM ================================================== */

.info-row[b-txftc3mrq2] {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-bottom: 6px;
}

    .info-row label[b-txftc3mrq2] {
        margin-right:10px;
        width: 80px;
        text-align: right;
        font-size: 0.85rem;
        white-space: nowrap;
    }


/* ==== ADRES BLOK ========================================================== */

.adres-block[b-txftc3mrq2] {
    max-width:750px;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #ccc;
    background: #f8f8f8;
    border-radius: 4px;
}

    .adres-block .form-row[b-txftc3mrq2] {
        gap: 12px;
    }

    .adres-block input[b-txftc3mrq2],
    .adres-block .rz-input[b-txftc3mrq2],
    .adres-block .rz-dropdown[b-txftc3mrq2] {
        font-size: 0.9rem;
    }


/* ==== INSTRUCTIES / OPMERKINGEN ========================================== */

.ritregel-instructions[b-txftc3mrq2] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    margin-top: 20px;
}

    .ritregel-instructions label[b-txftc3mrq2] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.9rem;
    }


/* ==== EXTRA INFO BLOK ===================================================== */

.extra-info-block[b-txftc3mrq2] {
    margin-top:130px;
    padding: 10px;
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: grid;
    row-gap: 6px;
    height:270px;
}


/* ==== BOORDCOMPUTER ======================================================= */

.boordcomputer-section[b-txftc3mrq2] {
    margin-top: 25px;
}

.bc-row[b-txftc3mrq2] {
    display: flex;
    align-items: center;
    gap: 12px;
}


/* ==== TIJDSCHEMA TABEL ==================================================== */

.time-table[b-txftc3mrq2] {
    margin-top: 10px;
    border-collapse: collapse;
}

    .time-table th[b-txftc3mrq2],
    .time-table td[b-txftc3mrq2] {
        padding: 4px 8px;
        border: 1px solid #ccc;
    }

.expected[b-txftc3mrq2] {
    color: purple;
    font-weight: bold;
}

.desired[b-txftc3mrq2] {
    color: #cc00cc;
    font-weight: bold;
}


/* ==== KM ROWS ============================================================= */

.km-section[b-txftc3mrq2] {
    margin-top: 15px;
    display: grid;
    align-items: center;
    margin-left:60vh;
}


/* ==== FIX BOTTOM BUTTON BAR =============================================== */

.form-actions[b-txftc3mrq2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    border-top: 1px solid #ccc;
    background: #eee;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

.form-actions-left[b-txftc3mrq2],
.form-actions-right[b-txftc3mrq2] {
    display: flex;
    gap: 10px;
}

.ritregel-extra[b-txftc3mrq2] {
    align-self: center;
    width: 100%;
}
/* _content/eLipsOnline/Components/Pages/DetailPages/VoorcalculatieDetails.razor.rz.scp.css */

.form-actions[b-g6ocv7jp1y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    border-top: 1px solid #ccc;
    background-color: #f0f0f0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.form-actions-left[b-g6ocv7jp1y], .form-actions-right[b-g6ocv7jp1y] {
    display: flex;
    gap: 10px;
}

.page-layout[b-g6ocv7jp1y] {
    display: grid;
    grid-template-rows: 90% 10%; /* of bijv. 70% 30% */
    height: calc(100vh - 60px); /* -60px als je rekening houdt met header of knoppen */
}

.page-top[b-g6ocv7jp1y] {
    overflow: auto; /* zodat je kan scrollen in de tab inhoud */
}

.page-bottom[b-g6ocv7jp1y] {
    overflow: auto; /* zodat de grid netjes scrollt */
}

/* Binnen elke kolom: label + input */
.form-two-col[b-g6ocv7jp1y] {
    display: grid;
    grid-template-columns: 150px 1fr; /* label + veld */
    gap: 6px 12px;
    align-items: center;
}

    .form-two-col label[b-g6ocv7jp1y] {
        font-size: 0.9rem;
    }

/* Orders-tab: 2 kolommen, elk met label+veld-grid */
.form-columns[b-g6ocv7jp1y] {
    display: grid;
    grid-template-columns: 1fr 1fr; /* links/rechts/bijlagen kolom */
    gap: 16px 32px;
    padding-right: 16px;
    box-sizing: border-box;
    width: 50%;
}

.remove-button[b-g6ocv7jp1y] {
    background-color: #9c1818; /* Red background */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 20px 2px;
    cursor: pointer;
    border-radius: 50%; /* Circular button */
    width: 28px; /* Fixed width */
    height: 28px; /* Fixed height */
    line-height: 20px; /* Match the height to vertically center the '-' */
    padding: 0; /* Reset padding */
    font-weight: bold;
}

    .remove-button:hover[b-g6ocv7jp1y] {
        background-color: #601515; /* Darker shade of red */
    }


.form-row[b-g6ocv7jp1y] {
    display: flex;
    width: max-content;
    gap: 12px 24px; /* ruimte tussen blokjes */
}



    .form-field[b-g6ocv7jp1y] {
    display: flex;
    flex-direction: column; /* label boven input */
}

    .form-field label[b-g6ocv7jp1y] {
        font-size: 0.9rem;
        margin-bottom: 4px;
    }


.form-right-block[b-g6ocv7jp1y] {
    grid-column: 2; /* zet dit blok in de rechterkolom */
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.section-header[b-g6ocv7jp1y] {
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 4px;
    margin-left: 20px;
    border-bottom: 1px solid #ccc;
    /* eventueel zelfde styling als Ladingen-header */
}

.soort-vc-content[b-g6ocv7jp1y] {
    display: flex;
    gap: 50px;
    /* eventueel een beetje marge naar links ipv inline style */
    margin-left: 20px;
}
/* _content/eLipsOnline/Components/Pages/DetailPages/VoorcalculatieDetailsPopup.razor.rz.scp.css */
.voorcalculatie-details-window[b-lcbidwt96l]  .k-window-content {
    min-height: 0;
    padding: 0;
    overflow: hidden;
}

.vc-popup-layout[b-lcbidwt96l] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(280px, 380px) minmax(0, 1fr);
    overflow: hidden;
    background: var(--color-gray-50);
}

.vc-list-panel[b-lcbidwt96l] {
    min-height: 0;
}

.vc-list-icon--income[b-lcbidwt96l],
.detail-list-item.is-selected .vc-list-icon--income[b-lcbidwt96l] {
    color: #16824b;
    background: #e8f7ef;
}

.vc-list-icon--expense[b-lcbidwt96l],
.detail-list-item.is-selected .vc-list-icon--expense[b-lcbidwt96l] {
    color: #c93636;
    background: #fdecec;
}

.detail-list-item-badge.vc-list-badge--income[b-lcbidwt96l],
.detail-list-item.is-selected .detail-list-item-badge.vc-list-badge--income[b-lcbidwt96l] {
    color: #16824b;
    background: #e8f7ef;
}

.detail-list-item-badge.vc-list-badge--expense[b-lcbidwt96l],
.detail-list-item.is-selected .detail-list-item-badge.vc-list-badge--expense[b-lcbidwt96l] {
    color: #c93636;
    background: #fdecec;
}

.vc-detail-panel[b-lcbidwt96l] {
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    background: var(--color-gray-50);
}

.voorcalculatie-form[b-lcbidwt96l] {
    min-height: 100%;
}

.vc-body[b-lcbidwt96l] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 100%;
    min-height: 0;
    padding: 16px 25px;
}

.vc-topline[b-lcbidwt96l] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.vc-vestiging-field[b-lcbidwt96l] {
    display: grid;
    grid-template-columns: 65px minmax(160px, 184px);
    align-items: center;
    gap: 20px;
}

.vc-meta[b-lcbidwt96l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
}

.vc-meta-item[b-lcbidwt96l] {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.vc-meta-item:hover[b-lcbidwt96l] {
    color: var(--color-primary-700);
}

.vc-check-panel[b-lcbidwt96l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 14px 18px;
}

.vc-check-row[b-lcbidwt96l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    min-height: 24px;
    margin: 0;
}

.vc-check-item[b-lcbidwt96l] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.vc-panel[b-lcbidwt96l] {
    min-width: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.vc-panel-main[b-lcbidwt96l] {
    padding: 18px 18px 25px 18px;
}

.vc-form-grid[b-lcbidwt96l] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    align-items: center;
    gap: 15px;
}

.vc-two-fields[b-lcbidwt96l] {
    display: grid;
    grid-template-columns: minmax(220px, .9fr) minmax(260px, 1.1fr);
    align-items: center;
    gap: 12px;
}

.vc-amount-panel[b-lcbidwt96l] {
    padding: 18px 18px 25px 18px;
}

.vc-wacht-panel[b-lcbidwt96l] {
    padding: 18px 18px 25px 18px;
}

.vc-wacht-grid[b-lcbidwt96l] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) minmax(120px, 150px);
    align-items: end;
    gap: 18px;
}

.vc-lading-panel[b-lcbidwt96l] {
    display: flex;
    flex-direction: column;
    min-height: 200px;
    padding: 0;
    overflow: hidden;
}

.vc-lading-panel[b-lcbidwt96l]  > * {
    flex: 1 1 auto;
    min-height: 0;
}

.vc-lading-panel[b-lcbidwt96l]  .k-grid {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    height: 100%;
    border-width: 0;
    border-radius: 0;
    min-height: 0;
    overflow: hidden;
}

.vc-lading-panel[b-lcbidwt96l]  .k-grid-header {
    background: #f3f4f6;
}

.vc-amount-grid[b-lcbidwt96l] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: end;
    gap: 18px 20px;
}

.vc-stack[b-lcbidwt96l] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.vc-actions[b-lcbidwt96l] {
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    width: 100%;
    padding: 12px 16px;
    background-color: var(--color-gray-50);
}

@media (max-width: 1400px) {
    .vc-actions[b-lcbidwt96l] {
        position: sticky;
        bottom: 0;
        border-top: 1px solid #e5e7eb;
        background: rgba(247, 247, 248, .96);
        backdrop-filter: blur(6px);
    }
}

@media (max-width: 1180px) {
    .vc-popup-layout[b-lcbidwt96l] {
        grid-template-columns: minmax(250px, 30%) minmax(0, 1fr);
    }

    .vc-form-grid[b-lcbidwt96l] {
        grid-template-columns: 150px minmax(0, 1fr);
    }

    .vc-wacht-grid[b-lcbidwt96l] {
        grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) minmax(120px, 150px);
    }

    .vc-lading-panel[b-lcbidwt96l] {
        min-height: 200px;
    }
}

@media (max-width: 920px) {
    .vc-popup-layout[b-lcbidwt96l] {
        height: 100%;
        grid-template-columns: minmax(0, 1fr);
    }

    .vc-popup-layout > .detail-list-panel[b-lcbidwt96l] {
        display: none;
    }

    .vc-check-panel[b-lcbidwt96l] {
        align-items: flex-start;
        flex-direction: column;
    }

    .vc-two-fields[b-lcbidwt96l] {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .vc-amount-grid[b-lcbidwt96l] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }
}

@media (max-width: 640px) {
    .voorcalculatie-details-window[b-lcbidwt96l]  .k-window-content {
        overflow: hidden;
    }

    .vc-detail-panel[b-lcbidwt96l] {
        overscroll-behavior: contain;
    }

    .vc-header[b-lcbidwt96l] {
        min-height: 0;
        padding: 16px;
    }

    .vc-header h1[b-lcbidwt96l] {
        font-size: 1.35rem;
    }

    .vc-body[b-lcbidwt96l] {
        padding: 12px;
    }

    .vc-vestiging-field[b-lcbidwt96l],
    .vc-form-grid[b-lcbidwt96l],
    .vc-two-fields[b-lcbidwt96l],
    .vc-wacht-grid[b-lcbidwt96l],
    .vc-amount-grid[b-lcbidwt96l] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .vc-check-row[b-lcbidwt96l] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .vc-actions[b-lcbidwt96l] {
        align-items: stretch;
        flex-direction: column-reverse;
        padding: 12px;
    }
}
/* _content/eLipsOnline/Components/Pages/Facturatie/FacturatieSectionNav.razor.rz.scp.css */
/* _content/eLipsOnline/Components/Pages/Facturatie/FacturenPage.razor.rz.scp.css */
.facturen-page[b-imenaiapaj] {
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.page-body[b-imenaiapaj] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.page-body-content[b-imenaiapaj] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    overflow: hidden;
}

.splitter-host[b-imenaiapaj] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    height: 100%;
}

.main-pane[b-imenaiapaj] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: 16px 20px;
    border-right: 1px solid var(--color-gray-200);
    gap: 8px;
}

.fo-dashboard[b-imenaiapaj] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: minmax(150px, 0.95fr) minmax(210px, 1.25fr) minmax(150px, 0.9fr) minmax(150px, 0.9fr);
    gap: 14px;
    width: 100%;
    margin: 8px 0 14px;
}

.fo-dashboard-card[b-imenaiapaj] {
    min-width: 0;
    min-height: 84px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: white;
    border: 1px solid var(--color-gray-100);
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.fo-dashboard-icon[b-imenaiapaj] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

[b-imenaiapaj] .fo-dashboard-icon .k-svg-icon {
    width: 18px;
    height: 18px;
}

.fo-dashboard-icon--blue[b-imenaiapaj] {
    color: #0284c7;
    background: #e0f2fe;
}

.fo-dashboard-icon--green[b-imenaiapaj] {
    color: #16a34a;
    background: #dcfce7;
}

.fo-dashboard-icon--amber[b-imenaiapaj] {
    color: #d97706;
    background: #f1e7ff;
}

.fo-dashboard-icon--cyan[b-imenaiapaj] {
    color: #0891b2;
    background: #e0f2fe;
}

.fo-dashboard-copy[b-imenaiapaj] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.fo-dashboard-label[b-imenaiapaj] {
    color: #6b7280;
    font-size: var(--fs-caption);
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fo-dashboard-copy strong[b-imenaiapaj] {
    color: #111827;
    font-size: var(--fs-h4);
    font-weight: 600;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.fo-dashboard-card--wide .fo-dashboard-copy strong[b-imenaiapaj] {
    font-size: var(--fs-h4);
}

.fo-dashboard-meta[b-imenaiapaj] {
    color: #6b7280;
    font-size: var(--fs-caption);
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.oo-nav[b-imenaiapaj] {
    flex: 0 0 auto;
    width: 100%;
    background-color: white;
    overflow: hidden;
}

.oo-nav-toolbar[b-imenaiapaj] {
    padding: 5px 0 10px 0;
    gap: 12px;
}

.oo-nav-group[b-imenaiapaj] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 4px;
}

.oo-nav-label[b-imenaiapaj] {
    color: #8f8f8f;
    font-size: var(--fs-caption);
    line-height: 1;
    padding-left: 0;
    white-space: nowrap;
}

.oo-nav-group-body[b-imenaiapaj] {
    gap: 4px;
    min-height: 32px;
}

.fo-nav-actions .btn[b-imenaiapaj] {
    height: 32px;
    min-width: 32px;
    padding: 6px 7px;
}

.fo-checkbox-filter[b-imenaiapaj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #374151;
    font-size: var(--fs-body-3);
    line-height: 1;
    white-space: nowrap;
    margin: 0;
}

.fo-new-btn[b-imenaiapaj] {
    min-width: 72px;
    padding-inline: 14px;
}

.grid-host[b-imenaiapaj] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

[b-imenaiapaj] .splitter-host > .k-splitter {
    min-height: 0;
}

[b-imenaiapaj] .splitter-host .k-pane {
    min-height: 0;
    overflow: hidden;
}

[b-imenaiapaj] .main-pane .k-grid {
    flex: 1 1 auto;
    min-height: 0;
}

[b-imenaiapaj] .main-pane .k-grid-footer {
    background: #fafafa;
}

.fo-grid-footer-total[b-imenaiapaj] {
    display: block;
    width: 100%;
    color: #111827;
    font-weight: 700;
    text-align: right;
}

@media (max-width: 1100px) {
    .fo-dashboard[b-imenaiapaj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .fo-dashboard[b-imenaiapaj] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .fo-dashboard-card[b-imenaiapaj] {
        min-height: 74px;
    }
}

.bottom-actionbar[b-imenaiapaj] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 10px;
}
/* _content/eLipsOnline/Components/Pages/Facturatie/FactuurDetailPage.razor.rz.scp.css */

.invoice-page[b-c9tfagh5kn] {
    box-sizing: border-box;
    height: calc(100vh - 40px);
    height: calc(100dvh - 40px);
    max-height: calc(100vh - 40px);
    max-height: calc(100dvh - 40px);
    min-height: 0;
    background: var(--color-gray-50);
    color: #111827;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    overflow: hidden;
}

.invoice-page--loading[b-c9tfagh5kn] {
    place-items: center;
}

.invoice-page[b-c9tfagh5kn]  .invoice-details-form,
.invoice-page[b-c9tfagh5kn]  .invoice-details-form.k-form {
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 0;
    overflow: hidden;
}

.invoice-page[b-c9tfagh5kn]  .invoice-details-form .k-form-fieldset {
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    overflow: hidden;
}

.invoice-page[b-c9tfagh5kn]  .invoice-details-form > .k-form-fieldset {
    min-height: 0;
}

.invoice-page[b-c9tfagh5kn]  .invoice-details-form .k-form-legend,
.invoice-page[b-c9tfagh5kn]  .invoice-details-form .k-form-buttons {
    display: none;
}

.invoice-workspace[b-c9tfagh5kn] {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1.50fr) minmax(390px, .95fr);
    gap: 8px;
    padding: 16px 8px 16px 16px;
    overflow: hidden;
    align-items: stretch;
}

.invoice-content[b-c9tfagh5kn] {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 16px;
}

.invoice-panel[b-c9tfagh5kn] {
    min-width: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
    padding: 20px;
}

.invoice-card-header[b-c9tfagh5kn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
}

.invoice-card-header h4[b-c9tfagh5kn],
.invoice-card-header h5[b-c9tfagh5kn] {
    margin: 0;
}

.invoice-input-card[b-c9tfagh5kn] {
    display: grid;
    gap: 18px;
}

.invoice-form-grid[b-c9tfagh5kn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 36px;
    row-gap: 14px;
    padding-bottom: 10px;
}

.field-stack[b-c9tfagh5kn] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.form-row[b-c9tfagh5kn] {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.form-row--wide[b-c9tfagh5kn] {
    grid-column: 1 / -1;
}

.invoice-extra-section[b-c9tfagh5kn] {
    display: grid;
    gap: 8px;
    padding-top: 4px;
    padding-bottom: 10px;
}

.split-fields[b-c9tfagh5kn] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.split-fields--currency[b-c9tfagh5kn] {
    grid-template-columns: minmax(0, 1fr) minmax(96px, .48fr);
}

.invoice-lower-grid[b-c9tfagh5kn] {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 16px;
}

.invoice-attachments-card[b-c9tfagh5kn],
.invoice-payments-card[b-c9tfagh5kn] {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 14px;
}

.invoice-dropzone[b-c9tfagh5kn] {
    height: 44px;
    border: 1px dashed #8b93a1;
    border-radius: 4px;
    background: #f7f7f8;
}

.invoice-card-actions[b-c9tfagh5kn] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.invoice-page[b-c9tfagh5kn]  .btn-icon {
    width: 34px;
    height: 34px;
    padding: 0;
}

.invoice-payment-empty-state[b-c9tfagh5kn] {
    display: grid;
    place-items: center;
    min-height: 78px;
    border: 1px solid #eef0f3;
    border-radius: 6px;
    color: #8b93a1;
    font-size: .9rem;
}

.invoice-payments-list[b-c9tfagh5kn] {
    min-height: 0;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-right: 2px;
}

.invoice-payment-card[b-c9tfagh5kn] {
    flex: 0 0 auto;
    min-height: 40px;
    display: grid;
    grid-template-columns: 36px minmax(100px, 1fr) auto auto;
    align-items: center;
    gap: 16px;
    padding: 7px 10px 7px 7px;
    background: #fff;
    border: 1px solid #edf0f3;
    border-radius: 5px;
    color: #111827;
    cursor: pointer;
}

.invoice-payment-card:hover[b-c9tfagh5kn],
.invoice-payment-card--selected[b-c9tfagh5kn] {
    background: #f3f8fb;
    border-color: var(--color-primary-500);
}

.invoice-payment-card--selected[b-c9tfagh5kn] {
    box-shadow: inset 0 0 0 1px var(--color-primary-500);
}

.invoice-payment-card__icon[b-c9tfagh5kn] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    color: var(--color-primary-600);
    background: #f8fafc;
    border: 1px solid #eef1f5;
    border-radius: 5px;
}

.invoice-payment-card__icon[b-c9tfagh5kn]  svg {
    width: 20px;
    height: 20px;
    fill: var(--color-primary-700);
}

.invoice-payment-card__date[b-c9tfagh5kn] {
    min-width: 0;
    color: var(--color-gray-600);
    font-size: var(--fs-body-3);
    font-weight: 400;
}

.invoice-payment-card__amount[b-c9tfagh5kn] {
    color: #111827;
    font-size: var(--fs-body-2);
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
}

.invoice-payment-card__currency[b-c9tfagh5kn] {
    color: #6b7280;
    font-size: var(--fs-body-2);
    white-space: nowrap;
}

.payment-window-body[b-c9tfagh5kn] {
    display: grid;
    gap: 15px;
    padding: 20px 30px 25px;
}

.payment-window-invoice[b-c9tfagh5kn] {
    color: #6b7280;
    font-size: var(--fs-caption);
    font-weight: 400;
}

.payment-window-form[b-c9tfagh5kn] {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    align-items: center;
    gap: 22px 26px;
}

.payment-window-actions[b-c9tfagh5kn] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.invoice-card-total[b-c9tfagh5kn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 16px;
    padding-top: 14px;
    border-top: 1px solid #dfe3e8;
}

    .invoice-card-total span[b-c9tfagh5kn] {
        font-size: var(--fs-body-2);
    }

    .invoice-card-total strong[b-c9tfagh5kn] {
        font-size: var(--fs-body-2);
        font-weight: 600;
        color: black;
    }


.activity-actions[b-c9tfagh5kn] {
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 12px 16px;
    background-color: var(--color-gray-50);
}

@media (max-width: 920px) {
    .invoice-page[b-c9tfagh5kn] {
        display: block;
        height: auto;
        max-height: none;
        min-height: calc(100vh - 40px);
        min-height: calc(100dvh - 40px);
        overflow: visible;
    }

    .invoice-page[b-c9tfagh5kn]  .invoice-details-form,
    .invoice-page[b-c9tfagh5kn]  .invoice-details-form.k-form,
    .invoice-page[b-c9tfagh5kn]  .invoice-details-form .k-form-fieldset {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .invoice-workspace[b-c9tfagh5kn] {
        grid-template-columns: minmax(0, 1fr);
        overflow: visible;
    }

    .invoice-content[b-c9tfagh5kn] {
        min-height: 0;
    }

    .activity-actions[b-c9tfagh5kn] {
        position: sticky;
        bottom: 0;
        margin-top: 14px;
        padding: 12px 16px;
        border-top: 1px solid #e5e7eb;
        background: rgba(247, 247, 248, .96);
        backdrop-filter: blur(6px);
    }
}

@media (max-width: 920px) {
    .invoice-form-grid[b-c9tfagh5kn],
    .invoice-lower-grid[b-c9tfagh5kn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .invoice-workspace[b-c9tfagh5kn] {
        padding: 12px;
    }

    .invoice-panel[b-c9tfagh5kn] {
        padding: 14px;
    }

    .form-row[b-c9tfagh5kn],
    .form-row--wide[b-c9tfagh5kn] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .split-fields--currency[b-c9tfagh5kn] {
        grid-template-columns: 1fr;
    }

    .activity-actions[b-c9tfagh5kn] {
        align-items: stretch;
        flex-direction: column-reverse;
        padding: 12px;
    }

    .activity-button[b-c9tfagh5kn] {
        width: 100%;
    }
}

/* _content/eLipsOnline/Components/Pages/Facturatie/FactuurDetailPageOld.razor.rz.scp.css */
/* _content/eLipsOnline/Components/Pages/Facturatie/FactuurExportPage.razor.rz.scp.css */
.factuur-export-page[b-1tiuhxupzv] {
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--color-gray-50);
}

.page-body[b-1tiuhxupzv] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    overflow: hidden;
    background: var(--color-gray-50);
}

.page-body-content[b-1tiuhxupzv] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    overflow: hidden;
}

.fe-main-pane[b-1tiuhxupzv] {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 20px;
    overflow: hidden;
}

.fe-hero-card[b-1tiuhxupzv],
.fe-dashboard-card[b-1tiuhxupzv],
.fe-export-panel[b-1tiuhxupzv] {
    background: #fff;
    border: 1px solid var(--color-gray-100);
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.fe-hero-card[b-1tiuhxupzv] {
    flex: 0 0 auto;
    display: grid;
    gap: 22px;
    padding: 22px 28px 24px;
}

.fe-hero-header[b-1tiuhxupzv] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.fe-hero-header h4[b-1tiuhxupzv],
.fe-panel-header h4[b-1tiuhxupzv],
.fe-empty-state h4[b-1tiuhxupzv] {
    margin: 0;
}

.fe-controls[b-1tiuhxupzv] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    min-width: 0;
    flex-wrap: wrap;
}

.fe-field[b-1tiuhxupzv] {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.fe-log-button[b-1tiuhxupzv],
.fe-export-button[b-1tiuhxupzv],
.fe-filter-button[b-1tiuhxupzv],
.fe-new-button[b-1tiuhxupzv] {
    min-height: 34px;
    white-space: nowrap;
}

.fe-progress-row[b-1tiuhxupzv] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.fe-progress-track[b-1tiuhxupzv] {
    height: 16px;
    overflow: hidden;
    background: #eef3fd;
    border-radius: 999px;
}

.fe-progress-track span[b-1tiuhxupzv] {
    display: block;
    width: 0;
    height: 100%;
    background: var(--color-primary-700);
    border-radius: inherit;
    transition: background 180ms ease;
}

.fe-progress-track--complete span[b-1tiuhxupzv] {
    background: linear-gradient(90deg, #22c55e, #16a34a);
}

.fe-progress-row strong[b-1tiuhxupzv] {
    color: var(--color-primary-700);
    font-size: var(--fs-body-3);
    font-weight: 700;
}

.fe-progress-value--complete[b-1tiuhxupzv] {
    color: #16a34a !important;
}

.fe-progress-row > span[b-1tiuhxupzv] {
    color: var(--color-gray-500);
    font-weight: 450;
    font-size: var(--fs-body-3);
    white-space: nowrap;
}

.fe-dashboard[b-1tiuhxupzv] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.fe-dashboard-card[b-1tiuhxupzv] {
    min-width: 0;
    min-height: 112px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    padding: 20px 26px;
}

.fe-dashboard-icon[b-1tiuhxupzv],
.fe-empty-icon[b-1tiuhxupzv] {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary-700);
    background: #eaf1ff;
    border-radius: 50%;
}

.fe-dashboard-icon--success[b-1tiuhxupzv] {
    color: var(--color-success-700);
    background: #dcfce7;
}

.fe-dashboard-icon--danger[b-1tiuhxupzv] {
    color: var(--color-danger-700);
    background: #fee2e2;
}

[b-1tiuhxupzv] .fe-dashboard-icon .k-svg-icon,
[b-1tiuhxupzv] .fe-empty-icon .k-svg-icon {
    width: 22px;
    height: 22px;
}

.fe-dashboard-copy[b-1tiuhxupzv] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fe-dashboard-label[b-1tiuhxupzv],
.fe-dashboard-meta[b-1tiuhxupzv],
.fe-card-amount span[b-1tiuhxupzv],
.fe-card-date span[b-1tiuhxupzv], .fe-card-date strong[b-1tiuhxupzv] {
    color: var(--color-gray-500);
    font-size: var(--fs-caption);
    line-height: 1.2;
    font-weight: 400;
}

.fe-card-main span[b-1tiuhxupzv] {
    font-size: var(--fs-body-3);
    color: var(--color-gray-600);
}

.fe-dashboard-copy strong[b-1tiuhxupzv] {
    color: #111827;
    font-size: var(--fs-h4);
    font-weight: 700;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.fe-status-success[b-1tiuhxupzv] {
    color: var(--color-success-700) !important;
}

.fe-status-failed[b-1tiuhxupzv] {
    color: var(--color-danger-700) !important;
}

.fe-export-panel[b-1tiuhxupzv] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 20px 24px;
    overflow: hidden;
}

.fe-panel-header[b-1tiuhxupzv] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.fe-panel-toolbar[b-1tiuhxupzv] {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    min-width: 300px;
}

.fe-search[b-1tiuhxupzv] {
    position: relative;
    flex: 0 1 300px;
    min-width: 210px;
    display: block;
}

.fe-search[b-1tiuhxupzv]  .k-svg-icon {
    position: absolute;
    z-index: 1;
    left: 14px;
    top: 50%;
    width: 17px;
    height: 17px;
    color: var(--color-gray-500);
    transform: translateY(-50%);
    pointer-events: none;
}

.fe-search[b-1tiuhxupzv]  .k-textbox,
.fe-search[b-1tiuhxupzv]  .k-input {
    width: 100%;
    height: 34px;
}

.fe-search[b-1tiuhxupzv]  input {
    padding-left: 42px;
    color: #111827;
    font-size: var(--fs-body-3);
}

.fe-search[b-1tiuhxupzv]  input::placeholder {
    color: var(--color-gray-500);
}

.fe-controls[b-1tiuhxupzv]  .k-combobox {
    max-width: 100%;
}

.fe-filter-button[b-1tiuhxupzv],
.fe-new-button[b-1tiuhxupzv] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.fe-export-list[b-1tiuhxupzv] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-gray-200);
    border-radius: 6px;
    overflow-x: hidden;
    overflow-y: auto;
}

.fe-export-card[b-1tiuhxupzv] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 35px minmax(210px, 1.5fr) minmax(120px, 0.7fr) minmax(140px, 0.75fr) minmax(170px, 0.75fr);
    align-items: center;
    gap: 20px;
    min-height: 78px;
    padding: 14px 16px;
    background: #fff;
    border-bottom: 1px solid var(--color-gray-200);
}

/*.fe-export-card:last-child {
    border-bottom: 0;
}*/

.fe-card-status-icon[b-1tiuhxupzv] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-gray-700);
    background: var(--color-gray-200);
    border-radius: 50%;
}

[b-1tiuhxupzv] .fe-card-status-icon .k-svg-icon {
    width: 16px;
    height: 16px;
}

.fe-card-main[b-1tiuhxupzv] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.fe-card-main strong[b-1tiuhxupzv],
.fe-card-amount strong[b-1tiuhxupzv] {
    color: var(--color-secondary-700);
    font-size: var(--fs-body-2);
    font-weight: 700;
    line-height: 1.2;
}

.fe-status-badge[b-1tiuhxupzv] {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 7px 18px;
    color: var(--color-gray-600);
    background: var(--color-gray-100);
    border-radius: 999px;
    font-size: var(--fs-caption);
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.fe-card-amount[b-1tiuhxupzv],
.fe-card-date[b-1tiuhxupzv] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.fe-card-date[b-1tiuhxupzv] {
    justify-self: end;
    text-align: right;
}

.fe-card-date strong[b-1tiuhxupzv],
.fe-card-amount strong[b-1tiuhxupzv],
.fe-card-main strong[b-1tiuhxupzv] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fe-card-menu[b-1tiuhxupzv] {
    width: 30px;
    min-width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    color: #64748b;
    font-weight: 800;
    letter-spacing: 0;
    box-shadow: none;
}

.fe-empty-state[b-1tiuhxupzv] {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 32px;
    text-align: center;
}

.fe-empty-visual[b-1tiuhxupzv] {
    width: 145px;
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fe-empty-image[b-1tiuhxupzv] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.fe-empty-state p[b-1tiuhxupzv] {
    margin: 0;
    color: #64748b;
    font-size: var(--fs-body-3);
}

.fe-panel-footer[b-1tiuhxupzv] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    min-height: 56px;
    padding: 0 4px;
    color: #64748b;
    font-size: var(--fs-body-3);
}

@media (max-width: 1360px) {
    .fe-main-pane[b-1tiuhxupzv] {
        gap: 14px;
        padding: 16px;
    }

    .fe-hero-card[b-1tiuhxupzv] {
        gap: 18px;
        padding: 18px 22px;
    }

    .fe-dashboard[b-1tiuhxupzv] {
        gap: 14px;
    }

    .fe-dashboard-card[b-1tiuhxupzv] {
        min-height: 96px;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 14px;
        padding: 16px 18px;
    }

    .fe-dashboard-icon[b-1tiuhxupzv],
    .fe-empty-icon[b-1tiuhxupzv] {
        width: 42px;
        height: 42px;
    }

    .fe-export-panel[b-1tiuhxupzv] {
        padding: 18px 20px;
    }

    .fe-export-card[b-1tiuhxupzv] {
        grid-template-columns: 35px minmax(180px, 1.35fr) minmax(120px, 0.65fr) minmax(120px, 0.7fr) minmax(150px, 0.75fr);
        gap: 16px;
        padding-inline: 14px;
    }
}

@media (max-width: 1180px) {
    .fe-dashboard[b-1tiuhxupzv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fe-progress-row[b-1tiuhxupzv] {
        grid-template-columns: minmax(160px, 1fr) auto;
    }

    .fe-progress-row > span[b-1tiuhxupzv] {
        grid-column: 1 / -1;
    }

    .fe-panel-header[b-1tiuhxupzv] {
        align-items: flex-start;
    }

    .fe-panel-toolbar[b-1tiuhxupzv] {
        min-width: 260px;
    }

    .fe-export-card[b-1tiuhxupzv] {
        grid-template-columns: 35px minmax(0, 1fr) minmax(130px, auto);
    }

    .fe-status-badge[b-1tiuhxupzv],
    .fe-card-date[b-1tiuhxupzv] {
        grid-column: 2 / -1;
    }

    .fe-card-date[b-1tiuhxupzv] {
        justify-self: start;
        text-align: left;
    }

    .fe-card-amount[b-1tiuhxupzv] {
        grid-column: 3;
        grid-row: 1;
    }
}

@media (max-width: 900px) {
    .page-body-content[b-1tiuhxupzv] {
        overflow-y: auto;
    }

    .fe-main-pane[b-1tiuhxupzv] {
        height: auto;
        min-height: 100%;
        overflow: visible;
    }

    .fe-export-panel[b-1tiuhxupzv] {
        flex: 0 0 auto;
        min-height: 460px;
    }

    .fe-panel-header[b-1tiuhxupzv] {
        align-items: stretch;
        flex-direction: column;
    }

    .fe-panel-toolbar[b-1tiuhxupzv] {
        width: 100%;
        min-width: 0;
        justify-content: flex-start;
    }

    .fe-search[b-1tiuhxupzv] {
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 760px) {
    .fe-main-pane[b-1tiuhxupzv] {
        padding: 14px;
    }

    .fe-dashboard[b-1tiuhxupzv] {
        grid-template-columns: 1fr;
    }

    .fe-hero-card[b-1tiuhxupzv],
    .fe-export-panel[b-1tiuhxupzv] {
        padding: 18px;
    }

    .fe-field[b-1tiuhxupzv],
    .fe-controls[b-1tiuhxupzv],
    .fe-panel-toolbar[b-1tiuhxupzv] {
        align-items: stretch;
        flex-direction: column;
    }

    .fe-field[b-1tiuhxupzv] {
        gap: 8px;
    }

    .fe-field[b-1tiuhxupzv]  .k-combobox {
        width: 100% !important;
    }

    .fe-panel-toolbar[b-1tiuhxupzv],
    .fe-search[b-1tiuhxupzv] {
        width: 100%;
        min-width: 0;
    }

    .fe-progress-row[b-1tiuhxupzv] {
        grid-template-columns: 1fr auto;
    }

    .fe-progress-row > span[b-1tiuhxupzv] {
        grid-column: 1 / -1;
    }

    .fe-export-card[b-1tiuhxupzv] {
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        padding: 14px;
    }

    .fe-status-badge[b-1tiuhxupzv],
    .fe-card-amount[b-1tiuhxupzv],
    .fe-card-date[b-1tiuhxupzv] {
        grid-column: 2 / -1;
    }

    .fe-card-amount[b-1tiuhxupzv] {
        grid-row: auto;
    }

    .fe-card-date[b-1tiuhxupzv] {
        justify-self: start;
        text-align: left;
    }

    .fe-empty-state[b-1tiuhxupzv] {
        padding: 28px 18px;
    }

    .fe-empty-visual[b-1tiuhxupzv] {
        width: 120px;
        height: 120px;
    }
}

@media (max-width: 520px) {
    .fe-main-pane[b-1tiuhxupzv] {
        gap: 12px;
        padding: 10px;
    }

    .fe-hero-card[b-1tiuhxupzv],
    .fe-export-panel[b-1tiuhxupzv] {
        padding: 14px;
    }

    .fe-hero-header[b-1tiuhxupzv] {
        gap: 14px;
    }

    .fe-log-button[b-1tiuhxupzv],
    .fe-export-button[b-1tiuhxupzv] {
        width: 100%;
    }

    .fe-progress-row[b-1tiuhxupzv] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .fe-progress-row strong[b-1tiuhxupzv],
    .fe-progress-row > span[b-1tiuhxupzv] {
        grid-column: auto;
    }

    .fe-dashboard-card[b-1tiuhxupzv] {
        min-height: 86px;
        grid-template-columns: 38px minmax(0, 1fr);
        padding: 14px;
    }

    .fe-dashboard-icon[b-1tiuhxupzv],
    .fe-empty-icon[b-1tiuhxupzv] {
        width: 38px;
        height: 38px;
    }

    .fe-export-card[b-1tiuhxupzv] {
        grid-template-columns: 24px minmax(0, 1fr);
        min-height: 0;
    }

    .fe-status-badge[b-1tiuhxupzv] {
        width: max-content;
        max-width: 100%;
        padding-inline: 12px;
    }

    .fe-empty-state h4[b-1tiuhxupzv] {
        font-size: var(--fs-body-1);
    }
}
/* _content/eLipsOnline/Components/Pages/Facturatie/FactuurRegelComponent.razor.rz.scp.css */
.fr-popup[b-a4ccjxo9q1] {
    display: grid;
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background: var(--color-gray-50);
}

.fr-list-panel[b-a4ccjxo9q1],
.fr-detail-panel[b-a4ccjxo9q1] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.fr-list-panel[b-a4ccjxo9q1] {
    border-right: 1px solid var(--color-gray-200);
}

.fr-list[b-a4ccjxo9q1] {
    box-sizing: border-box;
    flex: 1 1 auto;
    min-height: 0;
    padding-bottom: 28px;
    overflow-y: auto;
}

.fr-detail-panel[b-a4ccjxo9q1] {
    overflow: hidden;
}

.fr-list-header h5[b-a4ccjxo9q1] {
    margin: 0;
}

.fr-list-item__main[b-a4ccjxo9q1] {
    flex: 1 1 auto;
}

.fr-list-item__meta[b-a4ccjxo9q1] {
    min-width: 78px;
}

.fr-page[b-a4ccjxo9q1] {
    box-sizing: border-box;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
    overflow: auto;
    padding: 16px;
    background-color: var(--color-gray-50);
}

.fr-topline[b-a4ccjxo9q1] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto auto minmax(220px, 264px);
    gap: 24px;
    align-items: center;
}

.fr-reference-text[b-a4ccjxo9q1] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 6px;
}

.fr-reference-text span[b-a4ccjxo9q1],
.fr-reference-text strong[b-a4ccjxo9q1] {
    color: #111827;
    font-weight: 700;
}

.fr-reference-text strong[b-a4ccjxo9q1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fr-regel-field[b-a4ccjxo9q1] {
    display: grid;
    grid-template-columns: auto minmax(120px, 1fr);
    align-items: center;
    gap: 14px;
}

.vc-meta-item[b-a4ccjxo9q1] {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.vc-meta-item:hover[b-a4ccjxo9q1] {
    color: var(--color-primary-700);
}

.vc-meta-item span[b-a4ccjxo9q1] {
    display: inline-block;
}

.vc-meta-item span + span[b-a4ccjxo9q1] {
    margin-left: 5px;
}

.vc-panel[b-a4ccjxo9q1] {
    min-width: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .04);
}

.vc-panel-main[b-a4ccjxo9q1] {
    padding: 18px;
}

.vc-amount-panel[b-a4ccjxo9q1] {
    padding: 18px;
}

.vc-form-grid[b-a4ccjxo9q1] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    align-items: center;
    gap: 15px;
}

.vc-amount-grid[b-a4ccjxo9q1] {
    display: grid;
    grid-template-columns: 74px minmax(110px, 1fr) minmax(130px, 1.15fr) minmax(120px, 1fr) minmax(120px, 1fr) minmax(120px, 1fr) minmax(130px, 1fr) minmax(130px, 1fr);
    align-items: end;
    gap: 20px;
}

.vc-stack[b-a4ccjxo9q1] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.dialog-actions[b-a4ccjxo9q1] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    width: 100%;
}

[b-a4ccjxo9q1] .factuurregel-form,
[b-a4ccjxo9q1] .factuurregel-form.k-form,
[b-a4ccjxo9q1] .factuurregel-form .k-form-fieldset {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    max-height: none;
}

[b-a4ccjxo9q1] .factuurregel-window .k-window-content {
    display: flex;
    flex: 1 1 auto;
    height: calc(100% - 112px);
    min-height: 0;
    padding: 0;
    overflow: hidden;
    background: var(--color-gray-50);
}

[b-a4ccjxo9q1] .factuurregel-window .k-window-footer {
    flex: 0 0 auto;
}

[b-a4ccjxo9q1] .factuurregel-window .k-window-titlebar {
    font-weight: 800;
}

[b-a4ccjxo9q1] .factuurregel-form .k-form-buttons {
    margin: 0;
    padding: 0;
}

[b-a4ccjxo9q1] .fr-page .k-input,
[b-a4ccjxo9q1] .fr-page .k-picker,
[b-a4ccjxo9q1] .fr-page .k-dropdownlist,
[b-a4ccjxo9q1] .fr-page .k-multicolumncombobox {
    min-width: 0;
}

@media (max-width: 1890px) {
    .vc-amount-grid[b-a4ccjxo9q1] {
        grid-template-columns: repeat(4, minmax(120px, 1fr));
    }
}

@media (max-width: 1210px) {
    .vc-amount-grid[b-a4ccjxo9q1] {
        grid-template-columns: repeat(3, minmax(120px, 1fr));
    }
}

@media (max-width: 1180px) {
    .fr-topline[b-a4ccjxo9q1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vc-form-grid[b-a4ccjxo9q1] {
        grid-template-columns: 150px minmax(0, 1fr);
    }

    .vc-amount-grid[b-a4ccjxo9q1] {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }
}

@media (max-width: 920px) {
    .fr-popup[b-a4ccjxo9q1] {
        grid-template-columns: 1fr;
        height: auto;
        max-height: calc(100vh - 150px);
        overflow: auto;
    }

    .fr-list-panel[b-a4ccjxo9q1] {
        max-height: 260px;
        border-right: 0;
        border-bottom: 1px solid var(--color-gray-100);
    }

    .fr-topline[b-a4ccjxo9q1] {
        gap: 14px;
    }
}

@media (max-width: 760px) {
    .fr-page[b-a4ccjxo9q1] {
        padding: 12px;
    }

    .vc-panel[b-a4ccjxo9q1] {
        padding: 16px 14px;
    }

    .fr-topline[b-a4ccjxo9q1],
    .fr-regel-field[b-a4ccjxo9q1],
    .vc-form-grid[b-a4ccjxo9q1],
    .vc-amount-grid[b-a4ccjxo9q1] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .dialog-actions[b-a4ccjxo9q1] {
        align-items: stretch;
        flex-direction: column-reverse;
        padding: 12px;
    }

    .dialog-actions .btn[b-a4ccjxo9q1] {
        width: 100%;
    }
}
/* _content/eLipsOnline/Components/Pages/Facturatie/FactuurVerzamelPage.razor.rz.scp.css */
.page-body[b-9lnksibype] {
    flex: 1 1 auto;
    min-height: 0;
    height: auto !important;
    display: flex;
    overflow: hidden;
    background: var(--color-gray-50);
}

.page-body-content[b-9lnksibype],
.splitter-host[b-9lnksibype] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.splitter-host[b-9lnksibype]  .k-splitter,
.splitter-host[b-9lnksibype]  .k-pane {
    min-height: 0;
}

.page-body[b-9lnksibype]  .k-pane {
    background-color: var(--color-gray-50);
}

.fv-filter-panel[b-9lnksibype] {
    box-sizing: border-box;
    height: 100%;
    min-height: 0;
    padding: 18px 24px 28px;
    background: #fff;
    border-right: 1px solid var(--color-gray-100);
    overflow: hidden;
/*    margin-right: 5px;*/
/*    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);*/
}

.fv-filter-title[b-9lnksibype] {
    margin: 0 0 18px;
    color: #111827;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.3;
}

.fv-filter-content[b-9lnksibype] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
}

.factuur-verzamelen-desc[b-9lnksibype] {
    color: var(--color-gray-500);
    margin: -11px 0 15px 0;
}

.fv-field-stack[b-9lnksibype] {
    display: grid;
    gap: 8px;
    min-width: 0;
}


.fv-check-field[b-9lnksibype] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    margin: 4px 0 0;
    cursor: pointer;
}


.fv-filter-divider[b-9lnksibype] {
    height: 1px;
    margin: 16px 0 6px;
    background: #f0f1f3;
}

.fv-filter-panel[b-9lnksibype]  .fv-submit-button {
    width: 100%;
    min-height: 40px;
    font-weight: 600;
    background-color: var(--color-primary-700);
    color: white;
    font-size: var(--fs-body-2);
}

.fv-filter-panel[b-9lnksibype]  .fv-submit-button:hover {
    background-color: var(--color-primary-500);
}


.fv-filter-panel[b-9lnksibype]  .fv-clearfilters-btn {
    width: 100%;
    min-height: 40px;
    font-weight: 500;
    background-color: white;
    color: var(--color-secondary-700);
    font-size: var(--fs-body-3);
    border: none;
}

    .fv-filter-panel[b-9lnksibype]  .fv-clearfilters-btn svg {
        fill: var(--color-secondary-700);
    }


    .fv-filter-panel[b-9lnksibype]  .fv-clearfilters-btn:hover {
        box-shadow: none;
        color: var(--color-primary-700);
    }

        .fv-filter-panel[b-9lnksibype]  .fv-clearfilters-btn:hover svg {
            fill: var(--color-primary-700);
        }

.fv-filter-panel[b-9lnksibype]  .fv-filter-form,
.fv-filter-panel[b-9lnksibype]  .fv-filter-form.k-form,
.fv-filter-panel[b-9lnksibype]  .fv-filter-form .k-form-fieldset {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    gap: 0;
    border: 0;
}

.fv-filter-panel[b-9lnksibype]  .fv-filter-form .k-form-legend {
    display: none;
}

.fv-buttons-stack[b-9lnksibype] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.fv-filter-panel[b-9lnksibype]  .fv-filter-form .k-form-buttons {
    margin: auto 0 0;
    flex: 0 0 auto;
    padding: 12px 0 0;
}

.fv-filter-panel[b-9lnksibype]  .k-input,
.fv-filter-panel[b-9lnksibype]  .k-picker,
.fv-filter-panel[b-9lnksibype]  .k-dropdownlist,
.fv-filter-panel[b-9lnksibype]  .k-textarea {
    width: 100%;
    min-width: 0;
    border-color: #dfe3e8;
    border-radius: 4px;
}

.fv-debiteur-panel[b-9lnksibype] {
    box-sizing: border-box;
    height: calc(100% - 32px);
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 20px;
    overflow: hidden;
    background-color: white;
    margin: 16px 10px;
    border-radius: 10px;
    border: 1px solid var(--color-gray-100);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.fv-debiteur-header[b-9lnksibype] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.fv-debiteur-title-row[b-9lnksibype] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 20px;
}

.fv-selected-count[b-9lnksibype] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 11px;
    color: var(--color-primary-700);
    background: #eef5ff;
    border-radius: 5px;
    font-size: var(--fs-caption);
    font-weight: 600;
    white-space: nowrap;
}

.fv-debiteur-toolbar[b-9lnksibype] {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    min-width: 260px;
}

.fv-debiteur-search[b-9lnksibype] {
    position: relative;
    flex: 0 1 300px;
    min-width: 190px;
    display: block;
}

.fv-debiteur-search[b-9lnksibype]  .k-svg-icon {
    position: absolute;
    z-index: 1;
    left: 14px;
    top: 50%;
    width: 18px;
    height: 18px;
    color: var(--color-gray-500);
    transform: translateY(-50%);
    pointer-events: none;
}

.fv-debiteur-search[b-9lnksibype]  .k-textbox,
.fv-debiteur-search[b-9lnksibype]  .k-input {
    width: 100%;
    height: 33px;
}

.fv-debiteur-search[b-9lnksibype]  input {
    padding-left: 42px;
    color: #111827;
    font-size: var(--fs-body-3);
}

.fv-debiteur-search[b-9lnksibype]  input::placeholder {
    color: var(--color-gray-500);
}

.fv-debiteur-filter-button[b-9lnksibype] {
    position: relative;
    white-space: nowrap;
}

.inkoop-filter-actions[b-9lnksibype] {
    justify-content: flex-start;
    flex: 1 1 auto;
    flex-wrap: wrap;
}

.inkoop-filter-button[b-9lnksibype] {
    position: relative;
}

.filter-badge[b-9lnksibype],
.count-badge[b-9lnksibype] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 6px;
    border-radius: 50px;
    background-color: var(--color-gray-100);
    color: var(--color-gray-600);
    font-size: 12px;
    font-weight: 600;
}

.inkoop-filter-popup[b-9lnksibype] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    display: grid;
    gap: 28px;
    padding: 16px;
    background: #fff;
    border-radius: 7px;
}

.inkoop-filter-section[b-9lnksibype] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.inkoop-filter-section--status[b-9lnksibype] {
    gap: 16px;
}

.inkoop-popup-field[b-9lnksibype] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.inkoop-popup-field label[b-9lnksibype] {
    color: var(--color-gray-500);
    font-size: var(--fs-caption);
    font-weight: 500;
}
.fv-debiteur-list[b-9lnksibype] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
    padding: 0 4px 16px 0;
}

.fv-debiteur-card[b-9lnksibype] {
    display: grid;
    grid-template-columns: 28px 48px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    width: 100%;
    min-height: 85px;
    padding: 10px 20px 10px 15px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
/*    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);*/
}

.fv-debiteur-card--selected[b-9lnksibype] {
    border-color: var(--color-primary-700);
    background-color: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 6%, #fff);
}

.fv-debiteur-check[b-9lnksibype] {
    display: flex;
    justify-content: center;
}

.fv-debiteur-icon[b-9lnksibype] {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0284c7;
    background: #eaf4ff;
    border-radius: 6px;
}

.fv-debiteur-icon[b-9lnksibype]  .k-svg-icon {
    width: 20px;
    height: 20px;
}

.fv-debiteur-content[b-9lnksibype] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: center;
    gap: 18px;
    color: #111827;
    cursor: pointer;
}

.fv-debiteur-identity[b-9lnksibype] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fv-debiteur-code[b-9lnksibype] {
    margin: 0;
    color: var(--color-secondary-700);
    font-size: var(--fs-h5);
    font-weight: 550;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.fv-debiteur-name[b-9lnksibype] {
    color: var(--color-gray-500);
    font-size: var(--fs-body-2);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.fv-debiteur-number[b-9lnksibype] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    color: #111827;
    font-size: var(--fs-body-3);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.fv-debiteur-number strong[b-9lnksibype] {
    font-weight: 600;
}

.fv-debiteur-side[b-9lnksibype] {
    min-width: 118px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.fv-debiteur-location[b-9lnksibype] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    min-width: 0;
}

.fv-debiteur-place[b-9lnksibype] {
    color: var(--color-gray-500);
    font-size: var(--fs-body-3);
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.fv-debiteur-country[b-9lnksibype] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    color: var(--color-gray-500);
    background: var(--color-gray-100);
    border-radius: 999px;
    font-size: var(--fs-caption);
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.fv-debiteur-method[b-9lnksibype] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 11px;
    color: #0284c7;
    background: #eaf4ff;
    border-radius: 999px;
    font-size: var(--fs-caption);
    font-weight: 600;
    white-space: nowrap;
}

.fv-debiteur-empty[b-9lnksibype] {
    flex: 1 1 auto;
    display: grid;
    place-items: center;
    min-height: 180px;
    color: var(--color-gray-500);
    font-size: var(--fs-body-3);
    border: 1px dashed #dfe3e8;
    border-radius: 6px;
}

.fv-debiteur-footer[b-9lnksibype] {
    flex: 0 0 auto;
    padding: 12px 4px 0;
    color: var(--color-gray-400);
    font-size: var(--fs-body-3);
    font-weight: 500;
    text-align: right;
}

.fv-debiteur-panel[b-9lnksibype]  .k-checkbox:checked,
.fv-debiteur-panel[b-9lnksibype]  .k-checkbox.k-checked {
    border-color: var(--color-primary-700);
    background-color: var(--color-primary-700);
}

.fv-result-panel[b-9lnksibype] {
    box-sizing: border-box;
    height: calc(100% - 32px);
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 20px 22px;
    background: #fff;
    border: 1px solid var(--color-gray-100);
    border-radius: 10px;
    overflow: hidden;
    margin: 16px 10px 16px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.fv-result-panel h4[b-9lnksibype] {
    flex: 0 0 auto;
    margin: 0 0 22px;
}

.fv-result-summary[b-9lnksibype] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    min-width: 0;
}

.fv-result-kpi[b-9lnksibype] {
    min-width: 0;
    min-height: 80px;
    display: grid;
    place-items: center;
    gap: 5px;
    padding: 15px 14px;
    background: var(--color-gray-50);
    border-radius: 6px;
    border: 1px solid var(--color-gray-100);
}

.fv-result-kpi-label[b-9lnksibype] {
    color: var(--color-gray-500);
    font-size: var(--fs-body-3);
    font-weight: 500;
}

.fv-result-kpi strong[b-9lnksibype] {
    color: var(--color-secondary-700);
    font-size: 1.55rem;
    font-weight: 600;
    line-height: 1;
}

.fv-result-kpi-status[b-9lnksibype] {
    font-size: var(--fs-body-3);
    font-weight: 600;
    line-height: 1.1;
}

.fv-result-kpi-status--success[b-9lnksibype] {
    color: var(--color-success-700);
}

.fv-result-kpi-status--error[b-9lnksibype] {
    color: var(--color-danger-700);
}

.fv-result-divider[b-9lnksibype] {
    flex: 0 0 auto;
    height: 1px;
    margin: 22px 0 16px;
    background: var(--color-gray-100);
}

.fv-result-list[b-9lnksibype] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    padding: 0 4px 6px 0;
}

.fv-result-card[b-9lnksibype] {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #edf0f3;
    border-radius: 6px;
}

.fv-result-card[b-9lnksibype]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--color-success-500);
}

.fv-card-status--error[b-9lnksibype]::before {
    background: var(--color-danger-500);
}

.fv-result-card-main[b-9lnksibype] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 16px 16px 12px 20px;
}

.fv-result-status-tile[b-9lnksibype] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    background: var(--color-success-50);
}

.fv-result-status-tile--error[b-9lnksibype] {
    background: var(--color-danger-50);
}

.fv-result-status-icon[b-9lnksibype] {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    line-height: 1;
}

.fv-result-status-icon[b-9lnksibype]  .k-svg-icon {
    width: 20px;
    height: 20px;
}

.fv-result-status-icon--success[b-9lnksibype]  {
    color: var(--color-success-500);
}

.fv-result-status-icon--error[b-9lnksibype]  {
    color: var(--color-danger-700);
}

.fv-result-content[b-9lnksibype] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: start;
    gap: 14px;
    min-width: 0;
}

.fv-result-title-stack[b-9lnksibype] {
    display: grid;
    align-content: start;
    gap: 8px;
    min-width: 0;
}

.fv-result-title-stack h6[b-9lnksibype] {
    margin: 0;
    color: #111827;
    font-size: var(--fs-body-1);
    font-weight: 500;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.fv-result-status-text[b-9lnksibype] {
    justify-self: start;
    min-height: 20px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.fv-result-status-text--success[b-9lnksibype] {
    color: var(--color-success-700);
    background: var(--color-success-50);
}

.fv-result-status-text--error[b-9lnksibype] {
    color: var(--color-danger-700);
    background: var(--color-danger-50);
}

.fv-result-invoice-stack[b-9lnksibype] {
    display: grid;
    gap: 8px;
    justify-items: end;
    min-width: 0;
    text-align: right;
}

.fv-result-invoice-number[b-9lnksibype] {
    color: var(--color-gray-800);
    font-size: var(--fs-body-3);
    font-weight: 500;
    white-space: nowrap;
}

.fv-result-method[b-9lnksibype] {
    color: var(--color-gray-500);
    font-size: var(--fs-body-3);
    font-weight: 400;
}

.fv-result-footer[b-9lnksibype] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 8px 15px 9px 22px;
    background: var(--color-gray-50);
    color: var(--color-gray-500);
    font-size: var(--fs-caption);
    font-weight: 400;
    text-align: right;
}

.fv-result-footer[b-9lnksibype]  .k-svg-icon {
    width: 14px;
    height: 14px;
    color: var(--color-gray-500);
}

@media (max-width: 1500px) {
    .fv-filter-panel[b-9lnksibype] {
        padding: 18px 18px 24px;
    }

    .fv-filter-content[b-9lnksibype] {
        gap: 12px;
    }

    .factuur-verzamelen-desc[b-9lnksibype] {
        margin-bottom: 10px;
    }

    .fv-filter-divider[b-9lnksibype] {
        margin: 12px 0 4px;
    }

    .fv-debiteur-panel[b-9lnksibype],
    .fv-result-panel[b-9lnksibype] {
        margin-top: 14px;
        margin-bottom: 14px;
        height: calc(100% - 28px);
    }

    .fv-debiteur-panel[b-9lnksibype] {
        padding: 18px;
    }

    .fv-result-panel[b-9lnksibype] {
        padding: 18px 16px;
    }

    .fv-result-summary[b-9lnksibype] {
        gap: 10px;
    }

    .fv-result-kpi[b-9lnksibype] {
        min-height: 80px;
        padding: 12px 10px;
    }

    .fv-result-divider[b-9lnksibype] {
        margin: 18px 0 14px;
    }

    .fv-result-card-main[b-9lnksibype] {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 12px;
        padding: 14px 14px 10px 18px;
    }

    .fv-result-content[b-9lnksibype] {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    .fv-result-invoice-stack[b-9lnksibype] {
        justify-items: start;
        gap: 4px;
        text-align: left;
    }

    .fv-result-status-text[b-9lnksibype] {
        max-width: 100%;
    }

    .fv-result-footer[b-9lnksibype] {
        justify-content: flex-start;
        padding: 8px 14px 9px 18px;
    }
}
@media (max-width: 1200px) {
    .fv-filter-panel[b-9lnksibype] {
        padding: 16px 18px 24px;
    }

    .fv-debiteur-panel[b-9lnksibype] {
        padding: 16px;
    }

    .fv-debiteur-header[b-9lnksibype] {
        align-items: flex-start;
        flex-direction: column;
    }

    .fv-debiteur-toolbar[b-9lnksibype] {
        width: 100%;
        min-width: 0;
        justify-content: stretch;
    }

    .fv-debiteur-search[b-9lnksibype] {
        flex: 1 1 auto;
    }

    .fv-debiteur-card[b-9lnksibype] {
        grid-template-columns: 28px 44px minmax(0, 1fr);
        gap: 14px;
        padding: 10px 20px 10px 15px;
    }

    .fv-debiteur-icon[b-9lnksibype] {
        width: 44px;
        height: 44px;
    }

    .fv-result-panel[b-9lnksibype] {
        padding: 18px 16px;
    }

    .fv-result-summary[b-9lnksibype] {
        gap: 12px;
    }

    .fv-result-kpi[b-9lnksibype] {
        min-height: 112px;
    }

    .fv-result-card-main[b-9lnksibype] {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 12px;
        padding: 14px 14px 10px 18px;
    }

    .fv-result-content[b-9lnksibype] {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .fv-result-invoice-stack[b-9lnksibype] {
        justify-items: start;
        gap: 4px;
        text-align: left;
    }
}

@media (max-width: 900px) {
    .page-body[b-9lnksibype],
    .page-body-content[b-9lnksibype] {
        height: auto !important;
        overflow: visible;
    }

    .splitter-host[b-9lnksibype] {
        height: auto !important;
        min-height: 100%;
        overflow: visible;
    }

    .splitter-host[b-9lnksibype]  .k-splitter {
        display: flex;
        flex-direction: column;
        height: auto !important;
        min-height: 100%;
        overflow: visible;
    }

    .splitter-host[b-9lnksibype]  .k-pane {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-width: 0 !important;
        overflow: visible;
    }

    .splitter-host[b-9lnksibype]  .k-splitbar {
        display: none;
    }

    .fv-filter-panel[b-9lnksibype],
    .fv-debiteur-panel[b-9lnksibype],
    .fv-result-panel[b-9lnksibype] {
        height: auto;
        border-right: 0;
        border-left: 0;
    }

    .fv-filter-panel[b-9lnksibype] {
        border-bottom: 1px solid #e5e7eb;
        overflow: visible;
    }

    .fv-filter-panel[b-9lnksibype]  .fv-filter-form,
    .fv-filter-panel[b-9lnksibype]  .fv-filter-form.k-form,
    .fv-filter-panel[b-9lnksibype]  .fv-filter-form .k-form-fieldset {
        height: auto;
    }

    .fv-filter-panel[b-9lnksibype]  .fv-filter-form .k-form-buttons {
        margin-top: 4px;
    }

    .fv-debiteur-panel[b-9lnksibype] {
        min-height: 360px;
    }

    .fv-result-panel[b-9lnksibype] {
        min-height: 320px;
        border-top: 1px solid #e5e7eb;
    }

    .fv-debiteur-list[b-9lnksibype],
    .fv-result-list[b-9lnksibype] {
        height: auto;
        max-height: 520px;
        overflow-y: auto;
    }
}

@media (max-width: 640px) {
    .fv-filter-panel[b-9lnksibype],
    .fv-debiteur-panel[b-9lnksibype],
    .fv-result-panel[b-9lnksibype] {
        padding: 16px 12px;
    }

    .fv-debiteur-title-row[b-9lnksibype],
    .fv-debiteur-toolbar[b-9lnksibype] {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .fv-selected-count[b-9lnksibype] {
        align-self: flex-start;
    }

    .fv-debiteur-search[b-9lnksibype],
    .fv-debiteur-filter-button[b-9lnksibype] {
        width: 100%;
    }

    .fv-debiteur-filter-button[b-9lnksibype] {
        justify-content: center;
    }

    .fv-debiteur-list[b-9lnksibype],
    .fv-result-list[b-9lnksibype] {
        max-height: 460px;
        padding-right: 4px;
    }

    .fv-debiteur-card[b-9lnksibype] {
        grid-template-columns: 24px 40px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        min-height: auto;
        height: auto;
        padding: 14px 12px;
        overflow: visible;
    }

    .fv-debiteur-icon[b-9lnksibype] {
        width: 40px;
        height: 40px;
    }

    .fv-debiteur-icon[b-9lnksibype]  .k-svg-icon {
        width: 22px;
        height: 22px;
    }

    .fv-debiteur-content[b-9lnksibype] {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .fv-debiteur-side[b-9lnksibype] {
        min-width: 0;
        align-items: flex-start;
        gap: 8px;
    }

    .fv-debiteur-location[b-9lnksibype] {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 8px;
    }

    .fv-debiteur-content[b-9lnksibype] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        min-width: 0;
    }

    .fv-debiteur-identity[b-9lnksibype] {
        gap: 6px;
    }

    .fv-debiteur-number[b-9lnksibype] {
        display: grid;
        gap: 4px;
    }

    .fv-debiteur-method[b-9lnksibype] {
        max-width: 100%;
        min-height: 24px;
        white-space: normal;
    }

    .fv-result-summary[b-9lnksibype] {
        grid-template-columns: minmax(0, 1fr);
    }

    .fv-result-kpi[b-9lnksibype] {
        min-height: 96px;
        padding: 16px 12px;
    }

    .fv-result-card-main[b-9lnksibype] {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 10px;
        padding: 14px 12px 10px 16px;
    }

    .fv-result-status-tile[b-9lnksibype] {
        width: 40px;
        height: 40px;
    }

    .fv-result-content[b-9lnksibype] {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    .fv-result-title-stack[b-9lnksibype] {
        gap: 4px;
    }

    .fv-result-title-stack h6[b-9lnksibype] {
        margin: 0;
        line-height: 1.25;
    }

    .fv-result-invoice-stack[b-9lnksibype] {
        justify-items: start;
        gap: 4px;
        text-align: left;
    }

    .fv-result-status-icon[b-9lnksibype] {
        width: 24px;
        height: 24px;
    }

    .fv-result-invoice-number[b-9lnksibype] {
        white-space: normal;
    }

    .fv-result-footer[b-9lnksibype] {
        justify-content: flex-start;
        padding: 8px 14px;
    }
}
@media (max-width: 380px) {
    .fv-debiteur-card[b-9lnksibype] {
        grid-template-columns: 22px minmax(0, 1fr);
    }

    .fv-debiteur-icon[b-9lnksibype] {
        display: none;
    }

    .fv-debiteur-content[b-9lnksibype] {
        grid-column: 2;
    }

    .fv-result-card-main[b-9lnksibype] {
        grid-template-columns: minmax(0, 1fr);
    }

    .fv-result-status-tile[b-9lnksibype] {
        display: none;
    }
}
/* _content/eLipsOnline/Components/Pages/Facturatie/InkoopFacturenPage.razor.rz.scp.css */
.facturen-page[b-ys7bwukwlg] {
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.page-body[b-ys7bwukwlg] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.page-body-content[b-ys7bwukwlg] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    overflow: hidden;
}

.splitter-host[b-ys7bwukwlg] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    height: 100%;
}

.main-pane[b-ys7bwukwlg] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: 16px 20px;
    border-right: 1px solid var(--color-gray-100);
    gap: 8px;
}

.oo-title[b-ys7bwukwlg] { 
    margin-bottom: -6px;
}

.oo-nav[b-ys7bwukwlg] {
    flex: 0 0 auto;
    width: 100%;
    background-color: white;
    overflow: hidden;
}

.oo-nav-toolbar[b-ys7bwukwlg] {
    padding: 5px 0 10px 0;
    gap: 12px;
}

.oo-nav-group[b-ys7bwukwlg] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 4px;
}

.oo-nav-label[b-ys7bwukwlg] {
    color: #8f8f8f;
    font-size: var(--fs-caption);
    line-height: 1;
    padding-left: 0;
    white-space: nowrap;
}

.oo-nav-group-body[b-ys7bwukwlg] {
    gap: 4px;
    min-height: 32px;
}

.fo-nav-actions .btn[b-ys7bwukwlg] {
    height: 32px;
    min-width: 32px;
    padding: 6px 7px;
}

.fo-checkbox-filter[b-ys7bwukwlg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #374151;
    font-size: var(--fs-body-3);
    line-height: 1;
    white-space: nowrap;
    margin: 0;
}

.fo-new-btn[b-ys7bwukwlg] {
    min-width: 72px;
    padding-inline: 14px;
}

.grid-host[b-ys7bwukwlg] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

[b-ys7bwukwlg] .splitter-host > .k-splitter {
    min-height: 0;
}

[b-ys7bwukwlg] .splitter-host .k-pane {
    min-height: 0;
    overflow: hidden;
}

[b-ys7bwukwlg] .main-pane .k-grid {
    flex: 1 1 auto;
    min-height: 0;
}

[b-ys7bwukwlg] .main-pane .k-grid-footer {
    background: #fafafa;
}

.fo-grid-footer-total[b-ys7bwukwlg] {
    display: block;
    width: 100%;
    color: #111827;
    font-weight: 700;
    text-align: right;
}

.fo-dashboard[b-ys7bwukwlg] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: minmax(150px, 0.95fr) minmax(210px, 1.25fr) minmax(150px, 0.9fr) minmax(150px, 0.9fr);
    gap: 14px;
    width: 100%;
    margin: 8px 0 14px;
}

.fo-dashboard-card[b-ys7bwukwlg] {
    min-width: 0;
    min-height: 84px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: white;
    border: 1px solid var(--color-gray-100);
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.fo-dashboard-icon[b-ys7bwukwlg] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

[b-ys7bwukwlg] .fo-dashboard-icon .k-svg-icon {
    width: 18px;
    height: 18px;
}

.fo-dashboard-icon--blue[b-ys7bwukwlg] {
    color: #0284c7;
    background: #e0f2fe;
}

.fo-dashboard-icon--green[b-ys7bwukwlg] {
    color: #16a34a;
    background: #dcfce7;
}

.fo-dashboard-icon--red[b-ys7bwukwlg] {
    color: var(--color-danger-700);
    background: #FFDBE4;
}

.fo-dashboard-icon--amber[b-ys7bwukwlg] {
    color: #d97706;
    background: #f1e7ff;
}

.fo-dashboard-icon--cyan[b-ys7bwukwlg] {
    color: #0891b2;
    background: #e0f2fe;
}

.fo-dashboard-copy[b-ys7bwukwlg] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.fo-dashboard-label[b-ys7bwukwlg] {
    color: #6b7280;
    font-size: var(--fs-caption);
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fo-dashboard-copy strong[b-ys7bwukwlg] {
    color: #111827;
    font-size: var(--fs-h4);
    font-weight: 600;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.fo-dashboard-card--wide .fo-dashboard-copy strong[b-ys7bwukwlg] {
    font-size: var(--fs-h4);
}

.fo-dashboard-meta[b-ys7bwukwlg] {
    color: #6b7280;
    font-size: var(--fs-caption);
    line-height: 1.2;
    overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
    .fo-dashboard[b-ys7bwukwlg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .fo-dashboard[b-ys7bwukwlg] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .fo-dashboard-card[b-ys7bwukwlg] {
        min-height: 74px;
    }
}
/* _content/eLipsOnline/Components/Pages/Facturatie/InkoopFactuurDetailPage.razor.rz.scp.css */
.invoice-page[b-y46dyv6a1p] {
    box-sizing: border-box;
    height: calc(100vh - 40px);
    height: calc(100dvh - 40px);
    max-height: calc(100vh - 40px);
    max-height: calc(100dvh - 40px);
    min-height: 0;
    background: var(--color-gray-50);
    color: #111827;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    overflow: hidden;
}

.invoice-page--loading[b-y46dyv6a1p] {
    place-items: center;
}

.invoice-page[b-y46dyv6a1p]  .invoice-details-form,
.invoice-page[b-y46dyv6a1p]  .invoice-details-form.k-form {
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    gap: 0;
    overflow: hidden;
}

.invoice-page[b-y46dyv6a1p]  .invoice-details-form .k-form-fieldset {
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    overflow: hidden;
}

.invoice-page[b-y46dyv6a1p]  .invoice-details-form .k-form-legend,
.invoice-page[b-y46dyv6a1p]  .invoice-details-form .k-form-buttons {
    display: none;
}

.invoice-workspace[b-y46dyv6a1p] {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(390px, .95fr);
    grid-template-rows: minmax(260px, auto) minmax(0, 1fr);
    gap: 8px 16px;
    padding: 16px;
    overflow: hidden;
    align-items: stretch;
}

.invoice-panel[b-y46dyv6a1p] {
    min-width: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
    padding: 20px;
}

.invoice-card-header[b-y46dyv6a1p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
}

.invoice-card-header h4[b-y46dyv6a1p],
.invoice-card-header h5[b-y46dyv6a1p] {
    margin: 0;
}

.invoice-input-card[b-y46dyv6a1p] {
    display: grid;
    gap: 10px;
}

.invoice-form-grid[b-y46dyv6a1p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 36px;
    row-gap: 14px;
    padding-bottom: 10px;
}

.field-stack[b-y46dyv6a1p] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.form-row[b-y46dyv6a1p] {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.form-row--wide[b-y46dyv6a1p] {
    grid-column: 1 / -1;
}

.split-fields[b-y46dyv6a1p] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.split-fields--currency[b-y46dyv6a1p] {
    grid-template-columns: minmax(0, 1fr) minmax(96px, .48fr);
}

.invoice-card-actions[b-y46dyv6a1p] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
}

.activity-actions[b-y46dyv6a1p] {
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 8px 16px 12px;
    background-color: var(--color-gray-50);
}

.inkoop-invoice-title[b-y46dyv6a1p] {
    grid-column: 1 / -1;
    margin-bottom: 5px;
}

.inkoop-top-row[b-y46dyv6a1p] {
    grid-column: 1 / -1;
    grid-row: 1;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(285px, 400px);
    gap: 16px;
    align-items: stretch;
}

.inkoop-info-card[b-y46dyv6a1p],
.inkoop-attachments-card[b-y46dyv6a1p] {
    min-height: 0;
}

.inkoop-main-form-grid[b-y46dyv6a1p] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 28px;
    row-gap: 12px;
    padding-bottom: 0;
}

.inkoop-main-form-grid .form-row[b-y46dyv6a1p] {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 8px;
}

.inkoop-main-form-grid .form-row--wide[b-y46dyv6a1p] {
    grid-column: 1 / -1;
}

.split-fields--period[b-y46dyv6a1p] {
    grid-template-columns: minmax(0, 1fr) minmax(72px, .65fr);
}

.inkoop-attachments-card[b-y46dyv6a1p] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.inkoop-lines-card[b-y46dyv6a1p] {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 12px;
    padding: 14px 16px;
    overflow: hidden;
}

.inkoop-grid-shell[b-y46dyv6a1p] {
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.inkoop-grid-shell[b-y46dyv6a1p]  .k-grid,
.inkoop-grid-shell[b-y46dyv6a1p]  .factuur-regel-grid,
.inkoop-grid-shell[b-y46dyv6a1p]  [class*="grid"] {
    min-height: 0;
}

.inkoop-filter-actions[b-y46dyv6a1p] {
    justify-content: flex-start;
    flex: 1 1 auto;
    flex-wrap: wrap;
}

.inkoop-filter-button[b-y46dyv6a1p] {
    position: relative;
}

.profile-dd[b-y46dyv6a1p] {
    padding: 16px;
}

.filter-badge[b-y46dyv6a1p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 6px;
    border-radius: 50px;
    background-color: var(--color-gray-100);
    color: var(--color-gray-600);
    font-size: 12px;
    font-weight: 600;
}

.inkoop-filter-popup[b-y46dyv6a1p] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    display: grid;
    gap: 28px;
    padding: 16px;
    background: #fff;
    border-radius: 7px;
}

.inkoop-filter-section[b-y46dyv6a1p] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.inkoop-filter-section--status[b-y46dyv6a1p] {
    gap: 16px;
}

.inkoop-popup-check[b-y46dyv6a1p] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: var(--fs-body-2);
    font-weight: 500;
    white-space: nowrap;
}

.inkoop-popup-date-grid[b-y46dyv6a1p] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.inkoop-popup-field[b-y46dyv6a1p] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.inkoop-popup-field label[b-y46dyv6a1p] {
    margin: 0;
    color: #9ca3af;
    font-size: var(--fs-caption);
    font-weight: 500;
    line-height: 1.25;
}

.inkoop-summary-card[b-y46dyv6a1p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    padding: 8px 14px;
    background: #f4f4f5;
    border-radius: 5px;
}

.inkoop-summary-card--split[b-y46dyv6a1p] {
    grid-template-columns: minmax(0, 1fr) minmax(0, auto);
}

.inkoop-summary-card div[b-y46dyv6a1p] {
    display: grid;
    grid-template-columns: minmax(0, auto) auto;
    align-items: baseline;
    gap: 4px 8px;
}

.inkoop-summary-card span[b-y46dyv6a1p] {
    grid-column: 1 / -1;
    color: #374151;
    font-size: var(--fs-body-3);
}

.inkoop-summary-card strong[b-y46dyv6a1p] {
    color: #111827;
    font-size: var(--fs-body-1);
    font-weight: 600;
    line-height: 1.1;
}

.inkoop-summary-card em[b-y46dyv6a1p] {
    color: #6b7280;
    font-size: var(--fs-body-3);
    font-style: normal;
    font-weight: 400;
    margin-left: 10px;
}

.inkoop-actions[b-y46dyv6a1p] {
    align-items: center;
}

.inkoop-actions-spacer[b-y46dyv6a1p] {
    flex: 1 1 auto;
}

.text-danger[b-y46dyv6a1p] {
    color: var(--color-danger-700) !important;
}

.invoice-card-action-btn svg[b-y46dyv6a1p] {
    fill: var(--color-primary-blue)!important;
}

@media (max-width: 1100px) {
    .invoice-workspace[b-y46dyv6a1p] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto auto minmax(360px, 1fr) minmax(360px, 1fr);
        overflow: auto;
    }

    .inkoop-top-row[b-y46dyv6a1p],
    .inkoop-info-card[b-y46dyv6a1p],
    .inkoop-invoice-title[b-y46dyv6a1p] {
        grid-column: 1;
        grid-row: auto;
    }

    .inkoop-top-row[b-y46dyv6a1p] {
        grid-template-columns: 1fr;
    }

    .inkoop-main-form-grid[b-y46dyv6a1p] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}

@media (max-width: 920px) {
    .invoice-page[b-y46dyv6a1p] {
        display: block;
        height: auto;
        max-height: none;
        min-height: calc(100vh - 40px);
        min-height: calc(100dvh - 40px);
        overflow: visible;
    }

    .invoice-page[b-y46dyv6a1p]  .invoice-details-form,
    .invoice-page[b-y46dyv6a1p]  .invoice-details-form.k-form,
    .invoice-page[b-y46dyv6a1p]  .invoice-details-form .k-form-fieldset {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .invoice-workspace[b-y46dyv6a1p] {
        overflow: visible;
    }

    .activity-actions[b-y46dyv6a1p] {
        position: sticky;
        bottom: 0;
        margin-top: 14px;
        padding: 12px 16px;
        border-top: 1px solid #e5e7eb;
        background: rgba(247, 247, 248, .96);
        backdrop-filter: blur(6px);
    }
}

@media (max-width: 760px) {
    .invoice-workspace[b-y46dyv6a1p] {
        padding: 12px;
    }

    .invoice-panel[b-y46dyv6a1p] {
        padding: 14px;
    }

    .invoice-form-grid[b-y46dyv6a1p],
    .inkoop-main-form-grid[b-y46dyv6a1p],
    .inkoop-summary-card--split[b-y46dyv6a1p] {
        grid-template-columns: 1fr;
    }

    .form-row[b-y46dyv6a1p],
    .form-row--wide[b-y46dyv6a1p] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .split-fields--currency[b-y46dyv6a1p],
    .split-fields--period[b-y46dyv6a1p] {
        grid-template-columns: 1fr;
    }

    .invoice-card-header[b-y46dyv6a1p] {
        align-items: stretch;
        flex-direction: column;
    }

    .inkoop-filter-actions[b-y46dyv6a1p] {
        justify-content: flex-start;
    }

    .activity-actions[b-y46dyv6a1p] {
        align-items: stretch;
        flex-direction: column-reverse;
        padding: 12px;
    }

    .activity-button[b-y46dyv6a1p],
    .inkoop-match-button[b-y46dyv6a1p] {
        width: 100%;
    }

    .inkoop-actions-spacer[b-y46dyv6a1p] {
        display: none;
    }
}




.vc-meta-item[b-y46dyv6a1p] {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

    .vc-meta-item:hover[b-y46dyv6a1p] {
        color: var(--color-primary-700);
    }
/* _content/eLipsOnline/Components/Pages/Facturatie/InkoopFactuurExportPage.razor.rz.scp.css */
.factuur-export-page[b-asnf9148ff] {
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--color-gray-50);
}

.page-body[b-asnf9148ff] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    overflow: hidden;
    background: var(--color-gray-50);
}

.page-body-content[b-asnf9148ff] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    overflow: hidden;
}

.fe-main-pane[b-asnf9148ff] {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 20px;
    overflow: hidden;
}

.fe-hero-card[b-asnf9148ff],
.fe-dashboard-card[b-asnf9148ff],
.fe-export-panel[b-asnf9148ff] {
    background: #fff;
    border: 1px solid var(--color-gray-100);
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.fe-hero-card[b-asnf9148ff] {
    flex: 0 0 auto;
    display: grid;
    gap: 22px;
    padding: 22px 28px 24px;
}

.fe-hero-header[b-asnf9148ff] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.fe-hero-header h4[b-asnf9148ff],
.fe-panel-header h4[b-asnf9148ff],
.fe-empty-state h4[b-asnf9148ff] {
    margin: 0;
}

.fe-controls[b-asnf9148ff] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    min-width: 0;
    flex-wrap: wrap;
}

.fe-field[b-asnf9148ff] {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.fe-log-button[b-asnf9148ff],
.fe-export-button[b-asnf9148ff],
.fe-filter-button[b-asnf9148ff],
.fe-new-button[b-asnf9148ff] {
    min-height: 34px;
    white-space: nowrap;
}

.fe-progress-row[b-asnf9148ff] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.fe-progress-track[b-asnf9148ff] {
    height: 16px;
    overflow: hidden;
    background: #eef3fd;
    border-radius: 999px;
}

.fe-progress-track span[b-asnf9148ff] {
    display: block;
    width: 0;
    height: 100%;
    background: var(--color-primary-700);
    border-radius: inherit;
    transition: background 180ms ease;
}

.fe-progress-track--complete span[b-asnf9148ff] {
    background: linear-gradient(90deg, #22c55e, #16a34a);
}

.fe-progress-row strong[b-asnf9148ff] {
    color: var(--color-primary-700);
    font-size: var(--fs-body-3);
    font-weight: 700;
}

.fe-progress-value--complete[b-asnf9148ff] {
    color: #16a34a !important;
}

.fe-progress-row > span[b-asnf9148ff] {
    color: var(--color-gray-500);
    font-weight: 450;
    font-size: var(--fs-body-3);
    white-space: nowrap;
}

.fe-dashboard[b-asnf9148ff] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.fe-dashboard-card[b-asnf9148ff] {
    min-width: 0;
    min-height: 112px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    padding: 20px 26px;
}

.fe-dashboard-icon[b-asnf9148ff],
.fe-empty-icon[b-asnf9148ff] {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary-700);
    background: #eaf1ff;
    border-radius: 50%;
}

.fe-dashboard-icon--success[b-asnf9148ff] {
    color: var(--color-success-700);
    background: #dcfce7;
}

.fe-dashboard-icon--danger[b-asnf9148ff] {
    color: var(--color-danger-700);
    background: #fee2e2;
}

[b-asnf9148ff] .fe-dashboard-icon .k-svg-icon,
[b-asnf9148ff] .fe-empty-icon .k-svg-icon {
    width: 22px;
    height: 22px;
}

.fe-dashboard-copy[b-asnf9148ff] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fe-dashboard-label[b-asnf9148ff],
.fe-dashboard-meta[b-asnf9148ff],
.fe-card-amount span[b-asnf9148ff],
.fe-card-date span[b-asnf9148ff] {
    color: var(--color-gray-500);
    font-size: var(--fs-caption);
    line-height: 1.2;
    font-weight: 400;
}

.fe-card-main span[b-asnf9148ff] {
    font-size: var(--fs-body-3);
    color: var(--color-gray-600);
}

.fe-dashboard-copy strong[b-asnf9148ff] {
    color: #111827;
    font-size: var(--fs-h4);
    font-weight: 700;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.fe-status-success[b-asnf9148ff] {
    color: var(--color-success-700) !important;
}

.fe-status-failed[b-asnf9148ff] {
    color: var(--color-danger-700) !important;
}

.fe-export-panel[b-asnf9148ff] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 20px 24px;
    overflow: hidden;
}

.fe-panel-header[b-asnf9148ff] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.fe-panel-toolbar[b-asnf9148ff] {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    min-width: 300px;
}

.fe-search[b-asnf9148ff] {
    position: relative;
    flex: 0 1 300px;
    min-width: 210px;
    display: block;
}

.fe-search[b-asnf9148ff]  .k-svg-icon {
    position: absolute;
    z-index: 1;
    left: 14px;
    top: 50%;
    width: 17px;
    height: 17px;
    color: var(--color-gray-500);
    transform: translateY(-50%);
    pointer-events: none;
}

.fe-search[b-asnf9148ff]  .k-textbox,
.fe-search[b-asnf9148ff]  .k-input {
    width: 100%;
    height: 34px;
}

.fe-search[b-asnf9148ff]  input {
    padding-left: 42px;
    color: #111827;
    font-size: var(--fs-body-3);
}

.fe-search[b-asnf9148ff]  input::placeholder {
    color: var(--color-gray-500);
}

.fe-controls[b-asnf9148ff]  .k-combobox {
    max-width: 100%;
}

.fe-filter-button[b-asnf9148ff],
.fe-new-button[b-asnf9148ff] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.fe-export-list[b-asnf9148ff] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-gray-200);
    border-radius: 6px;
    overflow-x: hidden;
    overflow-y: auto;
}

.fe-export-card[b-asnf9148ff] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 35px minmax(210px, 1.5fr) minmax(120px, 0.7fr) minmax(140px, 0.75fr) minmax(170px, 0.75fr);
    align-items: center;
    gap: 20px;
    min-height: 78px;
    padding: 14px 16px;
    background: #fff;
    border-bottom: 1px solid var(--color-gray-200);
}

/*.fe-export-card:last-child {
    border-bottom: 0;
}*/

.fe-card-status-icon[b-asnf9148ff] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-gray-700);
    background: var(--color-gray-200);
    border-radius: 50%;
}

[b-asnf9148ff] .fe-card-status-icon .k-svg-icon {
    width: 16px;
    height: 16px;
}

.fe-card-main[b-asnf9148ff] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.fe-card-main strong[b-asnf9148ff],
.fe-card-amount strong[b-asnf9148ff],
.fe-card-date strong[b-asnf9148ff] {
    color: var(--color-secondary-700);
    font-size: var(--fs-body-2);
    font-weight: 700;
    line-height: 1.2;
}

.fe-status-badge[b-asnf9148ff] {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 7px 18px;
    color: var(--color-gray-600);
    background: var(--color-gray-100);
    border-radius: 999px;
    font-size: var(--fs-caption);
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.fe-card-amount[b-asnf9148ff],
.fe-card-date[b-asnf9148ff] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.fe-card-date[b-asnf9148ff] {
    justify-self: end;
    text-align: right;
}

.fe-card-date strong[b-asnf9148ff],
.fe-card-amount strong[b-asnf9148ff],
.fe-card-main strong[b-asnf9148ff] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fe-card-menu[b-asnf9148ff] {
    width: 30px;
    min-width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    color: #64748b;
    font-weight: 800;
    letter-spacing: 0;
    box-shadow: none;
}

.fe-empty-state[b-asnf9148ff] {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 32px;
    text-align: center;
}

.fe-empty-visual[b-asnf9148ff] {
    width: 145px;
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fe-empty-image[b-asnf9148ff] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.fe-empty-state p[b-asnf9148ff] {
    margin: 0;
    color: #64748b;
    font-size: var(--fs-body-3);
}

.fe-panel-footer[b-asnf9148ff] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    min-height: 56px;
    padding: 0 4px;
    color: #64748b;
    font-size: var(--fs-body-3);
}

@media (max-width: 1360px) {
    .fe-main-pane[b-asnf9148ff] {
        gap: 14px;
        padding: 16px;
    }

    .fe-hero-card[b-asnf9148ff] {
        gap: 18px;
        padding: 18px 22px;
    }

    .fe-dashboard[b-asnf9148ff] {
        gap: 14px;
    }

    .fe-dashboard-card[b-asnf9148ff] {
        min-height: 96px;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 14px;
        padding: 16px 18px;
    }

    .fe-dashboard-icon[b-asnf9148ff],
    .fe-empty-icon[b-asnf9148ff] {
        width: 42px;
        height: 42px;
    }

    .fe-export-panel[b-asnf9148ff] {
        padding: 18px 20px;
    }

    .fe-export-card[b-asnf9148ff] {
        grid-template-columns: 35px minmax(180px, 1.35fr) minmax(120px, 0.65fr) minmax(120px, 0.7fr) minmax(150px, 0.75fr);
        gap: 16px;
        padding-inline: 14px;
    }
}

@media (max-width: 1180px) {
    .fe-dashboard[b-asnf9148ff] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fe-progress-row[b-asnf9148ff] {
        grid-template-columns: minmax(160px, 1fr) auto;
    }

    .fe-progress-row > span[b-asnf9148ff] {
        grid-column: 1 / -1;
    }

    .fe-panel-header[b-asnf9148ff] {
        align-items: flex-start;
    }

    .fe-panel-toolbar[b-asnf9148ff] {
        min-width: 260px;
    }

    .fe-export-card[b-asnf9148ff] {
        grid-template-columns: 35px minmax(0, 1fr) minmax(130px, auto);
    }

    .fe-status-badge[b-asnf9148ff],
    .fe-card-date[b-asnf9148ff] {
        grid-column: 2 / -1;
    }

    .fe-card-date[b-asnf9148ff] {
        justify-self: start;
        text-align: left;
    }

    .fe-card-amount[b-asnf9148ff] {
        grid-column: 3;
        grid-row: 1;
    }
}

@media (max-width: 900px) {
    .page-body-content[b-asnf9148ff] {
        overflow-y: auto;
    }

    .fe-main-pane[b-asnf9148ff] {
        height: auto;
        min-height: 100%;
        overflow: visible;
    }

    .fe-export-panel[b-asnf9148ff] {
        flex: 0 0 auto;
        min-height: 460px;
    }

    .fe-panel-header[b-asnf9148ff] {
        align-items: stretch;
        flex-direction: column;
    }

    .fe-panel-toolbar[b-asnf9148ff] {
        width: 100%;
        min-width: 0;
        justify-content: flex-start;
    }

    .fe-search[b-asnf9148ff] {
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 760px) {
    .fe-main-pane[b-asnf9148ff] {
        padding: 14px;
    }

    .fe-dashboard[b-asnf9148ff] {
        grid-template-columns: 1fr;
    }

    .fe-hero-card[b-asnf9148ff],
    .fe-export-panel[b-asnf9148ff] {
        padding: 18px;
    }

    .fe-field[b-asnf9148ff],
    .fe-controls[b-asnf9148ff],
    .fe-panel-toolbar[b-asnf9148ff] {
        align-items: stretch;
        flex-direction: column;
    }

    .fe-field[b-asnf9148ff] {
        gap: 8px;
    }

    .fe-field[b-asnf9148ff]  .k-combobox {
        width: 100% !important;
    }

    .fe-panel-toolbar[b-asnf9148ff],
    .fe-search[b-asnf9148ff] {
        width: 100%;
        min-width: 0;
    }

    .fe-progress-row[b-asnf9148ff] {
        grid-template-columns: 1fr auto;
    }

    .fe-progress-row > span[b-asnf9148ff] {
        grid-column: 1 / -1;
    }

    .fe-export-card[b-asnf9148ff] {
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        padding: 14px;
    }

    .fe-status-badge[b-asnf9148ff],
    .fe-card-amount[b-asnf9148ff],
    .fe-card-date[b-asnf9148ff] {
        grid-column: 2 / -1;
    }

    .fe-card-amount[b-asnf9148ff] {
        grid-row: auto;
    }

    .fe-card-date[b-asnf9148ff] {
        justify-self: start;
        text-align: left;
    }

    .fe-empty-state[b-asnf9148ff] {
        padding: 28px 18px;
    }

    .fe-empty-visual[b-asnf9148ff] {
        width: 120px;
        height: 120px;
    }
}

@media (max-width: 520px) {
    .fe-main-pane[b-asnf9148ff] {
        gap: 12px;
        padding: 10px;
    }

    .fe-hero-card[b-asnf9148ff],
    .fe-export-panel[b-asnf9148ff] {
        padding: 14px;
    }

    .fe-hero-header[b-asnf9148ff] {
        gap: 14px;
    }

    .fe-log-button[b-asnf9148ff],
    .fe-export-button[b-asnf9148ff] {
        width: 100%;
    }

    .fe-progress-row[b-asnf9148ff] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .fe-progress-row strong[b-asnf9148ff],
    .fe-progress-row > span[b-asnf9148ff] {
        grid-column: auto;
    }

    .fe-dashboard-card[b-asnf9148ff] {
        min-height: 86px;
        grid-template-columns: 38px minmax(0, 1fr);
        padding: 14px;
    }

    .fe-dashboard-icon[b-asnf9148ff],
    .fe-empty-icon[b-asnf9148ff] {
        width: 38px;
        height: 38px;
    }

    .fe-export-card[b-asnf9148ff] {
        grid-template-columns: 24px minmax(0, 1fr);
        min-height: 0;
    }

    .fe-status-badge[b-asnf9148ff] {
        width: max-content;
        max-width: 100%;
        padding-inline: 12px;
    }

    .fe-empty-state h4[b-asnf9148ff] {
        font-size: var(--fs-body-1);
    }
}
/* _content/eLipsOnline/Components/Pages/GridLayoutEditor.razor.rz.scp.css */
.grid-layout-editor-host[b-i3i523isl5] {
    display: contents;
}

    [b-i3i523isl5] .grid-layout-editor-host .k-window-titlebar {
        border-bottom: none;
    }

.grid-title[b-i3i523isl5] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 7px;
}

.grid-title strong[b-i3i523isl5] {
    color: var(--color-secondary-700);
    font-weight: 550;
}

.grid-name-label[b-i3i523isl5] {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 10px;
    color: var(--color-primary-700);
    font-weight: 500;
    padding: 0 0 15px 0;
}

.grid-name-label h4[b-i3i523isl5] {
   margin: 0;
}

.grid-column-title h2[b-i3i523isl5] {
    line-height: 1.2;
    margin: 0 0 8px;
}

.grid-column-title p[b-i3i523isl5] {
    line-height: 1.45;
    margin: 0;
    font-weight: 400;
}

.grid-column-window-content[b-i3i523isl5] {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    padding: 15px 15px 20px 25px;
    background-color: var(--color-gray-50);
}

.grid-column-editor[b-i3i523isl5] {
    display: grid;
    flex: 1;
    grid-template-columns: minmax(260px, 1fr) 56px minmax(260px, 1fr) 56px;
    gap: 14px;
    align-items: stretch;
    min-height: 0;
}

.column-card[b-i3i523isl5] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}

[b-i3i523isl5] .gridLayoutPopup {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

[b-i3i523isl5] .gridLayoutPopup .k-grid-aria-root,
[b-i3i523isl5] .gridLayoutPopup .k-grid-container {
    height: 100%;
    min-height: 0;
}

[b-i3i523isl5] .gridLayoutPopup .k-grid-content {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
}

[b-i3i523isl5] .gridLayoutPopup .k-grid-norecords {
    height: 100%;
}

[b-i3i523isl5] .gridLayoutPopup .k-grid-norecords-template {
    height: 100%;
    padding: 0;
    width: 100%;
}

.column-card-header[b-i3i523isl5] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex: 0 0 auto;
    margin-bottom: 5px;
}

.colum-card-description[b-i3i523isl5] {
    margin-bottom: 15px;
    color: var(--color-gray-500);
    font-size: var(--fs-body-3);
    font-weight: 350;
}

.column-count[b-i3i523isl5] {
    background: var(--color-gray-100);
    border-radius: 6px;
    color: #6b7280;
    font-size: var(--fs-body-3);
    font-weight: 500;
    line-height: 1;
    padding: 7px 10px;
}

.column-count--active[b-i3i523isl5] {
    background: var(--color-primary-50);
    color: var(--color-primary-700);
}

[b-i3i523isl5] .column-search {
    border-color: #dfe3e8;
    border-radius: 4px;
    box-shadow: none;
    color: #111827;
    flex: 0 0 auto;
    font-size: .95rem;
    height: 38px;
    margin-bottom: 12px;
}

[b-i3i523isl5] .column-search .k-input-inner {
    padding-inline: 10px;
}

[b-i3i523isl5] .column-search .k-input-prefix {
    color: #6b7280;
    padding-left: 12px;
}

.column-drag-handle[b-i3i523isl5] {
    color: #9ca3af;
    cursor: grab;
    font-size: 20px;
    line-height: 1;
    vertical-align: middle;
}

[b-i3i523isl5] .gridLayoutPopup .k-checkbox {
    border-color: #d1d5db;
    border-radius: 4px;
    height: 18px;
    width: 18px;
}

[b-i3i523isl5] .gridLayoutPopup .k-checkbox:checked,
[b-i3i523isl5] .gridLayoutPopup .k-checkbox.k-checked {
    background-color: #0ea5d7;
    border-color: #0ea5d7;
}

.column-action-bar[b-i3i523isl5] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
}

[b-i3i523isl5] .column-action-btn {
    background-color: white;
    border: 1px solid var(--color-gray-200);
    border-radius: 6px;
    height: 38px;
    padding: 0;
    width: 38px;
}

[b-i3i523isl5] .column-action-icon {
    color: var(--color-primary-700);
    height: 18px;
    width: 18px;
}

[b-i3i523isl5] .column-action-icon svg {
    fill: currentColor;
}

[b-i3i523isl5] .column-action-btn.k-disabled .column-action-icon,
[b-i3i523isl5] .column-action-btn:disabled .column-action-icon {
    color: var(--color-gray-400);
}

.payment-window-actions[b-i3i523isl5] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}


@media (max-width: 980px) {
    [b-i3i523isl5] .grid-column-window {
        height: calc(100vh - 24px) !important;
        width: calc(100vw - 24px) !important;
    }

    .grid-column-editor[b-i3i523isl5] {
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .column-action-bar[b-i3i523isl5] {
        flex-direction: row;
    }
}
/* _content/eLipsOnline/Components/Pages/InboekSchermen/ContainerInboek - Copy.razor.rz.scp.css */

/* dropzone style */
.drop-zone[b-otutbomx7b] {
    margin-top:-10px;
    margin-left:-10px;
    max-height: 130px; /* vaste hoogte */
    min-height:130px;
    overflow-y: auto;
    min-width: 250px;
    max-width:250px;
    border: 2px dashed #bbb;
    border-radius: 6px;
    padding: 20px;
    text-align: center;
    color: #666;
    font-size: 0.9rem;
    cursor: pointer;
    background: #fafafa;
}

.drop-zone.hover[b-otutbomx7b]
{
        border-color: #007bff;
        color: #007bff;
        background: #f0f8ff;
}

.remove-button[b-otutbomx7b] {
    background-color: #9c1818; /* Red background */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 30%; /* Circular button */
    width: 25px; /* Fixed width */
    height: 20px; /* Fixed height */
    line-height: 20px; /* Match the height to vertically center the '-' */
    padding: 0; /* Reset padding */
    font-weight: bold;
}

    .remove-button:hover[b-otutbomx7b] {
        background-color: #601515; /* Darker shade of red */
    }
/* _content/eLipsOnline/Components/Pages/InboekSchermen/ContainerInboek.razor.rz.scp.css */
.inboek-page[b-786gqsaaei] {
    --inboek-gap: clamp(0.3rem, 0.7vw, 0.7rem);
    --inboek-page-padding: 16px;
    --inboek-border: 1px solid var(--color-gray-200);
    --inboek-bottom-bg: #d9d9d9;
    --inboek-button-bg: #555;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    color: var(--text-primary, #050505);
    background: var(--color-gray-50);
}

.inboek-header[b-786gqsaaei] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 10px var(--inboek-page-padding) 0.5rem;
}

.inboek-title[b-786gqsaaei] {
    margin: 0;
}

.inboek-header-actions[b-786gqsaaei] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.inboek-upper[b-786gqsaaei] {
    padding: 0 var(--inboek-page-padding) 0.5rem;
    /*    background: #fff;*/
}

.upper-grid[b-786gqsaaei] {
    display: grid;
    grid-template-columns: minmax(390px, 1.55fr) minmax(470px, 1.45fr) minmax(170px, 0.58fr);
    /*    grid-template-columns: minmax(320px, 1.2fr) minmax(500px, 1.7fr);*/
    gap: var(--inboek-gap);
    align-items: stretch;
}

.wire-group[b-786gqsaaei],
.wire-field[b-786gqsaaei] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.wire-field[b-786gqsaaei] {
    display: flex;
    flex-direction: column;
}

    .wire-field .wire-box[b-786gqsaaei] {
        flex: 1 1 auto;
    }

.order-grid[b-786gqsaaei],
.extra-grid[b-786gqsaaei],
.container-grid[b-786gqsaaei],
.container-row[b-786gqsaaei] {
    display: grid;
    gap: var(--inboek-gap);
    min-width: 0;
}

.order-grid[b-786gqsaaei] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: 100%;
}

.container-grid[b-786gqsaaei] {
    grid-template-rows: minmax(0, 1.2fr) minmax(0, 1fr);
    height: 100%;
}

.container-row-top[b-786gqsaaei] {
    /*    grid-template-columns: minmax(0, 0.65fr) repeat(2, minmax(0, 1fr));*/
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.container-row-bottom[b-786gqsaaei] {
    /*    grid-template-columns: repeat(4, minmax(0, 1fr));*/
    /*    grid-template-columns: 1fr 1fr 1.5fr;*/
    /*    grid-template-columns: 0.8fr 0.8fr 1.7fr;*/
    /*    grid-template-columns: repeat(3, minmax(0, 1fr));*/
    grid-template-columns: 1.2fr 1fr 0.8fr;
}

.extra-grid[b-786gqsaaei] {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

.wire-box[b-786gqsaaei],
.wire-panel[b-786gqsaaei] {
    min-width: 0;
    min-height: 11rem;
    display: flex;
    border: var(--inboek-border);
    border-radius: 5px;
    background: #fff;
    line-height: 1;
}

.wire-box-tall[b-786gqsaaei] {
    min-height: clamp(18rem, 30vh, 25rem);
}

.wire-attachments-group[b-786gqsaaei],
.wire-attachments-field[b-786gqsaaei] {
    height: 100%;
    min-height: 0;
}

.wire-attachments-panel[b-786gqsaaei] {
    min-height: 0;
    overflow: hidden;
}

.inboek-lower[b-786gqsaaei] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 0.5rem var(--inboek-page-padding) 1rem;
    background: var(--color-gray-50);
}

.lower-grid[b-786gqsaaei] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 18%);
    gap: 10px;
    align-items: stretch;
}

.activities-column[b-786gqsaaei],
.side-column[b-786gqsaaei] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.activities-toolbar[b-786gqsaaei] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

    .activities-toolbar .wire-button[b-786gqsaaei] {
        flex: 0 0 auto;
    }

.side-column[b-786gqsaaei] {
    min-height: 0;
}

.side-panel[b-786gqsaaei] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.action-bar[b-786gqsaaei] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.wire-panel[b-786gqsaaei] {
    flex: 1 1 auto;
    min-height: clamp(14rem, 32vh, 28rem);
}


.wire-button[b-786gqsaaei] {
    border: 0;
    padding: 0.45rem 1.2rem;
    color: #fff;
    background: var(--inboek-button-bg);
    font: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

    .wire-button:hover[b-786gqsaaei],
    .wire-button:focus-visible[b-786gqsaaei] {
        background: #333;
    }

@media (max-width: 1199.98px) {
    .upper-grid[b-786gqsaaei] {
        grid-template-columns: 1fr;
    }

    .order-grid[b-786gqsaaei] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .container-row-top[b-786gqsaaei],
    .container-row-bottom[b-786gqsaaei] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wire-box-tall[b-786gqsaaei],
    .extra-grid[b-786gqsaaei] {
        min-height: 17rem;
    }

    .inboek-lower[b-786gqsaaei] {
        flex: 0 0 auto;
        min-height: auto;
    }

    .lower-grid[b-786gqsaaei] {
        grid-template-columns: 1fr;
    }

    .side-column[b-786gqsaaei],
    .activity-panel[b-786gqsaaei],
    .side-panel[b-786gqsaaei] {
        min-height: 18rem;
    }
}

@media (max-width: 575.98px) {
    .inboek-title[b-786gqsaaei] {
        margin-inline: 0.85rem;
    }

    .inboek-upper[b-786gqsaaei],
    .inboek-lower[b-786gqsaaei] {
        padding-inline: 0.85rem;
    }

    .order-grid[b-786gqsaaei],
    .container-row-top[b-786gqsaaei],
    .container-row-bottom[b-786gqsaaei] {
        grid-template-columns: 1fr;
    }

    .extra-grid[b-786gqsaaei],
    .container-grid[b-786gqsaaei] {
        grid-template-rows: none;
    }

    .wire-box[b-786gqsaaei],
    .wire-box-tall[b-786gqsaaei],
    .wire-panel[b-786gqsaaei],
    .side-panel[b-786gqsaaei] {
        min-height: 12rem;
    }

    .action-bar[b-786gqsaaei] {
        flex-direction: column;
    }

    .wire-button[b-786gqsaaei] {
        width: 100%;
    }
}

/* Form box */
.profile-dd .form-box .checkbox-box-xs[b-786gqsaaei] {
    box-shadow: none!important;
}

.form-row-temp[b-786gqsaaei] {
    align-items: center;
}

.temp-fields[b-786gqsaaei] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
    min-width: 0;
}

.temp-field[b-786gqsaaei] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.temp-field-label[b-786gqsaaei] {
    color: var(--color-gray-500);
    font-size: 0.65rem;
    font-weight: 500;
    line-height: 1;
}


.form-control[b-786gqsaaei] {
    width: 100%;
    min-width: 0;
    height: 1.8rem;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0.25rem 0.45rem;
    font: inherit;
}

.checkbox-box[b-786gqsaaei] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.6rem;
    padding: 0.7rem 1rem;
    font-size: 0.9rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.checkbox-box-xs[b-786gqsaaei] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.6rem;
    font-size: 0.9rem;
    padding-bottom: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.checkbox-row[b-786gqsaaei] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0;
    line-height: 1.2;
}

    .checkbox-row input[b-786gqsaaei] {
        width: 1rem;
        height: 1rem;
    }

.temp-inputs[b-786gqsaaei] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    min-width: 0;
}

.side-panel-content[b-786gqsaaei] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.75rem;
    padding: 10px;
    min-height: 0;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.side-toolbar[b-786gqsaaei] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.side-toolbar-buttons[b-786gqsaaei] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.side-toolbar-search[b-786gqsaaei] {
    min-width: 0;
}

.side-panel-body[b-786gqsaaei] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
}

@media (max-width: 2000px) {
    .side-toolbar-buttons[b-786gqsaaei] {
        flex-wrap: wrap;
    }

    .side-toolbar-search[b-786gqsaaei] {
        flex: 1 1 100%;
        width: 100%;
    }
}

.activity-item[b-786gqsaaei] {
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    border: 1px solid var(--color-gray-200, #dadfe2);
    border-radius: 5px;
    background: #fff;
}

.activity-div[b-786gqsaaei] {
    display: grid;
    grid-template-columns: 30px minmax(8rem, 0.8fr) minmax(8.5rem, 0.8fr) minmax(15rem, 1.3fr) minmax(18rem, 1.35fr) auto;
    grid-template-areas: "order main time location notes actions";
    align-items: stretch;
    gap: 0.75rem;
    min-width: 0;
}

.activity-cell[b-786gqsaaei] {
    min-width: 0;
}

.activity-cell-order[b-786gqsaaei] {
    grid-area: order;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
}

.activity-order[b-786gqsaaei] {
    text-align: center;
    background-color: #eee;
    font-weight: 500;
}

.activity-cell-main[b-786gqsaaei] {
    grid-area: main;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.activity-cell-time[b-786gqsaaei] {
    grid-area: time;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.activity-time-row[b-786gqsaaei] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    min-width: 0;
}

.activity-time-row .time-input[b-786gqsaaei] {
    width: 100%;
    min-width: 0;
}

.activity-cell-location[b-786gqsaaei] {
    grid-area: location;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    align-items: stretch;
}

.activity-cell-notes[b-786gqsaaei] {
    grid-area: notes;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    min-width: 0;
}

.activity-div[b-786gqsaaei]  .k-textarea,
.activity-div[b-786gqsaaei]  .k-input,
.activity-div[b-786gqsaaei]  .k-picker,
.activity-div[b-786gqsaaei]  .k-dropdownlist,
.activity-div[b-786gqsaaei]  .k-combobox {
    width: 100%;
    max-width: 100%;
}

.activity-actions[b-786gqsaaei] {
    grid-area: actions;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: flex-end;
    align-self: center;
}

.activities-column[b-786gqsaaei] {
    min-height: 0;
}

.activity-panel[b-786gqsaaei] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 10px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.activity-sortable[b-786gqsaaei] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.drag-handle[b-786gqsaaei] {
    width: 30px;
    height: 30px;
    border: 0;
    background: transparent;
    cursor: move;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-gray-500);
}

.badge-container[b-786gqsaaei] {
    position: relative;
    display: inline-flex;
}

.badge[b-786gqsaaei] {
    position: absolute;
    top: -0.45rem;
    right: -0.45rem;
    min-width: 1.1rem;
    height: 1.1rem;
    border-radius: 999px;
    background: #dc3545;
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.1rem;
    text-align: center;
}

@media (max-width: 1199.98px) {
    .activity-div[b-786gqsaaei] {
        grid-template-columns: 36px minmax(11rem, 1fr) minmax(9rem, 0.9fr) auto;
        grid-template-areas:
            "order main time actions"
            "order location notes actions";
    }
}

@media (max-width: 767.98px) {
    .activity-div[b-786gqsaaei] {
        grid-template-columns: 36px minmax(0, 1fr) auto;
        grid-template-areas:
            "order main actions"
            "order time actions"
            "order location actions"
            "notes notes notes";
    }

    .activity-cell-notes[b-786gqsaaei] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .activity-div[b-786gqsaaei] {
        grid-template-columns: 36px minmax(0, 1fr);
        grid-template-areas:
            "order main"
            "order time"
            "order location"
            "notes notes"
            "actions actions";
    }
    
    .activity-actions[b-786gqsaaei] {
        width: 100%;
        justify-content: flex-end;
    }
}

.container-card[b-786gqsaaei] {
    position: relative;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    border: 1px solid var(--color-gray-200, #dadfe2);
    border-radius: 5px;
    background: #fff;
}

.container-card-header[b-786gqsaaei] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.container-title[b-786gqsaaei] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    flex: 1 1 auto;
}

.container-actions[b-786gqsaaei] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex: 0 0 auto;
}

.selected-container[b-786gqsaaei] {
    border-color: var(--kendo-color-primary, #0d6efd);
    background: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 8%, #fff);
}

.time-input[b-786gqsaaei] {
    width: 90px;
    height: 32px;
    box-sizing: border-box;
    border: 1px solid var(--kendo-color-border, #d1d5db);
    border-radius: 4px;
    padding: 0 0.5rem;
    background-color: var(--kendo-color-surface, #fff);
    color: var(--kendo-color-on-app-surface, #1f2937);
    font: inherit;
    font-size: 0.875rem;
    line-height: 1.4;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .time-input:hover[b-786gqsaaei] {
        border-color: var(--kendo-color-border-alt, #b8bec8);
    }

    .time-input:focus[b-786gqsaaei],
    .time-input:focus-visible[b-786gqsaaei] {
        border-color: var(--kendo-color-primary, #0d6efd);
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 20%, transparent);
    }

    .time-input:disabled[b-786gqsaaei],
    .time-input[readonly][b-786gqsaaei] {
        background-color: var(--kendo-color-surface-alt, #f3f4f6);
        color: var(--kendo-color-disabled-text, #9ca3af);
        cursor: not-allowed;
    }

.container-activities[b-786gqsaaei] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 15px 0 5px 0;
    border-radius: 8px;
    background: #fff;
}

.activity-row[b-786gqsaaei] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 6px;
    background: var(--color-gray-50);
}

.activity-row__marker[b-786gqsaaei] {
    width: 8px;
    height: 8px;
    margin-top: 7px;
    border-radius: 50%;
    background: var(--color-gray-400);
    flex: 0 0 auto;
}

.activity-row__content[b-786gqsaaei] {
    min-width: 0;
    flex: 1;
}

.activity-row__main[b-786gqsaaei] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.activity-row__type[b-786gqsaaei] {
    color: var(--color-gray-800);
    font-size: 13px;
    font-weight: 600;
}

.activity-row__date[b-786gqsaaei] {
    color: var(--color-gray-500);
    font-size: 12px;
    white-space: nowrap;
}

.activity-row__meta[b-786gqsaaei] {
    margin-top: 2px;
    color: var(--color-gray-500);
    font-size: 12px;
}

.activity-empty[b-786gqsaaei] {
    padding: 12px;
    border-radius: 6px;
    background: var(--color-gray-50);
    color: var(--color-gray-500);
    font-size: 13px;
    text-align: center;
}

.required-label[b-786gqsaaei]::after {
    content: "*";
    margin-left: 4px;
    color: var(--color-danger-500);
    font-weight: 700;
}

.lading-badge[b-786gqsaaei] {
    position: absolute;
    top: -7px;
    right: -7px;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--color-primary-700);
    color: white;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    z-index: 10;
    transition: all 0.2s ease;
}

/* Kaart Dummy CSS */
.fake-map[b-786gqsaaei] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 20px 0px;
}

.fake-map-toolbar[b-786gqsaaei] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.fake-map-canvas[b-786gqsaaei] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--color-gray-200, #dadfe2);
    border-radius: 6px;
    background: linear-gradient(90deg, rgba(255,255,255,0.45) 1px, transparent 1px), linear-gradient(0deg, rgba(255,255,255,0.45) 1px, transparent 1px), #d8ead8;
    background-size: 42px 42px;
}

.fake-map-road[b-786gqsaaei] {
    position: absolute;
    background: #fff;
    border: 1px solid #c9d3dc;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

.fake-map-road-a[b-786gqsaaei] {
    width: 120%;
    height: 42px;
    left: -10%;
    top: 45%;
    transform: rotate(-8deg);
}

.fake-map-road-b[b-786gqsaaei] {
    width: 44px;
    height: 120%;
    left: 34%;
    top: -10%;
    transform: rotate(12deg);
}

.fake-map-road-c[b-786gqsaaei] {
    width: 90%;
    height: 34px;
    left: 20%;
    top: 20%;
    transform: rotate(20deg);
}

.fake-map-marker[b-786gqsaaei] {
    position: absolute;
    left: 52%;
    top: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    color: #fff;
    background: var(--kendo-color-primary, #0d6efd);
    transform: translate(-50%, -50%);
    box-shadow: 0 8px 18px rgba(0,0,0,0.25);
}

.fake-map-label[b-786gqsaaei] {
    position: absolute;
    left: calc(52% + 1.75rem);
    top: calc(48% - 0.6rem);
    padding: 0.35rem 0.55rem;
    border: 1px solid var(--color-gray-200, #dadfe2);
    border-radius: 4px;
    background: #fff;
    font-size: 0.85rem;
}

.form-row-split[b-786gqsaaei] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem;
    min-width: 0;
}

@media (max-width: 575.98px) {
    .form-row-split[b-786gqsaaei] {
        grid-template-columns: 1fr;
    }
}

.optional-elements-box[b-786gqsaaei] {
    max-height: 11.6rem;
    min-height: 0;
    overflow: hidden;
}

.optional-elements-list[b-786gqsaaei] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding-right: 4px;
    width: 100%;
}
/* _content/eLipsOnline/Components/Pages/InboekSchermen/ContainerInboekSecondDesign.razor.rz.scp.css */
.inboek-page[b-3mt9ik8xfu] {
    --inboek-gap: clamp(0.3rem, 0.7vw, 0.7rem);
    --inboek-page-padding: 16px;
    --inboek-border: 1px solid var(--color-gray-200);
    --inboek-bottom-bg: #d9d9d9;
    --inboek-button-bg: #555;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    color: var(--text-primary, #050505);
    background: #fff;
}

.inboek-header[b-3mt9ik8xfu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 10px var(--inboek-page-padding) 0.5rem;
}

.inboek-title[b-3mt9ik8xfu] {
    margin: 0;
}

.inboek-header-actions[b-3mt9ik8xfu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.inboek-upper[b-3mt9ik8xfu] {
    padding: 0 var(--inboek-page-padding) 16px;
    background: #fff;
}

.upper-grid[b-3mt9ik8xfu] {
    display: grid;
    grid-template-columns: minmax(390px, 1.55fr) minmax(470px, 1.45fr) minmax(170px, 0.58fr);
    /*    grid-template-columns: minmax(320px, 1.2fr) minmax(500px, 1.7fr);*/
    gap: var(--inboek-gap);
    align-items: stretch;
}

.wire-group[b-3mt9ik8xfu],
.wire-field[b-3mt9ik8xfu] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.wire-field[b-3mt9ik8xfu] {
    display: flex;
    flex-direction: column;
}

    .wire-field legend[b-3mt9ik8xfu] {
        width: auto;
        margin: 0 0 -0.6rem 2rem;
        padding: 0 0.9rem;
        float: none;
        position: relative;
        z-index: 1;
        background: #fff;
        font-size: var(--fs-caption);
        color: var(--color-gray-400);
        line-height: 1.2;
        font-weight: 300;
    }

    .wire-field .wire-box[b-3mt9ik8xfu] {
        flex: 1 1 auto;
    }

.order-grid[b-3mt9ik8xfu],
.extra-grid[b-3mt9ik8xfu],
.container-grid[b-3mt9ik8xfu],
.container-row[b-3mt9ik8xfu] {
    display: grid;
    gap: var(--inboek-gap);
    min-width: 0;
}

.order-grid[b-3mt9ik8xfu] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: 100%;
}

.container-grid[b-3mt9ik8xfu] {
    grid-template-rows: minmax(0, 1.2fr) minmax(0, 1fr);
    height: 100%;
}

.container-row-top[b-3mt9ik8xfu] {
    /*    grid-template-columns: minmax(0, 0.65fr) repeat(2, minmax(0, 1fr));*/
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.container-row-bottom[b-3mt9ik8xfu] {
    /*    grid-template-columns: repeat(4, minmax(0, 1fr));*/
    /*    grid-template-columns: 1fr 1fr 1.5fr;*/
    /*    grid-template-columns: 0.8fr 0.8fr 1.7fr;*/
    /*    grid-template-columns: repeat(3, minmax(0, 1fr));*/
    grid-template-columns: 1fr 1fr 0.9fr;
}

.extra-grid[b-3mt9ik8xfu] {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

.wire-box[b-3mt9ik8xfu],
.wire-panel[b-3mt9ik8xfu] {
    min-width: 0;
    min-height: 11rem;
    display: flex;
    border: var(--inboek-border);
    border-radius: 5px;
    background: #fff;
    line-height: 1;
}

.wire-box-tall[b-3mt9ik8xfu] {
    min-height: clamp(18rem, 30vh, 25rem);
}

.wire-attachments-group[b-3mt9ik8xfu],
.wire-attachments-field[b-3mt9ik8xfu] {
    height: 100%;
    min-height: 0;
}

.wire-attachments-panel[b-3mt9ik8xfu] {
    min-height: 0;
    overflow: hidden;
}

.inboek-lower[b-3mt9ik8xfu] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1rem var(--inboek-page-padding) 1rem;
    background: var(--color-gray-50);
}

.lower-grid[b-3mt9ik8xfu] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 18%);
    gap: 10px;
    align-items: stretch;
}

.activities-column[b-3mt9ik8xfu],
.side-column[b-3mt9ik8xfu] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.activities-toolbar[b-3mt9ik8xfu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

    .activities-toolbar .wire-button[b-3mt9ik8xfu] {
        flex: 0 0 auto;
    }

.side-column[b-3mt9ik8xfu] {
    min-height: 0;
}

.side-panel[b-3mt9ik8xfu] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.action-bar[b-3mt9ik8xfu] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.wire-panel[b-3mt9ik8xfu] {
    flex: 1 1 auto;
    min-height: clamp(14rem, 32vh, 28rem);
}


.wire-button[b-3mt9ik8xfu] {
    border: 0;
    padding: 0.45rem 1.2rem;
    color: #fff;
    background: var(--inboek-button-bg);
    font: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

    .wire-button:hover[b-3mt9ik8xfu],
    .wire-button:focus-visible[b-3mt9ik8xfu] {
        background: #333;
    }

@media (max-width: 1199.98px) {
    .upper-grid[b-3mt9ik8xfu] {
        grid-template-columns: 1fr;
    }

    .order-grid[b-3mt9ik8xfu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .container-row-top[b-3mt9ik8xfu],
    .container-row-bottom[b-3mt9ik8xfu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wire-box-tall[b-3mt9ik8xfu],
    .extra-grid[b-3mt9ik8xfu] {
        min-height: 17rem;
    }

    .inboek-lower[b-3mt9ik8xfu] {
        flex: 0 0 auto;
        min-height: auto;
    }

    .lower-grid[b-3mt9ik8xfu] {
        grid-template-columns: 1fr;
    }

    .side-column[b-3mt9ik8xfu],
    .activity-panel[b-3mt9ik8xfu],
    .side-panel[b-3mt9ik8xfu] {
        min-height: 18rem;
    }
}

@media (max-width: 575.98px) {
    .inboek-title[b-3mt9ik8xfu] {
        margin-inline: 0.85rem;
    }

    .inboek-upper[b-3mt9ik8xfu],
    .inboek-lower[b-3mt9ik8xfu] {
        padding-inline: 0.85rem;
    }

    .order-grid[b-3mt9ik8xfu],
    .container-row-top[b-3mt9ik8xfu],
    .container-row-bottom[b-3mt9ik8xfu] {
        grid-template-columns: 1fr;
    }

    .extra-grid[b-3mt9ik8xfu],
    .container-grid[b-3mt9ik8xfu] {
        grid-template-rows: none;
    }

    .wire-box[b-3mt9ik8xfu],
    .wire-box-tall[b-3mt9ik8xfu],
    .wire-panel[b-3mt9ik8xfu],
    .side-panel[b-3mt9ik8xfu] {
        min-height: 12rem;
    }

    .action-bar[b-3mt9ik8xfu] {
        flex-direction: column;
    }

    .wire-button[b-3mt9ik8xfu] {
        width: 100%;
    }
}

/* Form box */
.form-box[b-3mt9ik8xfu] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.3rem;
    padding: 1rem;
    font-size: 0.9rem;
}

.form-box-xs[b-3mt9ik8xfu] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.3rem;
    padding: 1rem 0.5rem;
    font-size: 0.9rem;
}

.form-row[b-3mt9ik8xfu] {
    display: grid;
    grid-template-columns: minmax(5rem, 0.75fr) minmax(0, 1.5fr);
    align-items: center;
    gap: 0.35rem;
}

    .form-row label[b-3mt9ik8xfu], .form-row-xs[b-3mt9ik8xfu], .form-row-xl label[b-3mt9ik8xfu] {
        margin: 0;
        font-weight: 500;
        line-height: 1.1;
        font-size: var(--fs-body-2)
    }

.form-row-xs[b-3mt9ik8xfu] {
    display: grid;
    grid-template-columns: minmax(6rem, 0.9fr) minmax(0, 1.4fr);
    align-items: center;
    gap: 0.3rem;
}

.form-row-xl[b-3mt9ik8xfu] {
    display: grid;
    grid-template-columns: minmax(3.5rem, 0.6fr) minmax(0, 1.8fr);
    align-items: center;
    gap: 0.3rem;
}


.form-control[b-3mt9ik8xfu] {
    width: 100%;
    min-width: 0;
    height: 1.8rem;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0.25rem 0.45rem;
    font: inherit;
}

.checkbox-box[b-3mt9ik8xfu] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.6rem;
    padding: 1rem;
    font-size: 0.9rem;
}

.optional-elements-box[b-3mt9ik8xfu] {
    max-height: 11rem;
    min-height: 0;
    overflow-y: auto;
}

.checkbox-box-xs[b-3mt9ik8xfu] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.6rem;
    font-size: 0.9rem;
    padding-bottom: 10px;
}

.checkbox-row[b-3mt9ik8xfu] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0;
    line-height: 1.2;
}

    .checkbox-row input[b-3mt9ik8xfu] {
        width: 1rem;
        height: 1rem;
    }

.temp-inputs[b-3mt9ik8xfu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    min-width: 0;
}

.side-panel-content[b-3mt9ik8xfu] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.75rem;
    padding: 10px;
    min-height: 0;
    overflow: hidden;
}

.side-toolbar[b-3mt9ik8xfu] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.side-toolbar-buttons[b-3mt9ik8xfu] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.side-toolbar-search[b-3mt9ik8xfu] {
    min-width: 0;
}

.side-panel-body[b-3mt9ik8xfu] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
}

@media (max-width: 2000px) {
    .side-toolbar-buttons[b-3mt9ik8xfu] {
        flex-wrap: wrap;
    }

    .side-toolbar-search[b-3mt9ik8xfu] {
        flex: 1 1 100%;
        width: 100%;
    }
}

.activity-item[b-3mt9ik8xfu] {
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    border: 1px solid var(--color-gray-200, #dadfe2);
    border-radius: 5px;
    background: #fff;
}

.activity-div[b-3mt9ik8xfu] {
    display: grid;
    grid-template-columns: 30px minmax(8rem, 0.8fr) minmax(8.5rem, 0.8fr) minmax(15rem, 1.3fr) minmax(18rem, 1.35fr) auto;
    grid-template-areas: "order main time location notes actions";
    align-items: stretch;
    gap: 0.75rem;
    min-width: 0;
}

.activity-cell[b-3mt9ik8xfu] {
    min-width: 0;
}

.activity-cell-order[b-3mt9ik8xfu] {
    grid-area: order;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
}

.activity-order[b-3mt9ik8xfu] {
    text-align: center;
    background-color: #eee;
    font-weight: 500;
}

.activity-cell-main[b-3mt9ik8xfu] {
    grid-area: main;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.activity-cell-time[b-3mt9ik8xfu] {
    grid-area: time;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.activity-time-row[b-3mt9ik8xfu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    min-width: 0;
}

.activity-time-row .time-input[b-3mt9ik8xfu] {
    width: 100%;
    min-width: 0;
}

.activity-cell-location[b-3mt9ik8xfu] {
    grid-area: location;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    align-items: stretch;
}

.activity-location-summary[b-3mt9ik8xfu] {
    padding: 2px 0px;
    border-radius: 4px;
/*    background: var(--color-gray-50);*/
    color: var(--color-gray-500);
    font-size: 11px;
    line-height: 1.25;
}

.activity-location-name[b-3mt9ik8xfu] {
    color: var(--color-gray-600, #1f2937);
    font-weight: 600;
}

.activity-location-address[b-3mt9ik8xfu] {
    margin-top: 0.1rem;
}

.activity-cell-notes[b-3mt9ik8xfu] {
    grid-area: notes;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    min-width: 0;
}

.activity-div[b-3mt9ik8xfu]  .k-textarea,
.activity-div[b-3mt9ik8xfu]  .k-input,
.activity-div[b-3mt9ik8xfu]  .k-picker,
.activity-div[b-3mt9ik8xfu]  .k-dropdownlist,
.activity-div[b-3mt9ik8xfu]  .k-combobox {
    width: 100%;
    max-width: 100%;
}

.activity-actions[b-3mt9ik8xfu] {
    grid-area: actions;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: flex-end;
    align-self: center;
}

.activities-column[b-3mt9ik8xfu] {
    min-height: 0;
}

.activity-panel[b-3mt9ik8xfu] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 10px;
    overflow: hidden;
}

.activity-sortable[b-3mt9ik8xfu] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.drag-handle[b-3mt9ik8xfu] {
    width: 30px;
    height: 30px;
    border: 0;
    background: transparent;
    cursor: move;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-gray-500);
}

.badge-container[b-3mt9ik8xfu] {
    position: relative;
    display: inline-flex;
}

.badge[b-3mt9ik8xfu] {
    position: absolute;
    top: -0.45rem;
    right: -0.45rem;
    min-width: 1.1rem;
    height: 1.1rem;
    border-radius: 999px;
    background: #dc3545;
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.1rem;
    text-align: center;
}

@media (max-width: 1199.98px) {
    .activity-div[b-3mt9ik8xfu] {
        grid-template-columns: 36px minmax(11rem, 1fr) minmax(9rem, 0.9fr) auto;
        grid-template-areas:
            "order main time actions"
            "order location notes actions";
    }
}

@media (max-width: 767.98px) {
    .activity-div[b-3mt9ik8xfu] {
        grid-template-columns: 36px minmax(0, 1fr) auto;
        grid-template-areas:
            "order main actions"
            "order time actions"
            "order location actions"
            "notes notes notes";
    }

    .activity-cell-notes[b-3mt9ik8xfu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .activity-div[b-3mt9ik8xfu] {
        grid-template-columns: 36px minmax(0, 1fr);
        grid-template-areas:
            "order main"
            "order time"
            "order location"
            "notes notes"
            "actions actions";
    }
    
    .activity-actions[b-3mt9ik8xfu] {
        width: 100%;
        justify-content: flex-end;
    }
}

.container-card[b-3mt9ik8xfu] {
    position: relative;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    border: 1px solid var(--color-gray-200, #dadfe2);
    border-radius: 5px;
    background: #fff;
}

.container-card-header[b-3mt9ik8xfu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.container-title[b-3mt9ik8xfu] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    flex: 1 1 auto;
}

.container-actions[b-3mt9ik8xfu] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex: 0 0 auto;
}

.selected-container[b-3mt9ik8xfu] {
    border-color: var(--kendo-color-primary, #0d6efd);
    background: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 8%, #fff);
}

.time-input[b-3mt9ik8xfu] {
    width: 90px;
    height: 32px;
    box-sizing: border-box;
    border: 1px solid var(--kendo-color-border, #d1d5db);
    border-radius: 4px;
    padding: 0 0.5rem;
    background-color: var(--kendo-color-surface, #fff);
    color: var(--kendo-color-on-app-surface, #1f2937);
    font: inherit;
    font-size: 0.875rem;
    line-height: 1.4;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .time-input:hover[b-3mt9ik8xfu] {
        border-color: var(--kendo-color-border-alt, #b8bec8);
    }

    .time-input:focus[b-3mt9ik8xfu],
    .time-input:focus-visible[b-3mt9ik8xfu] {
        border-color: var(--kendo-color-primary, #0d6efd);
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 20%, transparent);
    }

    .time-input:disabled[b-3mt9ik8xfu],
    .time-input[readonly][b-3mt9ik8xfu] {
        background-color: var(--kendo-color-surface-alt, #f3f4f6);
        color: var(--kendo-color-disabled-text, #9ca3af);
        cursor: not-allowed;
    }

.container-activities[b-3mt9ik8xfu] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 15px 0 5px 0;
    border-radius: 8px;
    background: #fff;
}

.activity-row[b-3mt9ik8xfu] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 6px;
    background: var(--color-gray-50);
}

.activity-row__marker[b-3mt9ik8xfu] {
    width: 8px;
    height: 8px;
    margin-top: 7px;
    border-radius: 50%;
    background: var(--color-gray-400);
    flex: 0 0 auto;
}

.activity-row__content[b-3mt9ik8xfu] {
    min-width: 0;
    flex: 1;
}

.activity-row__main[b-3mt9ik8xfu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.activity-row__type[b-3mt9ik8xfu] {
    color: var(--color-gray-800);
    font-size: 13px;
    font-weight: 600;
}

.activity-row__date[b-3mt9ik8xfu] {
    color: var(--color-gray-500);
    font-size: 12px;
    white-space: nowrap;
}

.activity-row__meta[b-3mt9ik8xfu] {
    margin-top: 2px;
    color: var(--color-gray-500);
    font-size: 12px;
}

.activity-empty[b-3mt9ik8xfu] {
    padding: 12px;
    border-radius: 6px;
    background: var(--color-gray-50);
    color: var(--color-gray-500);
    font-size: 13px;
    text-align: center;
}

.required-label[b-3mt9ik8xfu]::after {
    content: "*";
    margin-left: 4px;
    color: var(--color-danger-500);
    font-weight: 700;
}

.lading-badge[b-3mt9ik8xfu] {
    position: absolute;
    top: -7px;
    right: -7px;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--color-primary-700);
    color: white;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    z-index: 10;
    transition: all 0.2s ease;
}

/* Kaart Dummy CSS */
.fake-map[b-3mt9ik8xfu] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 20px 0px;
}

.fake-map-toolbar[b-3mt9ik8xfu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.fake-map-canvas[b-3mt9ik8xfu] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--color-gray-200, #dadfe2);
    border-radius: 6px;
    background: linear-gradient(90deg, rgba(255,255,255,0.45) 1px, transparent 1px), linear-gradient(0deg, rgba(255,255,255,0.45) 1px, transparent 1px), #d8ead8;
    background-size: 42px 42px;
}

.fake-map-road[b-3mt9ik8xfu] {
    position: absolute;
    background: #fff;
    border: 1px solid #c9d3dc;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

.fake-map-road-a[b-3mt9ik8xfu] {
    width: 120%;
    height: 42px;
    left: -10%;
    top: 45%;
    transform: rotate(-8deg);
}

.fake-map-road-b[b-3mt9ik8xfu] {
    width: 44px;
    height: 120%;
    left: 34%;
    top: -10%;
    transform: rotate(12deg);
}

.fake-map-road-c[b-3mt9ik8xfu] {
    width: 90%;
    height: 34px;
    left: 20%;
    top: 20%;
    transform: rotate(20deg);
}

.fake-map-marker[b-3mt9ik8xfu] {
    position: absolute;
    left: 52%;
    top: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    color: #fff;
    background: var(--kendo-color-primary, #0d6efd);
    transform: translate(-50%, -50%);
    box-shadow: 0 8px 18px rgba(0,0,0,0.25);
}

.fake-map-label[b-3mt9ik8xfu] {
    position: absolute;
    left: calc(52% + 1.75rem);
    top: calc(48% - 0.6rem);
    padding: 0.35rem 0.55rem;
    border: 1px solid var(--color-gray-200, #dadfe2);
    border-radius: 4px;
    background: #fff;
    font-size: 0.85rem;
}

.form-row-split[b-3mt9ik8xfu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem;
    min-width: 0;
}

@media (max-width: 575.98px) {
    .form-row-split[b-3mt9ik8xfu] {
        grid-template-columns: 1fr;
    }
}

/* _content/eLipsOnline/Components/Pages/OverzichtSchermen/OrderOverzicht - Copy.razor.rz.scp.css */
.sidebar.resizing[b-h5wi2rfbv2],
.right-sidebar.resizing[b-h5wi2rfbv2] {
    transition: none !important;
}

.layout-container[b-h5wi2rfbv2] {
    display: flex;
    height: calc(100vh - 100px);
    overflow: hidden;
}

/* Basisstijl voor beide sidebars */
.sidebar[b-h5wi2rfbv2],
.right-sidebar[b-h5wi2rfbv2] {
    transition: width 0.3s ease;
    overflow-y: auto;
    position: relative;
    padding: 1rem;
    min-width: 0px;
    max-width: 600px;
}

/* Linker sidebar */
.sidebar[b-h5wi2rfbv2] {
    width: 300px;
    background-color: #f5f5f5;
    border-right: 1px solid #ccc;
}

    .sidebar.collapsed[b-h5wi2rfbv2] {
        width: 40px !important;
        padding: 0;
        min-width: 0 !important;
        overflow: hidden;
        border-right: 1px solid #ccc;
    }
/* Rechter sidebar */
.right-sidebar[b-h5wi2rfbv2] {
    width: 300px;
    background-color: #f9f9f9;
    border-left: 1px solid #ccc;
}

    .right-sidebar.collapsed[b-h5wi2rfbv2] {
        width: 40px !important; /* nog smaller dan links */
        padding: 0; /* volledig weg */
        min-width: 0 !important; /* override de min-width van 200px */
        overflow: hidden; /* verberg alles */
        border-left: 1px solid #ccc; /* behoud visuele rand */
    }

/* Toggle button */
.toggle-button[b-h5wi2rfbv2] {
    background: #0078d7;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    padding: 4px 6px;
    position: absolute;
    top: 10px;
    z-index: 10;
}

/* Zet de linkerknop rechts tegen de main-content aan */
.sidebar .toggle-button[b-h5wi2rfbv2] {
    right: 10px;
}

/* Zet de rechterknop links tegen de main-content aan */
.right-sidebar .toggle-button[b-h5wi2rfbv2] {
    left: 10px;
}

/* Middengebied */
.main-content[b-h5wi2rfbv2] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

/* Checkbox styling (optioneel, voor consistentie) */
input[type="checkbox"][b-h5wi2rfbv2] {
    margin-right: 6px;
}

.resizer-left[b-h5wi2rfbv2],
.resizer-right[b-h5wi2rfbv2] {
    width: 5px;
    cursor: ew-resize;
    background-color: transparent;
    position: relative;
    z-index: 5;
}

    .resizer-left:hover[b-h5wi2rfbv2],
    .resizer-right:hover[b-h5wi2rfbv2] {
        background-color: rgba(0, 0, 0, 0.1);
    }


.spinner[b-h5wi2rfbv2] {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin-b-h5wi2rfbv2 1s linear infinite;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

@keyframes spin-b-h5wi2rfbv2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.right-stack[b-h5wi2rfbv2] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden; /* belangrijk: laat children scrollen, niet de container */
}
.subgrid-panel[b-h5wi2rfbv2] {
    border-bottom: 5px solid #ddd; /* grijze scheidingslijn onder elk panel */
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: auto !important; /* paneel zelf scrolt niet */
}

.subgrid-toolbar[b-h5wi2rfbv2] {
    display: flex;
    gap: 8px;
    margin: 4px 0 8px;
    flex-wrap: wrap;
}
/* _content/eLipsOnline/Components/Pages/OverzichtSchermen/OrderOverzicht.razor.rz.scp.css */
.page-body[b-ypvz1xdx6v] {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.splitter-host[b-ypvz1xdx6v] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    height: 100%;
}

.main-pane[b-ypvz1xdx6v] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    padding: 12px 5px 12px 12px;
    overflow: hidden;
/*    border-right: 1px solid var(--color-gray-100);*/
    background-color: var(--color-gray-50);
}

.oo-card-title[b-ypvz1xdx6v] { 
    padding: 5px 0px 25px 00px;
}

.grid-host[b-ypvz1xdx6v] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.oo-nav-toolbar[b-ypvz1xdx6v] {
    padding: 0px 0px 15px 0;
    gap: 12px;
    background-color: white;
/*    padding: 16px;*/
}

.oo-nav-group[b-ypvz1xdx6v] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 0 0 auto;
}

.oo-nav-label[b-ypvz1xdx6v] {
    font-size: var(--fs-caption);
    color: #8f8f8f;
    line-height: 1;
    padding-left: 0px;
    white-space: nowrap;
}

.oo-nav-group-body[b-ypvz1xdx6v] {
    min-height: 32px;
    gap: 4px;
}

.nested-splitter-layout[b-ypvz1xdx6v] {
    height: 100%;
    min-height: 0;
    display: flex;
    overflow: hidden;
}

.nested-splitter-host[b-ypvz1xdx6v] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    background-color: var(--color-gray-50);
}

.subgrid-panel[b-ypvz1xdx6v] {
    height: 100%;
    min-height: 0;
    min-width: 0;
    padding: 3px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
/*    background: #fff;*/
/*    border: 1px solid var(--color-gray-100);*/
/*    border-radius: 5px;*/
/*    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);*/
}

    .subgrid-panel > *[b-ypvz1xdx6v] {
        flex: 1 1 auto;
        min-height: 0;
    }

.subgrid-panel[b-ypvz1xdx6v]  .grid-rounded {
    width: 100%;
    height: 100% !important;
    margin: 0;
    box-sizing: border-box;
}

.unpinned-panel[b-ypvz1xdx6v] {
    width: 39px;
    flex: 0 0 39px;
    background: var(--kendo-color-surface, #fafafa);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 6px 4px;
    gap: 6px;
}

.page-body[b-ypvz1xdx6v] {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.page-body-content[b-ypvz1xdx6v] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    overflow: hidden;
}

.splitter-host[b-ypvz1xdx6v] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    height: 100%;
}

.oo-card[b-ypvz1xdx6v] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid var(--color-gray-200);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.nested-splitter-host[b-ypvz1xdx6v] {
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding: 10px 10px 10px 0px;
}

.unpinned-panel[b-ypvz1xdx6v] {
    width: 39px;
    flex: 0 0 39px;
    height: 100%;
    background: white;
    border-left: 1px solid var(--color-gray-100);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 6px 4px;
    gap: 6px;
    overflow-y: auto;
}

[b-ypvz1xdx6v] .nested-splitter-host .k-splitter,
[b-ypvz1xdx6v] .nested-splitter-host .k-pane {
    background-color: var(--color-gray-50);
}
.order-details-window__content[b-ypvz1xdx6v] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.order-details-window__content[b-ypvz1xdx6v]  .split-page {
    height: 100%;
    min-height: 0;
}
/* _content/eLipsOnline/Components/Pages/Stamgegevens/Popups/AfstandModelPopup.razor.rz.scp.css */
[b-9qh5elnuhv] .afstand-form {
    background: var(--color-gray-50);
}

[b-9qh5elnuhv] .afstand-form.k-form,
[b-9qh5elnuhv] .afstand-form .k-form {
    background: var(--color-gray-50);
}

.afstand-window-body[b-9qh5elnuhv] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 26px;
    padding: 28px 30px 20px;
    background: var(--color-gray-50);
    box-sizing: border-box;
}

.afstand-land-row[b-9qh5elnuhv] {
    display: grid;
    grid-template-columns: minmax(250px, 0.9fr) 110px minmax(260px, 2fr);
    column-gap: 12px;
    align-items: center;
}

.afstand-land-label[b-9qh5elnuhv] {
    grid-column: 2;
    margin: 0;
    font-weight: 600;
    color: var(--color-gray-800);
}

.afstand-land-field[b-9qh5elnuhv] {
    grid-column: 3;
    min-width: 0;
}

    .afstand-land-field[b-9qh5elnuhv]  .k-input,
    .afstand-land-field[b-9qh5elnuhv]  .k-picker {
        width: 100%;
    }

.afstand-matrix[b-9qh5elnuhv] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(250px, 0.9fr) repeat(3, minmax(170px, 1fr));
    gap: 12px;
    align-items: center;
}

.afstand-readonly-field[b-9qh5elnuhv] {
    min-height: 30px;
    display: flex;
    align-items: center;
    padding: 4px 8px;
    border: 1px solid var(--color-gray-200);
    border-radius: 4px;
    background: #fff;
    color: var(--color-gray-700);
    font-size: 0.875rem;
    box-sizing: border-box;
}

.afstand-matrix-head[b-9qh5elnuhv] {
    color: var(--color-gray-700);
    font-size: 0.92rem;
    font-weight: 600;
}

.afstand-row-label[b-9qh5elnuhv] {
    min-width: 0;
    color: var(--color-gray-800);
    font-size: 0.95rem;
    line-height: 1.25;
}

.afstand-matrix[b-9qh5elnuhv]  .k-numerictextbox,
.afstand-matrix[b-9qh5elnuhv]  .k-input {
    width: 100%;
}

.afstand-delete-body[b-9qh5elnuhv] {
    gap: 10px;
}

    .afstand-delete-body p[b-9qh5elnuhv] {
        margin: 0;
        color: var(--color-gray-900);
        font-size: 0.95rem;
    }

.afstand-delete-meta[b-9qh5elnuhv] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    color: var(--color-gray-600);
    font-size: 0.85rem;
}

.afstand-window-footer[b-9qh5elnuhv] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 720px) {
    .afstand-land-row[b-9qh5elnuhv],
    .afstand-matrix[b-9qh5elnuhv] {
        grid-template-columns: 1fr;
    }

    .afstand-land-label[b-9qh5elnuhv],
    .afstand-land-field[b-9qh5elnuhv] {
        grid-column: auto;
    }
}
/* _content/eLipsOnline/Components/Pages/Stamgegevens/Popups/MessageBoordcomputerSMS.razor.rz.scp.css */
.wa-send-btn[b-7cbra0xfh7] {
    background-color: #25D366;
    border-color: #25D366;
    color: white;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .wa-send-btn:hover[b-7cbra0xfh7] {
        background-color: #1ebe5d;
        border-color: #1ebe5d;
    }


.whatsapp-dialog[b-7cbra0xfh7] {
    border-radius: 12px;
    overflow: hidden;
}


.wa-header[b-7cbra0xfh7] {
    margin-top: -15px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background: #e6f7ed;
    border-radius: 8px;
}

.wa-title[b-7cbra0xfh7] {
    margin: 0;
    font-weight: 600;
}

.wa-inputLarge[b-7cbra0xfh7] {
    height: 280px;
    min-height: 100px;
    max-height: 280px;
}


.wa-input:focus[b-7cbra0xfh7] {
    box-shadow: 0 0 0 0.2rem rgba(37, 211, 102, 0.15);
}

.wa-inputLarge:focus[b-7cbra0xfh7] {
    box-shadow: 0 0 0 0.2rem rgba(37, 211, 102, 0.15);
}
/* _content/eLipsOnline/Components/Pages/Stamgegevens/Popups/VoertuigPopup.razor.rz.scp.css */
.dialog-body-full[b-p4jf9v5jom] {
    min-height: 0;
    overflow: hidden;
    background-color: var(--color-gray-50);
}

.content-shell[b-p4jf9v5jom] {
    min-height: 0;
}

.content-layout[b-p4jf9v5jom] {
    display: grid;
    grid-template-columns: 270px 1fr;
    gap: 16px;
    height: calc(100vh - 140px);
    min-height: 0;
    overflow: hidden;
}

.content-content[b-p4jf9v5jom] {
    height: 100%;
    overflow-y: auto;
    min-height: 0;
    padding: 0 12px 100px 12px;
}

.content-nav[b-p4jf9v5jom] {
    min-height: 0;
    overflow: hidden;
    padding-top: 20px;
}

.content-section[b-p4jf9v5jom] {
    padding: 25px;
    border: 1px solid var(--color-gray-200);
    border-radius: 5px;
    margin-bottom: 24px;
    background-color: white;
}

.container-type-panel[b-p4jf9v5jom] {
    width: 100%;
}

.container-type-grid[b-p4jf9v5jom] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}

.container-type-option[b-p4jf9v5jom] {
    min-width: 0;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--color-gray-200);
    border-radius: 6px;
    background: #fff;
    color: var(--color-gray-900);
    cursor: pointer;
    transition: border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}

.container-type-option:hover[b-p4jf9v5jom] {
    border-color: var(--color-gray-300);
    background: var(--color-gray-50);
}

.container-type-option.is-selected[b-p4jf9v5jom] {
    border-color: var(--color-primary, #2563eb);
    background: color-mix(in srgb, var(--color-primary, #2563eb) 8%, white);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-primary, #2563eb) 28%, transparent);
}

.container-type-option__text[b-p4jf9v5jom] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.content-nav__button[b-p4jf9v5jom] {
    text-align: left !important;
    padding: 10px 12px !important;
    border: 1px solid #ccc !important;
    background: white !important;
    cursor: pointer !important;
}

/* Tablet en kleiner */
@media (max-width: 991.98px) {
    .content-layout[b-p4jf9v5jom] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .content-nav[b-p4jf9v5jom] {
        display: none;
    }

    .content-content[b-p4jf9v5jom] {
        width: 100%;
    }
}
/* _content/eLipsOnline/Components/Pages/Stamgegevens/Popups/VoertuigPopupFirst.razor.rz.scp.css */
.content-layout[b-4uaqr09y7q] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 16px;
    height: 65vh;
    border: 1px solid var(--color-gray-100);
    border-radius: 5px;
    background-color: var(--color-gray-50);
}

.content-nav[b-4uaqr09y7q] {
    min-height: 0;
}

.content-content[b-4uaqr09y7q] {
    overflow: auto;
    padding: 12px;
}

.content-section[b-4uaqr09y7q] {
    padding: 25px;
    border: 1px solid var(--color-gray-200);
    border-radius: 5px;
    margin-bottom: 24px;
    background-color: white;
}

.content-nav__button[b-4uaqr09y7q] {
    text-align: left!important;
    padding: 10px 12px!important;
    border: 1px solid #ccc!important;
    background: white!important;
    cursor: pointer!important;
}

/* Tablet en kleiner */
@media (max-width: 991.98px) {
    .content-layout[b-4uaqr09y7q] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .content-nav[b-4uaqr09y7q] {
        display: none;
    }

    .content-content[b-4uaqr09y7q] {
        width: 100%;
    }
}
/* _content/eLipsOnline/Components/Pages/Stamgegevens/Popups/WhatsappDialog.razor.rz.scp.css */
.whatsapp-dialog[b-52wzuh421z] {
    border-radius: 12px;
    overflow: hidden;
    scrollbar-color: #25D366 #f1f1f1;
}

.wa-accent-bar[b-52wzuh421z] {
    height: 4px;
    background: linear-gradient(90deg, #25D366, #128C7E);
}

.wa-header[b-52wzuh421z] {
    margin-top:-15px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background: #e6f7ed;
    border-radius: 8px;
}

.wa-title[b-52wzuh421z] {
    margin: 0;
    font-weight: 600;
}

.wa-icon[b-52wzuh421z] {
    color: #25D366;
}

.wa-inputLarge[b-52wzuh421z]{
    height:270px;
    min-height:100px;
    max-height:270px;
}

.wa-input:focus[b-52wzuh421z] {
    border-color: #25D366;
    box-shadow: 0 0 0 0.2rem rgba(37, 211, 102, 0.15);
}

.wa-inputLarge:focus[b-52wzuh421z] {
    border-color: #25D366;
    box-shadow: 0 0 0 0.2rem rgba(37, 211, 102, 0.15);
}

.wa-send-btn[b-52wzuh421z] {
    background-color: #25D366;
    border-color: #25D366;
    color: white;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .wa-send-btn:hover[b-52wzuh421z] {
        background-color: #1ebe5d;
        border-color: #1ebe5d;
    }
/* _content/eLipsOnline/Components/Pages/Stamgegevens/Popups/WhatsappTemplateDialog.razor.rz.scp.css */
.template-layout[b-zp3xdfsz86] {
    display: flex;
    gap: 20px;
    height: 100%;
}
/* LINKER LIJST */
.template-fields[b-zp3xdfsz86] {
    width: 280px;
    border-right: 1px solid #ddd;
    padding-right: 10px;
    overflow-y: auto;
    max-height: 650px; /* voorkomt dat hele dialog scrollt */
}
.template-field-item[b-zp3xdfsz86] {
    padding: 6px;
    cursor: pointer;
    border-radius: 4px;
}

    .template-field-item:hover[b-zp3xdfsz86] {
        background: #e6f7ed;
    }


/* RECHTER CONTENT */
.template-content[b-zp3xdfsz86] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.template-actions[b-zp3xdfsz86] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}


.template-content textarea[b-zp3xdfsz86] {
    resize: none;
}

    /* GROTE BLOKKEN */
    .template-content textarea.header[b-zp3xdfsz86],
    .template-content textarea.body[b-zp3xdfsz86],
    .template-content textarea.footer[b-zp3xdfsz86] {
        height: 120px;
    }

    /* BODY extra groot */
    .template-content textarea.body[b-zp3xdfsz86] {
        height: 200px;
    }

    /* KLEINE BLOKKEN */
    .template-content textarea.small[b-zp3xdfsz86] {
        height: 70px;
    }

.dropwrap[b-zp3xdfsz86] {
    position: relative;
}



.template-field-item[b-zp3xdfsz86] {
    padding: 6px;
    margin-bottom: 4px;
    background: #f5f5f5;
    cursor: grab;
}

    .template-field-item.dragging[b-zp3xdfsz86] {
        background: #d0e7ff;
        border: 1px solid #0078d4;
    }

.drag-ghost[b-zp3xdfsz86] {
    position: fixed;
    pointer-events: none;
    background: #0078d4;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    z-index: 9999;
}



/* _content/eLipsOnline/Components/Pages/Stamgegevens/Stamgegevens.razor.rz.scp.css */
.stamgegevens-layout[b-xfc6bzmc5w] {
    display: grid;
    grid-template-columns: 290px 1fr;
    overflow: hidden;
    transition: grid-template-columns 420ms cubic-bezier(.22, 1, .36, 1);
    background-color: var(--color-gray-50);
}

    .stamgegevens-layout.is-collapsed[b-xfc6bzmc5w] {
        grid-template-columns: 65px 1fr;
    }

.stamgegevens-sidebar[b-xfc6bzmc5w] {
    padding-top: 1vh;
    overflow-y: auto;
    min-height: 0;
    border-right: 1px solid var(--color-gray-200);
    background-color: white;
}

.stamgegevens-content[b-xfc6bzmc5w] {
    overflow-y: hidden;
    min-height: 0;
    padding: 20px;
    padding-top: 1vh;
    background-color: white;
    margin: 20px;
    border-radius: 10px;
    border: 1px solid var(--color-gray-200);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}

/*FILTER BAR*/
.stam-topbar[b-xfc6bzmc5w] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-4, 16px);
    margin-bottom: var(--space-4, 16px);
}

.stam-topbar__left[b-xfc6bzmc5w] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.stam-title[b-xfc6bzmc5w] {
    padding: 8px 0 15px 0;
    margin: 0;
}

.stam-filter[b-xfc6bzmc5w] {
    display: grid;
    gap: 6px;
    max-width: 220px;
}

.stam-filter__label[b-xfc6bzmc5w] {
    font-size: var(--font-xs, 12px);
    color: var(--txt-600, #666);
}

.stam-topbar__actions[b-xfc6bzmc5w] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon[b-xfc6bzmc5w] {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.btn-icon.danger[b-xfc6bzmc5w] {
    color: #d11;
}

.stam-empty[b-xfc6bzmc5w] {
    padding: var(--space-5, 24px);
    color: var(--txt-600, #666);
}

.default-text[b-xfc6bzmc5w] {
    color: var(--color-gray-400);
    padding-top: 10px;
}

.empty-state[b-xfc6bzmc5w] {
    height: calc(100% - 110px);
    min-height: 520px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0px 24px 50px;
/*    background-color: var(--color-gray-50);*/
    border: 1px dashed var(--color-gray-100);
    border-radius: 5px;
}

.empty-state__image[b-xfc6bzmc5w] {
    width: 280px;
    max-width: 60%;
    margin-bottom: 30px;
}

    .empty-state__image img[b-xfc6bzmc5w] {
        width: 100%;
        height: auto;
        display: block;
        opacity: .95;
    }

.empty-state h4[b-xfc6bzmc5w] {
    margin: 0 0 12px;
    font-weight: 700;
}

.empty-state p[b-xfc6bzmc5w] {
    max-width: 520px;
    margin: 0;
    color: var(--color-gray-500);
    font-size: var(--fs-body-2);
    line-height: 1.55;
}

.empty-state__hint[b-xfc6bzmc5w] {
    margin-top: 30px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 22px;
    border-radius: 999px;
    background: #e8f5ff;
    color: #008ee6;
    font-weight: 600;
    font-size: .92rem;
}

.empty-state__hint-icon[b-xfc6bzmc5w] {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor;
    font-size: .8rem;
}
/* _content/eLipsOnline/Components/Pages/Stamgegevens/StamgegevensSidebar.razor.rz.scp.css */

.stam-nav[b-wpk8z4jkd7] {
    padding-right: var(--space-4);
    padding-left: var(--space-4);
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.stam-nav__header[b-wpk8z4jkd7] {
    padding: 4px 6px 12px 6px;
}

.stam-nav__header[b-wpk8z4jkd7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
}

.collapse-btn[b-wpk8z4jkd7] {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 6px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .collapse-btn:hover[b-wpk8z4jkd7] {
        background: rgba(0,0,0,0.05);
    }

.collapse-icon[b-wpk8z4jkd7] {
    width: 18px;
    height: 18px;
    fill: currentColor;
    transition: transform 260ms cubic-bezier(.4, 0, .2, 1);
    transform: rotate(180deg);
}

.stam-nav.is-collapsed .collapse-icon[b-wpk8z4jkd7] {
    transform: rotate(360deg);
}

/* Groups */
.stam-nav__groups[b-wpk8z4jkd7] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.stam-group__btn[b-wpk8z4jkd7] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0;
    background: transparent;
    padding: 10px 10px;
    border-radius: 10px;
    cursor: pointer;
    text-align: left;
    color: var(--color-gray-700);
}

    .stam-group__btn.is-active-category[b-wpk8z4jkd7] {
        background: var(--color-gray-50);
        font-weight: 500;
        color: var(--color-gray-800);
    }

    .stam-group__btn:hover[b-wpk8z4jkd7] {
        background: var(--color-gray-100);
    }

.stam-group__left[b-wpk8z4jkd7] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.stam-group__label[b-wpk8z4jkd7] {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stam-icoon[b-wpk8z4jkd7] {
    font-size: 18px;
    opacity: 0.85;
}

/* Submenu */
.stam-sub[b-wpk8z4jkd7] {
    list-style: none;
    margin: 6px 0 2px 0;
    padding: 0 0 0 28px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.stam-sub__item[b-wpk8z4jkd7] {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 7px 10px;
    border-radius: 8px;
    cursor: pointer;
    text-align: left;
    color: var(--color-gray-600);
}

    .stam-sub__item:hover[b-wpk8z4jkd7] {
        background: var(--surface-hover, rgba(0,0,0,0.04));
        color: var(--txt-900, #111);
    }

    .stam-sub__item.is-active[b-wpk8z4jkd7] {
        background: var(--surface-selected, rgba(0,0,0,0.06));
        color: var(--txt-900, #111);
        font-weight: 500;
    }

.stam-group__icon[b-wpk8z4jkd7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.stam-svg[b-wpk8z4jkd7] {
    width: 18px;
    height: 18px;
    fill: currentColor;
    transition: color 0.15s ease;
}

/* Chevron rotation */
.stam-chevron[b-wpk8z4jkd7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
}

.stam-chevron__svg[b-wpk8z4jkd7] {
    width: 12px;
    height: 18px;
    fill: currentColor;
    transform: rotate(0deg);
    transition: transform 180ms ease;
}

.stam-group__btn.is-open .stam-chevron__svg[b-wpk8z4jkd7] {
    transform: rotate(-180deg);
}

.stam-subwrap[b-wpk8z4jkd7] {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-2px);
    transition: max-height 320ms cubic-bezier(.4, 0, .2, 1), opacity 220ms ease, transform 220ms ease;
}

    .stam-subwrap.is-open[b-wpk8z4jkd7] {
        max-height: 60vh;
        opacity: 1;
        transform: translateY(0);
    }

@media (prefers-reduced-motion: reduce) {
    .stam-chevron__svg[b-wpk8z4jkd7],
    .stam-subwrap[b-wpk8z4jkd7] {
        transition: none;
    }
}

.stam-nav.is-collapsed .stam-group__btn[b-wpk8z4jkd7] {
    justify-content: center;
    padding: 10px 0;
}

.stam-nav.is-collapsed .stam-group__left[b-wpk8z4jkd7] {
    gap: 0;
}

.stam-nav.is-collapsed .stam-chevron[b-wpk8z4jkd7] {
    display: none;
}

.stam-group__label[b-wpk8z4jkd7] {
    transition: opacity 180ms ease, transform 240ms cubic-bezier(.22, 1, .36, 1);
    opacity: 1;
    transform: translateX(0);
}

.stam-nav.is-collapsed .stam-group__label[b-wpk8z4jkd7] {
    opacity: 0;
    transform: translateX(-6px);
    pointer-events: none;
}

.stam-nav__title[b-wpk8z4jkd7] {
    transition: opacity 180ms ease, transform 240ms cubic-bezier(.22, 1, .36, 1);
    opacity: 1;
    transform: translateX(0);
}

.stam-nav.is-collapsed .stam-nav__title[b-wpk8z4jkd7] {
    opacity: 0;
    transform: translateX(-6px);
    pointer-events: none;
}

.stam-group__icon[b-wpk8z4jkd7] {
    transition: transform 240ms cubic-bezier(.22, 1, .36, 1);
}

.stam-nav.is-collapsed .stam-group__icon[b-wpk8z4jkd7] {
    transform: translateX(1px);
}
/* _content/eLipsOnline/Components/Planning/PlanningVerkenner - Copy.razor.rz.scp.css */

body[b-a7we8seogm] {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.content[b-a7we8seogm] {
    padding-top: 0;
}

.top-row[b-bjaewfqzbd][b-a7we8seogm], article[b-bjaewfqzbd][b-a7we8seogm] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.rz-button[b-a7we8seogm] {
    padding: 1px;
    margin: 0;
    font-weight: 550
}

.rz-tabview-panels[b-a7we8seogm] {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    gap: 0;
}

.grid-top[b-a7we8seogm] {
    flex: 1 1 auto;
    overflow: auto;
}

.grid-bottom[b-a7we8seogm] {
    flex: 0 0 auto;
    height: 700px; /* Fixed height like Dock: Bottom */
    overflow: auto;
}

.tab-content-fill[b-a7we8seogm] {
    padding: 0;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.rz-tabview-panel[b-a7we8seogm],
.rz-tabs-content[b-a7we8seogm] {
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding: 0;
    margin: 0;
    gap: 0;
}

ul[role=tablist][b-a7we8seogm] {
    flex-wrap: wrap;
}

.tab-content-wrapper[b-a7we8seogm] {
    display: flex;
    flex-direction: column;
    height: 100%; /* fill the entire tab */
}

.rz-splitter-bar[b-a7we8seogm] {
    font-size: 26px;
}

/* Vertical splitters (panels side-by-side) */
.rz-splitter-vertical > .rz-splitter-bar[b-a7we8seogm] {
    height: 16px; /* Thickness of the vertical bar */
}

/* Horizontal splitters (panels stacked) */
.rz-splitter-horizontal > .rz-splitter-bar[b-a7we8seogm] {
    width: 16px;
}

.table-cell-edited[b-a7we8seogm] {
    position: relative;
}

    .table-cell-edited[b-a7we8seogm]::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        border-top: 10px solid red;
        border-left: 10px solid transparent;
    }

.rz-grid-table tr:hover[b-a7we8seogm] {
    background-color: #f0f8ff; /* light blue, change to your color */
    cursor: pointer; /* optional: shows clickable hand cursor */
}

.rz-data-grid-data[b-a7we8seogm] {
    overflow: hidden;
    margin: 0;
}

.rz-datatable-data[b-a7we8seogm] {
    margin: 0;
}

/* Remove padding inside each cell */
.rz-data-row > td[b-a7we8seogm] {
    padding: 4px !important;
}

.rz-grid-table thead[b-a7we8seogm] {
    padding: 0;
    margin: 0;
}

.rz-navigation-item-link[b-a7we8seogm] {
    padding: 4px !important;
}

.menu-separator[b-a7we8seogm] {
    padding: 0 !important;
    margin: 0 !important;
    height: 2px !important;
    min-height: 0 !important;
    line-height: 1 !important;
    font-size: 0 !important;
    color: transparent !important;
    background: transparent !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    pointer-events: none;
    position: relative;
}

    .menu-separator[b-a7we8seogm]::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: #444;
        margin: 0;
    }

.rz-navigation-item-wrapper[b-a7we8seogm] {
    padding: 0 !important;
}

.menu-separator .rz-navigation-item-wrapper[b-a7we8seogm],
.menu-separator .rz-navigation-item-link[b-a7we8seogm] {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.menu-separator .rz-navigation-item-text[b-a7we8seogm] {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.rz-button-lg .rzi[b-a7we8seogm] {
    font-size: 2.5rem; /* Make the icons bigger in a large button */
}

.icon-under-text .stack-col[b-a7we8seogm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

/* De splitter moet zelf niet groter worden dan viewport */
.pv-splitter[b-a7we8seogm] {
    height: 90vh;
    min-height: 0;
}

/* RadzenTabs moet hoogte krijgen + flex gedrag */
.pv-tabs[b-a7we8seogm] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

    /* Radzen interne wrappers moeten ook "afknijpbaar" zijn */
    .pv-tabs .rz-tabview[b-a7we8seogm],
    .pv-tabs .rz-tabview-panels[b-a7we8seogm],
    .pv-tabs .rz-tabview-panel[b-a7we8seogm] {
        height: 100%;
        min-height: 0;
    }

/* Dit is je eigen container IN elk tab-item */
.pv-tab-body[b-a7we8seogm] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* belangrijk: hier stopt het "naar beneden groeien" */
}

    /* Als je DynamicEditableGrid intern een RadzenDataGrid rendert: */
    .pv-tab-body .rz-data-grid[b-a7we8seogm] {
        height: 100%;
        min-height: 0;
    }

        /* Vaak nodig zodat de grid body zelf scrolt */
        .pv-tab-body .rz-data-grid .rz-grid-table-wrapper[b-a7we8seogm],
        .pv-tab-body .rz-data-grid .rz-data-grid-data[b-a7we8seogm] {
            overflow: auto;
        }

/* _content/eLipsOnline/Components/Planning/PlanningVerkenner.razor.rz.scp.css */

/* Collapsed NAV */

.pv-nav[b-pqye2sicnq], .pv-nav-expanded[b-pqye2sicnq] {
    width: 100%;
    background-color: var(--color-gray-50);
    border-bottom: 1px solid #e8e8e8;
    overflow-y: hidden;
    overflow-x: hidden;
}

.pv-nav-toolbar[b-pqye2sicnq] {
    padding: 8px 10px 10px 6px;
    gap: 12px;
}

.pv-nav-toolbar-expanded[b-pqye2sicnq] {
    padding: 8px 10px 10px 15px;
    gap: 30px;
}

.pv-nav-group[b-pqye2sicnq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 0 0 auto;
}

.pv-nav-label[b-pqye2sicnq] {
    font-size: var(--fs-caption);
    color: #8f8f8f;
    line-height: 1;
    padding-left: 0px;
    white-space: nowrap;
}

.pv-nav-group-body[b-pqye2sicnq] {
    min-height: 32px;
    gap: 4px;
}

.profile-dd[b-pqye2sicnq] {
    padding: 16px;
}






/* =========================
   Planning Navigation Expanded
   ========================= */
.pv-layout[b-pqye2sicnq] {
    display: grid;
    grid-template-columns: minmax(420px, 1fr) minmax(420px, 1fr);
    gap: 0;
    width: 100%;
    border-bottom: 1px solid var(--color-gray-100);
    padding-bottom: 13px;
}

.pv-block[b-pqye2sicnq] {
    min-width: 0;
    padding: 7px 12px 0 12px;
    background: #fff;
}

.pv-block-grid--top[b-pqye2sicnq] {
    display: grid;
    grid-template-columns: minmax(220px, 1.1fr) minmax(220px, 1.4fr) auto;
    gap: 12px;
    align-items: end;
}

.pv-item-date .pv-nav-group-body[b-pqye2sicnq] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 8px;
    align-items: center;
}

.pv-filter-grid[b-pqye2sicnq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 12px;
    align-items: end;
}

.pv-nav-group[b-pqye2sicnq] {
    min-width: 0;
}

.pv-nav-label[b-pqye2sicnq] {
    margin-bottom: 2px;
    white-space: nowrap;
}

.pv-nav-group-body[b-pqye2sicnq] {
    width: 100%;
}

.pv-nav-group .k-input[b-pqye2sicnq],
.pv-nav-group .k-picker[b-pqye2sicnq],
.pv-nav-group .k-combobox[b-pqye2sicnq],
.pv-nav-group .k-textbox[b-pqye2sicnq],
.pv-nav-group .k-dateinput[b-pqye2sicnq],
.pv-nav-group .k-datepicker[b-pqye2sicnq] {
    width: 100%;
}

.pv-button-row-with-action[b-pqye2sicnq] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

    .pv-button-row-with-action .pv-button-row--stretch[b-pqye2sicnq] {
        flex: 1 1 auto;
        min-width: 0;
    }

.pv-button-row--stretch[b-pqye2sicnq] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

    .pv-button-row--stretch .k-button[b-pqye2sicnq],
    .pv-button-row--stretch .pv-stretch-btn[b-pqye2sicnq] {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
        justify-content: center;
    }

    .pv-button-row--stretch .k-button-text[b-pqye2sicnq] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.pv-icon-btn[b-pqye2sicnq] {
    flex: 0 0 auto;
    width: auto;
    padding: 6px 8px;
}

@media (max-width: 1500px) {
    .pv-filter-grid[b-pqye2sicnq] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }
}

@media (max-width: 1200px) {
    .pv-layout[b-pqye2sicnq] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .pv-block-grid--top[b-pqye2sicnq],
    .pv-filter-grid[b-pqye2sicnq] {
        grid-template-columns: 1fr;
    }
}

.pv-nav-shell[b-pqye2sicnq],
.pv-layout-shell[b-pqye2sicnq] {
    overflow: hidden;
    will-change: height, opacity;
}

.pv-nav-shell[b-pqye2sicnq],
.pv-layout-shell[b-pqye2sicnq] {
    opacity: 1;
}

.btn-icon svg[b-pqye2sicnq] {
    transition: transform 240ms ease;
}

.is-rotated[b-pqye2sicnq] {
    transform: rotate(180deg);
}


.page-layout[b-pqye2sicnq] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.page-header[b-pqye2sicnq] {
    flex: 0 0 auto;
}

.page-body[b-pqye2sicnq] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}



.page-layout[b-pqye2sicnq],
.page-body[b-pqye2sicnq],
.page-body-shell[b-pqye2sicnq],
.splitter-host[b-pqye2sicnq] {
    min-width: 0;
    min-height: 0;
}

.page-body-shell[b-pqye2sicnq] {
    height: 100%;
    display: flex;
    overflow: hidden;
}

.left-rail[b-pqye2sicnq], .right-rail[b-pqye2sicnq] {
    width: 43px;
    min-width: 43px;
    flex: 0 0 43px;
    background: var(--color-gray-100);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
}

.splitter-host[b-pqye2sicnq] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.rail-btn[b-pqye2sicnq] {
    width: 43px;
    height: 43px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid var(--color-gray-200);
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .rail-btn:hover[b-pqye2sicnq] {
        background: var(--color-gray-50);
    }

    .rail-btn.active[b-pqye2sicnq] {
        background: var(--color-white);
    }

.rail-btn-icon[b-pqye2sicnq] {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-gray-600);
}

    .rail-btn-icon svg[b-pqye2sicnq] {
        width: 18px;
        height: 18px;
    }

.side-pane-content[b-pqye2sicnq] {
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.pane-content[b-pqye2sicnq] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
}

    .pane-content h2[b-pqye2sicnq] {
        flex: 0 0 auto;
        margin: 0 0 12px 0;
    }

.pane-grid-wrap[b-pqye2sicnq] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

    .pane-grid-wrap .k-grid[b-pqye2sicnq] {
        height: 100%;
    }

.pane-content h2[b-pqye2sicnq] {
    font-size: var(--fs-body-1);
    padding: 10px 5px 0px 10px;
}

.main-pane[b-pqye2sicnq] {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    min-width: 0;
    box-sizing: border-box;
}

.main-pane-section[b-pqye2sicnq] {
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden!important;
    box-sizing: border-box;
}
/* _content/eLipsOnline/Components/Planning/PlanningVerkennerOld.razor.rz.scp.css */

body[b-d9nx6kb179] {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.content[b-d9nx6kb179] {
    padding-top: 0;
}

.top-row[b-bjaewfqzbd][b-d9nx6kb179], article[b-bjaewfqzbd][b-d9nx6kb179] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.rz-button[b-d9nx6kb179] {
    padding: 1px;
    margin: 0;
    font-weight: 550
}

.rz-tabview-panels[b-d9nx6kb179] {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    gap: 0;
}

.grid-top[b-d9nx6kb179] {
    flex: 1 1 auto;
    overflow: auto;
}

.grid-bottom[b-d9nx6kb179] {
    flex: 0 0 auto;
    height: 700px; /* Fixed height like Dock: Bottom */
    overflow: auto;
}

.tab-content-fill[b-d9nx6kb179] {
    padding: 0;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.rz-tabview-panel[b-d9nx6kb179],
.rz-tabs-content[b-d9nx6kb179] {
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding: 0;
    margin: 0;
    gap: 0;
}

ul[role=tablist][b-d9nx6kb179] {
    flex-wrap: wrap;
}

.tab-content-wrapper[b-d9nx6kb179] {
    display: flex;
    flex-direction: column;
    height: 100%; /* fill the entire tab */
}

.rz-splitter-bar[b-d9nx6kb179] {
    font-size: 26px;
}

/* Vertical splitters (panels side-by-side) */
.rz-splitter-vertical > .rz-splitter-bar[b-d9nx6kb179] {
    height: 16px; /* Thickness of the vertical bar */
}

/* Horizontal splitters (panels stacked) */
.rz-splitter-horizontal > .rz-splitter-bar[b-d9nx6kb179] {
    width: 16px;
}

.table-cell-edited[b-d9nx6kb179] {
    position: relative;
}

    .table-cell-edited[b-d9nx6kb179]::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        border-top: 10px solid red;
        border-left: 10px solid transparent;
    }

.rz-grid-table tr:hover[b-d9nx6kb179] {
    background-color: #f0f8ff; /* light blue, change to your color */
    cursor: pointer; /* optional: shows clickable hand cursor */
}

.rz-data-grid-data[b-d9nx6kb179] {
    overflow: hidden;
    margin: 0;
}

.rz-datatable-data[b-d9nx6kb179] {
    margin: 0;
}

/* Remove padding inside each cell */
.rz-data-row > td[b-d9nx6kb179] {
    padding: 4px !important;
}

.rz-grid-table thead[b-d9nx6kb179] {
    padding: 0;
    margin: 0;
}

.rz-navigation-item-link[b-d9nx6kb179] {
    padding: 4px !important;
}

.menu-separator[b-d9nx6kb179] {
    padding: 0 !important;
    margin: 0 !important;
    height: 2px !important;
    min-height: 0 !important;
    line-height: 1 !important;
    font-size: 0 !important;
    color: transparent !important;
    background: transparent !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    pointer-events: none;
    position: relative;
}

    .menu-separator[b-d9nx6kb179]::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: #444;
        margin: 0;
    }

.rz-navigation-item-wrapper[b-d9nx6kb179] {
    padding: 0 !important;
}

.menu-separator .rz-navigation-item-wrapper[b-d9nx6kb179],
.menu-separator .rz-navigation-item-link[b-d9nx6kb179] {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.menu-separator .rz-navigation-item-text[b-d9nx6kb179] {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.rz-button-lg .rzi[b-d9nx6kb179] {
    font-size: 2.5rem; /* Make the icons bigger in a large button */
}

.icon-under-text .stack-col[b-d9nx6kb179] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

/* De splitter moet zelf niet groter worden dan viewport */
.pv-splitter[b-d9nx6kb179] {
    height: 90vh;
    min-height: 0;
}

/* RadzenTabs moet hoogte krijgen + flex gedrag */
.pv-tabs[b-d9nx6kb179] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

    /* Radzen interne wrappers moeten ook "afknijpbaar" zijn */
    .pv-tabs .rz-tabview[b-d9nx6kb179],
    .pv-tabs .rz-tabview-panels[b-d9nx6kb179],
    .pv-tabs .rz-tabview-panel[b-d9nx6kb179] {
        height: 100%;
        min-height: 0;
    }

/* Dit is je eigen container IN elk tab-item */
.pv-tab-body[b-d9nx6kb179] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* belangrijk: hier stopt het "naar beneden groeien" */
}

    /* Als je DynamicEditableGrid intern een RadzenDataGrid rendert: */
    .pv-tab-body .rz-data-grid[b-d9nx6kb179] {
        height: 100%;
        min-height: 0;
    }

        /* Vaak nodig zodat de grid body zelf scrolt */
        .pv-tab-body .rz-data-grid .rz-grid-table-wrapper[b-d9nx6kb179],
        .pv-tab-body .rz-data-grid .rz-data-grid-data[b-d9nx6kb179] {
            overflow: auto;
        }

/* _content/eLipsOnline/Components/SmallComponents/ChooseExtraTourPoint.razor.rz.scp.css */
.exttp-dialog[b-00b8fwj2wa] {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* === MOMENT RIJ === */
.moment-grid[b-00b8fwj2wa] {
    display: grid;
    grid-template-columns: auto 120px 100px;
    align-items:  baseline;
    gap: 12px;
}

/* === DATUM RIJ === */
.date-grid[b-00b8fwj2wa] {
    display: grid;
    grid-template-columns: 100px 200px 130px 130px 120px 70px;
    align-items: center;
    gap: 8px;
}

.double-grid[b-00b8fwj2wa] {
    display: grid;
    grid-template-columns:100px 250px;
    align-items: center;
    gap: 8px;
}

.double-grid-wide[b-00b8fwj2wa] {
    display: grid;
    grid-template-columns: 100px auto;
    align-items: center;
    gap: 8px;
}

/* compacte telerik inputs */
.compact .k-input-inner[b-00b8fwj2wa] {
    padding: 2px 6px !important;
    height: 26px !important;
    font-size: 13px;
}

.compact.k-input[b-00b8fwj2wa],
.compact.k-picker[b-00b8fwj2wa] {
    height: 28px !important;
}

/* kleine textbox */
.small-input[b-00b8fwj2wa] {
    width: 70px;
}

/* footer rechts */
.dialog-footer[b-00b8fwj2wa] {
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    border-top: 1px solid #ddd;
    padding-top: 8px;
}


.tp-main-grid[b-00b8fwj2wa] {
    display: grid;
    grid-template-columns: 40% 40%;
    gap: 20px;
    align-items: start;
}

.tp-left[b-00b8fwj2wa] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tp-right[b-00b8fwj2wa] {
    display: flex;
}

.locatie-card[b-00b8fwj2wa] {
    margin-top:30px;
    width: 100%;
    height:  auto;
    border: 1px solid #9fb3c8;
    border-radius: 4px;
    background: #f3f6fb;
    padding: 10px;
}

.locatie-title[b-00b8fwj2wa] {
    background: #7f98b5;
    color: white;
    font-weight: 700;
    padding: 6px 8px;
    margin: -10px -10px 8px -10px;
    border-radius: 4px 4px 0 0;
}

.locatie-line[b-00b8fwj2wa] {
    font-size: 15px;
    color: #1a3f7a;
    margin-bottom: 4px;
}
/* _content/eLipsOnline/Components/SmallComponents/ComboAutoComplete.razor.rz.scp.css */
.comboac-wrapper[b-92lcoqivez] {
    position: relative;
    display: inline-flex;
    align-items: stretch;
    width: 100%;
}

.comboac-input[b-92lcoqivez] {
    flex: 1;
    min-width: 0;
    padding: 6px 8px;
    border: 1px solid #dadfe2;
    border-right: 0;
    font-size: 14px;
}

.comboac-toggle[b-92lcoqivez] {
    border: 1px solid #dadfe2;
    background: #f8f9fa;
    padding: 0 8px;
    cursor: pointer;
}

.comboac-panel[b-92lcoqivez] {
    position: absolute;
    z-index: 1000;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #dadfe2;
    max-height: 240px;
    overflow: auto;
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

.comboac-item[b-92lcoqivez] {
    padding: 6px 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    white-space: nowrap;
}

    .comboac-item:hover[b-92lcoqivez],
    .comboac-item.active[b-92lcoqivez] {
        background: #eef6ff;
    }
/* _content/eLipsOnline/Components/SmallComponents/ComboAutoCompleteGrid.razor.rz.scp.css */
.comboac-wrapper[b-g784levtne] {
    position: relative; /* laat staan */
    display: inline-block; /* ← aangepast (was inline-flex) */
    width: 100%;
}

/* gridpanel: geen wijziging behalve min-width iets flexibeler maken als je wilt */
.comboac-gridpanel[b-g784levtne] {
    position: fixed !important;
    top: var(--combo-top);
    left: var(--combo-left);
    width: var(--combo-width);
    z-index: 999999;
}

    .comboac-gridpanel:focus-within[b-g784levtne] {
        border-color: #0078d7;
        box-shadow: 0 0 0 3px rgba(0,120,215,.2);
    }

.comboac-input-color[b-g784levtne] {
    background-color: #EDFFFF;
    width: 100%;
    box-sizing: border-box;
    padding: 6px 48px 6px 8px; /* ← aangepast: ruimte rechts voor X en ▼ */
    border: 1px solid #dadfe2;
    font-size: 14px;
    border-radius: 4px; /* ← optioneel, Radzen-stijl */
    outline: none;
}

    .comboac-input-color:focus[b-g784levtne] {
        border-color: #0078d7;
        box-shadow: 0 0 0 3px rgba(0,120,215,.2);
    }

/* --- INPUT veld --- */
.comboac-input[b-g784levtne] {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 48px 6px 8px; /* ← aangepast: ruimte rechts voor X en ▼ */
    border: 1px solid #dadfe2;
    font-size: 14px;
    border-radius: 4px; /* ← optioneel, Radzen-stijl */
    outline: none;
}

    .comboac-input:focus[b-g784levtne] {
        border-color: #0078d7;
        box-shadow: 0 0 0 3px rgba(0,120,215,.2);
    }

/* --- CLEAR knop (✖) --- */
.comboac-clear[b-g784levtne] {
    position: absolute; /* ← nieuw */
    right: 33px; /* ← nieuw (ruimte voor ▼) */
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    cursor: pointer;
    color: #888;
    font-size: 16px; /* ← groter icoon */
    padding: 0;
    line-height: 1;
    transition: color 0.2s, opacity 0.2s;
}

    .comboac-clear:hover[b-g784levtne] {
        color: #d00;
    }

    .comboac-clear.hidden[b-g784levtne] {
        display: none; /* verberg alleen als leeg */
    }

/* --- TOGGLE knop (▼) --- */
.comboac-toggle[b-g784levtne] {
    position: absolute; /* ← nieuw */
    right: 10px; /* ← nieuw */
    top: 50%;
    transform: translateY(-50%);
    border: none; /* ← aangepast (was rand, nu in input) */
    background: transparent; /* ← aangepast */
    color: #555;
    font-size: 20px; /* ← groter pijltje */
    cursor: pointer;
    padding: 0;
}

/* panel, item en highlight ongewijzigd */
.comboac-panel[b-g784levtne] {
    position: absolute;
    z-index: 1000;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #dadfe2;
    overflow: auto;
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

.comboac-item[b-g784levtne] {
    padding: 6px 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    white-space: nowrap;
}

    .comboac-item:hover[b-g784levtne],
    .comboac-item.active[b-g784levtne] {
        background: #eef6ff;
    }

/* highlight (ongewijzigd) */
.comboac-highlight[b-g784levtne] {
    background-color: #eef6ff !important;
}

.rz-state-highlight .rz-data-row[b-g784levtne] {
    background-color: #e6f0ff !important;
}
/* _content/eLipsOnline/Components/SmallComponents/Facturatie/FactuurGrid.razor.rz.scp.css */
.popup-backdrop[b-tkv89m8ib2] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 9999;
}
/* _content/eLipsOnline/Components/SmallComponents/Facturatie/FactuurRegelGrid.razor.rz.scp.css */
.fr-grid-actions[b-v7vxblfe96] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.fr-grid-action-group[b-v7vxblfe96] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.popup-backdrop[b-v7vxblfe96] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 9999;
}
/* _content/eLipsOnline/Components/SmallComponents/LadingPopup.razor.rz.scp.css */
.lading-popup[b-1s4iyhsuhe] {
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(300px, 400px) minmax(0, 1fr);
    overflow: hidden;
    background: var(--color-gray-50);
}

.lading-window[b-1s4iyhsuhe]  .k-window-content {
    height: 100%;
    min-height: 0;
    padding: 0;
    overflow: hidden;
}

.lading-window[b-1s4iyhsuhe]  .k-window-footer {
    padding: 8px 10px;
}

.lading-list-panel[b-1s4iyhsuhe],
.lading-detail-panel[b-1s4iyhsuhe] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.lading-detail-panel[b-1s4iyhsuhe] {
    overflow: hidden;
}

.lading-detail-header[b-1s4iyhsuhe] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
/*    border-bottom: 1px solid var(--color-gray-200);*/
    gap: 12px;
/*    padding: 10px 20px;*/
}

.lading-links[b-1s4iyhsuhe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 28px;
}

.lading-link-button[b-1s4iyhsuhe] {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.lading-link-button:hover[b-1s4iyhsuhe] {
    color: var(--color-primary-700);
}

.lading-panel-title[b-1s4iyhsuhe] {
    color: var(--color-gray-800);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.lading-panel-subtitle[b-1s4iyhsuhe] {
    margin-top: 3px;
    color: var(--color-gray-500);
    font-size: 12px;
    line-height: 1.2;
}

.lading-form[b-1s4iyhsuhe] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    overflow: hidden;
}

    .lading-form[b-1s4iyhsuhe],
    .lading-form[b-1s4iyhsuhe]  form {
        height: 100%;
        min-height: 0;
    }

        .lading-form[b-1s4iyhsuhe]  form {
            display: flex;
            flex-direction: column;
        }

    .lading-form[b-1s4iyhsuhe]  .k-form-fieldset {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 0;
        border: 0;
        overflow: hidden;
    }

    .lading-form[b-1s4iyhsuhe]  .k-form-legend,
    .lading-form[b-1s4iyhsuhe]  .k-form-buttons {
        display: none;
    }

.lading-form-body[b-1s4iyhsuhe] {
    flex: 1 1 auto;
    min-height: 0;
/*    padding: 12px 16px 0;*/
    overflow: hidden;
    background-color: var(--color-gray-50);
    border-radius: 0;
}

.lading-step-layout[b-1s4iyhsuhe] {
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 14px;
    overflow: hidden;
}

.lading-step-nav[b-1s4iyhsuhe] {
    min-height: 0;
    overflow: hidden;
    padding: 20px 0 0 25px;
}

.lading-step-content[b-1s4iyhsuhe] {
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    padding: 20px 12px 25px 5px;
}

.lading-section-grid[b-1s4iyhsuhe] {
    display: grid;
    width: min(100%, 900px);
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: start;
}

.lading-field-section[b-1s4iyhsuhe] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
    border: 1px solid var(--color-gray-200);
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}

    .lading-field-section h4[b-1s4iyhsuhe] {
        margin: 0;
    }

.lading-core-fields[b-1s4iyhsuhe] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lading-field-stack[b-1s4iyhsuhe],
.lading-form-grid[b-1s4iyhsuhe] {
    display: grid;
    gap: 12px;
    min-height: 0;
}

.lading-form-row[b-1s4iyhsuhe] {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    align-items: center;
    gap: 20px;
    min-width: 0;
}

.lading-panel-heading[b-1s4iyhsuhe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

    .lading-panel-heading h4[b-1s4iyhsuhe] {
        margin: 0;
    }

.lading-checks[b-1s4iyhsuhe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 42px;
    padding-top: 8px;
}

.check-field[b-1s4iyhsuhe] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.lading-t1-check[b-1s4iyhsuhe] {
    padding-top: 0;
}

.lading-split-fields[b-1s4iyhsuhe] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.lading-split-fields--value[b-1s4iyhsuhe] {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 8px 12px;
}

.lading-check-row[b-1s4iyhsuhe] {
    min-height: 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 10px;
}

    .lading-check-row .txt-label[b-1s4iyhsuhe] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin: 0;
        white-space: nowrap;
    }

.lading-check-label[b-1s4iyhsuhe] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.lading-form[b-1s4iyhsuhe]  .k-floating-label-container {
    width: 100%;
}

.lading-form[b-1s4iyhsuhe]  .k-input,
.lading-form[b-1s4iyhsuhe]  .k-picker,
.lading-form[b-1s4iyhsuhe]  .k-numerictextbox,
.lading-form[b-1s4iyhsuhe]  .k-dropdownlist,
.lading-form[b-1s4iyhsuhe]  .k-combobox {
    min-height: 32px;
}

.required-label[b-1s4iyhsuhe]::after {
    content: "*";
    margin-left: 4px;
    color: var(--color-danger-500, #dc3545);
    font-weight: 700;
}

.lading-window-footer[b-1s4iyhsuhe] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    width: 100%;
}

.lading-window-footer__left[b-1s4iyhsuhe],
.lading-window-footer__right[b-1s4iyhsuhe] {
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (max-width: 1100px) {
    .lading-window[b-1s4iyhsuhe] {
        width: 90vw !important;
        max-width: 90vw !important;
        height: 90dvh !important;
        max-height: 90dvh !important;
    }

    .lading-popup[b-1s4iyhsuhe] {
        grid-template-columns: minmax(0, 1fr);
    }

    .lading-popup > .detail-list-panel[b-1s4iyhsuhe] {
        display: none;
    }

    .lading-step-layout[b-1s4iyhsuhe] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    .lading-step-nav[b-1s4iyhsuhe] {
        display: none;
    }

    .lading-step-content[b-1s4iyhsuhe] {
        height: 100%;
        overflow-y: auto;
        padding: 18px 16px 24px;
    }

    .lading-section-grid[b-1s4iyhsuhe] {
        width: 100%;
    }

    .lading-field-section[b-1s4iyhsuhe] {
        gap: 18px;
        padding: 20px;
    }

    .lading-form-row[b-1s4iyhsuhe] {
        grid-template-columns: 150px minmax(0, 1fr);
        gap: 16px;
    }

    .lading-links[b-1s4iyhsuhe] {
        gap: 16px;
    }
}

@media (max-width: 800px) {
    .lading-window[b-1s4iyhsuhe]  .k-window-content {
        overflow: hidden;
    }

    .lading-popup[b-1s4iyhsuhe] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, 1fr);
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .lading-detail-panel[b-1s4iyhsuhe],
    .lading-form[b-1s4iyhsuhe],
    .lading-form[b-1s4iyhsuhe]  form,
    .lading-form[b-1s4iyhsuhe]  .k-form-fieldset,
    .lading-form-body[b-1s4iyhsuhe],
    .lading-step-layout[b-1s4iyhsuhe] {
        min-height: 0;
        height: 100%;
        overflow: hidden;
    }

    .lading-step-content[b-1s4iyhsuhe] {
        height: 100%;
        min-height: 0;
        padding: 14px;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .lading-form-row[b-1s4iyhsuhe],
    .lading-split-fields--value[b-1s4iyhsuhe] {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .lading-field-section[b-1s4iyhsuhe] {
        gap: 16px;
        padding: 18px;
    }

    .lading-section-grid[b-1s4iyhsuhe] {
        gap: 14px;
    }

    .lading-checks[b-1s4iyhsuhe],
    .lading-panel-heading[b-1s4iyhsuhe] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .lading-checks[b-1s4iyhsuhe] {
        gap: 14px;
    }

    .lading-window-footer[b-1s4iyhsuhe] {
        justify-content: flex-end;
    }

    .lading-window-footer__right[b-1s4iyhsuhe] {
        justify-content: flex-end;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .lading-window[b-1s4iyhsuhe] {
        width: 90vw !important;
        max-width: 90vw !important;
        height: 90dvh !important;
        max-height: 90dvh !important;
    }

    .lading-window[b-1s4iyhsuhe]  .k-window-titlebar {
        padding-inline: 12px;
    }

    .lading-window[b-1s4iyhsuhe]  .k-window-footer {
        padding: 8px 10px max(8px, env(safe-area-inset-bottom));
    }

    .lading-popup[b-1s4iyhsuhe] {
        grid-template-rows: minmax(0, 1fr);
    }

    .lading-detail-header[b-1s4iyhsuhe] {
        display: none;
    }

    .lading-step-content[b-1s4iyhsuhe] {
        padding: 12px 10px 18px;
    }

    .lading-field-section[b-1s4iyhsuhe] {
        gap: 14px;
        padding: 16px 14px;
    }

    .lading-field-stack[b-1s4iyhsuhe],
    .lading-form-grid[b-1s4iyhsuhe] {
        gap: 11px;
    }

    .lading-window-footer__right[b-1s4iyhsuhe] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .lading-window-footer__right[b-1s4iyhsuhe]  .k-button {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 380px) {
    .lading-field-section[b-1s4iyhsuhe] {
        padding-inline: 12px;
    }
}
/* _content/eLipsOnline/Components/SmallComponents/Planning/PlanningNav.razor.rz.scp.css */
/* Collapsed NAV */

.pv-nav[b-334o5u79qn], .pv-nav-expanded[b-334o5u79qn] {
    width: 100%;
    background-color: white;
    overflow-y: hidden;
    overflow-x: hidden;
}

.pv-nav-toolbar[b-334o5u79qn] {
    padding: 5px 5px 6px 5px;
    gap: 12px;
    border-bottom: 1px solid var(--color-gray-200);
}

.pv-nav-toolbar-expanded[b-334o5u79qn] {
    padding: 8px 10px 10px 15px;
    gap: 30px;
}

.pv-nav-group[b-334o5u79qn] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 0 0 auto;
}

.pv-nav-label[b-334o5u79qn] {
    font-size: var(--fs-caption);
    color: #8f8f8f;
    line-height: 1;
    padding-left: 0px;
    white-space: nowrap;
}

.pv-nav-group-body[b-334o5u79qn] {
    min-height: 32px;
    gap: 4px;
}

.profile-dd[b-334o5u79qn] {
    padding: 16px;
}

.filter-badge[b-334o5u79qn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 6px;
    border-radius: 50px;
    background-color: var(--color-gray-100);
    color: var(--color-gray-600);
    font-size: 12px;
    font-weight: 600;
}




/* =========================
   Planning Navigation Expanded
   ========================= */
.pv-layout[b-334o5u79qn] {
    display: grid;
    grid-template-columns: minmax(420px, 1fr) minmax(420px, 1fr);
    gap: 0;
    width: 100%;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--color-gray-200);
}

.pv-block[b-334o5u79qn] {
    min-width: 0;
    padding: 7px 12px 0 12px;
    background: #fff;
}

.pv-block-grid--top[b-334o5u79qn] {
    display: grid;
    grid-template-columns: minmax(220px, 1.1fr) minmax(220px, 1.4fr) auto;
    gap: 12px;
    align-items: end;
}

.pv-item-date .pv-nav-group-body[b-334o5u79qn] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 8px;
    align-items: center;
}

.pv-filter-grid[b-334o5u79qn] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 12px;
    align-items: end;
}

.pv-nav-group[b-334o5u79qn] {
    min-width: 0;
}

.pv-nav-label[b-334o5u79qn] {
    margin-bottom: 2px;
    white-space: nowrap;
}

.pv-nav-group-body[b-334o5u79qn] {
    width: 100%;
}

.pv-nav-group .k-input[b-334o5u79qn],
.pv-nav-group .k-picker[b-334o5u79qn],
.pv-nav-group .k-combobox[b-334o5u79qn],
.pv-nav-group .k-textbox[b-334o5u79qn],
.pv-nav-group .k-dateinput[b-334o5u79qn],
.pv-nav-group .k-datepicker[b-334o5u79qn] {
    width: 100%;
}

.pv-button-row-with-action[b-334o5u79qn] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

    .pv-button-row-with-action .pv-button-row--stretch[b-334o5u79qn] {
        flex: 1 1 auto;
        min-width: 0;
    }

.pv-button-row--stretch[b-334o5u79qn] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

    .pv-button-row--stretch .k-button[b-334o5u79qn],
    .pv-button-row--stretch .pv-stretch-btn[b-334o5u79qn] {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
        justify-content: center;
    }

    .pv-button-row--stretch .k-button-text[b-334o5u79qn] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.pv-icon-btn[b-334o5u79qn] {
    flex: 0 0 auto;
    width: auto;
    padding: 6px 8px;
}

@media (max-width: 1500px) {
    .pv-filter-grid[b-334o5u79qn] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }
}

@media (max-width: 1200px) {
    .pv-layout[b-334o5u79qn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .pv-block-grid--top[b-334o5u79qn],
    .pv-filter-grid[b-334o5u79qn] {
        grid-template-columns: 1fr;
    }
}

.pv-nav-shell[b-334o5u79qn],
.pv-layout-shell[b-334o5u79qn] {
    overflow: hidden;
    will-change: height, opacity;
    transition: height 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 220ms ease, transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

.pv-nav-shell[b-334o5u79qn],
.pv-layout-shell[b-334o5u79qn] {
    opacity: 1;
}

.is-hidden[b-334o5u79qn] {
    display: none;
    height: 0 !important;
    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
}

.is-visible[b-334o5u79qn] {
    display: block;
    height: auto;
    opacity: 1;
    transform: translateY(0);
}

.btn-icon svg[b-334o5u79qn] {
    transition: transform 240ms ease;
}

.is-rotated[b-334o5u79qn] {
    transform: rotate(180deg);
}


.page-layout[b-334o5u79qn] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.page-header[b-334o5u79qn] {
    flex: 0 0 auto;
}

.page-body[b-334o5u79qn] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.divider[b-334o5u79qn] {
    margin: 0 5px;
}
/* _content/eLipsOnline/Components/SmallComponents/RitTePlannenRegelsTreeList.razor.rz.scp.css */
.main-pane[b-ibto2mrjjw] {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    min-width: 0;
    box-sizing: border-box;
}

.main-pane-section[b-ibto2mrjjw] {
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: auto;
    box-sizing: border-box;
}