/* /Components/LanguageSelector.razor.rz.scp.css */
.language-selector[b-1kfxqaw32q] {
    position: relative;
    min-width: 100px;
    display: flex;
    align-items: center;
}

.selected-language[b-1kfxqaw32q] {
    display: flex;
    align-items: center;
    padding: 2px 8px;
    font-size: 0.9rem;
    line-height: 1;
    color: var(--text-color);
    pointer-events: none;
}

    .selected-language[b-1kfxqaw32q]::after {
        content: '\25BC'; /* Unicode escape for ▼ */
        margin-left: 5px;
        font-size: 0.7rem;
    }

.flag-icon[b-1kfxqaw32q] {
    width: 20px;
    height: 15px;
    margin-right: 5px;
}

.language-select[b-1kfxqaw32q] {
    background-color: var(--background-color);
    border: none;
    font-size: 0.9rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    pointer-events: auto;
}
/* /Components/Spinner.razor.rz.scp.css */
.loading-container[b-lamif4gwd7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--text-color);
}

.spinner[b-lamif4gwd7] {
    border: 4px solid var(--border-color-subtle);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border-left-color: var(--primary-color);
    animation: spin-b-lamif4gwd7 1s linear infinite;
    margin-top: 120px;
    margin-bottom: 15px;
}

@keyframes spin-b-lamif4gwd7 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Layout/BasePageLayout.razor.rz.scp.css */
.base-page[b-xowbf4evgl] {
    background-image: var(--background-image);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 8pt;
    min-height: 0;             /* ADD: Critical for nested flex containers */
    overflow: hidden;          /* ADD: Prevent base-page from growing */
}

.page-top-row[b-xowbf4evgl] {
    padding: 1rem 0;
    border-bottom: 1px solid var(--page-section-border-color);
    margin-left: 1rem;
    margin-right: 1rem;
    flex-shrink: 0;            /* ADD: Prevent shrinking */
}

.page-top-row h1[b-xowbf4evgl] {
    margin-left: 15pt;
    margin-bottom: 0;
    color: var(--text-color);
}

.reduced-title[b-xowbf4evgl] {
    font-size: 170%;
    color: var(--text-color);
}

.header-actions[b-xowbf4evgl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-right: 15pt;
}

.update-button[b-xowbf4evgl] {
    margin: 0;
}

.title-content-reduced[b-xowbf4evgl] {
    font-size: 80%;
    color: var(--text-color);
}

.page-header[b-xowbf4evgl] {
    padding: 0.75rem;
    flex-shrink: 0;            /* ADD: Prevent shrinking */
}

.subtitle[b-xowbf4evgl] {
    margin: 0;
    color: var(--secondary-color);
    font-size: 1rem;
}

.page-content[b-xowbf4evgl] {
    flex: 1;
    padding: 1rem 0;
    overflow-y: auto;
    color: var(--text-color);
    min-height: 0;             /* ADD: Allow shrinking below content size */
}

.page-footer[b-xowbf4evgl] {
    padding: 1rem;
    border-top: 1px solid var(--page-section-border-color);
    margin-left: 1rem;
    margin-right: 1rem;
    flex-shrink: 0;            /* ADD: Prevent shrinking */
}

.page-footer:empty[b-xowbf4evgl] {
    display: none;             /* ADD: Hide if empty */
    padding: 0;
    border: none;
}

.desktop-help-button[b-xowbf4evgl] {
    display: inline-block;
}

@media (max-width: 1023.98px) {
    .page-top-row[b-xowbf4evgl] {
        padding: 0.75rem 0;
    }

    .reduced-title[b-xowbf4evgl] {
        font-size: 140%;
        margin-left: 10pt;
    }

    .header-actions[b-xowbf4evgl] {
        margin-right: 10pt;
    }

    .update-button[b-xowbf4evgl] {
        font-size: 0.875rem;
        padding: 0.375rem 0.75rem;
    }

    .desktop-help-button[b-xowbf4evgl] {
        display: none;
    }
}
/* /Layout/CardContainer.razor.rz.scp.css */
.card[b-4087r5yru6] {
    background-color: transparent;
    border-color: var(--border-color);
}

.card-header[b-4087r5yru6] {
    background-color: var(--card-header-bg);
    color: var(--text-color);
    transition: background-color 0.3s ease, border-radius 0.3s ease;
}

    .card-header.collapsed[b-4087r5yru6] {
        border-bottom-left-radius: var(--bs-card-border-radius);
        border-bottom-right-radius: var(--bs-card-border-radius);
    }

.card-body[b-4087r5yru6] {
    background-color: var(--card-body-bg);
    color: var(--text-color);
    transition: background-color 0.3s ease;
}

    .card-body.bg-transparent[b-4087r5yru6] {
        background-color: transparent;
    }

/* Keep header height stable whether or not the Save/Download button is rendered */
.card-header-row[b-4087r5yru6] {
    min-height: calc(1.5em + 2px); /* .btn line-height + top/bottom border */
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-angmqlhy9o] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh; /* Fallback for older browsers */
    height: 100dvh;
    overflow: hidden;
}

main[b-angmqlhy9o] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

article.content[b-angmqlhy9o] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    padding-bottom: 0.5rem;
}

.top-row[b-angmqlhy9o] {
    justify-content: flex-end;
    display: flex;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 0;
    color: var(--text-color);
    flex-shrink: 0;
}

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

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

.spacer[b-angmqlhy9o] {
    width: 20px;
}

@media (max-width: 1023.98px) {
    .top-row[b-angmqlhy9o] {
        justify-content: space-between;
        margin-left: 0.5rem;
        margin-top: 0;
        padding: 0;
    }

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

    .sidebar[b-angmqlhy9o] {
        display: flex;
        flex-direction: column;
        max-height: 100vh;
        max-height: 100dvh;
        overflow: hidden;
    }

    [b-angmqlhy9o] .desktop-language {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .page[b-angmqlhy9o] {
        flex-direction: row;
        height: 100vh; /* Fallback for older browsers */
        height: 100dvh;
    }

    .sidebar[b-angmqlhy9o] {
        width: 250px;
        height: 100vh; /* Fallback for older browsers */
        height: 100dvh;
        position: sticky;
        top: 0;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
    }

    .top-row[b-angmqlhy9o] {
        position: sticky;
        top: 0;
        z-index: 1;
        padding-bottom: 0.75rem;
    }

    .top-row[b-angmqlhy9o],
    article[b-angmqlhy9o] {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-txo6f4wkin] {
    background-color: transparent;
    border: none;
}

    .navbar-toggler:focus[b-txo6f4wkin] {
        box-shadow: 0 0 0 0.15rem rgba(0, 51, 102, 0.25);
    }

/* Dark theme */
.theme-dark .navbar-toggler:focus[b-txo6f4wkin] {
    box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.25);
}

.top-row[b-txo6f4wkin] {
    min-height: 3.5rem;
}

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

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

.nav-link .bi[b-txo6f4wkin] {
    font-size: 1rem;
    margin-right: 0.5rem;
    vertical-align: middle;
}

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

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

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

    .nav-item[b-txo6f4wkin]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 1.2rem;
    }

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

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

.navbar-container[b-txo6f4wkin] {
    max-width: 200px;
    height: 70px;
}

.navbar-logo[b-txo6f4wkin] {
    height: 50px;
    width: 152px;
    max-width: 100%;
    object-fit: contain;
}

.navbar-language-selector[b-txo6f4wkin] {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 1024px) {
    .navbar-language-selector[b-txo6f4wkin] {
        display: none;
    }
}

/* Navbar toggler icon - Light theme (default) */
.custom-toggler .navbar-toggler-icon[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23003366' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Navbar toggler icon - Dark theme */
.theme-dark .custom-toggler .navbar-toggler-icon[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.custom-toggler[b-txo6f4wkin] {
    position: absolute;
    left: 0; /* Changed from right: 10px */
    top: 50%;
    transform: translateY(-50%); /* Better vertical centering */
}

/* Scrollbar styling for nav-scrollable */
.nav-scrollable[b-txo6f4wkin] {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background-color: var(--primary-color-light);
    border-radius: 8px;
    margin: 0.5rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

    .nav-scrollable.collapse[b-txo6f4wkin] {
        display: none;
    }

.nav[b-txo6f4wkin] {
    display: flex !important;
    flex-direction: column;
    flex-shrink: 0; /* Prevent nav from shrinking */
}

.nav-link[b-txo6f4wkin] {
    cursor: pointer;
    color: #d7d7d7;
}

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

    .nav-link.active[b-txo6f4wkin] {
        background-color: rgba(255, 255, 255, 0.37);
        color: white;
    }

.contact-icon[b-txo6f4wkin] {
    transform: scale(0.8);
}

.nav-divider[b-txo6f4wkin] {
    width: 50%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    margin: 0 auto;
}

.theme-toggle-item[b-txo6f4wkin] {
    margin-bottom: 1.5rem;
}

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

    /* Override collapse - always show on desktop */
    .nav-scrollable.collapse[b-txo6f4wkin] {
        display: flex;
    }


}

/* Icons for nav menu items */
.bi-house-door-fill-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' 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-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' 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-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' 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");
}

.bi-calendar-date-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-calendar-date' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6.445 11.688V6.354h-.633A13 13 0 0 0 4.5 7.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E");
}

.bi-calendar-plus-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-calendar-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 7a.5.5 0 0 1 .5.5V9H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V10H6a.5.5 0 0 1 0-1h1.5V7.5A.5.5 0 0 1 8 7'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E");
}

.bi-piggy-bank-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-piggy-bank' viewBox='0 0 16 16'%3E%3Cpath d='M5 6.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.138-1.496A6.6 6.6 0 0 1 7.964 4.5c.666 0 1.303.097 1.893.273a.5.5 0 0 0 .286-.958A7.6 7.6 0 0 0 7.964 3.5c-.734 0-1.441.103-2.102.292a.5.5 0 1 0 .276.962'/%3E%3Cpath fill-rule='evenodd' d='M7.964 1.527c-2.977 0-5.571 1.704-6.32 4.125h-.55A1 1 0 0 0 .11 6.824l.254 1.46a1.5 1.5 0 0 0 1.478 1.243h.263c.3.513.688.978 1.145 1.382l-.729 2.477a.5.5 0 0 0 .48.641h2a.5.5 0 0 0 .471-.332l.482-1.351c.635.173 1.31.267 2.011.267.707 0 1.388-.095 2.028-.272l.543 1.372a.5.5 0 0 0 .465.316h2a.5.5 0 0 0 .478-.645l-.761-2.506C13.81 9.895 14.5 8.559 14.5 7.069q0-.218-.02-.431c.261-.11.508-.266.705-.444.315.306.815.306.815-.417 0 .223-.5.223-.461-.026a1 1 0 0 0 .09-.255.7.7 0 0 0-.202-.645.58.58 0 0 0-.707-.098.74.74 0 0 0-.375.562c-.024.243.082.48.32.654a2 2 0 0 1-.259.153c-.534-2.664-3.284-4.595-6.442-4.595M2.516 6.26c.455-2.066 2.667-3.733 5.448-3.733 3.146 0 5.536 2.114 5.536 4.542 0 1.254-.624 2.41-1.67 3.248a.5.5 0 0 0-.165.535l.66 2.175h-.985l-.59-1.487a.5.5 0 0 0-.629-.288c-.661.23-1.39.359-2.157.359a6.6 6.6 0 0 1-2.157-.359.5.5 0 0 0-.635.304l-.525 1.471h-.979l.633-2.15a.5.5 0 0 0-.17-.534 4.65 4.65 0 0 1-1.284-1.541.5.5 0 0 0-.446-.275h-.56a.5.5 0 0 1-.492-.414l-.254-1.46h.933a.5.5 0 0 0 .488-.393m12.621-.857a.6.6 0 0 1-.098.21l-.044-.025c-.146-.09-.157-.175-.152-.223a.24.24 0 0 1 .117-.173c.049-.027.08-.021.113.012a.2.2 0 0 1 .064.199'/%3E%3C/svg%3E");
}

.bi-pricetags-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-tags' viewBox='0 0 16 16'%3E%3Cpath d='M3 2v4.586l7 7L14.586 9l-7-7zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586z'/%3E%3Cpath d='M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-123-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-123' viewBox='0 0 16 16'%3E%3Cpath d='M2.873 12.297V5.142H1.699L0 6.379v1.137l1.64-1.18h.06v5.961zm3.213-5.09v-.063c0-.618.44-1.169 1.196-1.169.676 0 1.174.44 1.174 1.106 0 .624-.42 1.101-.807 1.526L4.99 11.553v.744h4.78v-.99H6.643v-.069L8.41 9.252c.65-.724 1.237-1.332 1.237-2.27C9.646 5.849 8.723 5 7.308 5c-1.573 0-2.36 1.064-2.36 2.15v.057zm6.559 1.883h.786c.823 0 1.374.481 1.379 1.179.01.707-.55 1.216-1.421 1.21-.77-.005-1.326-.419-1.379-.953h-1.095c.042 1.053.938 1.918 2.464 1.918 1.478 0 2.642-.839 2.62-2.144-.02-1.143-.922-1.651-1.551-1.714v-.063c.535-.09 1.347-.66 1.326-1.678-.026-1.053-.933-1.855-2.359-1.845-1.5.005-2.317.88-2.348 1.898h1.116c.032-.498.498-.944 1.206-.944.703 0 1.206.435 1.206 1.07.005.64-.504 1.106-1.2 1.106h-.75z'/%3E%3C/svg%3E");
}

.bi-database-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-database' viewBox='0 0 16 16'%3E%3Cpath d='M4.318 2.687C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4c0-.374.356-.875 1.318-1.313M13 5.698V7c0 .374-.356.875-1.318 1.313C10.766 8.729 9.464 9 8 9s-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777A5 5 0 0 0 13 5.698M14 4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16s3.022-.289 4.096-.777C13.125 14.755 14 14.007 14 13zm-1 4.698V10c0 .374-.356.875-1.318 1.313C10.766 11.729 9.464 12 8 12s-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10s3.022-.289 4.096-.777A5 5 0 0 0 13 8.698m0 3V13c0 .374-.356.875-1.318 1.313C10.766 14.729 9.464 15 8 15s-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13s3.022-.289 4.096-.777c.324-.147.633-.323.904-.525'/%3E%3C/svg%3E");
}

.bi-anchor-nav-menu[b-txo6f4wkin] {
    background-image: url("images/anchor.svg");
}

.bi-sliders-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-sliders' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M9.05 3a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0V3zM4.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M2.05 8a2.5 2.5 0 0 1 4.9 0H16v1H6.95a2.5 2.5 0 0 1-4.9 0H0V8zm9.45 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m-2.45 1a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0v-1z'/%3E%3C/svg%3E");
}

.bi-cancellation-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-x-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}

.bi-currency-euro-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-currency-euro' viewBox='0 0 16 16'%3E%3Cpath d='M4 9.42h1.063C5.4 12.323 7.317 14 10.34 14c.622 0 1.167-.068 1.659-.185v-1.3c-.484.119-1.045.17-1.659.17-2.1 0-3.455-1.198-3.775-3.264h4.017v-.928H6.497v-.936q-.002-.165.008-.329h4.078v-.927H6.618c.388-1.898 1.719-2.985 3.723-2.985.614 0 1.175.05 1.659.177V2.194A6.6 6.6 0 0 0 10.341 2c-2.928 0-4.82 1.569-5.244 4.3H4v.928h1.01v1.265H4v.928z'/%3E%3C/svg%3E");
}

.bi-three-dots-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-three-dots' viewBox='0 0 16 16'%3E%3Cpath d='M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3'/%3E%3C/svg%3E");
}

.bi-folder-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-folder2' viewBox='0 0 16 16'%3E%3Cpath d='M1 3.5A1.5 1.5 0 0 1 2.5 2h2.764c.958 0 1.76.56 2.311 1.184C7.985 3.648 8.48 4 9 4h4.5A1.5 1.5 0 0 1 15 5.5v7a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 12.5zM2.5 3a.5.5 0 0 0-.5.5V6h12v-.5a.5.5 0 0 0-.5-.5H9c-.964 0-1.71-.629-2.174-1.154C6.374 3.334 5.82 3 5.264 3zM14 7H2v5.5a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5z'/%3E%3C/svg%3E");
}

.bi-info-circle-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-info-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E");
}

.bi-file-text-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-file-text' viewBox='0 0 16 16'%3E%3Cpath d='M5 4a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1zm-.5 2.5A.5.5 0 0 1 5 6h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5M5 8a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1zm0 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1z'/%3E%3Cpath d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1'/%3E%3C/svg%3E");
}

.bi-telephone-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-telephone' viewBox='0 0 16 16'%3E%3Cpath d='M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.6 17.6 0 0 0 4.168 6.608 17.6 17.6 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.68.68 0 0 0-.58-.122l-2.19.547a1.75 1.75 0 0 1-1.657-.459L5.482 8.062a1.75 1.75 0 0 1-.46-1.657l.548-2.19a.68.68 0 0 0-.122-.58zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z'/%3E%3C/svg%3E");
}

.bi-person-circle-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-person-circle' viewBox='0 0 16 16'%3E%3Cpath d='M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0'/%3E%3Cpath fill-rule='evenodd' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1'/%3E%3C/svg%3E");
}

.bi-person-lines-fill-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-person-lines-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zM11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1zm2 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1zm0 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E");
}

.bi-sun-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-sun' viewBox='0 0 16 16'%3E%3Cpath d='M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0m9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708'/%3E%3C/svg%3E");
}

.bi-moon-nav-menu[b-txo6f4wkin] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='whitesmoke' class='bi bi-moon' viewBox='0 0 16 16'%3E%3Cpath d='M6 .278a.77.77 0 0 1 .08.858 7.2 7.2 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277q.792-.001 1.533-.16a.79.79 0 0 1 .81.316.73.73 0 0 1-.031.893A8.35 8.35 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.75.75 0 0 1 6 .278M4.858 1.311A7.27 7.27 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.32 7.32 0 0 0 5.205-2.162q-.506.063-1.029.063c-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286'/%3E%3C/svg%3E");
}

.nav-expandable[b-txo6f4wkin] {
    display: flex;
    align-items: stretch;
    gap: 0.25rem;
}

.nav-expand-toggle[b-txo6f4wkin] {
    background: transparent;
    border: none;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    height: 3rem;
    padding: 0 0.75rem;
}

.nav-expand-arrow[b-txo6f4wkin] {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1;
    transition: transform 0.2s ease;
}

.nav-expand-toggle.expanded .nav-expand-arrow[b-txo6f4wkin] {
    transform: rotate(90deg);
}

.nav-sub-items[b-txo6f4wkin] {
    display: flex;
    flex-direction: column;
    padding-left: 1.5rem;
    margin-top: -0.5rem; /* pull sub-link up into the parent row's bottom whitespace */
}

    .nav-sub-items[b-txo6f4wkin]  a.nav-sub-link {
        height: 1.75rem;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 0.85rem;
    }

.nav-expandable[b-txo6f4wkin]  a,
.nav-expand-toggle[b-txo6f4wkin] {
    height: 2.75rem; /* slightly less than the 3rem used by main nav links */
}
/* /Pages/BerthMasterData.razor.rz.scp.css */
/* Table container - Theme Aware */
.berth-data-table-container[b-352irqghf6] {
    background-color: transparent;
    padding: 12px;
    border-radius: 5px;
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--border-color);

    /* Page-scoped hover (header/rows follow the global theme like Bookings) */
    --table-row-hover: rgba(0, 51, 102, 0.10);
}

.theme-dark .berth-data-table-container[b-352irqghf6] {
    --table-row-hover: rgba(58, 151, 255, 0.14);
}

/* Table styling - Theme Aware */
.berth-data-table[b-352irqghf6] {
    margin-top: 5px;
    font-size: 0.9rem;
    width: 100%;
    min-width: 60rem; /* below this the container scrolls horizontally (same behaviour as Bookings) */
    table-layout: auto; /* columns size to content */
    border-collapse: separate;
    border-spacing: 0;
    background-color: transparent;
    color: var(--text-color);
    border-radius: 4px;
    overflow: hidden;
}

    .berth-data-table thead[b-352irqghf6] {
        background-color: var(--table-header-bg);
        font-weight: 500;
    }

    .berth-data-table th[b-352irqghf6] {
        color: var(--text-color);
        border-bottom: 1px solid var(--border-color);
        text-align: left;
        padding: 10px 0.4rem; /* horizontal padding matches td (0.4rem) */
        white-space: nowrap;
    }

    .berth-data-table td[b-352irqghf6] {
        color: var(--text-color);
        background-color: var(--table-row-bg);
        vertical-align: middle;
        padding: 0.4rem;
        border-bottom: 1px solid var(--border-color-subtle);
    }

/* Columns
   bridge/berth: fixed width.
   others: percentages share the remaining width proportionally;
   table-layout: auto never shrinks a column below its content. */
.bridge-column[b-352irqghf6] {
    width: 6ch;
}

th.bridge-column[b-352irqghf6] {
    text-align: center !important;
}

.berth-column[b-352irqghf6] {
    width: 14ch;
}

th.berth-column[b-352irqghf6],
td.berth-column[b-352irqghf6] {
    text-align: left !important;
}

.length-column[b-352irqghf6],
.width-column[b-352irqghf6],
.draft-column[b-352irqghf6] {
    width: 9%;
}

.latitude-column[b-352irqghf6] {
    width: 10%;
}

.longitude-column[b-352irqghf6] {
    width: 11%;
}

.berth-category-column[b-352irqghf6] {
    width: 10%;
    text-align: center;
}

.berth-type-column[b-352irqghf6] {
    width: 18%;
}

.customers-column[b-352irqghf6] {
    width: 13%;
}

.actions-column[b-352irqghf6] {
    width: 6%;
    text-align: right;
    position: relative;
}


/* Input and select elements - Theme Aware */
.child-row input[b-352irqghf6],
.child-row select[b-352irqghf6],
.child-row .form-control-plaintext[b-352irqghf6] {
    width: 100%;
    min-width: unset;
    box-sizing: border-box;
    color: var(--text-color);
    background-color: var(--surface-color);
    border-color: var(--border-color);
}

    .child-row input:focus[b-352irqghf6],
    .child-row select:focus[b-352irqghf6] {
        background-color: var(--surface-color);
        color: var(--text-color);
        border-color: var(--primary-color);
    }

/* Dark mode only: input/select fields use the table header background */
.theme-dark .child-row input[b-352irqghf6],
.theme-dark .child-row select[b-352irqghf6],
.theme-dark .child-row input:focus[b-352irqghf6],
.theme-dark .child-row select:focus[b-352irqghf6] {
    background-color: var(--table-header-bg);
}

.berth-type-select[b-352irqghf6] {
    width: 100%;
    min-width: unset;
    color: var(--text-color);
    background-color: var(--surface-color);
    border-color: var(--border-color);
}

/* Override Bootstrap column padding */
.col-12[b-352irqghf6] {
    padding-left: 0;
    padding-right: 0;
}

/* Save button container */
.save-button-container[b-352irqghf6] {
    display: flex;
    justify-content: flex-end;
    height: 32px;
    margin-bottom: 5px;
    padding-top: 0;
}

.save-btn[b-352irqghf6] {
    height: auto;
    color: var(--primary-color);
    border-color: var(--primary-color);
}

    .save-btn:hover[b-352irqghf6] {
        background-color: var(--primary-color);
        color: #FFFFFF;
    }

    .save-btn i[b-352irqghf6] {
        color: inherit;
    }

/* Tree cell styling */
.tree-cell[b-352irqghf6],
.tree-child-cell[b-352irqghf6] {
    cursor: pointer;
}

/* Bridge row - Theme Aware - Apply background to cells, not row */
/*.bridge-row td {
    background-color: var(--bridge-row-bg) !important;
}*/

    .bridge-row:hover td[b-352irqghf6] {
        background-color: var(--table-row-hover) !important;
    }

/* Child row - Theme Aware */
.child-row td[b-352irqghf6] {
    background-color: var(--table-row-bg);
}

    .child-row:hover td[b-352irqghf6] {
        background-color: var(--table-row-hover);
    }

    .child-row td:not(.tree-child-cell):not(.action-col)[b-352irqghf6] {
        vertical-align: middle;
    }

.tree-child-cell[b-352irqghf6]::before {
    content: "";
    position: absolute;
    left: 25px;
    height: 100%;
}

/* Form controls - Theme Aware */
.form-control-sm[b-352irqghf6],
.form-select-sm[b-352irqghf6] {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    height: calc(1.5em + 0.5rem + 2px);
    color: var(--text-color);
    background-color: var(--surface-color);
    border-color: var(--border-color);
}

/* Dialog styling - Theme Aware */
.berth-bookings-dialog[b-352irqghf6] {
    max-height: 80vh !important;
}

    .berth-bookings-dialog .e-dlg-content[b-352irqghf6] {
        max-height: calc(80vh - 120px) !important;
        overflow-y: auto;
    }

/* Chevron icons - Theme Aware */
.bi-chevron-down[b-352irqghf6],
.bi-chevron-right[b-352irqghf6] {
    color: var(--text-color);
}
/* /Pages/Blacklist.razor.rz.scp.css */
/* Styles for the table-based approach */
.blacklist-table-container[b-iq5fpouk84] {
    margin-top: 0px;
    margin-left: 12px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: auto;
}

.blacklist-table[b-iq5fpouk84] {
    width: 100%;
    border-collapse: collapse;
    background-color: transparent;
    color: var(--text-color);
}

    .blacklist-table thead[b-iq5fpouk84] {
        background-color: var(--table-header-bg);
        font-weight: 500;
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .blacklist-table th[b-iq5fpouk84], .blacklist-table td[b-iq5fpouk84] {
        padding: 10px;
        text-align: left;
        border-bottom: 1px solid var(--border-color);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.9rem;
    }

    .blacklist-table td[b-iq5fpouk84] {
        background-color: var(--table-row-bg);
        color: var(--text-color);
    }

        .blacklist-table td.firstname-col[b-iq5fpouk84] {
            padding-left: 32px;
        }

        .blacklist-table td.lastname-col[b-iq5fpouk84] {
            padding-left: 32px;
        }

        .blacklist-table td.email-col[b-iq5fpouk84] {
            padding-left: 32px;
        }

        .sortable[b-iq5fpouk84] {
            padding: 0px;
            cursor: pointer;
        }

        .header-content[b-iq5fpouk84] {
            display: flex;
            align-items: center;
            padding: 0;
        }

        .sort-container[b-iq5fpouk84] {
            position: relative;
            padding-left: 0;
        }

        .sort-indicator[b-iq5fpouk84] {
            position: absolute;
            left: 0;
            width: 15px;
            text-align: center;
        }

        .header-text[b-iq5fpouk84] {
            padding-left: 20px;
        }

        .firstname-col[b-iq5fpouk84] {
            width: 12%;
            min-width: 100px;
        }

        .lastname-col[b-iq5fpouk84] {
            width: 12%;
            min-width: 100px;
        }

        .address-col[b-iq5fpouk84] {
            width: 15%;
            min-width: 120px;
        }

        .postcode-col[b-iq5fpouk84] {
            width: 8%;
            min-width: 80px;
        }

        .city-col[b-iq5fpouk84] {
            width: 10%;
            min-width: 100px;
        }

        .email-col[b-iq5fpouk84] {
            width: 15%;
            min-width: 150px;
            max-width: 250px;
        }

        .phone-col[b-iq5fpouk84] {
            width: 8%;
            min-width: 100px;
        }

        .action-col[b-iq5fpouk84] {
            width: 4%;
            min-width: 40px;
            text-align: right;
            position: relative;
        }

        .e-dropdown-btn[b-iq5fpouk84] {
            color: var(--primary-color);
            margin: 5px;
            border-color: transparent;
            background-color: transparent;
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
        }

            .e-dropdown-btn .e-btn-icon[b-iq5fpouk84] {
                margin: 0;
            }

            .e-dropdown-btn:hover[b-iq5fpouk84] {
                color: #FFFFFF;
                background-color: var(--primary-color);
            }

            .e-dropdown-btn.e-active[b-iq5fpouk84] {
                color: #FFFFFF;
                background-color: var(--primary-color);
            }
/* /Pages/Bookings.razor.rz.scp.css */
.booking-table-container[b-qw13bpboqp] {
    margin-top: 0px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: auto;
}

.booking-table[b-qw13bpboqp] {
    width: 100%;
    border-collapse: collapse;
    background-color: transparent;
    color: var(--text-color);
}

.booking-table thead[b-qw13bpboqp] {
    background-color: var(--table-header-bg);
    font-weight: 500;
    position: sticky;
    top: 0;
    z-index: 10;
}

.header-text-center[b-qw13bpboqp] {
    display: inline-block;
    padding-left: 0;
    margin-left: 1.25rem; /* keeps clear of the absolutely positioned sort arrow */
    text-align: center;
}

.booking-table th[b-qw13bpboqp],
.booking-table td[b-qw13bpboqp] {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9rem;
}

.booking-table td[b-qw13bpboqp] {
    padding-left: 32px;
    background-color: var(--table-row-bg);
    color: var(--text-color);
}

.sortable[b-qw13bpboqp] {
    padding: 0px;
    cursor: pointer;
}

.header-content[b-qw13bpboqp] {
    display: flex;
    align-items: center;
    padding: 0;
}

.sort-container[b-qw13bpboqp] {
    position: relative;
    padding-left: 0;
}

.sort-indicator[b-qw13bpboqp] {
    position: absolute;
    left: 0;
    width: 15px;
    text-align: center;
}

.header-text[b-qw13bpboqp] {
    padding-left: 20px;
}

.bookingnumber-col[b-qw13bpboqp] {
    width: 5%;
}

.berth-col[b-qw13bpboqp] {
    width: 10%;
}

.arrival-col[b-qw13bpboqp] {
    width: 10%;
}

.departure-col[b-qw13bpboqp] {
    width: 20%;
}

.vesselname-col[b-qw13bpboqp] {
    width: 25%;
}

.ownername-col[b-qw13bpboqp] {
    width: 25%;
}

.booking-table th.discount-col[b-qw13bpboqp],
.booking-table td.discount-col[b-qw13bpboqp] {
    width: 3%;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.discount-icon[b-qw13bpboqp] {
    width: 20px;
    height: 20px;
}

.action-col[b-qw13bpboqp] {
    width: 2%;
    text-align: right;
    position: relative;
}
/* /Pages/Contact.razor.rz.scp.css */
.content-container[b-o3coi197h3] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.header-image-container[b-o3coi197h3] {
    position: relative;
    width: 100%;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.text-overlay[b-o3coi197h3] {
    position: absolute;
    top: 5%;
    left: 5%;
    z-index: 10;
    background-color: transparent;
    padding: 10px;
    border: none;
}

.full-width-image[b-o3coi197h3] {
    width: 100%;
    flex: 1;
    min-height: 0;
    display: block;
    object-fit: contain; /* Scale to fit, maintaining aspect ratio */
}

.contact-link[b-o3coi197h3] {
    color: #0066cc;
    text-decoration: underline;
    transition: color 0.2s ease;
}

    .contact-link:hover[b-o3coi197h3] {
        color: #004080;
    }

@media (max-width: 1023.98px) {
    .contact-break[b-o3coi197h3] {
        margin-bottom: 15px;
        display: block;
    }

    .text-overlay[b-o3coi197h3] {
        top: 3%;
        left: 3%;
    }
}
/* /Pages/Documentation.razor.rz.scp.css */
/* Accordion Styling - Theme Aware (same as PricingDiscount) */
[b-nl69ixvbp3] .e-accordion {
    background-color: transparent;
    border: none;
}

    [b-nl69ixvbp3] .e-accordion .e-acrdn-item.e-select {
        background-color: var(--background-color);
        margin-bottom: 0.5rem;
        border: 1px solid var(--background-color);
        border-radius: 4px;
    }

    [b-nl69ixvbp3] .e-accordion .e-acrdn-item .e-acrdn-header {
        padding: 0rem 2rem;
        background-color: var(--background-color);
        color: var(--text-color);
        display: flex;
        align-items: center;
    }

        [b-nl69ixvbp3] .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
            padding: 0rem;
            color: var(--text-color);
            line-height: normal;
            flex: 1 1 auto;
        }

        [b-nl69ixvbp3] .e-accordion .e-acrdn-item .e-acrdn-header:hover,
        [b-nl69ixvbp3] .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover {
            background-color: var(--background-color);
        }

    /* Selected/Expanded states - consolidated selectors */
    [b-nl69ixvbp3] .e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header,
    [b-nl69ixvbp3] .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header,
    [b-nl69ixvbp3] .e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
        background-color: var(--background-color);
        border: none;
    }

    [b-nl69ixvbp3] .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
        background-color: var(--accordion-background);
        color: var(--text-color);
        border: none;
    }

    /* Active/Click state - prevents flash */
    [b-nl69ixvbp3] .e-accordion .e-acrdn-item .e-acrdn-header:active,
    [b-nl69ixvbp3] .e-accordion .e-acrdn-item .e-acrdn-header:focus-visible,
    [b-nl69ixvbp3] .e-accordion .e-acrdn-item.e-item-focus > .e-acrdn-header {
        background-color: var(--background-color) !important;
        border-color: var(--background-color) !important;
        outline: none;
        box-shadow: none;
    }

    /* Accordion item border during transitions */
    [b-nl69ixvbp3] .e-accordion .e-acrdn-item,
    [b-nl69ixvbp3] .e-accordion .e-acrdn-item.e-select,
    [b-nl69ixvbp3] .e-accordion .e-acrdn-item.e-item-focus {
        border-color: var(--background-color) !important;
        background-color: transparent !important;
    }

        /* Remove any focus ring/outline that might flash */
        [b-nl69ixvbp3] .e-accordion .e-acrdn-item .e-acrdn-header:focus {
            outline: none;
            box-shadow: none;
        }

        /* Cover the toggle icon area which can also flash */
        [b-nl69ixvbp3] .e-accordion .e-acrdn-item .e-toggle-icon {
            background-color: transparent !important;
        }

            /* Accordion toggle icon - Theme Aware */
            [b-nl69ixvbp3] .e-accordion .e-acrdn-item .e-toggle-icon,
            [b-nl69ixvbp3] .e-accordion .e-acrdn-item .e-toggle-icon .e-icons,
            [b-nl69ixvbp3] .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
                color: var(--text-color) !important;
            }

        /* Accordion content top border when expanded - Theme Aware */
        [b-nl69ixvbp3] .e-accordion .e-acrdn-item.e-expand-state .e-acrdn-panel .e-acrdn-content {
            border-top: none !important;
            position: relative;
        }

            [b-nl69ixvbp3] .e-accordion .e-acrdn-item.e-expand-state .e-acrdn-panel .e-acrdn-content::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0.5rem;
                right: 0.5rem;
                height: 1px;
                background-color: var(--primary-color-light);
            }
/* /Pages/Home.razor.rz.scp.css */
.content-container[b-n0dlb779v1] {
    background-color: transparent;
    padding: 20px;
    border-radius: 8px;
    max-width: 800px;
    margin: 0 auto;
}

.booking-dashboard[b-n0dlb779v1] {
    margin-top: 40px;
    background-color: transparent;
}

@media (max-width: 1023.98px) {
    .booking-dashboard[b-n0dlb779v1] {
        margin-top: 0;
        padding-top: 0;
    }
}

.booking-stats[b-n0dlb779v1] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.stat-item[b-n0dlb779v1] {
    flex: 1;
    background-color: var(--background-color);
    color: var(--text-color);
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.stat-label[b-n0dlb779v1] {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.stat-value[b-n0dlb779v1] {
    font-size: 1.5rem;
    color: var(--primary-color);
}
/* /Pages/MarinaInfo.razor.rz.scp.css */
/* Image Preview Container - Theme Aware */
.image-preview-container[b-5ip1oq2pv7] {
    background-color: transparent;
    border: none;
    border-radius: 0.25rem;
    padding: 0 0.5rem 0.5rem 0.5rem;
    margin-top: 0;
}

/* Custom Checkbox - Theme Aware */
.custom-checkbox[b-5ip1oq2pv7] {
    background-color: var(--surface-color);
    border-color: var(--border-color);
    width: 1.1em;
    height: 1.1em;
    transform: scale(1.1);
}

    .custom-checkbox:checked[b-5ip1oq2pv7] {
        background-color: var(--surface-color);
        border-color: var(--primary-color);
    }

        .custom-checkbox:checked[b-5ip1oq2pv7]::before {
            content: '';
            display: block;
            position: relative;
            top: 50%;
            left: 50%;
            width: 60%;
            height: 60%;
            transform: translate(-50%, -50%);
            background-color: var(--primary-color);
            -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3e%3c/svg%3e");
            mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3e%3c/svg%3e");
        }

/* Table container - same border as Bookings; .table-responsive supplies overflow-x */
.marina-table-container[b-5ip1oq2pv7] {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    /* Page-scoped hover (matches BerthMasterData) */
    --table-row-hover: rgba(0, 51, 102, 0.10);
}

.theme-dark .marina-table-container[b-5ip1oq2pv7] {
    --table-row-hover: rgba(58, 151, 255, 0.14);
}

/* Amenities / Add-on Services / Links tables - same format as Bookings (.booking-table) */
.amenities-table[b-5ip1oq2pv7],
.addon-services-table[b-5ip1oq2pv7],
.links-table[b-5ip1oq2pv7] {
    width: 100%;
    border-collapse: collapse;
    background-color: transparent;
    color: var(--text-color);
}

    .amenities-table thead[b-5ip1oq2pv7],
    .addon-services-table thead[b-5ip1oq2pv7],
    .links-table thead[b-5ip1oq2pv7] {
        background-color: var(--table-header-bg);
        font-weight: 500;
    }

    .amenities-table th[b-5ip1oq2pv7],
    .amenities-table td[b-5ip1oq2pv7],
    .addon-services-table th[b-5ip1oq2pv7],
    .addon-services-table td[b-5ip1oq2pv7],
    .links-table th[b-5ip1oq2pv7],
    .links-table td[b-5ip1oq2pv7] {
        padding: 10px;
        text-align: left;
        border-bottom: 1px solid var(--border-color);
        font-size: 0.9rem;
        vertical-align: middle;
        color: var(--text-color);
    }

    .amenities-table td[b-5ip1oq2pv7],
    .addon-services-table td[b-5ip1oq2pv7],
    .links-table td[b-5ip1oq2pv7] {
        background-color: var(--table-row-bg);
    }

    .amenities-table tbody tr:hover td[b-5ip1oq2pv7],
    .addon-services-table tbody tr:hover td[b-5ip1oq2pv7],
    .links-table tbody tr:hover td[b-5ip1oq2pv7] {
        background-color: var(--table-row-hover);
    }

.theme-dark .theme-icon[b-5ip1oq2pv7] {
    filter: invert(1) brightness(2);
}

/* Links Table - form controls and delete icon - Theme Aware */
.links-table .form-control[b-5ip1oq2pv7] {
    background-color: transparent;
    color: var(--text-color);
    border-color: transparent;
    font-size: inherit;
}

    .links-table .form-control:focus[b-5ip1oq2pv7] {
        background-color: var(--surface-color);
        border-color: var(--primary-color);
    }

.links-table .bi-trash[b-5ip1oq2pv7] {
    color: var(--text-color);
    cursor: pointer;
    opacity: 0.7;
}

    .links-table .bi-trash:hover[b-5ip1oq2pv7] {
        color: var(--primary-color);
        opacity: 1;
    }

/* Toggle switch (slider) - checked state */
.form-switch .form-check-input:checked[b-5ip1oq2pv7] {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

/* Add-on Services Table - form controls: solid, theme-aware background that does not change on row hover */
.addon-services-table .form-select[b-5ip1oq2pv7],
.addon-services-table .form-control[b-5ip1oq2pv7] {
    font-size: inherit;
    background-color: var(--surface-color);
    color: var(--text-color);
    border-color: var(--border-color);
}

    .addon-services-table .form-select:focus[b-5ip1oq2pv7],
    .addon-services-table .form-control:focus[b-5ip1oq2pv7] {
        background-color: var(--surface-color);
        border-color: var(--primary-color);
    }

/* Cancellation policy/fee inputs - Theme Aware */
.input-group .form-control[b-5ip1oq2pv7] {
    background-color: var(--surface-color);
    color: var(--text-color);
}
/* /Pages/Payments.razor.rz.scp.css */
/*     .input-group .search-button {
        background-color: white !important;
        border-color: #ced4da !important;
        border-left: none !important;
    }

        .input-group .search-button:hover {
            background-color: white !important;
            border-color: #ced4da !important;
            color: #6c757d !important;
        }

        .input-group .search-button:focus {
            background-color: white !important;
            border-color: #80bdff !important;
            box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important;
        } */

.subpricemodel-table-container[b-89zfwo4j9j] {
    margin-top: 0px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: auto;
}

.subpricemodel-table[b-89zfwo4j9j] {
    width: 100%;
    border-collapse: collapse;
    background-color: transparent;
    color: var(--text-color);
}

    .subpricemodel-table thead[b-89zfwo4j9j] {
        background-color: var(--table-header-bg);
        font-weight: 500;
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .subpricemodel-table th[b-89zfwo4j9j],
    .subpricemodel-table td[b-89zfwo4j9j] {
        padding: 10px;
        text-align: left;
        border-bottom: 1px solid var(--border-color);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.9rem;
    }

    .subpricemodel-table td[b-89zfwo4j9j] {
        background-color: var(--table-row-bg);
        color: var(--text-color);
    }

        .subpricemodel-table td.validfrom-col[b-89zfwo4j9j],
        .subpricemodel-table td.validto-col[b-89zfwo4j9j],
        .subpricemodel-table td.berth-category-column[b-89zfwo4j9j],
        .subpricemodel-table td.berth-type-column[b-89zfwo4j9j],
        .subpricemodel-table td.berthdesignator-col[b-89zfwo4j9j],
        .subpricemodel-table td.customertype-col[b-89zfwo4j9j] {
            padding-left: 32px;
        }

.sortable[b-89zfwo4j9j] {
    padding: 0px;
    cursor: pointer;
}

.header-content[b-89zfwo4j9j] {
    display: flex;
    align-items: center;
    padding: 0;
}

.sort-container[b-89zfwo4j9j] {
    position: relative;
    padding-left: 0;
}

.sort-indicator[b-89zfwo4j9j] {
    position: absolute;
    left: 0;
    width: 15px;
    text-align: center;
}

.header-text[b-89zfwo4j9j] {
    padding-left: 20px;
}

.selectedforpayment-col[b-89zfwo4j9j] {
    width: 10%;
    text-align: center;
    vertical-align: middle;
}

.subpricemodel-table td.selectedforpayment-col[b-89zfwo4j9j] {
    text-align: center;
    padding-left: 10px;
}

.validfrom-col[b-89zfwo4j9j],
.validto-col[b-89zfwo4j9j] {
    width: 15%;
}

.berthcategory-col[b-89zfwo4j9j] {
    width: 12%;
}

.berthtype-col[b-89zfwo4j9j] {
    width: 12%;
}

.subpricemodel-table td.berthdesignator-col[b-89zfwo4j9j] {
    width: 10%;
    text-align: center;
}

.customertype-col[b-89zfwo4j9j] {
    width: 12%;
}

.subpricemodel-table th.priceperperiod-col[b-89zfwo4j9j],
.subpricemodel-table td.priceperperiod-col[b-89zfwo4j9j] {
    width: 14%;
    text-align: end
}

/*.action-col {
    width: 2%;
    min-width: 20px;
    text-align: right;
    position: relative;
}

.action-button {
    color: #003366;
    padding: 0;
    border-color: transparent;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
    white-space: nowrap;
}

    .dropdown-item .bi {
        margin-left: 8px;
    }

.action-menu {
    position: fixed;
    z-index: 9999;
    min-width: 12rem;
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    margin-top: 0;
    margin-bottom: 0;
}

.action-col .dropdown {
    position: relative;
}*/

/* Results popup */
.popup-overlay[b-89zfwo4j9j] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}

.popup-container[b-89zfwo4j9j] {
    background-color: var(--surface-color);
    padding: 0;
    border-radius: 5px;
    width: 90%;
    max-width: 800px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.popup-header[b-89zfwo4j9j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-color);
}

    .popup-header h5[b-89zfwo4j9j] {
        margin: 0;
        font-size: 1.25rem;
        color: var(--text-color);
    }

.close-button[b-89zfwo4j9j] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0;
    margin: 0;
    color: var(--text-color);
}

    .close-button:hover[b-89zfwo4j9j] {
        color: var(--primary-color);
    }

.popup-body[b-89zfwo4j9j] {
    padding: 1rem;
    overflow-y: auto;
    flex: 1;
}

.popup-footer[b-89zfwo4j9j] {
    display: flex;
    justify-content: flex-end;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--border-color);
}

.results-summary[b-89zfwo4j9j] {
    padding: 0.5rem 0;
}

.result-stat[b-89zfwo4j9j] {
    display: flex;
    align-items: center;
    font-size: 0.95rem;
}

.failed-collections-container[b-89zfwo4j9j] {
    margin-top: 0.5rem;
}

    .failed-collections-container .table-container[b-89zfwo4j9j] {
        max-height: 400px;
        overflow-y: auto;
        border: 1px solid var(--border-color);
        border-radius: 4px;
    }

    .failed-collections-container table[b-89zfwo4j9j] {
        width: 100%;
        border-collapse: collapse;
        color: var(--text-color);
    }

        .failed-collections-container table th[b-89zfwo4j9j] {
            background-color: var(--table-header-bg);
            font-weight: 500;
            position: sticky;
            top: 0;
            z-index: 1;
        }

        .failed-collections-container table th[b-89zfwo4j9j],
        .failed-collections-container table td[b-89zfwo4j9j] {
            padding: 8px 10px;
            border-bottom: 1px solid var(--border-color);
            font-size: 0.85rem;
        }

/* Collections table */
.collections-table-container[b-89zfwo4j9j] {
    margin-top: 0px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: auto;
}

.collections-table[b-89zfwo4j9j] {
    width: 100%;
    border-collapse: collapse;
    background-color: transparent;
    color: var(--text-color);
}

    .collections-table thead[b-89zfwo4j9j] {
        background-color: var(--table-header-bg);
        font-weight: 500;
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .collections-table th[b-89zfwo4j9j],
    .collections-table td[b-89zfwo4j9j] {
        padding: 10px;
        text-align: left;
        border-bottom: 1px solid var(--border-color);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.9rem;
    }

    .collections-table td[b-89zfwo4j9j] {
        background-color: var(--table-row-bg);
        color: var(--text-color);
    }

        .collections-table td.col-customer[b-89zfwo4j9j],
        .collections-table td.col-berth[b-89zfwo4j9j],
        .collections-table td.col-from[b-89zfwo4j9j],
        .collections-table td.col-to[b-89zfwo4j9j],
        .collections-table td.col-status[b-89zfwo4j9j],
        .collections-table td.col-created[b-89zfwo4j9j] {
            padding-left: 32px;
        }

.col-customer[b-89zfwo4j9j] {
    width: 18%;
}

.col-berth[b-89zfwo4j9j] {
    width: 10%;
}

.col-from[b-89zfwo4j9j],
.col-to[b-89zfwo4j9j] {
    width: 12%;
}

.collections-table th.col-amount .header-content[b-89zfwo4j9j] {
    justify-content: flex-end;
}

.col-amount[b-89zfwo4j9j] {
    width: 14%;
    text-align: end;
}

.collections-table th.col-amount[b-89zfwo4j9j] {
    text-align: end;
    padding-right: 10px;
}

.collections-table td.col-amount[b-89zfwo4j9j] {
    text-align: end;
}

.col-status[b-89zfwo4j9j] {
    width: 12%;
}

.col-created[b-89zfwo4j9j] {
    width: 12%;
}

.period-text[b-89zfwo4j9j] {
    font-size: 0.9rem;
    color: var(--text-color);
    font-weight: 500;
}

/* Download menu */
.download-menu-wrapper[b-89zfwo4j9j] {
    position: relative;
}

.action-menu[b-89zfwo4j9j] {
    position: fixed;
    z-index: 9999;
    min-width: 12rem;
    background-color: var(--surface-color);
    border: 1px solid var(--border-color);
    border-radius: .25rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    margin-top: 0;
    margin-bottom: 0;
}

.dropdown-item[b-89zfwo4j9j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
    white-space: nowrap;
    color: var(--text-color);
    background-color: transparent;
    border: none;
    width: 100%;
    cursor: pointer;
}

    .dropdown-item:hover[b-89zfwo4j9j] {
        background-color: var(--hover-color, #f0f0f0);
    }

/* Sales receipts table */
.receipts-table-container[b-89zfwo4j9j] {
    margin-top: 0px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: auto;
}

.receipts-table[b-89zfwo4j9j] {
    width: 100%;
    border-collapse: collapse;
    background-color: transparent;
    color: var(--text-color);
}

    .receipts-table thead[b-89zfwo4j9j] {
        background-color: var(--table-header-bg);
        font-weight: 500;
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .receipts-table th[b-89zfwo4j9j],
    .receipts-table td[b-89zfwo4j9j] {
        padding: 10px;
        text-align: left;
        border-bottom: 1px solid var(--border-color);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.9rem;
    }

    .receipts-table td[b-89zfwo4j9j] {
        background-color: var(--table-row-bg);
        color: var(--text-color);
    }

        .receipts-table td.col-sentat[b-89zfwo4j9j],
        .receipts-table td.col-bookingid[b-89zfwo4j9j],
        .receipts-table td.col-toemail[b-89zfwo4j9j] {
            padding-left: 32px;
        }

.col-sentat[b-89zfwo4j9j] {
    width: 18%;
}

.col-bookingid[b-89zfwo4j9j] {
    width: 12%;
}

.col-toemail[b-89zfwo4j9j] {
    width: 25%;
}

.col-subject[b-89zfwo4j9j] {
    width: 40%;
}

.col-view[b-89zfwo4j9j],
.col-download[b-89zfwo4j9j] {
    width: 5%;
    text-align: center;
}

.receipts-table td.col-view[b-89zfwo4j9j],
.receipts-table td.col-download[b-89zfwo4j9j] {
    text-align: center;
}

.receipt-download-btn[b-89zfwo4j9j] {
    color: var(--text-color);
}

    .receipt-download-btn:hover[b-89zfwo4j9j] {
        color: var(--primary-color);
    }

/* Receipt view popup */
.receipt-view-container[b-89zfwo4j9j] {
    max-width: 900px;
    height: 85vh;
}

.receipt-view-body[b-89zfwo4j9j] {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.receipt-view-frame[b-89zfwo4j9j] {
    flex: 1;
    width: 100%;
    border: none;
    background-color: var(--bs-white);
}

.receipt-view-text[b-89zfwo4j9j] {
    flex: 1;
    margin: 0;
    padding: 1rem;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--text-color);
    background-color: var(--surface-color);
}
/* /Pages/PricingDiscount.razor.rz.scp.css */
/* Accordion Styling - Theme Aware */
[b-1ske5n2lr8] .e-accordion {
    background-color: transparent;
    border: none;
}

    [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select {
        background-color: var(--background-color);
        margin-bottom: 0.5rem;
        border: 1px solid var(--background-color);
        border-radius: 4px;
    }

        [b-1ske5n2lr8] .e-accordion .e-acrdn-item .e-acrdn-header,
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select > .e-acrdn-header,
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select.e-active > .e-acrdn-header,
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header,
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
            padding: 0rem 2rem;
            background-color: var(--background-color);
            color: var(--text-color);
            border: none !important;
        }

            [b-1ske5n2lr8] .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
                padding: 0rem;
                color: var(--text-color);
            }

            [b-1ske5n2lr8] .e-accordion .e-acrdn-item .e-acrdn-header:hover,
            [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover {
                background-color: var(--background-color);
            }

        [b-1ske5n2lr8] .e-accordion .e-acrdn-item .e-acrdn-panel,
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content,
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select.e-selected .e-acrdn-panel .e-acrdn-content,
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select.e-expand-state .e-acrdn-panel .e-acrdn-content,
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select.e-active .e-acrdn-panel .e-acrdn-content {
            background-color: var(--accordion-background);
            color: var(--text-color);
            border: none !important;
            box-shadow: none !important;
        }

            /* Divider between header and unfolded content - full width with a small margin each side.
            The panel only exists in the DOM while the item is open, so nothing shows when collapsed. */
            [b-1ske5n2lr8] .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content,
            [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
            [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select.e-selected .e-acrdn-panel .e-acrdn-content,
            [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select.e-expand-state .e-acrdn-panel .e-acrdn-content,
            [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select.e-active .e-acrdn-panel .e-acrdn-content {
                margin: 0 0.5rem;
                border-top: 1px solid var(--primary-color-light) !important;
            }

        /* Active/Click/Focus state */
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item .e-acrdn-header:focus,
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item .e-acrdn-header:active,
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item .e-acrdn-header:focus-visible,
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item .e-acrdn-header.e-acrdn-header-focus,
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-item-focus > .e-acrdn-header,
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select.e-active > .e-acrdn-header,
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select.e-active > .e-acrdn-header:focus,
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
            background-color: var(--background-color) !important;
            outline: none !important;
            box-shadow: none !important;
        }

    /* Accordion item border during transitions */
    [b-1ske5n2lr8] .e-accordion .e-acrdn-item,
    [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-select,
    [b-1ske5n2lr8] .e-accordion .e-acrdn-item.e-item-focus {
        border-color: var(--background-color) !important;
        background-color: transparent !important;
    }

        /* Cover the toggle icon area which can also flash */
        [b-1ske5n2lr8] .e-accordion .e-acrdn-item .e-toggle-icon {
            background-color: transparent !important;
        }

            /* Accordion toggle icon - Theme Aware */
            [b-1ske5n2lr8] .e-accordion .e-acrdn-item .e-toggle-icon,
            [b-1ske5n2lr8] .e-accordion .e-acrdn-item .e-toggle-icon .e-icons,
            [b-1ske5n2lr8] .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
                color: var(--text-color) !important;
            }

/* Flexible Table Styling - Theme Aware */
.flexible-table[b-1ske5n2lr8] {
    width: 100%;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    color: var(--text-color);
    border-radius: 4px;
}
    /* Apply grid to both header and data rows uniformly */
    .flexible-table thead tr[b-1ske5n2lr8],
    .flexible-table tbody tr[b-1ske5n2lr8] {
        display: grid;
        grid-template-columns: minmax(7rem, 140px) minmax(6rem, 105px) minmax(6rem, 130px) 1fr;
        width: 100%;
    }

    .flexible-table th[b-1ske5n2lr8],
    .flexible-table td[b-1ske5n2lr8] {
        padding: 0.125rem 0;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--text-color);
    }
        /* First column - 2rem right padding */
        .flexible-table th:nth-child(1)[b-1ske5n2lr8],
        .flexible-table td:nth-child(1)[b-1ske5n2lr8] {
            padding-right: 2rem;
        }
        /* Second column - 0rem right padding */
        .flexible-table th:nth-child(2)[b-1ske5n2lr8],
        .flexible-table td:nth-child(2)[b-1ske5n2lr8] {
            padding-right: 0rem;
        }
        /* Third column - 3rem right padding */
        .flexible-table th:nth-child(3)[b-1ske5n2lr8],
        .flexible-table td:nth-child(3)[b-1ske5n2lr8] {
            padding-right: 3rem;
        }
        /* Fourth column - no right padding */
        .flexible-table th:nth-child(4)[b-1ske5n2lr8],
        .flexible-table td:nth-child(4)[b-1ske5n2lr8] {
            padding-right: 0;
        }

    .flexible-table th[b-1ske5n2lr8] {
        font-weight: bold;
        padding-bottom: 0rem;
    }

    .flexible-table td[b-1ske5n2lr8] {
        padding-top: 0.125rem;
    }

/* Narrow screens: header + row side by side as a 3-column grid, 4th column (berth pricing note) on its own line.
   Selectors match the desktop grid rules above so they override them (same specificity, later in file). */
@media (max-width: 767.98px) {
    .flexible-table thead tr[b-1ske5n2lr8],
    .flexible-table tbody tr[b-1ske5n2lr8] {
        grid-template-columns: 1fr 1fr 1fr;
        /* keep clear of the Syncfusion toggle icon on the right */
        padding-right: 2.5rem;
        box-sizing: border-box;
    }

        .flexible-table th:nth-child(1)[b-1ske5n2lr8],
        .flexible-table td:nth-child(1)[b-1ske5n2lr8],
        .flexible-table th:nth-child(3)[b-1ske5n2lr8],
        .flexible-table td:nth-child(3)[b-1ske5n2lr8] {
            padding-right: 0.5rem;
        }

        .flexible-table th:nth-child(4)[b-1ske5n2lr8],
        .flexible-table td:nth-child(4)[b-1ske5n2lr8] {
            grid-column: 1 / -1;
        }

        .flexible-table th:nth-child(4):empty[b-1ske5n2lr8],
        .flexible-table td:nth-child(4):empty[b-1ske5n2lr8] {
            display: none;
        }
}

/* Pricing Select - Theme Aware */
.content-container[b-1ske5n2lr8]  .pricing-select {
    max-width: 50ch;
    color: var(--text-color);
    background-color: var(--selector-background-color);
    border-color: var(--border-color);
}

    .content-container[b-1ske5n2lr8]  .pricing-select:focus {
        color: var(--text-color);
        background-color: var(--selector-background-color);
        border-color: var(--primary-color);
    }


/* Min Height Flexible */
.min-height-flexible[b-1ske5n2lr8] {
    min-height: fit-content;
    height: auto;
}

/* Sliding Toggle Container - Theme Aware */
.sliding-toggle-container[b-1ske5n2lr8] {
    display: flex;
    position: relative;
    width: fit-content;
    height: 32px;
    background-color: var(--surface-alt-color);
    border: 1px solid var(--border-color);
    border-radius: 7px;
    cursor: pointer;
    overflow: hidden;
    margin: 0 auto;
}

.toggle-label[b-1ske5n2lr8] {
    flex: 1 1 0;
    min-width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    font-size: 85%;
    line-height: 1;
    color: var(--text-color);
    transition: color 0.3s;
    user-select: none;
    white-space: nowrap;
    padding: 0 12px;
}

    .toggle-label.active[b-1ske5n2lr8] {
        color: white;
    }

.toggle-slider[b-1ske5n2lr8] {
    position: absolute;
    width: calc(50% - 2px);
    height: calc(100% - 4px);
    background-color: var(--primary-color);
    transition: transform 0.3s ease;
    top: 2px;
    left: 2px;
    border-radius: 5px;
}

    .toggle-slider.left[b-1ske5n2lr8] {
        transform: translateX(0);
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .toggle-slider.right[b-1ske5n2lr8] {
        transform: translateX(calc(100%));
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

/* Price Input Containers - Theme Aware */
.border[b-1ske5n2lr8] {
    border-color: var(--border-color) !important;
}

.rounded[b-1ske5n2lr8] {
    background-color: var(--surface-color);
}

.form-label[b-1ske5n2lr8] {
    color: var(--text-color);
}

.col-form-label[b-1ske5n2lr8] {
    color: var(--text-color);
}

/* Input Group - Theme Aware */
.input-group-text[b-1ske5n2lr8] {
    color: var(--text-color);
    background-color: var(--surface-alt-color);
    border-color: var(--border-color);
}

/* Input Group - Theme Aware (same look as MarinaInfo cancellation-fee input) */
.input-group .form-control[b-1ske5n2lr8] {
    background-color: var(--surface-color);
    color: var(--text-color);
}

/* Alert Info - Theme Aware */
.alert-info[b-1ske5n2lr8] {
    background-color: var(--surface-alt-color);
    border-color: var(--border-color);
    color: var(--text-color);
}

/* Price Range Row Background - Theme Aware */
.min-height-flexible[style*="background-color: white"][b-1ske5n2lr8] {
    background-color: var(--surface-color) !important;
}

/* Syncfusion NumericTextBox - Theme Aware */
[b-1ske5n2lr8] .e-input-group,
[b-1ske5n2lr8] .e-input-group.e-control-wrapper {
    background-color: var(--surface-color);
    border-color: var(--border-color);
}

    [b-1ske5n2lr8] .e-input-group input.e-input,
    [b-1ske5n2lr8] .e-input-group.e-control-wrapper input.e-input {
        color: var(--text-color);
        background-color: var(--surface-color);
    }

    [b-1ske5n2lr8] .e-input-group:not(.e-disabled):not(.e-float-icon-left)::before,
    [b-1ske5n2lr8] .e-input-group:not(.e-disabled):not(.e-float-icon-left)::after {
        background-color: var(--primary-color);
    }

/* Form Check Switch - Theme Aware */
.form-check-input[b-1ske5n2lr8] {
    background-color: var(--surface-alt-color);
    border-color: var(--border-color);
}

    .form-check-input:checked[b-1ske5n2lr8] {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

/* Buttons - Theme Aware */
.btn-outline-primary[b-1ske5n2lr8] {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

    .btn-outline-primary:hover[b-1ske5n2lr8] {
        background-color: var(--primary-color);
        color: #ffffff;
    }

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

    .btn-outline-danger:hover[b-1ske5n2lr8] {
        background-color: #dc3545;
        color: #ffffff;
    }

.btn-primary[b-1ske5n2lr8] {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #ffffff;
}

    .btn-primary:hover[b-1ske5n2lr8] {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        opacity: 0.9;
    }

    .btn-primary:disabled[b-1ske5n2lr8] {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        opacity: 0.65;
    }

.btn-secondary[b-1ske5n2lr8] {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #ffffff;
}

/* Text Colors - Theme Aware */
.text-danger[b-1ske5n2lr8] {
    color: #dc3545 !important;
}

.fw-bold[b-1ske5n2lr8] {
    color: var(--text-color);
}

/* Price Entry Fields - relative sizing, responsive */
.price-field[b-1ske5n2lr8] {
    flex: 1 1 9ch;
    min-width: 8ch;
    max-width: 14ch;
}

/* Let the Syncfusion wrapper fill the flex item instead of a fixed Width */
[b-1ske5n2lr8] .price-field .e-input-group,
[b-1ske5n2lr8] .price-field .e-input-group.e-control-wrapper {
    width: 100%;
}

[b-1ske5n2lr8] .price-field input.e-input {
    font-size: 0.9rem;
}

.size-input[b-1ske5n2lr8] {
    width: 10ch;
    min-width: 10ch;
    font-size: 0.9rem;
    /* No spin buttons: values are typed or derived, and it frees width for 999,99 */
    -moz-appearance: textfield;
    appearance: textfield;
}

    .size-input[b-1ske5n2lr8]::-webkit-outer-spin-button,
    .size-input[b-1ske5n2lr8]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.unit-suffix[b-1ske5n2lr8] {
    font-size: 0.9rem;
}

/* From field (read-only): unit suffix borderless and transparent, like the number */
.input-group:has(.size-input[readonly]) > .input-group-text.unit-suffix[b-1ske5n2lr8] {
    border: none;
    background-color: transparent;
    color: var(--text-color);
}

.price-error[b-1ske5n2lr8] {
    font-size: 0.7rem;
}

/* Below md: two price fields per line, hide the vertical divider */
@media (max-width: 767.98px) {
    .price-field[b-1ske5n2lr8] {
        max-width: none;
        flex-basis: calc(50% - 0.5rem);
    }

    .price-divider[b-1ske5n2lr8] {
        display: none;
    }
}

/* "After" label in the volume tier row: indented and with a small gap before the nights input */
.tier-after-label[b-1ske5n2lr8] {
    padding-left: 8rem; /* indent */
    padding-right: 0.5rem; /* space between label and input */
    white-space: nowrap;
}

/* Volume discount tier inputs - wide enough for 999 / 100,0 incl. padding and spin buttons */
.tier-nights-input[b-1ske5n2lr8] {
    width: 9ch;
    min-width: 9ch;
    max-width: 9ch;
    /* Same theme-aware look as the discount input inside the input-group */
    background-color: var(--surface-color);
    color: var(--text-color);
    border-color: var(--border-color);
}


/* Discount % input groups - fixed compact width so both rows align */
.discount-input-group[b-1ske5n2lr8] {
    width: auto;
    flex: 0 0 auto;
}

    .discount-input-group .form-control[b-1ske5n2lr8] {
        flex: 0 0 5.5rem;
        width: 5.5rem;
    }

/* Same label box in the Frihavn/Tr?skib rows and the tier rows => inputs start at the same x */
.discount-label[b-1ske5n2lr8] {
    flex: 0 0 8ch;
    width: 8ch;
    text-align: end;
}

/* Tier row: long text is right-aligned in the 8ch box and overflows to the LEFT, so it hugs the input */
.discount-label-overflow[b-1ske5n2lr8] {
    display: flex;
    justify-content: flex-end;
    white-space: nowrap;
}

/* Below md the tier columns stack, so there is no room to the left for the overflow:
   drop the indent and let the label take the remaining width and wrap instead */
@media (max-width: 767.98px) {
    .tier-after-label[b-1ske5n2lr8] {
        padding-left: 0;
    }

    .discount-label-overflow[b-1ske5n2lr8] {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        white-space: normal;
        text-align: start;
        justify-content: flex-start;
    }
}
/* /Pages/RegularCustomers.razor.rz.scp.css */
/* Sliding Toggle - Theme Aware */
.sliding-toggle-container[b-8zu8rxy6sq] {
    display: flex;
    position: relative;
    width: fit-content;
    height: 32px;
    background-color: var(--surface-alt-color);
    border: 1px solid var(--border-color);
    border-radius: 7px;
    cursor: pointer;
    overflow: hidden;
    margin: 0 auto;
}

.toggle-label[b-8zu8rxy6sq] {
    flex: 1 1 0;
    min-width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    font-size: 85%;
    line-height: 1;
    color: var(--text-color);
    transition: color 0.3s;
    user-select: none;
    white-space: nowrap;
    padding: 0 12px;
}

    .toggle-label.active[b-8zu8rxy6sq] {
        color: white;
    }

.toggle-slider[b-8zu8rxy6sq] {
    position: absolute;
    width: calc(50% - 2px);
    height: calc(100% - 4px);
    background-color: var(--primary-color);
    transition: transform 0.3s ease;
    top: 2px;
    left: 2px;
    border-radius: 5px;
}

    .toggle-slider.left[b-8zu8rxy6sq] {
        transform: translateX(0);
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .toggle-slider.right[b-8zu8rxy6sq] {
        transform: translateX(calc(100%));
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

/* Regular Customer Table Container - Theme Aware */
.regcustomer-table-container[b-8zu8rxy6sq] {
    margin-top: 0px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: auto;
}

/* Regular Customer Table - Theme Aware */
.regcustomer-table[b-8zu8rxy6sq] {
    width: 100%;
    border-collapse: collapse;
    background-color: transparent;
    color: var(--text-color);
}

    .regcustomer-table thead[b-8zu8rxy6sq] {
        background-color: var(--table-header-bg);
        font-weight: 500;
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .regcustomer-table th[b-8zu8rxy6sq],
    .regcustomer-table td[b-8zu8rxy6sq] {
        padding: 10px;
        text-align: left;
        border-bottom: 1px solid var(--border-color);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.9rem;
    }

    .regcustomer-table td[b-8zu8rxy6sq] {
        padding: 2px 10px;
        background-color: var(--table-row-bg);
        color: var(--text-color);
    }

        .regcustomer-table td.berthdesignator-col[b-8zu8rxy6sq],
        .regcustomer-table td.firstname-col[b-8zu8rxy6sq],
        .regcustomer-table td.lastname-col[b-8zu8rxy6sq],
        .regcustomer-table td.email-col[b-8zu8rxy6sq],
        .regcustomer-table td.customertype-col[b-8zu8rxy6sq],
        .regcustomer-table td.createddatetime-col[b-8zu8rxy6sq] {
            padding-left: 32px;
        }

        .regcustomer-table td.firstname-col[b-8zu8rxy6sq],
        .regcustomer-table td.lastname-col[b-8zu8rxy6sq] {
            white-space: normal;
            overflow-wrap: break-word;
            overflow: visible;
            text-overflow: clip;
        }

/* Sorting Styles */
.sortable[b-8zu8rxy6sq] {
    padding: 0px;
    cursor: pointer;
}

.header-content[b-8zu8rxy6sq] {
    display: flex;
    align-items: center;
    padding: 0;
}

.sort-container[b-8zu8rxy6sq] {
    position: relative;
    padding-left: 0;
}

.sort-indicator[b-8zu8rxy6sq] {
    position: absolute;
    left: 0;
    width: 15px;
    text-align: center;
}

.header-text[b-8zu8rxy6sq] {
    padding-left: 20px;
}

/* Column Widths */
.berthdesignator-col[b-8zu8rxy6sq] {
    width: 5%;
    min-width: 6ch;
}

.firstname-col[b-8zu8rxy6sq] {
    width: 12%;
    min-width: 8ch;
}

.lastname-col[b-8zu8rxy6sq] {
    width: 18%;
    min-width: 10ch;
}

.address-col[b-8zu8rxy6sq] {
    width: 15%;
    min-width: 10ch;
    background-color: transparent;
}

.regcustomer-table td.address-col[b-8zu8rxy6sq] {
    font-size: 0.7rem;
}

.email-col[b-8zu8rxy6sq] {
    width: 20%;
    min-width: 10ch;
}

.phone-col[b-8zu8rxy6sq] {
    width: 14%;
    min-width: 10ch;
}

.customertype-col[b-8zu8rxy6sq] {
    width: 14%;
    min-width: 10ch;
}

.action-col[b-8zu8rxy6sq] {
    width: 2%;
    min-width: 20px;
    text-align: right;
    position: relative;
}
/* /Pages/Statistics.razor.rz.scp.css */
/* Styles for the table-based approach */
.table-container[b-aeddq5fgli] {
    margin-top: 0px;
    border: 1px solid var(--border-color);
    background-color: transparent;
    border-radius: 4px;
    box-sizing: border-box;
    overflow-x: auto;
}

.statistics-table[b-aeddq5fgli] {
    width: 100%;
    border-collapse: collapse;
    color: var(--text-color);
    background-color: transparent;
    margin-bottom: 0;
}

    .statistics-table thead[b-aeddq5fgli] {
        background-color: var(--table-header-bg);
        font-weight: 500;
    }

    .statistics-table th[b-aeddq5fgli],
    .statistics-table td[b-aeddq5fgli] {
        padding: 2px 0px 2px 10px;
        text-align: left;
        border-bottom: 1px solid var(--border-color);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.9rem;
    }

    .statistics-table td[b-aeddq5fgli] {
        background-color: var(--table-row-bg);
        color: var(--text-color);
    }

    .statistics-table tfoot tr[b-aeddq5fgli] {
        font-weight: bold;
        background-color: var(--table-last-row-bg);
    }

    /* Taller header row (all statistics tables) */
    .statistics-table thead th[b-aeddq5fgli] {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    /* Slightly taller total row (tfoot) */
    .statistics-table tfoot td[b-aeddq5fgli] {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }

.header-content[b-aeddq5fgli] {
    display: flex;
    align-items: center;
    padding: 0;
}

.header-text[b-aeddq5fgli] {
    padding-right: 10px;
    color: var(--text-color);
}

.nights-col .header-text[b-aeddq5fgli],
.utilisation-col .header-text[b-aeddq5fgli] {
    text-align: right;
    margin-left: auto;
    margin-right: 0;
    display: block;
}

td.nights-col[b-aeddq5fgli],
td.utilisation-col[b-aeddq5fgli],
td.revenue-col[b-aeddq5fgli] {
    text-align: right;
    padding-right: 20px;
    white-space: nowrap;
}

.length-col .header-text[b-aeddq5fgli],
.beam-col .header-text[b-aeddq5fgli],
.draft-col .header-text[b-aeddq5fgli] {
    text-align: right;
    margin-left: auto;
    margin-right: 0;
    display: block;
}

td.length-col[b-aeddq5fgli],
td.beam-col[b-aeddq5fgli],
td.draft-col[b-aeddq5fgli] {
    text-align: right;
    padding-right: 20px;
    white-space: nowrap;
}

.period-text[b-aeddq5fgli] {
    font-size: 0.95rem;
    color: var(--text-color);
}

.download-menu-wrapper[b-aeddq5fgli] {
    position: relative;
}

.action-menu[b-aeddq5fgli] {
    position: absolute;
    z-index: 9999;
    min-width: 12rem;
    background-color: var(--surface-color);
    border: 1px solid var(--border-color);
    border-radius: .25rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    margin-top: 0;
    margin-bottom: 0;
}

    /* Dropdown item styling - theme aware */
    .action-menu .dropdown-item[b-aeddq5fgli] {
        color: var(--text-color);
        background-color: transparent;
        padding: 0.5rem 1rem;
        border: none;
        width: 100%;
        text-align: left;
        cursor: pointer;
        transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
    }

        .action-menu .dropdown-item:hover[b-aeddq5fgli],
        .action-menu .dropdown-item:focus[b-aeddq5fgli] {
            color: var(--text-color);
            background-color: var(--surface-alt-color);
        }

        .action-menu .dropdown-item:active[b-aeddq5fgli] {
            color: #fff;
            background-color: var(--primary-color);
        }

        .action-menu .dropdown-item i[b-aeddq5fgli] {
            color: inherit;
        }

.popup-overlay[b-aeddq5fgli] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup-container[b-aeddq5fgli] {
    background-color: var(--surface-color);
    padding: 0;
    border-radius: 5px;
    width: 90%;
    max-width: 1000px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.popup-header[b-aeddq5fgli] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-color);
}

    .popup-header h3[b-aeddq5fgli] {
        margin: 0;
        font-size: 1.25rem;
        color: var(--text-color);
    }

.close-button[b-aeddq5fgli] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0;
    margin: 0;
    color: var(--text-color);
}

    .close-button:hover[b-aeddq5fgli] {
        color: var(--primary-color);
    }

.popup-body[b-aeddq5fgli] {
    padding: 1rem;
    overflow-y: auto;
    flex: 1;
}

.raw-data-download-container[b-aeddq5fgli] {
    padding: 0.5rem 0;
}

.raw-data-description[b-aeddq5fgli] {
    font-size: 0.95rem;
    color: var(--text-color);
}

.raw-data-buttons .btn[b-aeddq5fgli] {
    min-width: 180px;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
}

/* Add-on services table layout:
   - 1st, 2nd and 3rd columns shrink to their content and pack on the left
   - 50px gap between 1st-2nd column
   - 5px gap between 2nd-3rd column
   - Unit (3rd column) is left aligned
   - Fee (4th column) absorbs the remaining width and stays right aligned
   - the table still fills all available width (inherited width: 100%) */
.addon-services-table th.berthcategory-col[b-aeddq5fgli],
.addon-services-table td.berthcategory-col[b-aeddq5fgli],
.addon-services-table th.nights-col[b-aeddq5fgli],
.addon-services-table td.nights-col[b-aeddq5fgli],
.addon-services-table th.utilisation-col[b-aeddq5fgli],
.addon-services-table td.utilisation-col[b-aeddq5fgli] {
    width: 1%;
    white-space: nowrap;
}

/* 50px gap between 1st-2nd column */
.addon-services-table th.nights-col[b-aeddq5fgli],
.addon-services-table td.nights-col[b-aeddq5fgli] {
    padding-left: 50px;
    padding-right: 0;
}

/* 5px gap between 2nd-3rd column */
.addon-services-table th.utilisation-col[b-aeddq5fgli],
.addon-services-table td.utilisation-col[b-aeddq5fgli] {
    padding-left: 5px;
    padding-right: 0;
}

/* Unit (3rd column) left aligned, overriding the shared right-align */
.addon-services-table .utilisation-col .header-text[b-aeddq5fgli] {
    text-align: left;
    margin-left: 0;
}

.addon-services-table td.utilisation-col[b-aeddq5fgli] {
    text-align: left;
}

/* Inline indicator for raw data downloads – same look as Components/Spinner, sized for a text row */
.spinner-inline[b-aeddq5fgli] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid var(--border-color-subtle);
    border-left-color: var(--primary-color);
    border-radius: 50%;
    animation: spinner-inline-spin-b-aeddq5fgli 1s linear infinite;
}

@keyframes spinner-inline-spin-b-aeddq5fgli {
    to { transform: rotate(360deg); }
}
/* /Pages/Vacancies.razor.rz.scp.css */
/* Vacancy Table Container */
.vacancy-table-container[b-j8yad2ju2t] {
    margin-top: 0px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: auto;
}

/* Vacancy Table */
.vacancy-table[b-j8yad2ju2t] {
    width: 100%;
    border-collapse: collapse;
    background-color: transparent;
    color: var(--text-color);
}

    .vacancy-table thead[b-j8yad2ju2t] {
        background-color: var(--table-header-bg);
        font-weight: 500;
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .vacancy-table th[b-j8yad2ju2t],
    .vacancy-table td[b-j8yad2ju2t] {
        padding: 10px;
        text-align: left;
        border-bottom: 1px solid var(--border-color);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.9rem;
    }

    .vacancy-table td[b-j8yad2ju2t] {
        padding-left: 32px;
        background-color: var(--table-row-bg);
        color: var(--text-color);
    }


/* Sorting Styles */
.sortable[b-j8yad2ju2t] {
    padding: 0px;
    cursor: pointer;
}

.header-content[b-j8yad2ju2t] {
    display: flex;
    align-items: center;
    padding: 0;
}

.sort-container[b-j8yad2ju2t] {
    position: relative;
    padding-left: 0;
}

.sort-indicator[b-j8yad2ju2t] {
    position: absolute;
    left: 0;
    width: 15px;
    text-align: center;
}

.header-text[b-j8yad2ju2t] {
    padding-left: 20px;
}

/* Column Widths */
.berth-col[b-j8yad2ju2t] {
    width: 20%;
}

.startdate-col[b-j8yad2ju2t] {
    width: 15%;
}

.enddate-col[b-j8yad2ju2t] {
    width: 30%;
}

.berthholdername-col[b-j8yad2ju2t],
.tenantname-col[b-j8yad2ju2t] {
    width: 30%;
}

.action-col[b-j8yad2ju2t] {
    width: 5%;
    text-align: right;
    position: relative;
}