/* _content/Web/Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-s2i2o7u8yo] {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 100vh;
    overflow-x: clip;
}


/* =========================================================
   Sidebar
   ========================================================= */

.sidebar[b-s2i2o7u8yo] {
    width: 240px;
    min-width: 240px;
    flex: 0 0 240px;
    /* Keep the desktop sidebar visible while the page scrolls. */
    position: sticky;
    top: 0;
    height: 100vh;
    height: 100dvh;
    align-self: flex-start;
    overflow-y: auto;
    overflow-x: hidden;

    background-color: var(--app-theme-sidebar, #1a237e);
    color: #fff;

    transition:
        transform 0.3s ease,
        margin-left 0.3s ease;

    z-index: 1000;
}

.sidebar.collapsed[b-s2i2o7u8yo] {
    transform: translateX(-100%);
    margin-left: -240px;
}

.sidebar-header[b-s2i2o7u8yo] {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.sidebar-brand[b-s2i2o7u8yo] {
    min-width: 0;
}

.sidebar-brand-icon[b-s2i2o7u8yo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;

    font-size: 21px;
}

.header-motto[b-s2i2o7u8yo] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1 1 auto;
    gap: 8px;

    min-width: 0;
    max-width: 100%;
    margin-left: 0;
    padding: 4px 10px 4px 6px;

    border: 1px solid #eef1f6;
    border-radius: 12px;

    background:
        linear-gradient(
            90deg,
            #fffaf0 0%,
            #ffffff 58%,
            #ffffff 100%
        );

    color: #56627a;

    box-shadow:
        0 4px 14px rgba(31, 45, 77, 0.045),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);

    font-size: 0.95rem;
    line-height: 1.3;
    white-space: nowrap;

    animation:
        motto-reveal-b-s2i2o7u8yo 0.42s ease-out both;
}

.header-motto-icon-wrap[b-s2i2o7u8yo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 26px;

    width: 26px;
    height: 26px;

    border: 1px solid rgba(245, 158, 11, 0.16);
    border-radius: 9px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 247, 222, 0.95),
            rgba(255, 238, 183, 0.55)
        );

    box-shadow:
        0 4px 10px rgba(245, 158, 11, 0.10);

    animation:
        motto-icon-reveal-b-s2i2o7u8yo 0.5s ease-out 0.08s both;
}

.header-motto-icon[b-s2i2o7u8yo] {
    color: #f59e0b;
    font-size: 0.88rem;
    line-height: 1;
}

.header-motto-content[b-s2i2o7u8yo] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 7px;
}

.header-motto-label[b-s2i2o7u8yo] {
    flex: 0 0 auto;
    color: #1f2d4d;
    font-weight: 800;
}

.header-motto-separator[b-s2i2o7u8yo] {
    flex: 0 0 auto;
    color: #d4a017;
    font-size: 0.8rem;
    line-height: 1;
}

.header-motto-text[b-s2i2o7u8yo] {
    min-width: 0;
    overflow: hidden;
    color: #5b667b;
    text-overflow: ellipsis;
}

@keyframes motto-reveal-b-s2i2o7u8yo {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes motto-icon-reveal-b-s2i2o7u8yo {
    from {
        opacity: 0;
        transform: scale(0.88) rotate(-7deg);
    }

    to {
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}

/* Profile on the right side of the header */
.header-user-actions[b-s2i2o7u8yo] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 16px;
    min-width: 0;
    margin-left: 12px;
}

.header-user-identity[b-s2i2o7u8yo] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    max-width: 250px;
}

.header-user-avatar[b-s2i2o7u8yo] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border: none;
    border-radius: 50%;
    background: #eef3ff;
    color: #5572b0;
}

.header-user-avatar-fallback[b-s2i2o7u8yo] {
    font-size: 1.1rem;
    line-height: 1;
}

.header-user-avatar-image[b-s2i2o7u8yo] {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    border: 0;
    padding: 0;
    border-radius: 0;
    object-fit: cover;
    object-position: center top;
    transform: none;
}

.header-user-info[b-s2i2o7u8yo] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    gap: 2px;
    line-height: 1.2;
}

.header-user-name[b-s2i2o7u8yo] {
    display: block;
    max-width: 185px;
    overflow: hidden;
    color: #1f2d4d;
    font-size: 0.91rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-user-role[b-s2i2o7u8yo] {
    display: block;
    color: #79869a;
    font-size: 0.76rem;
    font-weight: 500;
    white-space: nowrap;
}

.header-logout-form[b-s2i2o7u8yo] {
    margin: 0;
}

.header-logout-button[b-s2i2o7u8yo] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0;
    border: 0;
    background: none;
    color: #0d6efd;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    cursor: pointer;
}

.header-logout-button:hover[b-s2i2o7u8yo] {
    color: #0a58ca;
}

.header-logout-button i[b-s2i2o7u8yo] {
    font-size: 0.95rem;
    line-height: 1;
}

.sidebar-title[b-s2i2o7u8yo] {
    min-width: 0;
    font-size: 0.95rem !important;
    line-height: 1.25;
    overflow-wrap: normal;
    word-break: normal;
}

.sidebar-divider[b-s2i2o7u8yo] {
    margin: 8px 24px;
    border-color: rgba(255, 255, 255, 0.1);
}

.custom-link[b-s2i2o7u8yo] {
    display: flex;
    align-items: center;

    padding: 16px 24px;

    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;

    font-size: 15px;
    font-weight: 500;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.custom-link:hover[b-s2i2o7u8yo] {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.custom-link.active[b-s2i2o7u8yo] {
    padding-left: 20px;

    background-color: rgba(255, 255, 255, 0.15);
    border-left: 4px solid #fff;

    color: #fff;
}


.logout-button[b-s2i2o7u8yo] {
    background: none;
    border: 0;
    text-align: left;
}

.nav-icon[b-s2i2o7u8yo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 24px;
    width: 24px;

    margin-right: 14px;

    color: #fff;
    font-size: 18px;
    line-height: 1;
}

.custom-link:hover .nav-icon[b-s2i2o7u8yo],
.custom-link.active .nav-icon[b-s2i2o7u8yo] {
    color: #fff;
}


/* =========================================================
   Lead / Contact Workflow Navigation
   ========================================================= */

.workflow-nav-group[b-s2i2o7u8yo],
.stammdaten-nav-group[b-s2i2o7u8yo] {
    position: relative;

    margin: 8px 14px 14px;
    padding: 8px 0;

    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.075),
            rgba(255, 255, 255, 0.025)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.055),
        0 10px 28px rgba(7, 15, 70, 0.12);

    overflow: hidden;
}




/* Group titles and planned master data links */
.sidebar-group-heading[b-s2i2o7u8yo] {
    position: relative;
    z-index: 1;
    padding: 9px 16px 6px;
    color: rgba(221, 231, 255, 0.82);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.035em;
}

.stammdaten-nav-link[b-s2i2o7u8yo] {
    display: flex;
    align-items: center;
    margin: 2px 6px;
    padding: 14px 14px 14px 16px;
    border-radius: 11px;
    color: rgba(221, 231, 255, 0.45);
    font-size: 15px;
    font-weight: 500;
    cursor: default;
    user-select: none;
}

.stammdaten-nav-link .nav-icon[b-s2i2o7u8yo] {
    color: inherit;
    margin-right: 12px;
}

/* Base workflow line: limited to workflow steps, not the independent CRM guide link. */
.workflow-steps[b-s2i2o7u8yo] {
    position: relative;
}

.workflow-steps[b-s2i2o7u8yo]::before {
    content: "";

    position: absolute;

    left: 23px;
    top: 60px;
    bottom: 31px;

    width: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            to bottom,
            rgba(121, 151, 224, 0.52),
            rgba(121, 151, 224, 0.22)
        );
}


/* Links inside workflow box */
.workflow-nav-group .workflow-nav-link[b-s2i2o7u8yo] {
    position: relative;
    z-index: 1;

    margin: 2px 6px;
    padding: 14px 14px 14px 35px;

    border-radius: 11px;

    color: rgba(255, 255, 255, 0.86);

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.workflow-nav-group .workflow-nav-link:hover[b-s2i2o7u8yo] {
    background-color: rgba(255, 255, 255, 0.085);
    color: #fff;
    transform: translateX(2px);
}


/* Completed connector segment */
.workflow-nav-group .workflow-nav-link.is-complete[b-s2i2o7u8yo]::after {
    content: "";

    position: absolute;
    z-index: 0;

    left: 16.5px;
    top: 50%;

    width: 2px;
    height: calc(100% + 4px);

    border-radius: 999px;

    background:
        linear-gradient(
            to bottom,
            var(--app-theme-node-complete, #46a9ff),
            var(--app-theme-connector-end, #6e8cff)
        );

    box-shadow:
        0 0 8px var(--app-theme-connector-glow, rgba(70, 169, 255, 0.28));
}


/* Workflow point */
.workflow-node[b-s2i2o7u8yo] {
    position: absolute;
    z-index: 2;

    left: 13px;
    top: 50%;

    width: 9px;
    height: 9px;

    border: 2px solid var(--app-theme-node-border, #334398);
    border-radius: 50%;

    background: #8198d7;

    transform: translateY(-50%);

    box-shadow:
        0 0 0 2px rgba(129, 152, 215, 0.10);

    transition:
        width 0.2s ease,
        height 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* Completed steps */
.workflow-nav-link.is-complete[b-s2i2o7u8yo] {
    color: rgba(255, 255, 255, 0.94);
}

.workflow-nav-link.is-complete .workflow-node[b-s2i2o7u8yo] {
    border-color: rgba(204, 232, 255, 0.92);
    background: var(--app-theme-node-complete, #46a9ff);

    box-shadow:
        0 0 0 3px var(--app-theme-node-complete-glow, rgba(70, 169, 255, 0.12));
}

.workflow-nav-link.is-complete .nav-icon[b-s2i2o7u8yo] {
    color: #e5f3ff;
}


/* Current step */
.workflow-nav-group .workflow-nav-link.is-active[b-s2i2o7u8yo] {
    padding-left: 35px;

    border-left: 0;

    background:
        linear-gradient(
            90deg,
            var(--app-theme-active-nav-bg, rgba(68, 145, 255, 0.22)),
            rgba(255, 255, 255, 0.075)
        );

    color: #fff;

    box-shadow:
        0 5px 16px rgba(8, 20, 92, 0.10);
}

.workflow-nav-link.is-active .workflow-node[b-s2i2o7u8yo] {
    left: 12px;

    width: 11px;
    height: 11px;

    border-color: #fff;
    background: var(--app-theme-node-active, #55b5ff);

    box-shadow:
        0 0 0 4px var(--app-theme-node-active-halo, rgba(85, 181, 255, 0.17)),
        0 0 13px var(--app-theme-node-active-glow, rgba(85, 181, 255, 0.48));
}

.workflow-nav-link.is-active .nav-icon[b-s2i2o7u8yo] {
    color: #fff;
}


/* Upcoming steps */
.workflow-nav-link.is-upcoming[b-s2i2o7u8yo] {
    color: rgba(255, 255, 255, 0.80);
}

.workflow-nav-link.is-upcoming .workflow-node[b-s2i2o7u8yo] {
    background: var(--app-theme-node-upcoming, #7087c7);
    border-color: var(--app-theme-node-border, #334398);
}


/* Keep icons aligned */
.workflow-nav-group .nav-icon[b-s2i2o7u8yo] {
    position: relative;
    z-index: 2;

    margin-right: 12px;
}


.hamburger-btn[b-s2i2o7u8yo],
.menu-toggle-btn[b-s2i2o7u8yo] {
    flex: 0 0 auto;

    padding: 0;

    background: none;
    border: 0;

    line-height: 1;
    cursor: pointer;
}

.hamburger-btn[b-s2i2o7u8yo] {
    color: #fff;
    font-size: 24px;
}

.menu-toggle-btn[b-s2i2o7u8yo] {
    display: block;

    color: #1a237e;
    font-size: 24px;
}


/* =========================================================
   Mobile Sidebar Overlay
   ========================================================= */

.sidebar-overlay[b-s2i2o7u8yo] {
    display: none;

    position: fixed;
    inset: 0;

    background: rgba(0, 0, 0, 0.4);

    z-index: 999;
}

.sidebar-overlay.open[b-s2i2o7u8yo] {
    display: block;
}


/* =========================================================
   Main Content
   ========================================================= */

.main-content[b-s2i2o7u8yo] {
    flex: 1 1 auto;

    width: 0;
    max-width: 100%;
    min-width: 0;
    min-height: 100vh;

    overflow-x: hidden;
}

.main-header[b-s2i2o7u8yo],
.main-header-inner[b-s2i2o7u8yo],
.main-page-content[b-s2i2o7u8yo] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.header-title[b-s2i2o7u8yo] {
    display: block;
    flex: 1 1 auto;

    min-width: 0;
    margin: 0;

    font-size: 1.25rem;
    line-height: 1.3;

    white-space: normal;
    overflow-wrap: anywhere;
}


/* =========================================================
   Global scroll-to-top button
   ========================================================= */

.global-scroll-top-button[b-s2i2o7u8yo] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 980;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;
    padding: 0;

    border: 0;
    border-radius: 50%;

    background: linear-gradient(135deg, #2d7cf7 0%, #5b4ef3 100%);
    color: #fff;

    font-size: 20px;
    line-height: 1;

    box-shadow: 0 14px 30px rgba(43, 82, 180, 0.28);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);

    transition:
        opacity 0.18s ease,
        visibility 0.18s ease,
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.global-scroll-top-button.is-visible[b-s2i2o7u8yo] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.global-scroll-top-button:hover[b-s2i2o7u8yo],
.global-scroll-top-button:focus-visible[b-s2i2o7u8yo] {
    color: #fff;
    box-shadow: 0 18px 34px rgba(43, 82, 180, 0.36);
    transform: translateY(-2px);
}

.global-scroll-top-button:focus-visible[b-s2i2o7u8yo] {
    outline: 3px solid rgba(45, 124, 247, 0.28);
    outline-offset: 3px;
}


@media print {
    /*
       Print only page content:
       - remove sidebar/header from the print layout
       - neutralize the application shell's flex/min-height rules
         so they cannot create an extra blank page
    */
    .sidebar[b-s2i2o7u8yo],
    .sidebar-overlay[b-s2i2o7u8yo],
    .main-header[b-s2i2o7u8yo],
    .global-scroll-top-button[b-s2i2o7u8yo] {
        display: none !important;
    }

    .app-shell[b-s2i2o7u8yo] {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    .main-content[b-s2i2o7u8yo] {
        display: block !important;
        flex: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
        background: #fff !important;
    }

    .main-page-content[b-s2i2o7u8yo] {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }
}


/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 768px) {

    .global-scroll-top-button[b-s2i2o7u8yo] {
        right: 14px;
        bottom: 18px;
        width: 44px;
        height: 44px;
        font-size: 18px;
    }

    .app-shell[b-s2i2o7u8yo] {
        display: block;
    }

    .sidebar[b-s2i2o7u8yo] {
        position: fixed;
        top: 0;
        left: 0;

        width: min(260px, 86vw);
        min-width: 0;
        max-width: 86vw;
        height: 100dvh;

        margin-left: 0;

        overflow-y: auto;

        transform: translateX(-100%);
    }

    .sidebar.open[b-s2i2o7u8yo] {
        transform: translateX(0);
    }

    .sidebar.collapsed[b-s2i2o7u8yo] {
        margin-left: 0;
        transform: translateX(-100%);
    }

    .hamburger-btn[b-s2i2o7u8yo],
    .menu-toggle-btn[b-s2i2o7u8yo] {
        display: block !important;
    }

    .sidebar-brand[b-s2i2o7u8yo] {
        gap: 10px !important;
    }

    .sidebar-brand-icon[b-s2i2o7u8yo] {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
        font-size: 19px;
    }

    .workflow-nav-group[b-s2i2o7u8yo] {
        margin-left: 10px;
        margin-right: 10px;
    }

    .main-content[b-s2i2o7u8yo] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .main-header[b-s2i2o7u8yo] {
        padding: 14px 16px !important;
    }

    .main-header-inner[b-s2i2o7u8yo] {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center !important;
        column-gap: 12px !important;
        row-gap: 10px !important;
    }

    .menu-toggle-btn[b-s2i2o7u8yo] {
        grid-column: 1;
        grid-row: 1;
    }

    .header-motto[b-s2i2o7u8yo] {
        grid-column: 1 / -1;
        grid-row: 2;

        align-items: flex-start;

        width: 100%;
        margin-left: 0;
        padding: 5px 9px 5px 6px;

        border-radius: 12px;

        font-size: 0.9rem;
        line-height: 1.45;
        white-space: normal;
    }

    .header-motto-content[b-s2i2o7u8yo] {
        flex-wrap: wrap;
        gap: 2px 7px;
    }

    .header-motto-text[b-s2i2o7u8yo] {
        overflow: visible;
        text-overflow: clip;
        overflow-wrap: anywhere;
    }

    .header-user-actions[b-s2i2o7u8yo] {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        gap: 12px;
        margin-left: 0;
    }

    .header-user-identity[b-s2i2o7u8yo] {
        max-width: 200px;
    }

    .header-user-name[b-s2i2o7u8yo] {
        max-width: 140px;
        font-size: 0.88rem;
    }

    .header-logout-button[b-s2i2o7u8yo] {
        font-size: 0.85rem;
    }

    .header-title[b-s2i2o7u8yo] {
        font-size: 1rem;
        line-height: 1.35;
    }

    .main-page-content[b-s2i2o7u8yo] {
        padding: 16px !important;
    }
}


@media (max-width: 480px) {

    .main-header[b-s2i2o7u8yo] {
        padding: 12px !important;
    }

    .main-header-inner[b-s2i2o7u8yo] {
        column-gap: 10px !important;
        row-gap: 9px !important;
    }

    .header-motto[b-s2i2o7u8yo] {
        padding: 5px 7px;
        font-size: 0.85rem;
        line-height: 1.45;
    }

    .header-motto-separator[b-s2i2o7u8yo] {
        display: none;
    }

    .header-motto-label[b-s2i2o7u8yo],
    .header-motto-text[b-s2i2o7u8yo] {
        flex-basis: 100%;
    }

    .header-user-actions[b-s2i2o7u8yo] {
        gap: 10px;
    }

    .header-user-actions[b-s2i2o7u8yo] {
        gap: 9px;
    }

    .header-user-identity[b-s2i2o7u8yo] {
        gap: 7px;
        max-width: 145px;
    }

    .header-user-avatar[b-s2i2o7u8yo] {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }

    .header-user-name[b-s2i2o7u8yo] {
        max-width: 96px;
        font-size: 0.81rem;
    }

    .header-user-role[b-s2i2o7u8yo] {
        display: none;
    }

    .header-logout-button[b-s2i2o7u8yo] {
        gap: 5px;
        font-size: 0.8rem;
    }

    .header-title[b-s2i2o7u8yo] {
        font-size: 0.95rem;
        line-height: 1.3;
    }

    .main-page-content[b-s2i2o7u8yo] {
        padding: 12px !important;
    }
}


@media (prefers-reduced-motion: reduce) {

    .header-motto[b-s2i2o7u8yo],
    .header-motto-icon-wrap[b-s2i2o7u8yo] {
        animation: none;
    }

    .workflow-nav-group .workflow-nav-link[b-s2i2o7u8yo] {
        transition: none;
    }
}


/* Theme swatches sit directly beneath the existing profile/logout row. */
.header-user-panel[b-s2i2o7u8yo] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: 0 0 auto;
    gap: 3px;
    min-width: 0;
    margin-left: 12px;
}

.header-user-panel .header-user-actions[b-s2i2o7u8yo] {
    margin-left: 0;
}

@media (max-width: 768px) {
    .header-user-panel[b-s2i2o7u8yo] {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        max-width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 480px) {
    .header-user-panel[b-s2i2o7u8yo] {
        gap: 2px;
    }
}

/* Compact secondary links under Anfragen. */
.workflow-nav-group .workflow-subnav[b-s2i2o7u8yo] {
    position: relative;
    z-index: 1;
    margin: -2px 8px 6px 43px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.workflow-nav-group a.workflow-subnav-link[b-s2i2o7u8yo],
.workflow-nav-group a.workflow-subnav-link:link[b-s2i2o7u8yo],
.workflow-nav-group a.workflow-subnav-link:visited[b-s2i2o7u8yo] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 9px;
    border-radius: 8px;
    font-size: .79rem;
    color: rgba(255,255,255,.75) !important;
    text-decoration: none !important;
}

.workflow-nav-group a.workflow-subnav-link i[b-s2i2o7u8yo] {
    color: inherit;
}

.workflow-nav-group a.workflow-subnav-link:hover[b-s2i2o7u8yo],
.workflow-nav-group a.workflow-subnav-link:focus[b-s2i2o7u8yo],
.workflow-nav-group a.workflow-subnav-link.active[b-s2i2o7u8yo] {
    color: #fff !important;
    text-decoration: none !important;
    background: rgba(255,255,255,.13);
}


/* Grouped external links and collapsed administrative navigation. */
.links-nav-group[b-s2i2o7u8yo],
.sidebar-fold-group[b-s2i2o7u8yo] {
    position: relative;
    margin: 8px 14px 14px;
    padding: 8px 0;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 10px 28px rgba(7, 15, 70, 0.12);
}

.links-nav-group .custom-link[b-s2i2o7u8yo] {
    padding: 12px 16px;
    border-radius: 11px;
    margin: 2px 6px;
    font-size: 14px;
}

.links-nav-group .nav-icon[b-s2i2o7u8yo] { margin-right: 4px; }

.sidebar-fold-group[b-s2i2o7u8yo] { overflow: hidden; }

.sidebar-fold-heading[b-s2i2o7u8yo] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 16px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.sidebar-fold-heading > i:first-child[b-s2i2o7u8yo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    width: 22px;
    margin-right: 4px;
}

.sidebar-fold-heading[b-s2i2o7u8yo]::-webkit-details-marker { display: none; }

.sidebar-fold-heading:hover[b-s2i2o7u8yo],
.sidebar-fold-heading:focus-visible[b-s2i2o7u8yo] {
    color: #fff;
    background: rgba(255, 255, 255, 0.10);
}

.sidebar-fold-heading .sidebar-fold-chevron[b-s2i2o7u8yo] {
    margin-left: auto;
    font-size: 12px;
    transition: transform .2s ease;
}

.sidebar-fold-group[open] .sidebar-fold-chevron[b-s2i2o7u8yo] { transform: rotate(180deg); }

.sidebar-fold-content[b-s2i2o7u8yo] {
    display: flex;
    flex-direction: column;
    padding: 0 8px 8px;
    gap: 2px;
}

.sidebar-fold-link[b-s2i2o7u8yo],
.sidebar-fold-link:link[b-s2i2o7u8yo],
.sidebar-fold-link:visited[b-s2i2o7u8yo] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 9px;
    color: rgba(255, 255, 255, 0.80) !important;
    text-decoration: none !important;
    font-size: 13px;
}

.sidebar-fold-link:hover[b-s2i2o7u8yo],
.sidebar-fold-link:focus-visible[b-s2i2o7u8yo] {
    background: rgba(255, 255, 255, 0.12);
    color: #fff !important;
}

.sidebar-fold-disabled[b-s2i2o7u8yo],
.sidebar-fold-disabled:hover[b-s2i2o7u8yo] {
    color: rgba(221, 231, 255, 0.45) !important;
    background: none;
    cursor: default;
}

.sidebar-fold-content .stammdaten-nav-link[b-s2i2o7u8yo] {
    margin: 0;
    padding: 9px 12px;
    font-size: 13px;
    gap: 10px;
}

.sidebar-fold-content .stammdaten-nav-link .nav-icon[b-s2i2o7u8yo] {
    flex: 0 0 16px;
    width: 16px;
    margin-right: 0;
}

/* Independent CRM guide link inside the CRM box (Admin only). */
.workflow-nav-group .crm-process-link[b-s2i2o7u8yo] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 13px 8px 5px;
    padding: 11px 13px;
    border-top: 1px solid rgba(255, 255, 255, .13);
    border-radius: 9px;
    color: rgba(255, 255, 255, .87);
    font-size: .9rem;
    text-decoration: none;
}

.workflow-nav-group .crm-process-link:hover[b-s2i2o7u8yo],
.workflow-nav-group .crm-process-link:focus-visible[b-s2i2o7u8yo] {
    background: rgba(255, 255, 255, .12);
    color: #fff;
    text-decoration: none;
}

.workflow-nav-group .crm-process-link i[b-s2i2o7u8yo] {
    font-size: 1.1rem;
}
/* _content/Web/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ut59ukakmh] {
    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-ut59ukakmh] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-ut59ukakmh] {
    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-ut59ukakmh] {
    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-ut59ukakmh] {
    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-ut59ukakmh] {
    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-ut59ukakmh] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-ut59ukakmh]  .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-ut59ukakmh]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

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

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

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

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

    .nav-scrollable[b-ut59ukakmh] {
        /* 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/Web/Components/Pages/Admin/Booking.razor.rz.scp.css */
    /* ==========================================
       Booking page - visual style aligned with Kontakteübersicht
       ========================================== */

    .booking-page[b-xquimfevxb] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: clip;
        padding-left: 10px;
        padding-right: 10px;
    }

    .booking-page-head[b-xquimfevxb] {
        justify-content: space-between;
        gap: 16px;
        flex-wrap: wrap;
    }

    .booking-page-title[b-xquimfevxb] {
        color: #1a2f68;
        font-size: calc(2rem * var(--app-table-font-scale, 1));
        font-weight: 800 !important;
        letter-spacing: -0.025em;
    }

    .booking-filter-card[b-xquimfevxb] {
        position: relative;
        overflow: hidden;
        margin-bottom: 22px;
        padding: 22px 24px;
        border: 1px solid #e3ebfb;
        border-radius: 26px;
        background: linear-gradient(135deg, #ffffff 0%, #fbfcff 58%, #f4f8ff 100%);
        box-shadow: 0 18px 40px rgba(46, 83, 170, 0.08);
    }

    .booking-filter-card[b-xquimfevxb]::after {
        content: "";
        position: absolute;
        right: -80px;
        bottom: -110px;
        width: 270px;
        height: 270px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(104, 121, 255, 0.10) 0%, rgba(104, 121, 255, 0) 68%);
        pointer-events: none;
    }

    .booking-filter-label[b-xquimfevxb] {
        display: block;
        margin-bottom: 8px;
        color: #44506d;
        font-size: calc(13px * var(--app-table-font-scale, 1));
        font-weight: 700;
    }

    .booking-filter-card .form-control[b-xquimfevxb] {
        min-height: 54px;
        border-radius: 16px;
        border: 1px solid #d7e0f1;
        background: rgba(255,255,255,.94);
        box-shadow: 0 2px 8px rgba(38,64,126,.04);
    }

    .booking-filter-card .form-control:focus[b-xquimfevxb] {
        border-color: #8db3ff;
        box-shadow: 0 0 0 .25rem rgba(54,120,246,.12);
    }

    .booking-filter-card .btn[b-xquimfevxb] {
        min-height: 46px;
        border-radius: 15px;
        font-weight: 700;
    }

    .booking-filter-card .btn-primary[b-xquimfevxb],
    .booking-modal-header .btn-primary[b-xquimfevxb] {
        border: 0;
        background: linear-gradient(135deg, #2d7cf7 0%, #5b4ef3 100%);
        box-shadow: 0 10px 22px rgba(53,96,214,.18);
    }

    .booking-filter-card .btn-outline-secondary[b-xquimfevxb] {
        background: #fff;
        border-color: #d5dceb;
        color: #596987;
    }

    /* Quick date ranges */
    .booking-quick-filter-row[b-xquimfevxb] {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 16px;
    }

    .booking-quick-filter-label[b-xquimfevxb] {
        color: #66728b;
        font-size: calc(12px * var(--app-table-font-scale, 1));
        font-weight: 800;
        letter-spacing: 0.02em;
    }

    .booking-quick-filter-actions[b-xquimfevxb] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .booking-quick-filter-btn[b-xquimfevxb] {
        min-height: 34px !important;
        padding: 6px 13px;
        border: 1px solid #dbe4f4;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.86);
        color: #52617d;
        font-size: calc(12px * var(--app-table-font-scale, 1));
        font-weight: 800 !important;
        box-shadow: none !important;
        transition:
            background-color 0.18s ease,
            border-color 0.18s ease,
            color 0.18s ease,
            transform 0.18s ease;
    }

    .booking-quick-filter-btn:hover[b-xquimfevxb] {
        border-color: #adc6f6;
        background: var(--app-table-row-hover-background);
        color: #2467d8;
        transform: translateY(-1px);
    }

    .booking-quick-filter-btn.is-active[b-xquimfevxb] {
        border-color: #a8c8ff;
        background: #eaf3ff;
        color: #1e64d6;
        box-shadow:
            inset 0 0 0 1px rgba(73, 132, 239, 0.08) !important;
    }

    .booking-table-shell[b-xquimfevxb] {
        width: 100%;
        max-width: 100%;
        overflow: visible;
        background: transparent;
    }

    .booking-table[b-xquimfevxb] {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0 12px;
        background: transparent !important;
    }

    .booking-table thead th[b-xquimfevxb] {
        padding: 16px 16px !important;
        
        
        
        
        font-size: calc(13px * var(--app-table-font-scale, 1));
        
        vertical-align: middle;
    }

    .booking-table thead th:first-child[b-xquimfevxb] {
        border-left: 1px solid var(--app-table-header-border);
        border-radius: 18px 0 0 18px;
    }

    .booking-table thead th:last-child[b-xquimfevxb] {
        border-right: 1px solid var(--app-table-header-border);
        border-radius: 0 18px 18px 0;
    }

    .booking-table tbody tr > td[b-xquimfevxb] {
        padding: 18px 16px !important;
        border-top: 1px solid var(--app-table-row-border);
        border-bottom: 1px solid var(--app-table-row-border);
        background: #fff !important;
        font-size: calc(16px * var(--app-table-font-scale, 1));
        vertical-align: middle;
    }

    .booking-table tbody tr > td:first-child[b-xquimfevxb] {
        border-left: 1px solid var(--app-table-row-border);
        border-radius: 18px 0 0 18px;
    }

    .booking-table tbody tr > td:last-child[b-xquimfevxb] {
        border-right: 1px solid var(--app-table-row-border);
        border-radius: 0 18px 18px 0;
    }

    .booking-table tbody tr:hover > td[b-xquimfevxb] {
        background: var(--app-table-row-hover-background) !important;
    }

    .booking-day-row.is-high-utilization > td[b-xquimfevxb] {
        border-top-color: #f1dcc2;
        border-bottom-color: #f1dcc2;
        background: #fffaf4 !important;
    }

    .booking-day-row.is-high-utilization > td:first-child[b-xquimfevxb] {
        border-left-color: #f1c98f;
    }

    .booking-day-row.is-high-utilization > td:last-child[b-xquimfevxb] {
        border-right-color: #f1c98f;
    }

    .booking-day-row.is-high-utilization:hover > td[b-xquimfevxb] {
        background: #fff7ec !important;
    }

    .booking-capacity-value[b-xquimfevxb] {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
    }

    .booking-request-value[b-xquimfevxb] {
        display: inline-flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 9px;
    }

    .booking-count-display[b-xquimfevxb] {
        display: inline-flex;
        align-items: center;
        gap: 9px;
    }

    .booking-count-number[b-xquimfevxb] {
        min-width: 12px;
    }

    .booking-people-icons[b-xquimfevxb] {
        display: inline-flex;
        align-items: center;
        gap: 2px;

        color: #2877e8;
        font-size: calc(15px * var(--app-table-font-scale, 1));
        line-height: 1;
    }

    .booking-people-icons i[b-xquimfevxb] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .booking-utilization-badge[b-xquimfevxb] {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 4px 9px;
        border-radius: 999px;
        background: #cff4fc;
        color: #17324d;
        font-size: calc(12px * var(--app-table-font-scale, 1));
        font-weight: 800;
        line-height: 1;
    }

    .booking-utilization-badge.is-high[b-xquimfevxb] {
        background: #fff0d9;
        color: #91551b;
    }

    .booking-utilization-track[b-xquimfevxb] {
        position: relative;
        width: 132px;
        height: 5px;
        margin-top: 8px;
        overflow: hidden;
        border-radius: 999px;
        background: #e9effa;
    }

    .booking-utilization-bar[b-xquimfevxb] {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, #27b8df 0%, #377cf6 100%);
        transition: width 0.28s ease;
    }

    .booking-utilization-bar.is-high[b-xquimfevxb] {
        background: linear-gradient(90deg, #f6b64f 0%, #ed8a3b 100%);
    }

    .booking-details-cell[b-xquimfevxb] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
    }

    .booking-details-ratio[b-xquimfevxb] {
        min-width: 60px;
        color: #6c7890;
        font-size: calc(12px * var(--app-table-font-scale, 1));
        font-weight: 800;
        text-align: right;
        white-space: nowrap;
    }

    .booking-table .badge[b-xquimfevxb],
    .modal-table .badge[b-xquimfevxb],
    .nested-customer-table .badge[b-xquimfevxb] {
        border-radius: 999px;
        padding: 6px 10px;
        font-weight: 700;
    }

    .booking-table .btn[b-xquimfevxb],
    .modal-table .btn[b-xquimfevxb],
    .nested-customer-table .btn[b-xquimfevxb] {
        border-radius: 13px;
        font-weight: 600;
    }

    .booking-table-footer td[b-xquimfevxb] {
        padding: 16px !important;
        background: #eef4ff !important;
        border-top: 1px solid #d9e5fb !important;
        border-bottom: 1px solid #d9e5fb !important;
        font-size: calc(16px * var(--app-table-font-scale, 1));
    }

    .booking-table-footer td:first-child[b-xquimfevxb] {
        border-left: 1px solid #d9e5fb;
        border-radius: 18px 0 0 18px;
    }

    .booking-table-footer td:last-child[b-xquimfevxb] {
        border-right: 1px solid #d9e5fb;
        border-radius: 0 18px 18px 0;
    }

    /* Modal */
    .booking-modal-backdrop[b-xquimfevxb] {
        backdrop-filter: blur(4px);
    }

    .booking-modal-content[b-xquimfevxb] {
        border: 0;
        background: #f7f9fd;
    }

    .booking-modal-header[b-xquimfevxb] {
        border-bottom: 1px solid #e4eaf6;
        background: linear-gradient(135deg, #ffffff 0%, #f7faff 100%);
        padding: 18px 22px;
    }

    .booking-modal-title[b-xquimfevxb] {
        color: #1a2f68;
        font-weight: 800;
    }

    .booking-modal-kpis[b-xquimfevxb] {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 10px;
    }

    .booking-modal-kpi[b-xquimfevxb] {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 36px;
        padding: 6px 11px;
        border: 1px solid #e0e8f6;
        border-radius: 11px;
        background: rgba(255, 255, 255, 0.82);
        box-shadow: 0 4px 12px rgba(34, 60, 122, 0.04);
    }

    .booking-modal-kpi-label[b-xquimfevxb] {
        color: #78839a;
        font-size: calc(11px * var(--app-table-font-scale, 1));
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.035em;
    }

    .booking-modal-kpi-value[b-xquimfevxb] {
        color: #172b57;
        font-size: calc(14px * var(--app-table-font-scale, 1));
        font-weight: 900;
    }

    .booking-modal-kpi-value-success[b-xquimfevxb] {
        color: #168244;
    }

    .booking-modal-kpi-value-primary[b-xquimfevxb] {
        color: #1267ee;
    }

    .booking-modal-footer[b-xquimfevxb] {
        border-top: 1px solid #e4eaf6;
        background: #fff;
    }

    .modal-table[b-xquimfevxb] {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0 10px;
        background: transparent !important;
    }

    .modal-table thead th[b-xquimfevxb] {
        
        
        font-size: calc(13px * var(--app-table-font-scale, 1));
        
        
        
        padding: 14px 12px !important;
    }

    .modal-table tbody tr > td[b-xquimfevxb] {
        background: #fff !important;
        border-top: 1px solid var(--app-table-row-border);
        border-bottom: 1px solid var(--app-table-row-border);
        padding: 14px 12px !important;
        font-size: calc(15px * var(--app-table-font-scale, 1));
        vertical-align: middle;
    }

    .modal-table tbody tr > td:first-child[b-xquimfevxb] {
        border-left: 1px solid var(--app-table-row-border);
        border-radius: 14px 0 0 14px;
    }

    .modal-table tbody tr > td:last-child[b-xquimfevxb] {
        border-right: 1px solid var(--app-table-row-border);
        border-radius: 0 14px 14px 0;
    }

    .modal-table tbody tr:not(.booking-expanded-row):hover > td[b-xquimfevxb] {
        background: #f6faff !important;
        border-top-color: #dbe8fb;
        border-bottom-color: #dbe8fb;
    }

    .modal-table tbody tr.is-current-slot > td[b-xquimfevxb] {
        background: var(--app-theme-row-selection-soft-bg) !important;
        border-top-color: var(--app-theme-row-selection-border);
        border-bottom-color: var(--app-theme-row-selection-border);
    }

    .modal-table tbody tr.is-current-slot > td:first-child[b-xquimfevxb] {
        border-left-color: var(--app-theme-row-selection-indicator);
    }

    .modal-table tbody tr.is-full-slot > td[b-xquimfevxb] {
        background: #fffaf5 !important;
    }

    .booking-slot-time[b-xquimfevxb] {
        display: flex;
        align-items: center;
        gap: 7px;
        white-space: nowrap;
    }

    .booking-now-badge[b-xquimfevxb] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        min-height: 21px;
        padding: 3px 7px;
        border: 1px solid var(--app-theme-row-selection-border);
        border-radius: 999px;
        background: var(--app-theme-row-selection-bg);
        color: var(--app-theme-row-selection-indicator);
        font-size: calc(10px * var(--app-table-font-scale, 1));
        font-weight: 900;
        line-height: 1;
        letter-spacing: 0.02em;
    }

    .booking-free-badge[b-xquimfevxb] {
        display: inline-flex;
        align-items: center;
        min-height: 25px;
        padding: 4px 9px;
        border: 1px solid #cceada;
        border-radius: 999px;
        background: #edf9f2;
        color: #257149;
        font-size: calc(11px * var(--app-table-font-scale, 1));
        font-weight: 900;
        line-height: 1;
        white-space: nowrap;
    }

    .booking-free-badge.is-full[b-xquimfevxb] {
        border-color: #f2cfaa;
        background: #fff2e2;
        color: #a65a17;
    }

    .booking-status-badge[b-xquimfevxb] {
        display: inline-flex;
        align-items: center;
        min-height: 25px;
        padding: 4px 9px;
        border: 1px solid #d6e0f0;
        border-radius: 999px;
        background: #f6f8fc;
        color: #536078;
        font-size: calc(11px * var(--app-table-font-scale, 1));
        font-weight: 900;
        line-height: 1;
    }

    .booking-status-badge.is-active[b-xquimfevxb] {
        border-color: #cceada;
        background: #edf9f2;
        color: #257149;
    }

    .booking-status-badge.is-canceled[b-xquimfevxb] {
        border-color: #efc9cd;
        background: #fff0f1;
        color: #a53d48;
    }

    /* Selected slot + expanded customer section */
    .modal-table tbody tr.booking-slot-row.is-expanded > td[b-xquimfevxb] {
        background: #eaf3ff !important;
        border-top-color: #8fbaff;
        border-bottom-color: #8fbaff;

        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.72);
    }

    .modal-table tbody tr.booking-slot-row.is-expanded > td:first-child[b-xquimfevxb] {
        border-left-color: #6ea6ff;
    }

    .modal-table tbody tr.booking-slot-row.is-expanded > td:last-child[b-xquimfevxb] {
        border-right-color: #6ea6ff;
    }

    .modal-table tbody tr.booking-slot-row.is-expanded:hover > td[b-xquimfevxb] {
        background: #eaf3ff !important;
    }

    .modal-table tbody tr.booking-slot-row.is-expanded .btn-outline-secondary[b-xquimfevxb] {
        border-color: #4b8ff2;
        background: #edf5ff;
        color: #2467ca;

        box-shadow:
            0 0 0 3px rgba(75, 143, 242, 0.10);
    }

    .booking-expanded-row > td[b-xquimfevxb] {
        padding: 7px 10px 24px !important;
        border: 0 !important;
        background: transparent !important;
    }

    .booking-nested-card[b-xquimfevxb] {
        margin: 0;

        border: 1px solid #cdddf5 !important;
        border-radius: 15px;

        background: #fff;

        overflow: hidden;

        box-shadow:
            0 14px 30px rgba(36, 78, 158, 0.11) !important;
    }

    .booking-nested-card-heading[b-xquimfevxb] {
        display: flex;
        align-items: center;
        gap: 9px;

        margin: 0;
        padding: 10px 12px;

        border-bottom: 1px solid #dbe7f7;

        background:
            linear-gradient(
                90deg,
                #edf5ff 0%,
                var(--app-table-row-hover-background) 100%
            );

        color: #31588f;
        font-size: calc(13px * var(--app-table-font-scale, 1));
        font-weight: 900;
    }

    .booking-nested-card-heading-icon[b-xquimfevxb] {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        width: 27px;
        height: 27px;
        flex: 0 0 27px;

        border: 1px solid #c8dcfb;
        border-radius: 9px;

        background: #fff;
        color: #3178df;

        font-size: calc(13px * var(--app-table-font-scale, 1));
    }

    .booking-nested-card-heading-text[b-xquimfevxb] {
        min-width: 0;
    }

    .booking-nested-card .card-body[b-xquimfevxb] {
        padding: 0 !important;
    }

    .booking-nested-card .table-responsive[b-xquimfevxb] {
        padding: 8px 10px 10px;
    }

    .nested-customer-table[b-xquimfevxb] {
        table-layout: fixed;
        width: 100%;
        margin-bottom: 0;
    }

    .nested-customer-table thead th[b-xquimfevxb] {
        color: #5a6781;
        background: #eef4ff !important;
        font-size: calc(12px * var(--app-table-font-scale, 1));
        border-color: #dfe7f5 !important;
        border-bottom-width: 1px !important;
    }

    /* Sticky behavior kept exactly for modal table */
    .style-sticky-header th[b-xquimfevxb] {
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: var(--app-table-header-background) !important;
        border-bottom: 1px solid #dfe7f5;
    }

    .style-sticky-footer td[b-xquimfevxb] {
        position: sticky;
        bottom: 0;
        z-index: 1;
        background-color: #eef4ff !important;
        border-top: 1px solid #d9e5fb;
    }

    @media (max-width: 768px) {
        .booking-page[b-xquimfevxb] {
            padding-left: 6px;
            padding-right: 6px;
        }

        .booking-page-title[b-xquimfevxb] {
            font-size: calc(1.65rem * var(--app-table-font-scale, 1));
        }

        .booking-filter-card[b-xquimfevxb] {
            padding: 16px;
            border-radius: 20px;
        }

        .booking-filter-actions[b-xquimfevxb] {
            width: 100%;
        }

        .booking-filter-actions .btn[b-xquimfevxb] {
            flex: 1 1 0;
        }

        .booking-quick-filter-row[b-xquimfevxb] {
            align-items: flex-start;
            flex-direction: column;
            gap: 8px;
        }

        .booking-quick-filter-actions[b-xquimfevxb] {
            width: 100%;
        }

        .booking-quick-filter-btn[b-xquimfevxb] {
            flex: 1 1 auto;
        }

        .booking-utilization-track[b-xquimfevxb] {
            width: min(160px, 100%);
        }

        .booking-details-cell[b-xquimfevxb] {
            width: 100%;
            justify-content: flex-start;
        }

        .booking-details-ratio[b-xquimfevxb] {
            min-width: 0;
            text-align: left;
        }

        .booking-modal-kpis[b-xquimfevxb] {
            width: 100%;
        }

        .booking-modal-kpi[b-xquimfevxb] {
            flex: 1 1 120px;
        }

        .booking-table[b-xquimfevxb],
        .modal-table[b-xquimfevxb] {
            border-spacing: 0;
        }

        .booking-table thead[b-xquimfevxb],
        .modal-table thead[b-xquimfevxb],
        .nested-customer-table thead[b-xquimfevxb] {
            display: none !important;
        }

        .booking-table tbody > tr[b-xquimfevxb],
        .modal-table tbody > tr[b-xquimfevxb],
        .nested-customer-table tbody > tr[b-xquimfevxb] {
            display: block;
            width: 100% !important;
            margin-bottom: 14px;
            padding: 6px 0;
            border: 1px solid #e3eaf8;
            border-radius: 16px;
            background: #fff;
            overflow: hidden;
            box-shadow: 0 8px 20px rgba(35,60,120,.06);
        }

        .nested-customer-table[b-xquimfevxb] {
            table-layout: auto !important;
            width: 100% !important;
        }

        .nested-customer-table tbody > tr[b-xquimfevxb] {
            border-color: #dbe4f4;
            background: #fbfcff;
            margin-bottom: 8px;
        }

        .modal-table tbody > tr.booking-slot-row.is-expanded[b-xquimfevxb] {
            margin-bottom: 0;
        }

        .modal-table tbody > tr.booking-slot-row.is-expanded > td[b-xquimfevxb] {
            background: #eaf3ff !important;
            border-color: #9fc3f8 !important;
        }

        .modal-table tbody > tr.booking-expanded-row[b-xquimfevxb] {
            margin-top: 0;
            margin-bottom: 24px;
            padding: 0;

            border: 0 !important;
            border-radius: 0;

            background: transparent;

            overflow: visible;
            box-shadow: none;
        }

        .modal-table tbody > tr.booking-expanded-row > td[b-xquimfevxb] {
            display: block;

            padding: 7px 2px 2px !important;

            border: 0 !important;
            background: transparent !important;
        }

        .booking-nested-card[b-xquimfevxb] {
            margin: 0;

            border: 1px solid #cdddf5 !important;
            border-radius: 14px;

            box-shadow:
                0 12px 24px rgba(36, 78, 158, 0.12) !important;
        }

        .booking-nested-card-heading[b-xquimfevxb] {
            padding: 9px 10px;
        }

        .booking-nested-card .table-responsive[b-xquimfevxb] {
            padding: 7px 8px 9px;
        }

        .booking-table tfoot tr[b-xquimfevxb],
        .modal-table tfoot tr[b-xquimfevxb] {
            display: block;
            margin-top: 15px;
            border: 1px solid #b9cef7 !important;
            border-radius: 16px;
            background: #eef4ff;
            overflow: hidden;
        }

        .booking-table tbody > tr > td[b-xquimfevxb],
        .modal-table tbody > tr > td[b-xquimfevxb],
        .booking-table tfoot > tr > td[b-xquimfevxb],
        .modal-table tfoot > tr > td[b-xquimfevxb],
        .nested-customer-table tbody > tr > td[b-xquimfevxb] {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            width: 100% !important;
            box-sizing: border-box;
            padding: 10px 12px !important;
            border: none !important;
            border-bottom: 1px solid #f0f3fa !important;
            border-radius: 0 !important;
            background: transparent !important;
            font-size: calc(14px * var(--app-table-font-scale, 1));
        }

        .booking-table tbody > tr > td:last-child[b-xquimfevxb],
        .modal-table tbody > tr > td:last-child[b-xquimfevxb],
        .booking-table tfoot > tr > td:last-child[b-xquimfevxb],
        .modal-table tfoot > tr > td:last-child[b-xquimfevxb],
        .nested-customer-table tbody > tr > td:last-child[b-xquimfevxb] {
            border-bottom: none !important;
        }

        .booking-table tbody > tr > td[b-xquimfevxb]::before,
        .modal-table tbody > tr > td[b-xquimfevxb]::before,
        .booking-table tfoot > tr > td[b-xquimfevxb]::before,
        .modal-table tfoot > tr > td[b-xquimfevxb]::before,
        .nested-customer-table tbody > tr > td[b-xquimfevxb]::before {
            content: attr(data-label) ":";
            min-width: 108px;
            flex-shrink: 0;
            padding-right: 14px;
            color: #1a2f68;
            font-size: calc(12px * var(--app-table-font-scale, 1));
            font-weight: 700;
            text-align: left;
        }

        .booking-request-value[b-xquimfevxb],
        .booking-capacity-value[b-xquimfevxb],
        .booking-count-display[b-xquimfevxb] {
            gap: 10px;
        }

        .booking-request-value[b-xquimfevxb] {
            min-width: 0;
        }

        .booking-people-icons[b-xquimfevxb] {
            gap: 3px;
            font-size: calc(16px * var(--app-table-font-scale, 1));
        }

        .booking-table tbody > tr > td[data-label=""][b-xquimfevxb]::before,
        .modal-table tbody > tr > td[data-label=""][b-xquimfevxb]::before,
        .nested-customer-table tbody > tr > td[data-label=""][b-xquimfevxb]::before {
            display: none;
        }

        input[type="date"][b-xquimfevxb] {
            width: 100% !important;
            display: block;
        }

        .modal-header .form-check[b-xquimfevxb] {
            margin-top: 8px;
        }
    }

    /* Nested customer list: clean header without separator borders */
    .nested-customer-table thead th[b-xquimfevxb] {
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
    }


    /* Wider appointment email search, with wrapping on narrower layouts. */
    .booking-email-search[b-xquimfevxb] {
        max-width: 100%;
        min-width: 0;
    }

    .booking-email-search .booking-email-search-input[b-xquimfevxb] {
        flex: 1 1 320px;
        width: clamp(240px, 26vw, 350px);
        max-width: 350px;
        min-width: 0;
    }

    @media (max-width: 768px) {
        .booking-email-search[b-xquimfevxb] {
            width: 100%;
            margin-left: 0 !important;
        }

        .booking-email-search .booking-email-search-input[b-xquimfevxb] {
            flex: 1 1 240px;
            max-width: 100%;
        }

        .booking-email-search .btn[b-xquimfevxb] {
            flex: 0 0 auto;
        }
    }


    /* Collapsible appointment tools below the date filters. */
    .booking-terminverwaltung[b-xquimfevxb] {
        margin: 0 0 22px;
        border: 1px solid #e3ebfb;
        border-radius: 18px;
        background: #fff;
        overflow: hidden;
    }

    .booking-terminverwaltung-heading[b-xquimfevxb] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 14px 20px;
        color: #44506d;
        font-weight: 700;
        cursor: pointer;
        list-style: none;
    }

    .booking-terminverwaltung-heading[b-xquimfevxb]::-webkit-details-marker { display: none; }
    .booking-terminverwaltung-heading i[b-xquimfevxb] { transition: transform .2s ease; }
    .booking-terminverwaltung[open] .booking-terminverwaltung-heading i[b-xquimfevxb] { transform: rotate(180deg); }

    .booking-terminverwaltung-content[b-xquimfevxb] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 16px;
        padding: 16px 20px 20px;
        border-top: 1px solid #e3ebfb;
    }

    .booking-terminverwaltung-search[b-xquimfevxb] { flex: 1 1 440px; min-width: 0; }
    .booking-terminverwaltung-search .booking-email-search[b-xquimfevxb] { margin: 0 !important; }
    .booking-terminverwaltung-book[b-xquimfevxb] { margin-left: auto; }

    @media (max-width: 768px) {
        .booking-terminverwaltung-content[b-xquimfevxb] { align-items: stretch; }
        .booking-terminverwaltung-search[b-xquimfevxb] { flex: 1 1 100%; }
        .booking-terminverwaltung-book[b-xquimfevxb] { margin-left: 0; }
    }

    @media (max-width: 480px) {
        .booking-terminverwaltung-search .booking-email-search > *[b-xquimfevxb] { width: 100%; max-width: 100%; }
        .booking-terminverwaltung-book .btn[b-xquimfevxb] { width: 100%; }
    }
/* _content/Web/Components/Pages/Admin/ContactManagement/ContactForm.razor.rz.scp.css */



/* Stepper */

.contact-create-stepper[b-o5foo1qcm5] {
    display: flex;
    align-items: center;
    width: 100%;
}

.contact-create-step[b-o5foo1qcm5] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #6b7280;
}

.contact-create-step-number[b-o5foo1qcm5] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #d1d5db;
    border-radius: 50%;
    background: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.contact-create-step.active[b-o5foo1qcm5] {
    color: #1a237e;
}

    .contact-create-step.active .contact-create-step-number[b-o5foo1qcm5] {
        border-color: #1a237e;
        background: #1a237e;
        color: #ffffff;
    }

.contact-create-step.completed .contact-create-step-number[b-o5foo1qcm5] {
    border-color: #1a237e;
    color: #1a237e;
}

.contact-create-step-title[b-o5foo1qcm5] {
    font-size: 14px;
    font-weight: 700;
}

.contact-create-step-text[b-o5foo1qcm5] {
    margin-top: 2px;
    font-size: 12px;
    color: #6b7280;
}

.contact-create-step-line[b-o5foo1qcm5] {
    flex: 1;
    height: 1px;
    margin: 0 22px;
    background: #d1d5db;
}

    .contact-create-step-line.active[b-o5foo1qcm5] {
        background: #1a237e;
    }


/* Card */
/* Shared app-form-card rules are in wwwroot/css/forms.css. */




/* Validation */
/* Shared app-form-required-marker and app-form-field-error rules are in wwwroot/css/forms.css. */




/* Phone */
/* Shared app-form-phone-prefix rules are in wwwroot/css/forms.css. */



/* Business */

.business-list[b-o5foo1qcm5] {
    display: grid;
    gap: 12px;
}

.business-row[b-o5foo1qcm5] {
    display: grid;
    grid-template-columns: minmax(180px, 0.8fr) minmax(240px, 1.2fr);
    gap: 16px;
    align-items: center;
    padding: 14px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #ffffff;
}

.business-check[b-o5foo1qcm5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

    .business-check .form-check-input[b-o5foo1qcm5] {
        margin-top: 0;
    }

.business-empty[b-o5foo1qcm5] {
    padding: 16px;
    border: 1px dashed #d1d5db;
    border-radius: 10px;
    background: #f9fafb;
    color: #6b7280;
    font-size: 14px;
}

.business-loading[b-o5foo1qcm5] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #f9fafb;
    color: #6b7280;
    font-size: 14px;
}


/* Mobile */

@media (max-width: 767.98px) {

    .contact-create-page[b-o5foo1qcm5] {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .contact-create-step[b-o5foo1qcm5] {
        gap: 8px;
    }

    .contact-create-step-number[b-o5foo1qcm5] {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    .contact-create-step-text[b-o5foo1qcm5] {
        display: none;
    }

    .contact-create-step-line[b-o5foo1qcm5] {
        margin: 0 10px;
    }

    .contact-create-card .card-body[b-o5foo1qcm5] {
        padding: 20px !important;
    }

    .business-row[b-o5foo1qcm5] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
/* _content/Web/Components/Pages/Admin/ContactManagement/ContactFormsModal.razor.rz.scp.css */
/* Only form cards and nested Anfragen; the dialog shell is shared AppModal. */
.contact-forms-modal-body[b-s65qekrdk3] {
    min-height: 0;
    overflow-y: auto;
}

.processes-panel[b-s65qekrdk3] {
    padding: 4px 0;
}

.process-list[b-s65qekrdk3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.process-card[b-s65qekrdk3] {
    padding: 16px;
    border: 1px solid #deebff;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(45, 82, 170, 0.05);
}

.process-card-active[b-s65qekrdk3] {
    background: #f7faff;
    border-color: #cfe0ff;
    box-shadow: 0 14px 24px rgba(46, 93, 212, 0.08);
}

.process-grid[b-s65qekrdk3] {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 14px;
}

.process-label[b-s65qekrdk3] {
    margin-bottom: 4px;
    color: #6f7d97;
    font-size: calc(11px * var(--app-table-font-scale, 1));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.process-actions[b-s65qekrdk3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.process-subpanel[b-s65qekrdk3] {
    padding: 14px;
    border: 1px solid #deebff;
    border-radius: 16px;
    background: #f7faff;
}

.contact-lead-item[b-s65qekrdk3] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 14px;
    margin-bottom: 8px;
    border: 1px solid #e6edfb;
    border-radius: 14px;
    background: #fff;
}

.contact-lead-item:last-child[b-s65qekrdk3] { margin-bottom: 0; }
.contact-lead-date[b-s65qekrdk3] { min-width: 150px; color: #6c757d; font-size: 13px; }
.contact-lead-portal[b-s65qekrdk3] { min-width: 120px; font-weight: 500; }

@media (max-width: 1200px) {
    .process-grid[b-s65qekrdk3] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    .process-grid[b-s65qekrdk3] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .contact-lead-item[b-s65qekrdk3] { flex-wrap: wrap; gap: 8px; }
}

@media (max-width: 480px) {
    .process-grid[b-s65qekrdk3] { grid-template-columns: 1fr; }
    .contact-lead-date[b-s65qekrdk3], .contact-lead-portal[b-s65qekrdk3] { min-width: 0; }
    .contact-lead-item .btn[b-s65qekrdk3] { width: 100%; }
}
/* _content/Web/Components/Pages/Admin/ContactManagement/ContactOverview.razor.rz.scp.css */

.status-guide-body[b-ttm4xgeskt] {
    max-height: 65vh;
    overflow-y: auto;
}

.status-guide-button[b-ttm4xgeskt] {
    flex: 0 0 auto !important;
    width: auto;
}

.filter-label[b-ttm4xgeskt] {
    font-size: calc(13px * var(--app-table-font-scale, 1));
    font-weight: 700;
    color: #44506d;
    margin-bottom: 8px;
}

.contact-overview-page[b-ttm4xgeskt] {
    --contacts-sticky-toolbar-height: 0px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
    padding-left: 10px;
    padding-right: 10px;
}

.contact-overview-sticky-toolbar[b-ttm4xgeskt] {
    position: static;
    top: auto;
    z-index: auto;
    background: transparent;
    box-shadow: none;
    padding-bottom: 0;
}

.overview-page-head[b-ttm4xgeskt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.overview-page-title[b-ttm4xgeskt] {
    font-size: calc(2.2rem * var(--app-table-font-scale, 1));
    font-weight: 800;
    color: #1a2f68;
    letter-spacing: -0.03em;
}

.overview-total-badge[b-ttm4xgeskt] {
    display: inline-flex;
    align-items: center;
    padding: 10px 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, #eef4ff 0%, var(--app-table-row-hover-background) 100%);
    color: #2f5ed7;
    border: 1px solid #d9e6ff;
    font-weight: 700;
    box-shadow: 0 6px 18px rgba(53, 95, 189, 0.08);
}

/* Visual colors and interactive states come from the shared btn-primary theme. */
.overview-add-button[b-ttm4xgeskt] {
    font-weight: 700;
    border-radius: 18px;
    padding: 12px 20px;
}

.overview-filter-card[b-ttm4xgeskt] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #ffffff 0%, #fbfcff 58%, #f4f8ff 100%);
    border: 1px solid #e3ebfb;
    border-radius: 28px;
    padding: 24px 24px 20px;
    box-shadow: 0 18px 40px rgba(46, 83, 170, 0.08);
}

    .overview-filter-card[b-ttm4xgeskt]::after {
        content: "";
        position: absolute;
        inset: auto -80px -110px auto;
        width: 280px;
        height: 280px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(104, 121, 255, 0.10) 0%, rgba(104, 121, 255, 0) 68%);
        pointer-events: none;
    }


.overview-filter-row[b-ttm4xgeskt] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
}

.overview-filter-section[b-ttm4xgeskt] {
    padding: 14px 16px 16px;
    border: 1px solid transparent;
    border-radius: 18px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 5px 14px rgba(46, 83, 170, 0.035);
}

.overview-filter-row-primary[b-ttm4xgeskt] {
    grid-template-columns: minmax(0, 2fr) repeat(2, minmax(210px, 1fr));
}

/* Qualification / search filters */
.overview-filter-row-secondary[b-ttm4xgeskt] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 14px;
}

/* Main filters: Freitext / Status */
.filter-section-main[b-ttm4xgeskt] {
    background: linear-gradient(135deg, #f1f6ff 0%, #f7faff 100%);
    border-color: #d7e5fb;
}

/* Qualification / search filters */
.filter-section-details[b-ttm4xgeskt] {
    background: linear-gradient(135deg, #f2fbf6 0%, #f8fcfa 100%);
    border-color: #d8eee1;
}

/* Additional organization filters: Holding / Business / Kontakttyp */
.filter-section-advanced[b-ttm4xgeskt] {
    background: linear-gradient(135deg, #f5f7fb 0%, #fafbfe 100%);
    border-color: #e0e5ef;
}

/* Date / Contact-ID range filters */
.filter-section-range[b-ttm4xgeskt] {
    background: linear-gradient(135deg, #f6f3ff 0%, #faf8ff 100%);
    border-color: #e2dbfa;
}

.filter-section-main .filter-label[b-ttm4xgeskt] {
    color: #3d5f95;
}

.filter-section-details .filter-label[b-ttm4xgeskt] {
    color: #416f56;
}

.filter-section-advanced .filter-label[b-ttm4xgeskt] {
    color: #596987;
}

.filter-section-range .filter-label[b-ttm4xgeskt] {
    color: #65549a;
}

.overview-filter-row > div[b-ttm4xgeskt] {
    min-width: 0;
}

.overview-advanced-toggle-row[b-ttm4xgeskt] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    margin-top: 14px;
}

.overview-advanced-toggle[b-ttm4xgeskt] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.overview-advanced-filter-count[b-ttm4xgeskt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    background: #edf2ff;
    color: #315ccf;
    font-size: calc(12px * var(--app-table-font-scale, 1));
    font-weight: 800;
}

.overview-advanced-filters[b-ttm4xgeskt] {
    position: relative;
    z-index: 1;
    margin-top: 12px;
}

.overview-filter-row-organization[b-ttm4xgeskt] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.overview-filter-row-range[b-ttm4xgeskt] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 12px;
}

.overview-filter-card .form-select:disabled[b-ttm4xgeskt] {
    background-color: #f5f7fb;
    color: #8b95a9;
    opacity: 1;
}

.overview-filter-card .form-control[b-ttm4xgeskt],
.overview-filter-card .form-select[b-ttm4xgeskt] {
    min-height: 54px;
    border-radius: 16px;
    border: 1px solid #d7e0f1;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 2px 8px rgba(38, 64, 126, 0.04);
}

    .overview-filter-card .form-control:focus[b-ttm4xgeskt],
    .overview-filter-card .form-select:focus[b-ttm4xgeskt],
    .contact-note-edit-textarea:focus[b-ttm4xgeskt],
    .contact-notes-panel textarea.form-control:focus[b-ttm4xgeskt],
    .process-subpanel .form-select:focus[b-ttm4xgeskt] {
        border-color: #8db3ff;
        box-shadow: 0 0 0 .25rem rgba(54, 120, 246, 0.12);
    }

.overview-filter-card .btn-primary[b-ttm4xgeskt],
.contact-notes-panel .btn-primary[b-ttm4xgeskt],
.process-actions .btn-primary[b-ttm4xgeskt],
.contact-actions .btn-primary[b-ttm4xgeskt] {
    border: 0;
    background: linear-gradient(135deg, #2d7cf7 0%, #5b4ef3 100%);
    box-shadow: 0 12px 24px rgba(53, 96, 214, 0.18);
}

.overview-filter-card .btn-outline-secondary[b-ttm4xgeskt],
.contact-actions .btn-outline-secondary[b-ttm4xgeskt],
.process-actions .btn-outline-secondary[b-ttm4xgeskt],
.contact-note-actions .btn-outline-secondary[b-ttm4xgeskt] {
    background: #fff;
    border-color: #d5dceb;
    color: #596987;
}

.overview-filter-card .btn[b-ttm4xgeskt] {
    border-radius: 16px;
    font-weight: 700;
    padding-left: 22px;
    padding-right: 22px;
}

.overview-filter-footer[b-ttm4xgeskt] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-top: 30px;
}

.overview-filter-actions[b-ttm4xgeskt] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.overview-result-actions[b-ttm4xgeskt] {
    display: flex;
    align-items: flex-end;
    gap: 14px;
    margin-left: auto;
}

.overview-result-actions > .btn[b-ttm4xgeskt] {
    min-height: 46px;
}

.overview-sort-control[b-ttm4xgeskt] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.overview-sort-control .filter-label[b-ttm4xgeskt] {
    white-space: nowrap;
}

.overview-sort-control .form-select[b-ttm4xgeskt] {
    width: 190px;
    min-height: 46px;
}

.overview-toolbar-pagination[b-ttm4xgeskt] {
    margin: 18px 0 18px;
}

.table-responsive.overview-table-wrap[b-ttm4xgeskt] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    background: transparent;
}

.overview-table[b-ttm4xgeskt] {
    width: 100% !important;
    max-width: 100%;
    table-layout: fixed;
    font-size: calc(14px * var(--app-table-font-scale, 1));
    border-collapse: separate;
    border-spacing: 0;
}

    .overview-table thead th[b-ttm4xgeskt] {
        position: static;
        top: auto;
        z-index: auto;
        
        
        font-size: calc(13px * var(--app-table-font-scale, 1));
        
        line-height: 1.25;
        padding: 18px 14px !important;
        vertical-align: middle;
        
        
    }

        .overview-table thead th:first-child[b-ttm4xgeskt] {
            border-left: 1px solid var(--app-table-header-border);
            border-radius: 20px 0 0 20px;
        }

        .overview-table thead th:last-child[b-ttm4xgeskt] {
            border-right: 1px solid var(--app-table-header-border);
            border-radius: 0 20px 20px 0;
        }

/* Separate contacts, but keep each contact's details and action buttons together. */
.overview-table > tbody > tr.contact-spacer-row > td[b-ttm4xgeskt] {
    height: 14px;
    width: auto;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

@media (min-width: 769px) {
    .overview-table th:nth-child(1)[b-ttm4xgeskt],
    .overview-table td:nth-child(1)[b-ttm4xgeskt] {
        width: 4%;
    }

    .overview-table th:nth-child(2)[b-ttm4xgeskt],
    .overview-table td:nth-child(2)[b-ttm4xgeskt] {
        width: 6%;
    }

    .overview-table th:nth-child(3)[b-ttm4xgeskt],
    .overview-table td:nth-child(3)[b-ttm4xgeskt] {
        width: 13%;
    }

    .overview-table th:nth-child(4)[b-ttm4xgeskt],
    .overview-table td:nth-child(4)[b-ttm4xgeskt] {
        width: 5%;
    }

    .overview-table th:nth-child(5)[b-ttm4xgeskt],
    .overview-table td:nth-child(5)[b-ttm4xgeskt] {
        width: 13%;
    }

    .overview-table th:nth-child(6)[b-ttm4xgeskt],
    .overview-table td:nth-child(6)[b-ttm4xgeskt] {
        width: 13%;
    }

    .overview-table th:nth-child(7)[b-ttm4xgeskt],
    .overview-table td:nth-child(7)[b-ttm4xgeskt] {
        width: 16%;
    }

    .overview-table th:nth-child(8)[b-ttm4xgeskt],
    .overview-table td:nth-child(8)[b-ttm4xgeskt] {
        width: 12%;
    }

    .overview-table th:nth-child(9)[b-ttm4xgeskt],
    .overview-table td:nth-child(9)[b-ttm4xgeskt],
    .overview-table th:nth-child(10)[b-ttm4xgeskt],
    .overview-table td:nth-child(10)[b-ttm4xgeskt] {
        width: 9%;
    }

    .overview-table th:nth-child(9)[b-ttm4xgeskt],
    .overview-table th:nth-child(10)[b-ttm4xgeskt] {
        white-space: nowrap;
    }

    /* Keep Status visually close to its Business column. */
    .overview-table th:nth-child(5)[b-ttm4xgeskt],
    .overview-table td:nth-child(5)[b-ttm4xgeskt] {
        padding-right: 3px !important;
    }

    .overview-table th:nth-child(6)[b-ttm4xgeskt],
    .overview-table td:nth-child(6)[b-ttm4xgeskt] {
        padding-left: 3px !important;
    }
}

.overview-table > tbody > tr.contact-row > td[b-ttm4xgeskt] {
    background: #fff !important;
    border-top: 1px solid var(--app-table-row-border);
    border-bottom: 0;
    box-shadow: none !important;
    padding-top: 18px !important;
    padding-bottom: 12px !important;
}

    .overview-table > tbody > tr.contact-row > td:first-child[b-ttm4xgeskt] {
        border-left: 1px solid var(--app-table-row-border);
        border-radius: 20px 0 0 0;
    }

    .overview-table > tbody > tr.contact-row > td:last-child[b-ttm4xgeskt] {
        border-right: 1px solid var(--app-table-row-border);
        border-radius: 0 20px 0 0;
    }

.overview-table > tbody > tr.contact-row:hover > td[b-ttm4xgeskt] {
    background: #fbfcff !important;
}

/* Emphasize the contact name in the overview table */
.overview-table > tbody > tr.contact-row > td:nth-child(3) .fw-medium[b-ttm4xgeskt] {
    font-weight: 700 !important;
}

.contact-name-cell[b-ttm4xgeskt] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.contact-name-copy-button[b-ttm4xgeskt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #72809f;
    cursor: pointer;
    transition: color 0.15s ease, background-color 0.15s ease;
}

    .contact-name-copy-button:hover[b-ttm4xgeskt] {
        color: #2d7cf7;
        background: #eef4ff;
    }

    .contact-name-copy-button:focus-visible[b-ttm4xgeskt] {
        outline: 2px solid #2d7cf7;
        outline-offset: 2px;
    }

    .contact-name-copy-button.copied[b-ttm4xgeskt],
    .contact-name-copy-button.copied:hover[b-ttm4xgeskt] {
        color: #198754;
        background: #edf8f1;
    }

    .contact-name-copy-button i[b-ttm4xgeskt] {
        font-size: calc(14px * var(--app-table-font-scale, 1));
        line-height: 1;
    }

.overview-table > tbody > tr.contact-row-active > td[b-ttm4xgeskt],
.overview-table > tbody > tr.contact-row-active:hover > td[b-ttm4xgeskt] {
    background: #f7faff !important;
}

.business-list[b-ttm4xgeskt],
.business-status-list[b-ttm4xgeskt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.business-item[b-ttm4xgeskt],
.business-status-item[b-ttm4xgeskt] {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 42px;
    padding: 3px 0;
    line-height: 1.25;
}

.business-item + .business-item[b-ttm4xgeskt],
.business-status-item + .business-status-item[b-ttm4xgeskt] {
    border-top: 1px solid #eef2f8;
}

.business-item-heading[b-ttm4xgeskt] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    width: 100%;
    min-width: 0;
}

.business-name[b-ttm4xgeskt] {
    flex: 0 1 auto;
    min-width: 0;
    color: #101828;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.business-contact-type-badge[b-ttm4xgeskt] {
    display: inline-flex;
    align-items: center;
    flex: 0 1 auto;
    max-width: 118px;
    min-height: 23px;
    padding: 3px 7px;
    border: 1px solid #e1e7f0;
    border-radius: 999px;
    background: #f6f8fb;
    color: #667085;
    font-size: calc(11px * var(--app-table-font-scale, 1));
    font-weight: 600;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.business-status-item[b-ttm4xgeskt] {
    position: relative;
}

.business-status-mobile-business[b-ttm4xgeskt] {
    display: none;
}

.business-priority-button[b-ttm4xgeskt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 26px;
    height: 26px;
    padding: 0 5px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #8a96ad;
    cursor: pointer;
    transition:
        color 0.15s ease,
        background-color 0.15s ease,
        transform 0.15s ease;
}

    .business-priority-button:hover:not(:disabled)[b-ttm4xgeskt] {
        background: #f2f5fb;
        transform: translateY(-1px);
    }

    .business-priority-button:focus-visible[b-ttm4xgeskt] {
        outline: 2px solid #2d7cf7;
        outline-offset: 2px;
    }

    .business-priority-button:disabled[b-ttm4xgeskt] {
        cursor: default;
        opacity: 0.8;
    }

    .business-priority-button.normal[b-ttm4xgeskt] {
        color: #8a96ad;
    }

    .business-priority-button.important[b-ttm4xgeskt] {
        color: #d99a00;
        background: #fff8df;
    }

    .business-priority-button.very-important[b-ttm4xgeskt] {
        color: #d84a4a;
        background: #fff0f0;
    }

    .business-priority-button.saving[b-ttm4xgeskt] {
        color: #6c757d;
        background: #f4f5f7;
    }

    .business-priority-button.saved[b-ttm4xgeskt] {
        color: #198754;
        background: #edf8f1;
    }

    .business-priority-button.error[b-ttm4xgeskt] {
        color: #dc3545;
        background: #fff0f0;
    }

.business-priority-stars[b-ttm4xgeskt] {
    display: inline-flex;
    align-items: center;
    gap: 1px;
    font-size: calc(11px * var(--app-table-font-scale, 1));
    line-height: 1;
}

.priority-guide-list[b-ttm4xgeskt] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.priority-guide-item[b-ttm4xgeskt] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #e3eaf8;
    border-radius: 14px;
    background: #fff;
}

.priority-guide-symbol[b-ttm4xgeskt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    color: #d99a00;
    font-size: calc(16px * var(--app-table-font-scale, 1));
}

.priority-guide-item:first-child .priority-guide-symbol[b-ttm4xgeskt] {
    color: #8a96ad;
}

.priority-guide-item:last-child .priority-guide-symbol[b-ttm4xgeskt] {
    color: #d84a4a;
}

.priority-guide-instructions[b-ttm4xgeskt] {
    padding: 14px 16px;
    border: 1px solid #dbe5fb;
    border-radius: 14px;
    background: #f7faff;
}

.business-item strong[b-ttm4xgeskt] {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #e8f0ff 0%, #f0e9ff 100%);
    color: #5a33df;
    font-weight: 700;
}

.business-status-editor[b-ttm4xgeskt] {
    position: relative;
    width: 100%;
    min-width: 0;
}

.business-status-editor.status-dropdown-open[b-ttm4xgeskt] {
    z-index: 1202;
}

.business-status-trigger[b-ttm4xgeskt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-height: 36px;
    padding: 6px 10px;
    border: 1px solid #d5dceb;
    border-radius: 7px;
    background: #fff;
    color: #212529;
    font-size: calc(14px * var(--app-table-font-scale, 1));
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        background-color 0.15s ease;
}

    .business-status-trigger:hover:not(:disabled)[b-ttm4xgeskt] {
        border-color: #a9bfe8;
        background: #fbfcff;
    }

    .business-status-trigger:focus-visible[b-ttm4xgeskt],
    .status-dropdown-open .business-status-trigger[b-ttm4xgeskt] {
        outline: 0;
        border-color: #8db3ff;
        box-shadow: 0 0 0 .22rem rgba(54, 120, 246, 0.12);
    }

    .business-status-trigger:disabled[b-ttm4xgeskt] {
        cursor: default;
        background: #f5f7fb;
        color: #7f899b;
        opacity: 1;
    }

.business-status-trigger-text[b-ttm4xgeskt] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.business-status-trigger-icon[b-ttm4xgeskt] {
    flex: 0 0 auto;
    color: #6f7d97;
    font-size: calc(12px * var(--app-table-font-scale, 1));
    transition: transform 0.15s ease;
}

.status-dropdown-open .business-status-trigger-icon[b-ttm4xgeskt] {
    transform: rotate(180deg);
}

.business-status-dropdown-backdrop[b-ttm4xgeskt] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: transparent;
}

.business-status-menu[b-ttm4xgeskt] {
    position: absolute;
    top: calc(100% + 7px);
    bottom: auto;
    left: 0;
    z-index: 1203;
    width: 340px;
    max-width: calc(100vw - 32px);
    max-height: 350px;
    overflow-y: auto;
    padding: 5px;
    border: 1px solid #dbe4f4;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(28, 52, 104, 0.20);
}

.business-status-editor.status-drop-up .business-status-menu[b-ttm4xgeskt] {
    top: auto;
    bottom: calc(100% + 7px);
}


.business-status-option[b-ttm4xgeskt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    width: 100%;
    min-height: 46px;
    padding: 7px 10px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #202a3d;
    text-align: left;
    cursor: pointer;
    transition:
        background-color 0.12s ease,
        color 0.12s ease;
}

    .business-status-option + .business-status-option[b-ttm4xgeskt] {
        margin-top: 1px;
    }

    .business-status-option:hover[b-ttm4xgeskt],
    .business-status-option:focus-visible[b-ttm4xgeskt] {
        outline: 0;
        background: #f1f6ff;
        color: #1f55c7;
    }

    .business-status-option.selected[b-ttm4xgeskt] {
        background: #eaf2ff;
        color: #174caf;
    }

.business-status-option-content[b-ttm4xgeskt] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}

.business-status-option-name[b-ttm4xgeskt] {
    font-size: calc(13.5px * var(--app-table-font-scale, 1));
    font-weight: 700;
    line-height: 1.25;
}

.business-status-option-description[b-ttm4xgeskt] {
    color: #6f7d97;
    font-size: calc(11px * var(--app-table-font-scale, 1));
    font-weight: 400;
    line-height: 1.25;
}

.business-status-option:hover .business-status-option-description[b-ttm4xgeskt],
.business-status-option:focus-visible .business-status-option-description[b-ttm4xgeskt],
.business-status-option.selected .business-status-option-description[b-ttm4xgeskt] {
    color: #5a6d91;
}

.business-status-option-check[b-ttm4xgeskt] {
    flex: 0 0 auto;
    color: #1f62d7;
    font-size: calc(16px * var(--app-table-font-scale, 1));
}

.contact-actions-row > td[b-ttm4xgeskt] {
    padding: 10px 16px 40px !important;
    background: #fff !important;
    border-left: 1px solid var(--app-table-row-border);
    border-right: 1px solid var(--app-table-row-border);
    border-bottom: 1px solid var(--app-table-row-border);
    border-top: 0;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 12px 28px rgba(35, 60, 120, 0.07);
}

.overview-table > tbody > tr.contact-actions-row-active > td[b-ttm4xgeskt] {
    background: #f7faff !important;
    border-color: #dce7fb;
    box-shadow: 0 16px 30px rgba(45, 93, 212, 0.12);
}

.contact-actions[b-ttm4xgeskt] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

    .contact-actions .btn[b-ttm4xgeskt],
    .process-actions .btn[b-ttm4xgeskt],
    .contact-note-actions .btn[b-ttm4xgeskt] {
        border-radius: 14px;
        font-weight: 600;
    }

    .contact-actions .btn-outline-primary[b-ttm4xgeskt],
    .process-actions .btn-outline-primary[b-ttm4xgeskt],
    .contact-note-actions .btn-outline-primary[b-ttm4xgeskt] {
        background: #fff;
        border-color: #c9d7fb;
        color: #2157e4;
    }

    .contact-actions .btn-primary[b-ttm4xgeskt],
    .process-actions .btn-primary[b-ttm4xgeskt] {
        color: #fff;
    }

.overview-table > tbody > tr.processes-row > td[b-ttm4xgeskt],
.overview-table > tbody > tr.contact-notes-row > td[b-ttm4xgeskt] {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0;
}

.processes-panel[b-ttm4xgeskt],
.contact-notes-panel[b-ttm4xgeskt] {
    padding: 20px 22px 24px 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f7faff 100%);
    border: 1px solid #dfe8fb;
    border-radius: 22px;
    box-shadow: 0 16px 30px rgba(42, 73, 145, 0.08);
}

.contact-notes-panel[b-ttm4xgeskt] {
    text-align: left;
}

    .contact-notes-panel .form-label[b-ttm4xgeskt],
    .contact-notes-panel .text-muted[b-ttm4xgeskt],
    .contact-notes-panel .contact-note-content[b-ttm4xgeskt],
    .contact-notes-panel .contact-note-meta[b-ttm4xgeskt],
    .contact-notes-panel > .mt-3[b-ttm4xgeskt] {
        text-align: left;
    }

.process-list[b-ttm4xgeskt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.process-card[b-ttm4xgeskt] {
    padding: 16px;
    border: 1px solid #deebff;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(45, 82, 170, 0.05);
}

.process-card-active[b-ttm4xgeskt] {
    background: #f7faff;
    border-color: #cfe0ff;
    box-shadow: 0 14px 24px rgba(46, 93, 212, 0.08);
}

.process-grid[b-ttm4xgeskt] {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 14px;
}

.process-label[b-ttm4xgeskt] {
    margin-bottom: 4px;
    color: #6f7d97;
    font-size: calc(11px * var(--app-table-font-scale, 1));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.process-actions[b-ttm4xgeskt] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.process-subpanel[b-ttm4xgeskt] {
    padding: 14px;
    border: 1px solid #deebff;
    border-radius: 16px;
    background: #f7faff;
}

.status-editor[b-ttm4xgeskt] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.status-select[b-ttm4xgeskt] {
    width: 100%;
    min-width: 0;
}

.status-save-feedback[b-ttm4xgeskt] {
    font-size: calc(11px * var(--app-table-font-scale, 1));
    font-weight: 600;
}

    .status-save-feedback.saving[b-ttm4xgeskt] {
        color: #6c757d;
    }

    .status-save-feedback.success[b-ttm4xgeskt] {
        color: #198754;
    }

    .status-save-feedback.error[b-ttm4xgeskt] {
        color: #dc3545;
    }

.contact-lead-item[b-ttm4xgeskt] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 14px;
    margin-bottom: 8px;
    border: 1px solid #e6edfb;
    border-radius: 14px;
    background: #fff;
}

    .contact-lead-item:last-child[b-ttm4xgeskt] {
        margin-bottom: 0;
    }

.contact-lead-date[b-ttm4xgeskt] {
    min-width: 150px;
    color: #6c757d;
    font-size: calc(13px * var(--app-table-font-scale, 1));
}

.contact-lead-portal[b-ttm4xgeskt] {
    min-width: 120px;
    font-weight: 500;
}

.contact-note-item[b-ttm4xgeskt] {
    padding: 12px 14px;
    margin-bottom: 10px;
    border: 1px solid #e6edfb;
    border-radius: 14px;
    background: #fff;
}

    .contact-note-item:last-child[b-ttm4xgeskt] {
        margin-bottom: 0;
    }

.contact-note-content[b-ttm4xgeskt] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.contact-note-footer[b-ttm4xgeskt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
}

.contact-note-meta[b-ttm4xgeskt] {
    color: #6c757d;
    font-size: calc(12px * var(--app-table-font-scale, 1));
}

.contact-note-actions[b-ttm4xgeskt] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.contact-note-edit-textarea[b-ttm4xgeskt] {
    resize: vertical;
}

@media (max-width: 1200px) {
    .overview-filter-row-primary[b-ttm4xgeskt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .overview-filter-row-secondary[b-ttm4xgeskt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .overview-filter-row-organization[b-ttm4xgeskt] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .overview-filter-row-range[b-ttm4xgeskt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .business-contact-type-badge[b-ttm4xgeskt] {
        max-width: 105px;
    }

    .process-grid[b-ttm4xgeskt] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .contact-overview-page[b-ttm4xgeskt] {
        overflow-x: hidden;
        padding-left: 6px;
        padding-right: 6px;
    }

    .overview-page-head[b-ttm4xgeskt] {
        align-items: stretch;
    }

    .overview-add-button[b-ttm4xgeskt] {
        width: 100%;
    }

    .overview-filter-card[b-ttm4xgeskt] {
        padding: 16px;
        border-radius: 22px;
    }

    .overview-filter-row-primary[b-ttm4xgeskt],
    .overview-filter-row-secondary[b-ttm4xgeskt],
    .overview-filter-row-organization[b-ttm4xgeskt],
    .overview-filter-row-range[b-ttm4xgeskt] {
        grid-template-columns: 1fr;
    }

    .overview-filter-row-secondary[b-ttm4xgeskt],
    .overview-filter-row-range[b-ttm4xgeskt] {
        margin-top: 12px;
    }

    .overview-filter-footer[b-ttm4xgeskt] {
        align-items: stretch;
        flex-direction: column;
    }

    .overview-filter-actions[b-ttm4xgeskt] {
        width: 100%;
    }

    .overview-filter-actions .btn[b-ttm4xgeskt] {
        flex: 1 1 auto;
    }

    .overview-result-actions[b-ttm4xgeskt] {
        width: 100%;
        margin-left: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .overview-result-actions > .btn[b-ttm4xgeskt] {
        width: 100%;
    }

    .overview-sort-control[b-ttm4xgeskt] {
        width: 100%;
        justify-content: space-between;
    }

    .overview-sort-control .form-select[b-ttm4xgeskt] {
        width: min(240px, 100%);
    }

    .table-responsive.overview-table-wrap[b-ttm4xgeskt] {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .overview-table[b-ttm4xgeskt] {
        width: 100%;
        background: transparent !important;
        border-spacing: 0 0;
    }

        .overview-table thead[b-ttm4xgeskt] {
            display: none;
        }

        .overview-table tbody[b-ttm4xgeskt] {
            display: block;
            width: 100%;
        }

        .overview-table tbody tr.contact-spacer-row[b-ttm4xgeskt] {
            display: none;
        }

            .overview-table tbody tr.contact-row[b-ttm4xgeskt] {
                display: block;
                width: 100%;
                margin-bottom: 0;
                border: 1px solid #e3eaf8;
                border-bottom: 0;
                border-radius: 16px 16px 0 0;
                background: #fff;
                padding: 6px 0 0;
                overflow: hidden;
                box-shadow: none;
            }

                .overview-table tbody tr.contact-row td[b-ttm4xgeskt] {
                    display: grid;
                    grid-template-columns: 120px minmax(0, 1fr);
                    align-items: center;
                    column-gap: 10px;
                    width: 100%;
                    padding: 10px 12px;
                    border: none;
                    border-bottom: 1px solid #f0f3fa;
                    text-align: left !important;
                    min-height: 40px;
                    border-radius: 0 !important;
                }

                    .overview-table tbody tr.contact-row td[b-ttm4xgeskt]::before {
                        content: attr(data-label) ":";
                        font-weight: 700;
                        color: #1a237e;
                        font-size: calc(12px * var(--app-table-font-scale, 1));
                    }

            .overview-table tbody tr.contact-actions-row[b-ttm4xgeskt] {
                display: block;
                width: 100%;
                margin-top: 0;
                margin-bottom: 14px;
            }

                .overview-table tbody tr.contact-actions-row td[b-ttm4xgeskt] {
                    display: block;
                    width: 100%;
                    padding: 12px !important;
                    min-height: auto;
                    text-align: left !important;
                    border-radius: 0 0 16px 16px;
                    box-shadow: 0 10px 22px rgba(35, 60, 120, 0.08);
                }

                    .overview-table tbody tr.contact-actions-row td[b-ttm4xgeskt]::before {
                        content: none;
                    }

    .contact-actions[b-ttm4xgeskt] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        justify-content: flex-start;
    }

        .contact-actions .btn[b-ttm4xgeskt] {
            width: 100%;
            min-width: 0;
            white-space: normal;
        }

    .overview-table tbody tr.processes-row[b-ttm4xgeskt],
    .overview-table tbody tr.contact-notes-row[b-ttm4xgeskt] {
        display: block;
        width: 100%;
        margin: 0 0 14px;
    }

        .overview-table tbody tr.processes-row td[b-ttm4xgeskt],
        .overview-table tbody tr.contact-notes-row td[b-ttm4xgeskt] {
            display: block;
            width: 100%;
            padding: 0 !important;
        }

    .business-item[b-ttm4xgeskt],
    .business-status-item[b-ttm4xgeskt] {
        min-height: 0;
        padding: 6px 0;
    }

    .business-item-heading[b-ttm4xgeskt] {
        flex-wrap: wrap;
        gap: 6px;
    }

    .business-name[b-ttm4xgeskt] {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    .business-contact-type-badge[b-ttm4xgeskt] {
        max-width: min(180px, 100%);
    }

    .business-status-item[b-ttm4xgeskt] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .business-status-mobile-business[b-ttm4xgeskt] {
        display: block;
        color: #667085;
        font-size: calc(11px * var(--app-table-font-scale, 1));
        font-weight: 700;
    }

    .business-status-editor[b-ttm4xgeskt] {
        width: 100%;
        max-width: 100%;
    }

    .business-status-trigger[b-ttm4xgeskt] {
        min-height: 40px;
    }

    .business-status-menu[b-ttm4xgeskt] {
        left: auto;
        right: 0;
        width: min(320px, calc(100vw - 24px));
        max-width: calc(100vw - 24px);
        max-height: 300px;
    }

    .process-grid[b-ttm4xgeskt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .contact-lead-item[b-ttm4xgeskt] {
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
    }

    .contact-lead-date[b-ttm4xgeskt],
    .contact-lead-portal[b-ttm4xgeskt] {
        min-width: 0;
    }

    .contact-lead-item .btn[b-ttm4xgeskt] {
        align-self: flex-start;
    }

    .contact-note-footer[b-ttm4xgeskt] {
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-note-actions[b-ttm4xgeskt] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .overview-page-title[b-ttm4xgeskt] {
        font-size: calc(1.9rem * var(--app-table-font-scale, 1));
    }

    .overview-table tbody tr.contact-row td[b-ttm4xgeskt] {
        grid-template-columns: 105px minmax(0, 1fr);
        padding: 8px 10px;
    }

    .business-status-menu[b-ttm4xgeskt] {
        width: min(300px, calc(100vw - 20px));
        max-width: calc(100vw - 20px);
        max-height: 280px;
    }

    .process-grid[b-ttm4xgeskt] {
        grid-template-columns: 1fr;
    }

    .processes-panel[b-ttm4xgeskt],
    .contact-notes-panel[b-ttm4xgeskt] {
        padding: 14px;
        border-radius: 18px;
    }
}

/* =========================================================
   Active contact + expanded work area
   ========================================================= */

.overview-btn-icon[b-ttm4xgeskt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    line-height: 1;
}

.overview-add-button[b-ttm4xgeskt],
.contact-actions .btn[b-ttm4xgeskt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

/* Selected contact: theme-aware surface shared across Kontakte and Deals. */
.overview-table > tbody > tr.contact-row-selected > td[b-ttm4xgeskt],
.overview-table > tbody > tr.contact-row-selected:hover > td[b-ttm4xgeskt] {
    background: var(--app-theme-row-selection-soft-bg) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Action row belongs visually to the selected contact */
.overview-table > tbody > tr.contact-actions-row-selected > td[b-ttm4xgeskt] {
    background: var(--app-theme-row-selection-soft-bg) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Highlight the Contact behind any open modal (Formulare, Termine, Notizen, Beziehungen). */
.overview-table > tbody > tr.contact-row-modal-selected > td[b-ttm4xgeskt],
.overview-table > tbody > tr.contact-row-modal-selected:hover > td[b-ttm4xgeskt],
.overview-table > tbody > tr.contact-actions-row-modal-selected > td[b-ttm4xgeskt] {
    background: var(--app-theme-row-selection-bg) !important;
    border-color: var(--app-theme-row-selection-border) !important;
}

.overview-table > tbody > tr.contact-row-modal-selected > td:first-child[b-ttm4xgeskt] {
    box-shadow: inset 5px 0 0 var(--app-theme-row-selection-indicator) !important;
}

/* Expanded Formulare / Notizen: same family, slightly lighter */
.overview-table > tbody > tr.expanded-detail-row > td[b-ttm4xgeskt] {
    padding-top: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.expanded-detail-row .processes-panel[b-ttm4xgeskt],
.expanded-detail-row .contact-notes-panel[b-ttm4xgeskt] {
    margin-top: 2px;
    background: #f1f6ff;
    border: 0;
    box-shadow: none;
}

    /* Leave the theme-aware selection indicator intact. */
    .overview-table > tbody > tr.contact-actions-row-active > td:first-child[b-ttm4xgeskt],
    .expanded-detail-row .processes-panel[b-ttm4xgeskt]::before,
    .expanded-detail-row .contact-notes-panel[b-ttm4xgeskt]::before {
        border-left: 0 !important;
        box-shadow: none !important;
        content: none !important;
    }

@media (max-width: 768px) {
    .overview-table tbody tr.contact-row-selected td[b-ttm4xgeskt],
    .overview-table tbody tr.contact-actions-row-selected td[b-ttm4xgeskt] {
        background: var(--app-theme-row-selection-soft-bg) !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    .overview-table tbody tr.contact-row-modal-selected td[b-ttm4xgeskt],
    .overview-table tbody tr.contact-actions-row-modal-selected td[b-ttm4xgeskt] {
        background: var(--app-theme-row-selection-bg) !important;
        border-color: var(--app-theme-row-selection-border) !important;
    }

    .overview-table tbody tr.contact-row-modal-selected td:first-child[b-ttm4xgeskt] {
        box-shadow: inset 5px 0 0 var(--app-theme-row-selection-indicator) !important;
    }

    .expanded-detail-row .processes-panel[b-ttm4xgeskt],
    .expanded-detail-row .contact-notes-panel[b-ttm4xgeskt] {
        background: #f1f6ff;
        border: 0;
        box-shadow: none;
    }
}

/* =========================================================
   Print column selection modal
   ========================================================= */

.contact-print-options-backdrop[b-ttm4xgeskt] {
    position: fixed;
    inset: 0;
    z-index: 1090;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(18, 28, 52, 0.52);
    backdrop-filter: blur(2px);
}

.contact-print-options-modal[b-ttm4xgeskt] {
    display: flex;
    flex-direction: column;
    width: min(860px, 100%);
    max-height: calc(100dvh - 48px);
    overflow: hidden;
    background: #fff;
    border: 1px solid #dfe7f5;
    border-radius: 24px;
    box-shadow: 0 28px 80px rgba(20, 42, 92, 0.24);
}

.contact-print-options-header[b-ttm4xgeskt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    flex: 0 0 auto;
    padding: 20px 22px 18px;
    border-bottom: 1px solid #e7edf8;
    background: linear-gradient(135deg, #ffffff 0%, #f4f8ff 100%);
}

.contact-print-options-title[b-ttm4xgeskt] {
    color: #1a2f68;
    font-weight: 800;
}

.contact-print-options-subtitle[b-ttm4xgeskt] {
    max-width: 680px;
    color: #65738d;
    font-size: calc(13px * var(--app-table-font-scale, 1));
    line-height: 1.5;
}

.contact-print-options-close[b-ttm4xgeskt] {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    margin: -3px -4px 0 0;
    padding: 11px;
    border-radius: 12px;
}

.contact-print-options-close:hover[b-ttm4xgeskt],
.contact-print-options-close:focus[b-ttm4xgeskt] {
    background-color: #eaf1ff;
}

.contact-print-options-body[b-ttm4xgeskt] {
    min-height: 0;
    overflow-y: auto;
    padding: 18px 22px 20px;
    background: #fbfcff;
}

.contact-print-options-meta[b-ttm4xgeskt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    color: #6b7891;
    font-size: calc(12px * var(--app-table-font-scale, 1));
    font-weight: 600;
}

.contact-print-options-grid[b-ttm4xgeskt] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.contact-print-option[b-ttm4xgeskt] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    min-height: 54px;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid #dfe7f5;
    border-radius: 14px;
    background: #fff;
    color: #2e406d;
    font-size: calc(13px * var(--app-table-font-scale, 1));
    font-weight: 700;
    cursor: pointer;
    transition:
        border-color 0.15s ease,
        background-color 0.15s ease,
        box-shadow 0.15s ease;
}

.contact-print-option:hover[b-ttm4xgeskt] {
    border-color: #b9cdf6;
    background: #f7faff;
    box-shadow: 0 5px 14px rgba(46, 83, 170, 0.06);
}

.contact-print-option .form-check-input[b-ttm4xgeskt] {
    flex: 0 0 auto;
    width: 1.15rem;
    height: 1.15rem;
    margin: 0;
}

.contact-print-option span[b-ttm4xgeskt] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.contact-print-options-footer[b-ttm4xgeskt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
    padding: 16px 22px 18px;
    border-top: 1px solid #e7edf8;
    background: #fff;
}

.contact-print-options-footer .btn[b-ttm4xgeskt] {
    min-width: 130px;
    border-radius: 14px;
    font-weight: 700;
}

@media (max-width: 900px) {
    .contact-print-options-grid[b-ttm4xgeskt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .contact-print-options-backdrop[b-ttm4xgeskt] {
        align-items: flex-end;
        padding: 12px;
    }

    .contact-print-options-modal[b-ttm4xgeskt] {
        max-height: calc(100dvh - 24px);
        border-radius: 20px;
    }

    .contact-print-options-header[b-ttm4xgeskt] {
        padding: 16px 16px 14px;
    }

    .contact-print-options-body[b-ttm4xgeskt] {
        padding: 14px 16px 16px;
    }

    .contact-print-options-meta[b-ttm4xgeskt] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .contact-print-options-grid[b-ttm4xgeskt] {
        grid-template-columns: 1fr;
    }

    .contact-print-option[b-ttm4xgeskt] {
        min-height: 50px;
    }

    .contact-print-options-footer[b-ttm4xgeskt] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 14px 16px 16px;
    }

    .contact-print-options-footer .btn[b-ttm4xgeskt] {
        width: 100%;
        min-width: 0;
    }
}


/* =========================================================
   Contact overview print view
   ========================================================= */

.contact-print-sheet[b-ttm4xgeskt] {
    display: none;
}

@media print {
    @page {
        size: landscape;
        margin: 10mm;
    }

    .contact-print-sheet[b-ttm4xgeskt] {
        position: static;
        display: block !important;
        width: 100%;
        max-width: none;
        min-height: 0;
        height: auto;
        margin: 0;
        padding: 0;
        background: #fff;
        color: #000;
        font-size: 9pt;
    }

    .contact-overview-page[b-ttm4xgeskt],
    .contact-print-options-backdrop[b-ttm4xgeskt],
    .contact-notes-modal-backdrop[b-ttm4xgeskt],
    .contact-relationships-modal-backdrop[b-ttm4xgeskt],
    .modal[b-ttm4xgeskt] {
        display: none !important;
    }

    .contact-print-sheet[b-ttm4xgeskt],
    .contact-print-sheet *[b-ttm4xgeskt] {
        visibility: visible !important;
    }

    .contact-print-header[b-ttm4xgeskt] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 12px;
        padding-bottom: 8px;
        border-bottom: 1px solid #999;
    }

    .contact-print-header h1[b-ttm4xgeskt] {
        margin: 0;
        font-size: 18pt;
        font-weight: 700;
    }

    .contact-print-subtitle[b-ttm4xgeskt],
    .contact-print-filter-summary[b-ttm4xgeskt] {
        margin-top: 3px;
        color: #444;
        font-size: 9pt;
    }

    .contact-print-filter-summary[b-ttm4xgeskt] {
        text-align: right;
    }

    .contact-print-table[b-ttm4xgeskt] {
        width: 100%;
        border-collapse: collapse;
        table-layout: auto;
    }

    .contact-print-table th[b-ttm4xgeskt],
    .contact-print-table td[b-ttm4xgeskt] {
        padding: 5px 6px;
        vertical-align: top;
        overflow-wrap: anywhere;
        border: 1px solid #b9b9b9;
    }

    .contact-print-table th[b-ttm4xgeskt] {
        background: #efefef !important;
        font-weight: 700;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .contact-print-table thead[b-ttm4xgeskt] {
        display: table-header-group;
    }

    .contact-print-table tr[b-ttm4xgeskt] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .contact-print-business + .contact-print-business[b-ttm4xgeskt] {
        margin-top: 3px;
        padding-top: 3px;
        border-top: 1px dotted #bbb;
    }
}
/* _content/Web/Components/Pages/Admin/ContactManagement/ContactRelationshipsModal.razor.rz.scp.css */
.contact-relationships-modal-header[b-tu3d88vtx6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    flex: 0 0 auto;
}

.contact-relationships-title-wrap[b-tu3d88vtx6] {
    min-width: 0;
}

.contact-relationships-modal-title[b-tu3d88vtx6] {
    color: var(--app-modal-heading);
    font-weight: 800;
}

.contact-relationships-person[b-tu3d88vtx6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 14px;
    margin-top: 6px;
    color: #65738d;
    font-size: 13px;
}

.contact-relationships-person-name[b-tu3d88vtx6] {
    color: #263b6d;
    font-weight: 700;
}

.contact-relationships-person-detail[b-tu3d88vtx6] {
    overflow-wrap: anywhere;
}

.contact-relationships-person-address[b-tu3d88vtx6] {
    color: #51617d;
}

.contact-relationships-person-detail-with-icon[b-tu3d88vtx6] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
}

.contact-relationships-person-detail-with-icon > i[b-tu3d88vtx6] {
    flex: 0 0 auto;
    color: #4f6fae;
    font-size: 0.92rem;
    line-height: 1;
}

.contact-relationships-person-detail-with-icon > span[b-tu3d88vtx6] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.contact-relationships-modal-body[b-tu3d88vtx6] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding: 16px 22px 20px;
}

.contact-relationships-modal-body .form-control[b-tu3d88vtx6],
.contact-relationships-modal-body .form-select[b-tu3d88vtx6] {
    border-color: #d7e0f1;
    border-radius: 12px;
    background-color: #fff;
}

.contact-relationships-modal-body .form-control:focus[b-tu3d88vtx6],
.contact-relationships-modal-body .form-select:focus[b-tu3d88vtx6] {
    border-color: #8db3ff;
    box-shadow: 0 0 0 .2rem rgba(54, 120, 246, 0.11);
}

.contact-relationship-create[b-tu3d88vtx6] {
    flex: 0 0 auto;
    padding: 12px 14px;
    border: 1px solid #dce7fa;
    border-radius: 16px;
    background: #f4f8ff;
}

.contact-relationship-create-title[b-tu3d88vtx6] {
    margin-bottom: 8px;
    font-weight: 700;
}

.contact-relationship-create-grid[b-tu3d88vtx6],
.contact-relationship-edit-grid[b-tu3d88vtx6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contact-relationship-field-row[b-tu3d88vtx6] {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.contact-relationship-field-row-textarea[b-tu3d88vtx6],
.contact-relationship-contact-search-row[b-tu3d88vtx6] {
    align-items: start;
}

.contact-relationship-field-row-textarea .form-label[b-tu3d88vtx6],
.contact-relationship-contact-search-row .form-label[b-tu3d88vtx6] {
    padding-top: 8px;
}

.contact-relationship-create .form-label[b-tu3d88vtx6],
.contact-relationship-edit-grid .form-label[b-tu3d88vtx6] {
    font-size: 13px;
}

.contact-relationship-create-textarea[b-tu3d88vtx6] {
    min-height: 76px;
    resize: vertical;
}

.contact-relationship-edit-textarea[b-tu3d88vtx6] {
    min-height: 96px;
    resize: vertical;
}

.contact-relationship-create-actions[b-tu3d88vtx6] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}

.contact-relationship-search-area[b-tu3d88vtx6] {
    min-width: 0;
}

.contact-relationship-search-controls[b-tu3d88vtx6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.contact-relationship-selected-contact[b-tu3d88vtx6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 42px;
    padding: 8px 10px 8px 12px;
    border: 1px solid #cfe0fb;
    border-radius: 12px;
    background: #fff;
}

.contact-relationship-selected-contact-name[b-tu3d88vtx6] {
    color: #233a6f;
    font-weight: 700;
    line-height: 1.3;
}

.contact-relationship-selected-contact-hint[b-tu3d88vtx6] {
    margin-top: 2px;
    color: #7a879f;
    font-size: 11px;
}

.contact-relationship-search-results[b-tu3d88vtx6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 178px;
    margin-top: 7px;
    overflow-y: auto;
    padding: 6px;
    border: 1px solid #d5e1f4;
    border-radius: 12px;
    background: #edf3fc;
}

.contact-relationship-search-result[b-tu3d88vtx6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
    padding: 9px 11px;
    text-align: left;
    border: 1px solid #e0e8f6;
    border-radius: 10px;
    background: #fff;
    color: inherit;
    transition: border-color .15s ease, background-color .15s ease;
}

.contact-relationship-search-result:hover[b-tu3d88vtx6],
.contact-relationship-search-result:focus[b-tu3d88vtx6] {
    border-color: #9ebdf2;
    background: #f7faff;
    outline: none;
}

.contact-relationship-search-result-name[b-tu3d88vtx6] {
    color: #263b6d;
    font-weight: 700;
}

.contact-relationship-search-result-details[b-tu3d88vtx6] {
    color: #748098;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.contact-relationship-search-empty[b-tu3d88vtx6] {
    margin-top: 7px;
    padding: 10px 12px;
    color: #748098;
    border: 1px dashed #d5dfef;
    border-radius: 11px;
    background: #fff;
    font-size: 13px;
}

.contact-relationships-list-section[b-tu3d88vtx6] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    margin-top: 14px;
    padding: 12px;
    border: 1px solid #d4e1f5;
    border-radius: 16px;
    background: #edf3fc;
}

.contact-relationships-list-head[b-tu3d88vtx6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    margin-bottom: 8px;
}

.contact-relationships-count[b-tu3d88vtx6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 26px;
    padding: 0 9px;
    border-radius: 999px;
    background: #eaf2ff;
    color: #315cbf;
    font-size: 12px;
    font-weight: 800;
}

.contact-relationships-list-shell[b-tu3d88vtx6] {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #cfdcf0;
    border-radius: 14px;
    background: #e7eef9;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
}

.contact-relationships-list[b-tu3d88vtx6] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    overflow-y: auto;
    padding: 10px 10px 12px;
    scrollbar-gutter: stable;
    scrollbar-color: #8faee2 #e4ebf7;
}

.contact-relationships-list[b-tu3d88vtx6]::-webkit-scrollbar {
    width: 12px;
}

.contact-relationships-list[b-tu3d88vtx6]::-webkit-scrollbar-track {
    background: #e4ebf7;
    border-radius: 999px;
}

.contact-relationships-list[b-tu3d88vtx6]::-webkit-scrollbar-thumb {
    background: #8faee2;
    border: 3px solid #e4ebf7;
    border-radius: 999px;
}

.contact-relationships-scroll-hint[b-tu3d88vtx6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 7px 10px;
    border-top: 1px solid #dce6f5;
    background: #eaf2ff;
    color: #47648f;
    font-size: 12px;
    font-weight: 700;
}

.contact-relationships-loading[b-tu3d88vtx6],
.contact-relationships-empty[b-tu3d88vtx6] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 76px;
    padding: 16px;
    color: #6c7890;
    border: 1px dashed #d8e1f1;
    border-radius: 14px;
    background: #fff;
}

.contact-relationship-item[b-tu3d88vtx6] {
    flex: 0 0 auto;
    padding: 12px 14px;
    border: 1px solid #e2eaf8;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(42, 73, 145, 0.04);
}

.contact-relationship-item-head[b-tu3d88vtx6] {
    display: grid;
    grid-template-columns: minmax(155px, 185px) minmax(0, 1fr) auto;
    align-items: start;
    gap: 14px;
}

.contact-relationship-summary[b-tu3d88vtx6] {
    min-width: 0;
}

.contact-relationship-type-badge[b-tu3d88vtx6] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin-bottom: 7px;
    padding: 4px 9px;
    overflow-wrap: anywhere;
    border-radius: 999px;
    background: #edf3ff;
    color: #315cbf;
    font-size: 12px;
    font-weight: 700;
}

.contact-relationship-person-link[b-tu3d88vtx6] {
    display: block;
    width: fit-content;
    max-width: 100%;
    color: #24375f;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.contact-relationship-person-link:hover[b-tu3d88vtx6],
.contact-relationship-person-link:focus[b-tu3d88vtx6] {
    color: #0d6efd;
    text-decoration: underline;
}

.contact-relationship-contact-details[b-tu3d88vtx6] {
    display: grid;
    grid-template-columns:
        minmax(150px, 1.15fr)
        minmax(110px, 0.75fr)
        minmax(135px, 1.1fr);
    gap: 10px 14px;
    min-width: 0;
    padding-top: 2px;
}

.contact-relationship-contact-detail[b-tu3d88vtx6] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 2px;
}

.contact-relationship-contact-detail-label[b-tu3d88vtx6] {
    color: #7b879d;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.contact-relationship-contact-detail-value[b-tu3d88vtx6] {
    min-width: 0;
    color: #3d4c69;
    font-size: 13px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.contact-relationship-contact-detail-email
.contact-relationship-contact-detail-value[b-tu3d88vtx6] {
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}

.contact-relationship-contact-detail-address
.contact-relationship-contact-detail-value[b-tu3d88vtx6] {
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
}

.contact-relationship-description[b-tu3d88vtx6] {
    min-width: 0;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e7edf7;
    color: #27344f;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.contact-relationship-meta[b-tu3d88vtx6] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 14px;
    margin-top: 10px;
    color: #7a879f;
    font-size: 12px;
}

.contact-relationship-actions[b-tu3d88vtx6] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    padding-left: 8px;
}

.contact-relationship-actions .btn[b-tu3d88vtx6] {
    border-radius: 12px;
    font-weight: 600;
}

@media (max-width: 1050px) and (min-width: 769px) {
    .contact-relationship-item-head[b-tu3d88vtx6] {
        grid-template-columns: minmax(170px, 210px) minmax(0, 1fr);
    }

    .contact-relationship-actions[b-tu3d88vtx6] {
        grid-column: 1 / -1;
        justify-content: flex-end;
        padding-left: 0;
    }

    .contact-relationship-contact-details[b-tu3d88vtx6] {
        grid-template-columns:
            minmax(170px, 1fr)
            minmax(130px, 0.8fr);
    }

    .contact-relationship-contact-detail-address[b-tu3d88vtx6] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {

    .contact-relationships-person[b-tu3d88vtx6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .contact-relationships-person-detail-with-icon[b-tu3d88vtx6] {
        width: 100%;
    }

    .contact-relationships-modal-body[b-tu3d88vtx6] {
        padding: 12px;
    }

    .contact-relationship-create[b-tu3d88vtx6] {
        padding: 10px 12px;
    }

    .contact-relationship-field-row[b-tu3d88vtx6] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .contact-relationship-field-row-textarea .form-label[b-tu3d88vtx6],
    .contact-relationship-contact-search-row .form-label[b-tu3d88vtx6] {
        padding-top: 0;
    }

    .contact-relationship-search-controls[b-tu3d88vtx6] {
        grid-template-columns: 1fr;
    }

    .contact-relationship-search-controls .btn[b-tu3d88vtx6] {
        width: 100%;
    }

    .contact-relationship-selected-contact[b-tu3d88vtx6] {
        align-items: stretch;
        flex-direction: column;
    }

    .contact-relationship-selected-contact .btn[b-tu3d88vtx6] {
        width: 100%;
    }

    .contact-relationship-create-actions[b-tu3d88vtx6] {
        justify-content: stretch;
    }

    .contact-relationship-create-actions .btn[b-tu3d88vtx6] {
        width: 100%;
    }

    .contact-relationships-list-section[b-tu3d88vtx6] {
        padding: 9px;
    }

    .contact-relationships-list[b-tu3d88vtx6] {
        padding: 8px;
    }

    .contact-relationship-item-head[b-tu3d88vtx6] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .contact-relationship-contact-details[b-tu3d88vtx6] {
        grid-template-columns: 1fr;
        gap: 7px;
        padding-top: 0;
    }

    .contact-relationship-contact-detail[b-tu3d88vtx6] {
        gap: 1px;
    }

    .contact-relationship-contact-detail-email
    .contact-relationship-contact-detail-value[b-tu3d88vtx6] {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .contact-relationship-description[b-tu3d88vtx6] {
        margin-top: 10px;
        padding-top: 10px;
    }

    .contact-relationship-actions[b-tu3d88vtx6] {
        width: 100%;
        justify-content: stretch;
        padding-left: 0;
    }

    .contact-relationship-actions .btn[b-tu3d88vtx6] {
        flex: 1 1 auto;
    }

    .contact-relationship-meta[b-tu3d88vtx6] {
        flex-direction: column;
        gap: 2px;
    }
}

@media (max-width: 480px) {
    .contact-relationships-modal-title[b-tu3d88vtx6] {
        font-size: 1.05rem;
    }

    .contact-relationship-create[b-tu3d88vtx6],
    .contact-relationships-list-section[b-tu3d88vtx6],
    .contact-relationship-item[b-tu3d88vtx6] {
        border-radius: 13px;
    }

    .contact-relationships-scroll-hint[b-tu3d88vtx6] {
        font-size: 11px;
    }
}
/* _content/Web/Components/Pages/Admin/CrmProcess.razor.rz.scp.css */
.crm-process-image-container[b-fv1vokmixp] {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 25px;
}

.crm-process-image[b-fv1vokmixp] {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 25px;
}
/* _content/Web/Components/Pages/Admin/DealManagement/DealForm.razor.rz.scp.css */
/* Shared Create/Edit Deal modal. Keep scoped styles with DealForm. */
.deals-backdrop[b-9ri6b28rjq] { position:fixed; inset:0; z-index:1050; background:var(--app-modal-backdrop); backdrop-filter:blur(2px); display:flex; justify-content:center; align-items:center; padding:20px; }
.deals-dialog[b-9ri6b28rjq] { display:flex; flex-direction:column; background:#fff; border:1px solid var(--app-modal-border); border-radius:var(--app-modal-radius); width:100%; max-width:660px; max-height:min(90dvh,860px); overflow:hidden; box-shadow:var(--app-modal-shadow); }
.deals-dialog-header[b-9ri6b28rjq] { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--app-modal-divider); padding:var(--app-modal-header-padding); background:var(--app-modal-header-background); }
.deals-dialog-header h2[b-9ri6b28rjq] { color:var(--app-modal-heading); font-size:1.35rem; font-weight:800; margin:0; }
.deals-dialog-body[b-9ri6b28rjq] { padding:24px; background:var(--app-modal-body-background); }
.deals-dialog-footer[b-9ri6b28rjq] { border-top:1px solid var(--app-modal-divider); padding:var(--app-modal-footer-padding); background:#fff; display:flex; justify-content:flex-end; gap:10px; }
.deals-dialog-body .form-label[b-9ri6b28rjq] { font-weight:700; color:#405177; }
.deals-chosen-contact[b-9ri6b28rjq] { display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid #bed4fd; border-radius:12px; padding:10px 12px; background:#f3f8ff; }
.deals-contact-results[b-9ri6b28rjq] { max-height:230px; overflow-y:auto; border:1px solid #dbe5f4; border-radius:12px; margin-top:9px; }
.deals-contact-option[b-9ri6b28rjq] { display:flex; flex-direction:column; gap:2px; width:100%; text-align:left; border:none; border-bottom:1px solid #e8eef8; background:#fff; padding:12px 14px; }
.deals-contact-option:hover[b-9ri6b28rjq], .deals-contact-option:focus[b-9ri6b28rjq] { background:#edf4ff; }
.deals-contact-option small[b-9ri6b28rjq] { color:#68758c; }

@media (max-width:640px) {
.deals-dialog-body[b-9ri6b28rjq], .deals-dialog-header[b-9ri6b28rjq], .deals-dialog-footer[b-9ri6b28rjq] { padding:16px; }
}
/* Selected Kontakt: same visual style as the Beziehungen editor. */
.deals-chosen-contact[b-9ri6b28rjq] {
    min-width: 0;
    min-height: 56px;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #cfe0fb;
    border-radius: 12px;
}
.deals-chosen-contact-details[b-9ri6b28rjq] { min-width: 0; flex: 1 1 auto; }
.deals-chosen-contact-name[b-9ri6b28rjq] {
    color: #233a6f;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
.deals-chosen-contact-hint[b-9ri6b28rjq] {
    margin-top: 3px;
    color: #7a879f;
    font-size: 11px;
}
.deals-chosen-contact .btn[b-9ri6b28rjq] { flex: 0 0 auto; }
.deals-dialog[b-9ri6b28rjq], .deals-dialog-body[b-9ri6b28rjq], .deals-dialog .input-group[b-9ri6b28rjq] { min-width: 0; }
.deals-dialog .form-control[b-9ri6b28rjq], .deals-dialog .form-select[b-9ri6b28rjq], .deals-dialog textarea[b-9ri6b28rjq] { max-width: 100%; }
.deals-dialog .deals-contact-option[b-9ri6b28rjq] { overflow-wrap: anywhere; }
@media (max-width: 768px) {
.deals-dialog-body[b-9ri6b28rjq], .deals-dialog-header[b-9ri6b28rjq], .deals-dialog-footer[b-9ri6b28rjq] { padding: 16px; }
}
@media (max-width: 480px) {
.deals-backdrop[b-9ri6b28rjq] { padding: 8px; }
.deals-dialog[b-9ri6b28rjq] { max-height: calc(100dvh - 16px); border-radius: 16px; }
.deals-chosen-contact[b-9ri6b28rjq] { flex-direction: column; align-items: stretch; }
.deals-chosen-contact .btn[b-9ri6b28rjq] { width: 100%; }
.deals-dialog .input-group[b-9ri6b28rjq] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }
}
@media (max-width: 370px) {
.deals-dialog .input-group[b-9ri6b28rjq] { grid-template-columns: minmax(0, 1fr); }
}

/* Keep the modal header/footer fixed while long Deal forms scroll, like Kontakte. */
.deals-dialog > form[b-9ri6b28rjq] { display:flex; flex-direction:column; min-height:0; }
.deals-dialog-header[b-9ri6b28rjq], .deals-dialog-footer[b-9ri6b28rjq] { flex:0 0 auto; }
.deals-dialog-body[b-9ri6b28rjq] { min-height:0; overflow-y:auto; }
/* _content/Web/Components/Pages/Admin/DealManagement/Deals.razor.rz.scp.css */
/* Deals list aligns with the existing Kontakte design. */
.deals-page[b-uituhexqjz] { width:100%; max-width:100%; min-width:0; padding-left:10px; padding-right:10px; }
.deals-header[b-uituhexqjz] { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
.deals-header h1[b-uituhexqjz] { display:inline-block; color:#1a2f68; font-size:calc(2.2rem * var(--app-table-font-scale, 1)); letter-spacing:-.03em; font-weight:800; margin:0 12px 0 0; }
.deals-count[b-uituhexqjz] { display:inline-flex; align-items:center; color:#2f5ed7; background:linear-gradient(135deg,#eef4ff,var(--app-table-row-hover-background)); border:1px solid #d9e6ff; border-radius:999px; font-weight:700; padding:10px 16px; box-shadow:0 6px 18px rgba(53,95,189,.08); }
/* Visual colors and interactive states come from the shared btn-primary theme. */
.deals-primary[b-uituhexqjz] { display:inline-flex; align-items:center; justify-content:center; gap:7px; font-weight:700; border-radius:18px; padding:12px 20px; }
.deals-filters[b-uituhexqjz] { position:relative; overflow:hidden; background:linear-gradient(135deg,#fff 0%,#fbfcff 58%,#f4f8ff 100%); padding:24px 24px 20px; border:1px solid #e3ebfb; border-radius:28px; box-shadow:0 18px 40px rgba(46,83,170,.08); margin-bottom:18px; }
.deals-filters[b-uituhexqjz]::after { content:""; position:absolute; inset:auto -80px -110px auto; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle,rgba(104,121,255,.10),rgba(104,121,255,0) 68%); pointer-events:none; }
.deals-filters form[b-uituhexqjz] { position:relative; z-index:1; }
.deals-filter-grid[b-uituhexqjz] { display:grid; gap:12px; padding:14px 16px 16px; border:1px solid #d7e5fb; border-radius:18px; box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 5px 14px rgba(46,83,170,.035); }
.deals-filter-grid-primary[b-uituhexqjz] { grid-template-columns:minmax(0,2fr) minmax(210px,1fr); background:linear-gradient(135deg,#f1f6ff,#f7faff); }
.deals-filter-grid-advanced[b-uituhexqjz] { grid-template-columns:repeat(2,minmax(0,1fr)); background:linear-gradient(135deg,#f5f7fb,#fafbfe); border-color:#e0e5ef; }
.deals-filter-field[b-uituhexqjz] { min-width:0; }
.deals-filter-field .form-label[b-uituhexqjz] { color:#3d5f95; font-size:calc(13px * var(--app-table-font-scale, 1)); font-weight:700; margin-bottom:8px; }
.deals-filter-grid-advanced .form-label[b-uituhexqjz] { color:#596987; }
.deals-filter-grid .form-control[b-uituhexqjz], .deals-filter-grid .form-select[b-uituhexqjz] { min-height:54px; border-radius:16px; border:1px solid #d7e0f1; background:rgba(255,255,255,.92); box-shadow:0 2px 8px rgba(38,64,126,.04); }
.deals-filter-grid .form-control:focus[b-uituhexqjz], .deals-filter-grid .form-select:focus[b-uituhexqjz] { border-color:#8db3ff; box-shadow:0 0 0 .25rem rgba(54,120,246,.12); }
.deals-filter-grid .form-select:disabled[b-uituhexqjz] { background-color:#f5f7fb; color:#8b95a9; opacity:1; }
.deals-advanced-toggle-row[b-uituhexqjz] { position:relative; z-index:1; display:flex; margin-top:14px; }
.deals-advanced-toggle[b-uituhexqjz] { display:inline-flex; align-items:center; gap:8px; background:#fff; border-color:#d5dceb; color:#596987; }
.deals-advanced-filter-count[b-uituhexqjz] { display:inline-flex; align-items:center; justify-content:center; padding:0 7px; min-width:24px; height:24px; border-radius:999px; background:#edf2ff; color:#315ccf; font-size:calc(12px * var(--app-table-font-scale, 1)); font-weight:800; }
.deals-advanced-filters[b-uituhexqjz] { position:relative; z-index:1; margin-top:12px; }
.deals-filter-actions[b-uituhexqjz] { position:relative; z-index:1; display:flex; gap:8px; margin-top:30px; flex-wrap:wrap; }
.deals-filters .btn[b-uituhexqjz] { border-radius:16px; font-weight:700; padding-left:22px; padding-right:22px; }
.deals-filter-actions .btn-primary[b-uituhexqjz] { border:0; background:linear-gradient(135deg,#2d7cf7,#5b4ef3); box-shadow:0 12px 24px rgba(53,96,214,.18); }
.deals-filter-actions .btn-outline-secondary[b-uituhexqjz] { background:#fff; border-color:#d5dceb; color:#596987; }
.deals-list[b-uituhexqjz] { min-width:0; margin-bottom:16px; }
.deals-list > .table-responsive[b-uituhexqjz] { width:100%; min-width:0; overflow-x:auto; overflow-y:visible; }
.deals-list.status-menu-open[b-uituhexqjz], .deals-list.status-menu-open > .table-responsive[b-uituhexqjz] { overflow:visible; }
.deals-table[b-uituhexqjz] { width:100%; min-width:1150px; border-collapse:separate; border-spacing:0; table-layout:fixed; font-size:calc(14px * var(--app-table-font-scale, 1)); }
/* Keep spacing between Deals, never between the details and actions of one Deal. */
.deals-table > tbody > tr.deals-spacer-row > td[b-uituhexqjz] { height:14px; padding:0; border:0; background:transparent; box-shadow:none; }
.deals-table thead th[b-uituhexqjz] { padding:18px 12px; vertical-align:middle; font-size:calc(13px * var(--app-table-font-scale, 1));      }
.deals-table thead th:first-child[b-uituhexqjz] { border-left:1px solid var(--app-table-header-border); border-radius:20px 0 0 20px; }
.deals-table thead th:last-child[b-uituhexqjz] { border-right:1px solid var(--app-table-header-border); border-radius:0 20px 20px 0; }
.deals-table th:nth-child(1)[b-uituhexqjz] { width:4%; }
.deals-table th:nth-child(2)[b-uituhexqjz] { width:6%; }
.deals-table th:nth-child(3)[b-uituhexqjz] { width:20%; }
.deals-table th:nth-child(4)[b-uituhexqjz] { width:12%; }
.deals-table th:nth-child(5)[b-uituhexqjz] { width:9%; }
.deals-table th:nth-child(6)[b-uituhexqjz] { width:17%; }
.deals-table th:nth-child(7)[b-uituhexqjz], .deals-table th:nth-child(8)[b-uituhexqjz], .deals-table th:nth-child(9)[b-uituhexqjz] { width:10.66%; }
.deals-table > tbody > tr.deals-data-row > td[b-uituhexqjz] { background:#fff; border-top:1px solid var(--app-table-row-border); border-bottom:0; padding:18px 12px 12px; vertical-align:middle; overflow-wrap:anywhere; }
.deals-table > tbody > tr.deals-data-row > td:first-child[b-uituhexqjz] { border-left:1px solid var(--app-table-row-border); border-radius:20px 0 0 0; }
.deals-table > tbody > tr.deals-data-row > td:last-child[b-uituhexqjz] { border-right:1px solid var(--app-table-row-border); border-radius:0 20px 0 0; }
.deals-table > tbody > tr.deals-data-row:hover > td[b-uituhexqjz] { background:#fbfcff; }
.deals-table > tbody > tr.deals-actions-row > td[b-uituhexqjz] { padding:10px 16px 40px; background:#fff; border:1px solid var(--app-table-row-border); border-top:0; border-radius:0 0 20px 20px; box-shadow:0 12px 28px rgba(35,60,120,.07); }
/* Same visible selection as Kontakte while the Deal's Notes modal is open. */
.deals-table > tbody > tr.deals-data-row-selected > td[b-uituhexqjz],
.deals-table > tbody > tr.deals-data-row-selected:hover > td[b-uituhexqjz],
.deals-table > tbody > tr.deals-actions-row-selected > td[b-uituhexqjz] {
    background: var(--app-theme-row-selection-bg) !important;
    border-color: var(--app-theme-row-selection-border) !important;
}
.deals-table > tbody > tr.deals-data-row-selected > td:first-child[b-uituhexqjz] {
    box-shadow: inset 5px 0 0 var(--app-theme-row-selection-indicator) !important;
}
.deals-title[b-uituhexqjz] { font-weight:700; color:#253963; }
.deals-id[b-uituhexqjz] { font-weight:700; color:#37538a; }
.deals-row-actions[b-uituhexqjz] { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.deals-row-actions .btn[b-uituhexqjz] { display:inline-flex; justify-content:center; align-items:center; gap:7px; border-radius:14px; font-weight:600; padding:6px 12px; }
.deals-empty[b-uituhexqjz] { padding:44px 20px; text-align:center; color:#63718b; border:1px solid #e1e9fa; border-radius:19px; background:#fff; }
@media (max-width:900px) { .deals-filter-grid-primary[b-uituhexqjz] { grid-template-columns:1fr; } }
@media (max-width:640px) { .deals-filter-grid-advanced[b-uituhexqjz] { grid-template-columns:1fr; } .deals-filter-actions .btn[b-uituhexqjz] { flex:1 1 auto; } }

/* Deal status editing uses the same dropdown and immediate-save feedback as Kontakte. */
.deals-table .status-editor[b-uituhexqjz] { display:flex; flex-direction:column; gap:5px; min-width:210px; }
.deals-list.status-menu-open[b-uituhexqjz],
.deals-list.status-menu-open .table-responsive[b-uituhexqjz] { overflow:visible; }
.business-status-editor[b-uituhexqjz] { position:relative; width:100%; min-width:0; }
.business-status-editor.status-dropdown-open[b-uituhexqjz] { z-index:1202; }
.business-status-trigger[b-uituhexqjz] {
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    width:100%; min-height:36px; padding:6px 10px;
    border:1px solid #d5dceb; border-radius:7px; background:#fff;
    color:#212529; font-size:calc(14px * var(--app-table-font-scale, 1)); line-height:1.25; text-align:left; cursor:pointer;
}
.business-status-trigger:hover:not(:disabled)[b-uituhexqjz] { border-color:#a9bfe8; background:#fbfcff; }
.business-status-trigger:focus-visible[b-uituhexqjz],
.status-dropdown-open .business-status-trigger[b-uituhexqjz] {
    outline:0; border-color:#8db3ff; box-shadow:0 0 0 .22rem rgba(54,120,246,.12);
}
.business-status-trigger:disabled[b-uituhexqjz] { cursor:default; background:#f5f7fb; color:#7f899b; }
.business-status-trigger-text[b-uituhexqjz] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.business-status-trigger-icon[b-uituhexqjz] { flex:0 0 auto; color:#6f7d97; font-size:calc(12px * var(--app-table-font-scale, 1)); transition:transform .15s ease; }
.status-dropdown-open .business-status-trigger-icon[b-uituhexqjz] { transform:rotate(180deg); }
.business-status-dropdown-backdrop[b-uituhexqjz] { position:fixed; inset:0; z-index:1200; background:transparent; }
.business-status-menu[b-uituhexqjz] {
    position:absolute; top:calc(100% + 7px); bottom:auto; left:0; z-index:1203;
    width:340px; max-width:calc(100vw - 32px); max-height:350px; overflow-y:auto;
    padding:5px; border:1px solid #dbe4f4; border-radius:12px;
    background:#fff; box-shadow:0 18px 45px rgba(28,52,104,.20);
}
.business-status-editor.status-drop-up .business-status-menu[b-uituhexqjz] { top:auto; bottom:calc(100% + 7px); }
.business-status-option[b-uituhexqjz] {
    display:flex; align-items:center; justify-content:space-between; gap:9px;
    width:100%; min-height:46px; padding:7px 10px; border:0; border-radius:9px;
    background:transparent; color:#202a3d; text-align:left; cursor:pointer;
}
.business-status-option + .business-status-option[b-uituhexqjz] { margin-top:1px; }
.business-status-option:hover[b-uituhexqjz], .business-status-option:focus-visible[b-uituhexqjz] {
    outline:0; background:#f1f6ff; color:#1f55c7;
}
.business-status-option.selected[b-uituhexqjz] { background:#eaf2ff; color:#174caf; }
.business-status-option-content[b-uituhexqjz] { display:flex; flex:1 1 auto; min-width:0; flex-direction:column; gap:1px; }
.business-status-option-name[b-uituhexqjz] { font-size:calc(13.5px * var(--app-table-font-scale, 1)); font-weight:700; line-height:1.25; }
.business-status-option-description[b-uituhexqjz] { color:#6f7d97; font-size:calc(11px * var(--app-table-font-scale, 1)); font-weight:400; line-height:1.25; }
.business-status-option-check[b-uituhexqjz] { flex:0 0 auto; color:#1f62d7; font-size:calc(16px * var(--app-table-font-scale, 1)); }
.status-save-feedback[b-uituhexqjz] { font-size:calc(11px * var(--app-table-font-scale, 1)); font-weight:600; }
.status-save-feedback.saving[b-uituhexqjz] { color:#6c757d; }
.status-save-feedback.success[b-uituhexqjz] { color:#198754; }
.status-save-feedback.error[b-uituhexqjz] { color:#dc3545; }

/* Contact identification in the Deal list and the shared Status-Leitfaden pattern. */
.deals-contact-identity[b-uituhexqjz] { display:flex; flex-direction:column; align-items:flex-start; gap:4px; min-width:0; }
.deals-contact-identity > a[b-uituhexqjz] { font-weight:700; color:#2259b5; text-decoration:underline; text-underline-offset:2px; }
.deals-contact-methods[b-uituhexqjz] { display:flex; flex-direction:column; gap:1px; font-size:calc(12px * var(--app-table-font-scale, 1)); color:#697792; overflow-wrap:anywhere; }
.deals-status-guide-button[b-uituhexqjz] { color:#176bd8; }
.deals-guide-overlay[b-uituhexqjz] { z-index:1300; }
.deals-table[b-uituhexqjz] { min-width:1280px; }
.deals-table th:nth-child(3)[b-uituhexqjz] { width:17%; }
.deals-table th:nth-child(4)[b-uituhexqjz] { width:20%; }
.deals-table th:nth-child(5)[b-uituhexqjz] { width:9%; }
.deals-table th:nth-child(6)[b-uituhexqjz] { width:15%; }
.deals-table th:nth-child(7)[b-uituhexqjz], .deals-table th:nth-child(8)[b-uituhexqjz], .deals-table th:nth-child(9)[b-uituhexqjz] { width:9.66%; }

/* Mobile card rows mirror ContactOverview. Desktop layout stays unchanged. */
@media (max-width: 768px) {
    .deals-page[b-uituhexqjz] {
        min-width: 0;
        max-width: 100%;
        padding-left: 6px;
        padding-right: 6px;
        overflow-x: clip;
    }
    .deals-header[b-uituhexqjz] { align-items: stretch; margin-bottom: 16px; }
    .deals-header .deals-primary[b-uituhexqjz] { width: 100%; }
    .deals-header h1[b-uituhexqjz] { font-size: calc(1.9rem * var(--app-table-font-scale, 1)); }
    .deals-filters[b-uituhexqjz] { padding: 16px; border-radius: 22px; }
    .deals-filter-grid[b-uituhexqjz],
    .deals-filter-grid-primary[b-uituhexqjz],
    .deals-filter-grid-advanced[b-uituhexqjz] { grid-template-columns: minmax(0, 1fr); }
    .deals-filter-actions[b-uituhexqjz] { width: 100%; margin-top: 20px; }
    .deals-filter-actions .btn[b-uituhexqjz] { flex: 1 1 auto; min-width: 0; }
    .deals-list[b-uituhexqjz],
    .deals-list > .table-responsive[b-uituhexqjz],
    .deals-list.status-menu-open > .table-responsive[b-uituhexqjz] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: visible;
        overflow-y: visible;
    }
    .deals-table[b-uituhexqjz] {
        display: block;
        width: 100%;
        min-width: 0;
        border-spacing: 0;
        table-layout: auto;
        background: transparent !important;
    }
    .deals-table thead[b-uituhexqjz] { display: none; }
    .deals-table tbody[b-uituhexqjz] { display: block; width: 100%; }
    .deals-table > tbody > tr.deals-spacer-row[b-uituhexqjz] { display: none; }
    .deals-table > tbody > tr.deals-data-row[b-uituhexqjz] {
        display: block;
        width: 100%;
        margin: 0;
        padding: 6px 0 0;
        border: 1px solid #e3eaf8;
        border-bottom: 0;
        border-radius: 16px 16px 0 0;
        background: #fff;
        box-shadow: none;
        overflow: visible; /* allow the Status dropdown to open */
    }
    .deals-table > tbody > tr.deals-data-row > td[b-uituhexqjz],
    .deals-table > tbody > tr.deals-data-row > td:first-child[b-uituhexqjz],
    .deals-table > tbody > tr.deals-data-row > td:last-child[b-uituhexqjz] {
        display: grid;
        grid-template-columns: 120px minmax(0, 1fr);
        align-items: center;
        column-gap: 10px;
        width: 100%;
        min-width: 0;
        min-height: 40px;
        margin: 0;
        padding: 10px 12px;
        border: 0;
        border-bottom: 1px solid #f0f3fa;
        border-radius: 0;
        background: #fff;
        text-align: left !important;
        box-shadow: none;
        overflow-wrap: anywhere;
    }
    .deals-table > tbody > tr.deals-data-row > td[b-uituhexqjz]::before {
        display: block;
        content: attr(data-label) ":";
        margin: 0;
        color: #1a237e;
        font-size: calc(12px * var(--app-table-font-scale, 1));
        font-weight: 700;
        line-height: 1.35;
    }
    .deals-table > tbody > tr.deals-data-row > td > *[b-uituhexqjz] { min-width: 0; }
    .deals-table .status-editor[b-uituhexqjz] { min-width: 0; width: 100%; }
    .deals-table .business-status-trigger[b-uituhexqjz] { width: 100%; min-height: 40px; }
    .deals-table .business-status-menu[b-uituhexqjz] {
        left: auto;
        right: 0;
        width: min(320px, calc(100vw - 24px));
        max-width: calc(100vw - 24px);
        max-height: 300px;
    }
    .deals-table > tbody > tr.deals-actions-row[b-uituhexqjz] {
        display: block;
        width: 100%;
        margin-top: 0;
        margin-bottom: 14px;
    }
    .deals-table > tbody > tr.deals-actions-row > td[b-uituhexqjz] {
        display: block;
        width: 100%;
        padding: 12px !important;
        min-height: auto;
        border: 1px solid #e3eaf8;
        border-top: 0;
        border-radius: 0 0 16px 16px;
        background: #fff;
        text-align: left !important;
        box-shadow: 0 10px 22px rgba(35, 60, 120, 0.08);
    }
    .deals-row-actions[b-uituhexqjz] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        justify-content: flex-start;
    }
    .deals-row-actions .btn[b-uituhexqjz] {
        width: 100%;
        min-width: 0;
        white-space: normal;
    }
}
@media (max-width: 768px) {
    .deals-table > tbody > tr.deals-data-row-selected[b-uituhexqjz] {
        background: var(--app-theme-row-selection-bg) !important;
        border-color: var(--app-theme-row-selection-border) !important;
    }
}
@media (max-width: 480px) {
    .deals-table > tbody > tr.deals-data-row > td[b-uituhexqjz],
    .deals-table > tbody > tr.deals-data-row > td:first-child[b-uituhexqjz],
    .deals-table > tbody > tr.deals-data-row > td:last-child[b-uituhexqjz] {
        grid-template-columns: 105px minmax(0, 1fr);
        padding: 8px 10px;
    }
    .deals-table .business-status-menu[b-uituhexqjz] {
        width: min(300px, calc(100vw - 20px));
        max-width: calc(100vw - 20px);
    }
}

/* _content/Web/Components/Pages/Admin/Home.razor.rz.scp.css */
.dashboard-heading-accent[b-k6j9zwz5qu] {
    width: 6px;
    height: 40px;
    flex: 0 0 6px;
    margin-right: 10px;
}

#pwa-install-section[b-k6j9zwz5qu],
#pwa-ios-install-section[b-k6j9zwz5qu] {
    display: none;
}

.dashboard-page[b-k6j9zwz5qu] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
    padding: 28px clamp(14px, 2vw, 32px) 32px;
}

.dashboard-page[b-k6j9zwz5qu],
.dashboard-page *[b-k6j9zwz5qu] {
    box-sizing: border-box;
}

.dashboard-heading[b-k6j9zwz5qu] {
    display: flex;
    align-items: center;
    min-width: 0;
    margin-bottom: 30px !important;
}

.dashboard-heading h3[b-k6j9zwz5qu] {
    min-width: 0;
    color: #1b1f2a;
    font-size: clamp(1.45rem, 2.1vw, 2rem);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.dashboard-heading-content[b-k6j9zwz5qu] {
    min-width: 0;
}

/* =========================================================
       Dashboard statistics
       ========================================================= */

.dashboard-stats-grid[b-k6j9zwz5qu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(14px, 1.6vw, 24px);
    width: 100%;
    min-width: 0;
}

.dashboard-stat-card[b-k6j9zwz5qu] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-width: 0;
    min-height: 125px;
    padding: 22px 24px;
    overflow: hidden;
    border: 1px solid rgba(60, 90, 160, 0.08);
    border-radius: 20px;
    box-shadow: 0 10px 26px rgba(36, 61, 120, 0.07);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dashboard-stat-card:hover[b-k6j9zwz5qu] {
    transform: translateY(-2px);
    box-shadow: 0 15px 32px rgba(36, 61, 120, 0.11);
}

.dashboard-stat-card-blue[b-k6j9zwz5qu] {
    background: linear-gradient(135deg, #f4f9ff 0%, #eaf5ff 100%);
}

.dashboard-stat-card-green[b-k6j9zwz5qu] {
    background: linear-gradient(135deg, #f3fcf7 0%, #e9f9ef 100%);
}

.dashboard-stat-card-orange[b-k6j9zwz5qu] {
    background: linear-gradient(135deg, #fff9f2 0%, #fff0df 100%);
}

.dashboard-stat-icon[b-k6j9zwz5qu] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    font-size: 25px;
}

.dashboard-stat-icon-blue[b-k6j9zwz5qu] {
    color: #2386e8;
    background: #dbeeff;
}

.dashboard-stat-icon-green[b-k6j9zwz5qu] {
    color: #1da451;
    background: #d9f5e3;
}

.dashboard-stat-icon-orange[b-k6j9zwz5qu] {
    color: #ed831c;
    background: #ffe3c5;
}

.dashboard-stat-content[b-k6j9zwz5qu] {
    min-width: 0;
    flex: 1 1 auto;
}

.dashboard-stat-label[b-k6j9zwz5qu] {
    margin-bottom: 3px;
    color: #1e2c46;
    font-size: 14px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.dashboard-stat-value[b-k6j9zwz5qu] {
    color: #111d38;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.1;
}

.dashboard-stat-arrow[b-k6j9zwz5qu] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: #52627e;
    font-size: 18px;
}

.dashboard-section[b-k6j9zwz5qu] {
    width: 100%;
    min-width: 0;
    margin-top: 24px;
}

.dashboard-guide-section[b-k6j9zwz5qu] {
    margin-top: 40px;
}

.quick-guide-card[b-k6j9zwz5qu] {
    width: 100%;
    min-width: 0;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 2rem;
    border: 1px solid rgba(9, 132, 227, 0.1);
    border-left: 6px solid #0984e3;
}

.quick-guide-content[b-k6j9zwz5qu],
.pwa-card-content[b-k6j9zwz5qu] {
    display: flex;
    align-items: center;
    gap: 22px;
    width: 100%;
    min-width: 0;
}

.quick-guide-text[b-k6j9zwz5qu],
.pwa-card-text[b-k6j9zwz5qu] {
    min-width: 0;
}

.quick-guide-text p[b-k6j9zwz5qu],
.pwa-card-text p[b-k6j9zwz5qu] {
    overflow-wrap: anywhere;
}

.guide-icon-container[b-k6j9zwz5qu] {
    background: #f0f7ff;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 60px;
    border-radius: 15px;
}

.pwa-install-button[b-k6j9zwz5qu] {
    width: auto;
    white-space: nowrap;
}

.bg-soft-success[b-k6j9zwz5qu] {
    background-color: #e8f5e9;
    color: #2e7d32 !important;
}

.bg-soft-warning[b-k6j9zwz5qu] {
    background-color: #fff8e1;
    color: #f57c00 !important;
}

.lh-lg[b-k6j9zwz5qu] {
    line-height: 1.8 !important;
}

/* =========================================================
       External platforms
       ========================================================= */

.external-cards-grid[b-k6j9zwz5qu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(16px, 1.6vw, 24px);
}

.external-card-link[b-k6j9zwz5qu] {
    display: block;
    min-width: 0;
    height: 100%;
}

.external-card[b-k6j9zwz5qu] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 34%);
    align-items: stretch;
    width: 100%;
    min-width: 0;
    min-height: 245px;
    height: 100%;
    overflow: hidden;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 22px;
    box-shadow: 0 15px 35px rgba(25, 55, 120, 0.12);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Freeler theme */
.freeler-external[b-k6j9zwz5qu] {
    background: linear-gradient(135deg, #174ba8 0%, #1972cf 55%, #1554b4 100%);
}

/* iLogu theme */
.ilogu-external[b-k6j9zwz5qu] {
    background: linear-gradient(135deg, #078ac4 0%, #00a9c8 55%, #0792b7 100%);
}

.external-card:hover[b-k6j9zwz5qu] {
    transform: translateY(-5px);
    box-shadow: 0 20px 38px rgba(20, 55, 120, 0.20);
}

.external-card-content[b-k6j9zwz5qu] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

.external-card-header[b-k6j9zwz5qu] {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-width: 0;
    margin-bottom: 20px;
}

.external-heading-text[b-k6j9zwz5qu] {
    min-width: 0;
}

.external-icon[b-k6j9zwz5qu] {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 15px;
    font-size: 24px;
    backdrop-filter: blur(6px);
}

.external-title[b-k6j9zwz5qu] {
    color: #fff;
    font-size: 25px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.external-subtitle[b-k6j9zwz5qu] {
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    overflow-wrap: anywhere;
}

.external-description[b-k6j9zwz5qu] {
    max-width: 430px;
    margin: 0 0 22px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 14px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.external-open-button[b-k6j9zwz5qu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 120px;
    margin-top: auto;
    padding: 9px 20px;
    color: #27508e;
    background: #fff;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);
}

.external-card-media[b-k6j9zwz5qu] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    min-width: 0;
    min-height: 180px;
    pointer-events: none;
}

.external-card-image[b-k6j9zwz5qu] {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: right bottom;
    filter: drop-shadow(0 14px 18px rgba(0, 0, 0, 0.18));
}

.freeler-house-image[b-k6j9zwz5qu] {
    width: min(100%, 240px);
}

.ilogu-laptop-image[b-k6j9zwz5qu] {
    width: min(100%, 260px);
}

/* subtle glow line */
.external-card[b-k6j9zwz5qu]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: rgba(255, 255, 255, 0.25);
}

/* =========================================================
       Responsive
       ========================================================= */

@media (max-width: 1199.98px) {
    .external-card[b-k6j9zwz5qu] {
        grid-template-columns: minmax(0, 1fr) minmax(150px, 32%);
    }

    .external-card-image[b-k6j9zwz5qu] {
        max-width: 220px;
    }
}

@media (max-width: 991.98px) {
    .dashboard-stats-grid[b-k6j9zwz5qu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .external-cards-grid[b-k6j9zwz5qu] {
        grid-template-columns: 1fr;
    }

    .external-card[b-k6j9zwz5qu] {
        grid-template-columns: minmax(0, 1fr) minmax(170px, 30%);
        min-height: 235px;
    }

    .external-card-image[b-k6j9zwz5qu] {
        max-width: 240px;
    }
}

@media (max-width: 767.98px) {
    .dashboard-page[b-k6j9zwz5qu] {
        padding: 22px 14px 28px;
    }

    .dashboard-heading[b-k6j9zwz5qu] {
        align-items: flex-start;
        margin-bottom: 28px !important;
    }

    .dashboard-heading-accent[b-k6j9zwz5qu] {
        flex: 0 0 5px;
        height: 34px !important;
        margin-right: 8px !important;
    }

    .dashboard-stats-grid[b-k6j9zwz5qu] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .dashboard-stat-card[b-k6j9zwz5qu] {
        min-height: 105px;
        padding: 18px;
    }

    .dashboard-stat-icon[b-k6j9zwz5qu] {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
        border-radius: 15px;
        font-size: 22px;
    }

    .dashboard-stat-value[b-k6j9zwz5qu] {
        font-size: 27px;
    }

    .dashboard-guide-section[b-k6j9zwz5qu] {
        margin-top: 28px;
    }

    .quick-guide-card[b-k6j9zwz5qu] {
        padding: 1.35rem;
    }

    .quick-guide-content[b-k6j9zwz5qu],
    .pwa-card-content[b-k6j9zwz5qu] {
        gap: 16px;
    }

    .pwa-card-content[b-k6j9zwz5qu] {
        flex-wrap: wrap;
    }

    .pwa-install-button[b-k6j9zwz5qu] {
        width: 100%;
    }

    .external-card[b-k6j9zwz5qu] {
        grid-template-columns: minmax(0, 1fr) minmax(145px, 34%);
        min-height: 225px;
        padding: 22px;
    }

    .external-title[b-k6j9zwz5qu] {
        font-size: 22px;
    }

    .external-description[b-k6j9zwz5qu] {
        font-size: 13px;
    }

    .external-card-image[b-k6j9zwz5qu] {
        max-width: 200px;
    }
}

@media (max-width: 575.98px) {
    .dashboard-page[b-k6j9zwz5qu] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .dashboard-heading h3[b-k6j9zwz5qu] {
        font-size: 1.35rem;
    }


    .dashboard-stat-card[b-k6j9zwz5qu] {
        gap: 13px;
        padding: 16px;
        border-radius: 17px;
    }

    .dashboard-stat-arrow[b-k6j9zwz5qu] {
        font-size: 16px;
    }

    .quick-guide-card[b-k6j9zwz5qu] {
        padding: 16px;
        border-radius: 18px;
    }

    .quick-guide-content[b-k6j9zwz5qu],
    .pwa-card-content[b-k6j9zwz5qu] {
        align-items: flex-start;
    }

    .guide-icon-container[b-k6j9zwz5qu] {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
        border-radius: 14px;
    }

    .external-card[b-k6j9zwz5qu] {
        display: block;
        min-height: 300px;
        padding: 20px;
    }

    .external-card-content[b-k6j9zwz5qu] {
        width: 100%;
        min-height: 255px;
        padding-bottom: 100px;
    }

    .external-card-header[b-k6j9zwz5qu] {
        gap: 12px;
        margin-bottom: 14px;
    }

    .external-icon[b-k6j9zwz5qu] {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
        border-radius: 13px;
        font-size: 21px;
    }

    .external-description[b-k6j9zwz5qu] {
        max-width: 100%;
        margin-bottom: 18px;
    }

    .external-card-media[b-k6j9zwz5qu] {
        position: absolute;
        right: 12px;
        bottom: 8px;
        width: 46%;
        min-height: 0;
        opacity: 0.92;
    }

    .external-card-image[b-k6j9zwz5qu] {
        width: 100%;
        max-width: 180px;
    }

    .ilogu-laptop-image[b-k6j9zwz5qu] {
        max-width: 195px;
    }
}

@media (max-width: 380px) {
    .dashboard-page[b-k6j9zwz5qu] {
        padding-left: 8px;
        padding-right: 8px;
    }

    .dashboard-heading h3[b-k6j9zwz5qu] {
        font-size: 1.22rem;
    }

    .dashboard-stat-card[b-k6j9zwz5qu] {
        padding: 14px;
    }

    .dashboard-stat-icon[b-k6j9zwz5qu] {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .dashboard-stat-label[b-k6j9zwz5qu] {
        font-size: 13px;
    }

    .dashboard-stat-value[b-k6j9zwz5qu] {
        font-size: 24px;
    }

    .quick-guide-content[b-k6j9zwz5qu],
    .pwa-card-content[b-k6j9zwz5qu] {
        gap: 12px;
    }

    .external-card[b-k6j9zwz5qu] {
        min-height: 285px;
        padding: 18px;
    }

    .external-card-content[b-k6j9zwz5qu] {
        min-height: 245px;
        padding-bottom: 92px;
    }

    .external-card-media[b-k6j9zwz5qu] {
        width: 48%;
    }
}
/* _content/Web/Components/Pages/Admin/Leads.razor.rz.scp.css */
    /* ==========================================
       Leads page - visual style aligned with Kontakteübersicht
       ========================================== */

    .leads-page[b-0f82p1078v] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: clip;
        padding-left: 10px;
        padding-right: 10px;
    }

    .leads-page-head[b-0f82p1078v] {
        justify-content: flex-start;
    }

    .leads-page-title[b-0f82p1078v] {
        color: #1a2f68;
        font-size: calc(2rem * var(--app-table-font-scale, 1));
        font-weight: 800 !important;
        letter-spacing: -0.025em;
    }

    .leads-total-badge[b-0f82p1078v] {
        display: inline-flex;
        align-items: center;
        padding: 9px 15px;
        border-radius: 999px;
        background: linear-gradient(135deg, #eef4ff 0%, var(--app-table-row-hover-background) 100%);
        color: #2f5ed7;
        border: 1px solid #d9e6ff;
        font-weight: 700;
        box-shadow: 0 6px 18px rgba(53,95,189,.08);
    }

    .leads-filter-card[b-0f82p1078v] {
        position: relative;
        overflow: hidden;
        padding: 22px 24px;
        border: 1px solid #e3ebfb;
        border-radius: 26px;
        background: linear-gradient(135deg, #ffffff 0%, #fbfcff 58%, #f4f8ff 100%);
        box-shadow: 0 18px 40px rgba(46,83,170,.08);
    }

    .leads-filter-card[b-0f82p1078v]::after {
        content: "";
        position: absolute;
        right: -80px;
        bottom: -110px;
        width: 270px;
        height: 270px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(104,121,255,.10) 0%, rgba(104,121,255,0) 68%);
        pointer-events: none;
    }

    .leads-filter-main-row[b-0f82p1078v] {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 12px;
    }

    .leads-search-group[b-0f82p1078v] {
        max-width: 520px;
        min-width: 280px;
    }

    .leads-search-group .input-group-text[b-0f82p1078v],
    .leads-search-group .form-control[b-0f82p1078v] {
        min-height: 54px;
        border-color: #d7e0f1;
        background: rgba(255,255,255,.94);
    }

    .leads-search-group .input-group-text[b-0f82p1078v] {
        border-radius: 16px 0 0 16px;
        padding-left: 16px;
    }

    .leads-search-group .form-control[b-0f82p1078v] {
        border-radius: 0 16px 16px 0;
        box-shadow: 0 2px 8px rgba(38,64,126,.04);
    }

    .leads-search-group .form-control:focus[b-0f82p1078v],
    .leads-advanced-filters .form-control:focus[b-0f82p1078v],
    .leads-advanced-filters .form-select:focus[b-0f82p1078v] {
        border-color: #8db3ff;
        box-shadow: 0 0 0 .25rem rgba(54,120,246,.12);
    }

    .leads-advanced-toggle-row[b-0f82p1078v] {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        margin-top: 14px;
        padding-top: 14px;
        border-top: 1px solid #e7edf8;
    }

    .leads-filter-footer[b-0f82p1078v] {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 16px;
        margin-top: 22px;
    }

    .leads-filter-actions[b-0f82p1078v] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .leads-result-actions[b-0f82p1078v] {
        display: flex;
        align-items: flex-end;
        gap: 14px;
        margin-left: auto;
    }

    .leads-result-actions > .btn[b-0f82p1078v],
    .leads-result-actions > :deep(.btn)[b-0f82p1078v] {
        min-height: 46px;
    }

    .leads-sort-control[b-0f82p1078v] {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .leads-sort-control .leads-filter-label[b-0f82p1078v] {
        white-space: nowrap;
    }

    .leads-sort-control .form-select[b-0f82p1078v] {
        width: 330px;
        min-height: 46px;
    }

    .lead-id-value[b-0f82p1078v] {
        font-weight: 800;
        color: #344767;
        white-space: nowrap;
    }

    .leads-filter-card .btn[b-0f82p1078v] {
        position: relative;
        z-index: 1;
        min-height: 46px;
        border-radius: 15px;
        font-weight: 700;
    }

    .leads-filter-card .btn-primary[b-0f82p1078v] {
        border: 0;
        background: linear-gradient(135deg, #2d7cf7 0%, #5b4ef3 100%);
        box-shadow: 0 10px 22px rgba(53,96,214,.18);
    }

    .leads-filter-card .btn-outline-secondary[b-0f82p1078v] {
        background: #fff;
        border-color: #d5dceb;
        color: #596987;
    }

    .leads-advanced-toggle[b-0f82p1078v] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .leads-advanced-filter-count[b-0f82p1078v] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 24px;
        height: 24px;
        padding: 0 7px;
        border-radius: 999px;
        background: #edf2ff;
        color: #315ccf;
        font-size: calc(12px * var(--app-table-font-scale, 1));
        font-weight: 800;
    }

    .leads-advanced-filters[b-0f82p1078v] {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        margin-top: 12px;
        padding: 14px 16px 16px;
        border: 1px solid #e2dbfa;
        border-radius: 18px;
        background: linear-gradient(135deg, #f6f3ff 0%, #faf8ff 100%);
    }

    .leads-filter-label[b-0f82p1078v] {
        margin-bottom: 8px;
        color: #65549a;
        font-size: calc(13px * var(--app-table-font-scale, 1));
        font-weight: 700;
    }

    .leads-advanced-filters .form-control[b-0f82p1078v],
    .leads-advanced-filters .form-select[b-0f82p1078v] {
        min-height: 52px;
        border: 1px solid #d7e0f1;
        border-radius: 14px;
        background: rgba(255,255,255,.94);
        box-shadow: 0 2px 8px rgba(38,64,126,.04);
    }

    .leads-table-shell[b-0f82p1078v] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        background: transparent;
    }

    .custom-table[b-0f82p1078v] {
        width: 100%;
        min-width: 1380px;
        border-collapse: separate;
        border-spacing: 0 12px;
        background: transparent !important;
        font-size: calc(14px * var(--app-table-font-scale, 1));
    }

    .custom-table thead th[b-0f82p1078v] {
        padding: 16px 12px !important;
        
        
        
        
        font-size: calc(12.5px * var(--app-table-font-scale, 1));
        
        vertical-align: middle;
        white-space: nowrap;
    }

    .custom-table thead th:first-child[b-0f82p1078v] {
        border-left: 1px solid var(--app-table-header-border);
        border-radius: 18px 0 0 18px;
    }

    .custom-table thead th:last-child[b-0f82p1078v] {
        border-right: 1px solid var(--app-table-header-border);
        border-radius: 0 18px 18px 0;
    }

    .custom-table tbody tr > td[b-0f82p1078v] {
        padding: 16px 12px !important;
        border-top: 1px solid var(--app-table-row-border);
        border-bottom: 1px solid var(--app-table-row-border);
        background: #fff !important;
        vertical-align: middle;
    }

    .custom-table tbody tr > td:first-child[b-0f82p1078v] {
        border-left: 1px solid var(--app-table-row-border);
        border-radius: 18px 0 0 18px;
    }

    .custom-table tbody tr > td:last-child[b-0f82p1078v] {
        border-right: 1px solid var(--app-table-row-border);
        border-radius: 0 18px 18px 0;
    }

    .custom-table tbody tr:hover > td[b-0f82p1078v] {
        background: var(--app-table-row-hover-background) !important;
    }

    /* Highlight the Lead associated with the open booking-check dialog, as in Kontakte and Deals. */
    .leads-table-shell .custom-table > tbody > tr.leads-row-selected > td[b-0f82p1078v],
    .leads-table-shell .custom-table > tbody > tr.leads-row-selected:hover > td[b-0f82p1078v] {
        background: var(--app-theme-row-selection-bg) !important;
        border-color: var(--app-theme-row-selection-border) !important;
    }

    .leads-table-shell .custom-table > tbody > tr.leads-row-selected > td:first-child[b-0f82p1078v] {
        box-shadow: inset 5px 0 0 var(--app-theme-row-selection-indicator);
    }

    .custom-table .badge[b-0f82p1078v] {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 6px 10px;
        font-weight: 700;
    }

    .lead-contact-cell[b-0f82p1078v] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
        min-width: 0;
    }

    .lead-contact-id[b-0f82p1078v] {
        line-height: 1.2;
    }

    .lead-contact-id-badge[b-0f82p1078v] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 26px;
        padding: 3px 9px;
        border: 1px solid #d9e5fb;
        border-radius: 999px;
        background: #eef4ff;
        color: #2e5ec7;
        font-size: calc(12px * var(--app-table-font-scale, 1));
        font-weight: 800;
        line-height: 1;
        white-space: nowrap;
    }

    .lead-contact-completed-at[b-0f82p1078v] {
        color: #6c757d;
        font-size: calc(12px * var(--app-table-font-scale, 1));
        line-height: 1.25;
        white-space: nowrap;
    }

    .custom-table a[target="_blank"][b-0f82p1078v] {
        text-decoration: none;
        font-size: calc(1.05rem * var(--app-table-font-scale, 1));
    }

    .custom-table .btn-link[b-0f82p1078v] {
        text-decoration: none;
    }

    /* Modals */
    .modal-content[b-0f82p1078v] {
        border: 0;
        border-radius: 22px;
        background: #f7f9fd;
        box-shadow: 0 24px 60px rgba(22,44,96,.22);
        overflow: hidden;
    }

    .modal-header[b-0f82p1078v] {
        border-bottom: 1px solid #e4eaf6;
        background: linear-gradient(135deg, #ffffff 0%, #f7faff 100%);
        padding: 18px 22px;
    }

    .modal-header h5[b-0f82p1078v],
    .modal-title[b-0f82p1078v] {
        color: #1a2f68;
        font-weight: 800;
        margin-bottom: 0;
    }

    .modal-body[b-0f82p1078v] {
        background: #f7f9fd;
    }

    .modal-footer[b-0f82p1078v] {
        border-top: 1px solid #e4eaf6;
        background: #fff;
    }

    .modal-footer .btn[b-0f82p1078v] {
        border-radius: 14px;
        font-weight: 700;
    }

    /* Print column selection */
    .leads-print-options-backdrop[b-0f82p1078v] {
        position: fixed;
        inset: 0;
        z-index: 1090;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px;
        background: rgba(18, 28, 52, 0.52);
        backdrop-filter: blur(2px);
    }

    .leads-print-options-modal[b-0f82p1078v] {
        display: flex;
        flex-direction: column;
        width: min(860px, 100%);
        max-height: calc(100dvh - 48px);
        overflow: hidden;
        background: #fff;
        border: 1px solid #dfe7f5;
        border-radius: 24px;
        box-shadow: 0 28px 80px rgba(20, 42, 92, 0.24);
    }

    .leads-print-options-header[b-0f82p1078v] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
        flex: 0 0 auto;
        padding: 20px 22px 18px;
        border-bottom: 1px solid #e7edf8;
        background: linear-gradient(135deg, #ffffff 0%, #f4f8ff 100%);
    }

    .leads-print-options-title[b-0f82p1078v] {
        color: #1a2f68;
        font-weight: 800;
    }

    .leads-print-options-subtitle[b-0f82p1078v] {
        max-width: 680px;
        color: #65738d;
        font-size: calc(13px * var(--app-table-font-scale, 1));
        line-height: 1.5;
    }

    .leads-print-options-close[b-0f82p1078v] {
        flex: 0 0 auto;
        width: 38px;
        height: 38px;
        margin: -3px -4px 0 0;
        padding: 11px;
        border-radius: 12px;
    }

    .leads-print-options-body[b-0f82p1078v] {
        min-height: 0;
        overflow-y: auto;
        padding: 18px 22px 20px;
        background: #fbfcff;
    }

    .leads-print-options-meta[b-0f82p1078v] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 14px;
        color: #6b7891;
        font-size: calc(12px * var(--app-table-font-scale, 1));
        font-weight: 600;
    }

    .leads-print-options-grid[b-0f82p1078v] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }

    .leads-print-option[b-0f82p1078v] {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
        min-height: 54px;
        margin: 0;
        padding: 12px 14px;
        border: 1px solid #dfe7f5;
        border-radius: 14px;
        background: #fff;
        color: #2e406d;
        font-size: calc(13px * var(--app-table-font-scale, 1));
        font-weight: 700;
        cursor: pointer;
        transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
    }

    .leads-print-option:hover[b-0f82p1078v] {
        border-color: #b9cdf6;
        background: #f7faff;
        box-shadow: 0 5px 14px rgba(46, 83, 170, 0.06);
    }

    .leads-print-option .form-check-input[b-0f82p1078v] {
        flex: 0 0 auto;
        width: 1.15rem;
        height: 1.15rem;
        margin: 0;
    }

    .leads-print-options-footer[b-0f82p1078v] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        flex: 0 0 auto;
        padding: 16px 22px 18px;
        border-top: 1px solid #e7edf8;
        background: #fff;
    }

    .leads-print-options-footer .btn[b-0f82p1078v] {
        min-width: 130px;
        border-radius: 14px;
        font-weight: 700;
    }

    .leads-print-sheet[b-0f82p1078v] {
        display: none;
    }

    @media (max-width: 900px) {
        .leads-print-options-grid[b-0f82p1078v] {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 768px) {
        .leads-page[b-0f82p1078v] {
            padding-left: 6px;
            padding-right: 6px;
            overflow-x: hidden;
        }

        .leads-filter-card[b-0f82p1078v] {
            padding: 16px;
            border-radius: 22px;
        }

        .leads-filter-main-row[b-0f82p1078v] {
            align-items: stretch;
            flex-direction: column;
        }

        .leads-search-group[b-0f82p1078v] {
            max-width: none;
            min-width: 0;
            width: 100%;
        }

        .leads-advanced-toggle-row[b-0f82p1078v] {
            align-items: stretch;
        }

        .leads-advanced-toggle-row > .btn[b-0f82p1078v] {
            width: 100%;
            justify-content: center;
        }

        .leads-filter-footer[b-0f82p1078v] {
            align-items: stretch;
            flex-direction: column;
        }

        .leads-filter-actions[b-0f82p1078v],
        .leads-result-actions[b-0f82p1078v] {
            width: 100%;
        }

        .leads-filter-actions .btn[b-0f82p1078v] {
            flex: 1 1 0;
        }

        .leads-result-actions[b-0f82p1078v] {
            margin-left: 0;
            flex-direction: column;
            align-items: stretch;
            gap: 12px;
        }

        .leads-result-actions .btn[b-0f82p1078v] {
            width: 100%;
            justify-content: center;
        }

        .leads-sort-control[b-0f82p1078v] {
            width: 100%;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .leads-sort-control .form-select[b-0f82p1078v] {
            width: 100%;
        }

        .leads-advanced-filters[b-0f82p1078v] {
            grid-template-columns: 1fr;
        }

        .leads-table-shell[b-0f82p1078v] {
            width: 100%;
            max-width: 100%;
            overflow-x: hidden;
        }

        .custom-table[b-0f82p1078v] {
            width: 100%;
            min-width: 0;
            background: transparent !important;
            border-spacing: 0;
        }

        .custom-table thead[b-0f82p1078v] {
            display: none;
        }

        .custom-table tbody[b-0f82p1078v] {
            display: block;
            width: 100%;
        }

        .custom-table tbody tr[b-0f82p1078v] {
            display: block;
            width: 100%;
            margin-bottom: 14px;
            border: 1px solid #e3eaf8;
            border-radius: 16px;
            background: #fff;
            padding: 6px 0;
            overflow: hidden;
            box-shadow: 0 10px 22px rgba(35,60,120,.06);
        }

        .custom-table tbody tr td[b-0f82p1078v] {
            display: grid;
            grid-template-columns: 145px minmax(0,1fr);
            align-items: center;
            column-gap: 10px;
            width: 100%;
            padding: 9px 12px !important;
            border: 0 !important;
            border-bottom: 1px solid #f0f3fa !important;
            border-radius: 0 !important;
            text-align: left !important;
            min-height: 40px;
            background: #fff !important;
        }

        .custom-table tbody tr td:last-child[b-0f82p1078v] {
            border-bottom: 0 !important;
        }

        .custom-table tbody tr td[b-0f82p1078v]::before {
            content: attr(data-label) ":";
            font-weight: 700;
            color: #1a237e;
            font-size: calc(12px * var(--app-table-font-scale, 1));
            min-width: 0;
            padding-right: 0;
            text-align: left;
        }
    }

    @media (max-width: 576px) {
        .leads-print-options-backdrop[b-0f82p1078v] {
            align-items: flex-end;
            padding: 12px;
        }

        .leads-print-options-modal[b-0f82p1078v] {
            max-height: calc(100dvh - 24px);
            border-radius: 20px;
        }

        .leads-print-options-header[b-0f82p1078v] {
            padding: 16px 16px 14px;
        }

        .leads-print-options-body[b-0f82p1078v] {
            padding: 14px 16px 16px;
        }

        .leads-print-options-meta[b-0f82p1078v] {
            align-items: flex-start;
            flex-direction: column;
            gap: 4px;
        }

        .leads-print-options-grid[b-0f82p1078v] {
            grid-template-columns: 1fr;
        }

        .leads-print-option[b-0f82p1078v] {
            min-height: 50px;
        }

        .leads-print-options-footer[b-0f82p1078v] {
            display: grid;
            grid-template-columns: 1fr 1fr;
            padding: 14px 16px 16px;
        }

        .leads-print-options-footer .btn[b-0f82p1078v] {
            width: 100%;
            min-width: 0;
        }
    }

    @media (max-width: 420px) {
        .custom-table tbody tr td[b-0f82p1078v] {
            grid-template-columns: 125px minmax(0,1fr);
            column-gap: 8px;
            padding: 8px 10px !important;
        }
    }

    @media print {
        @page {
            size: landscape;
            margin: 10mm;
        }

        .leads-page[b-0f82p1078v],
        .leads-print-options-backdrop[b-0f82p1078v],
        .modal[b-0f82p1078v] {
            display: none !important;
        }

        .leads-print-sheet[b-0f82p1078v] {
            position: static;
            display: block !important;
            width: 100%;
            max-width: none;
            min-height: 0;
            height: auto;
            margin: 0;
            padding: 0;
            background: #fff;
            color: #000;
            font-size: 9pt;
        }

        .leads-print-sheet[b-0f82p1078v],
        .leads-print-sheet *[b-0f82p1078v] {
            visibility: visible !important;
        }

        .leads-print-header[b-0f82p1078v] {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 20px;
            margin-bottom: 12px;
            padding-bottom: 8px;
            border-bottom: 1px solid #999;
        }

        .leads-print-header h1[b-0f82p1078v] {
            margin: 0;
            font-size: 18pt;
            font-weight: 700;
        }

        .leads-print-subtitle[b-0f82p1078v],
        .leads-print-filter-summary[b-0f82p1078v] {
            margin-top: 3px;
            color: #444;
            font-size: 9pt;
        }

        .leads-print-filter-summary[b-0f82p1078v] {
            text-align: right;
        }

        .leads-print-table[b-0f82p1078v] {
            width: 100%;
            border-collapse: collapse;
            table-layout: auto;
        }

        .leads-print-table th[b-0f82p1078v],
        .leads-print-table td[b-0f82p1078v] {
            padding: 5px 6px;
            vertical-align: top;
            overflow-wrap: anywhere;
            border: 1px solid #b9b9b9;
        }

        .leads-print-table th[b-0f82p1078v] {
            background: #efefef !important;
            font-weight: 700;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }

        .leads-print-table thead[b-0f82p1078v] {
            display: table-header-group;
        }

        .leads-print-table tr[b-0f82p1078v] {
            break-inside: avoid;
            page-break-inside: avoid;
        }
    }

/* Mobile list: use the same labeled single-column contact cards as Kontakte.
   This supplements the corrected @media rules without changing desktop markup. */
@media (max-width: 768px) {
    .leads-page[b-0f82p1078v] { min-width: 0; max-width: 100%; padding-left: 6px; padding-right: 6px; }
    .leads-filter-card[b-0f82p1078v] { padding: 16px; border-radius: 22px; }
    .leads-filter-actions[b-0f82p1078v] { width: 100%; }
    .leads-filter-actions .btn[b-0f82p1078v] { min-width: 0; flex: 1 1 auto; }
    .leads-result-actions[b-0f82p1078v] { align-items: stretch; }
    .leads-result-actions > .btn[b-0f82p1078v] { width: 100%; }
    .leads-advanced-filters[b-0f82p1078v] { grid-template-columns: minmax(0, 1fr); }
    .table-responsive.leads-table-shell[b-0f82p1078v] { width: 100%; max-width: 100%; overflow-x: hidden; }
    .leads-table-shell .custom-table[b-0f82p1078v] {
        display: block;
        width: 100%;
        min-width: 0;
        border-spacing: 0;
        background: transparent !important;
    }
    .leads-table-shell .custom-table tbody[b-0f82p1078v] { display: block; width: 100%; }
    .leads-table-shell .custom-table tbody tr[b-0f82p1078v] { display: block; width: 100%; }
    .leads-table-shell .custom-table tbody tr.leads-row-selected[b-0f82p1078v] {
        box-shadow: inset 5px 0 0 var(--app-theme-row-selection-indicator);
        border-radius: 18px;
    }
    .leads-table-shell .custom-table tbody tr.leads-row-selected td:first-child[b-0f82p1078v] {
        box-shadow: none;
    }
    .leads-table-shell .custom-table tbody tr td[b-0f82p1078v] {
        display: grid;
        grid-template-columns: 120px minmax(0, 1fr);
        align-items: center;
        column-gap: 10px;
        width: 100%;
        min-width: 0;
        min-height: 40px;
        padding: 10px 12px !important;
        overflow-wrap: anywhere;
    }
    .leads-table-shell .custom-table tbody tr td[b-0f82p1078v]::before {
        content: attr(data-label) ":";
        font-weight: 700;
        font-size: calc(12px * var(--app-table-font-scale, 1));
        color: #1a237e;
    }
    .leads-table-shell .custom-table tbody tr td > *[b-0f82p1078v] { min-width: 0; max-width: 100%; }
    .leads-table-shell .custom-table tbody tr td:last-child[b-0f82p1078v] { border-bottom: 0 !important; }
    .leads-table-shell .lead-contact-completed-at[b-0f82p1078v] { white-space: normal; }
}
@media (max-width: 480px) {
    .leads-table-shell .custom-table tbody tr td[b-0f82p1078v] {
        grid-template-columns: 105px minmax(0, 1fr);
        gap: 10px;
        padding: 8px 10px !important;
    }
}

@media (max-width: 768px) {
    /* Anfragen's email/phone and address cells contain two lines. Keep
       both in the value column instead of flowing the second line under its label. */
    .leads-table-shell .custom-table tbody tr td[data-label="E-Mail, Telefon"] > div[b-0f82p1078v],
    .leads-table-shell .custom-table tbody tr td[data-label="Adresse"] > div[b-0f82p1078v] {
        grid-column: 2;
        min-width: 0;
        overflow-wrap: anywhere;
    }
    .leads-table-shell .custom-table tbody tr td[data-label="E-Mail, Telefon"][b-0f82p1078v]::before,
    .leads-table-shell .custom-table tbody tr td[data-label="Adresse"][b-0f82p1078v]::before {
        grid-row: 1 / span 2;
        align-self: start;
    }
}
@media (max-width: 768px) {
    /* Empty-result row must not render a meaningless pseudo label. */
    .leads-table-shell .custom-table tbody tr td[colspan][b-0f82p1078v] {
        display: block;
        padding: 18px 12px !important;
        text-align: center !important;
    }
    .leads-table-shell .custom-table tbody tr td[colspan][b-0f82p1078v]::before { content: none; }
}


/* Booking controls in the Anfragen table. */
.leads-booking-cell[b-0f82p1078v] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    min-width: 0;
}

.leads-booking-actions[b-0f82p1078v] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.leads-booking-cell .btn[b-0f82p1078v] {
    white-space: normal;
    text-align: center;
    line-height: 1.3;
}

.leads-booking-status[b-0f82p1078v] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: calc(12px * var(--app-table-font-scale, 1));
}

.leads-booking-time[b-0f82p1078v] {
    overflow-wrap: anywhere;
    font-size: calc(12px * var(--app-table-font-scale, 1));
}

.leads-booking-alert[b-0f82p1078v] {
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .leads-booking-actions[b-0f82p1078v] { width: 100%; }
    .leads-booking-actions .btn[b-0f82p1078v] { flex: 1 1 155px; }
}

/* Keep the active booking visible even when its row is filtered out. */
.leads-booking-session[b-0f82p1078v] {
    border-radius: 12px;
    overflow-wrap: anywhere;
}

/* Booking status is server-owned; actions remain available after a reload. */
.leads-booking-dialog-backdrop[b-0f82p1078v] {
    background: rgba(0, 0, 0, 0.5);
    z-index: 1060;
}

.leads-booking-other[b-0f82p1078v] {
    white-space: normal;
    text-align: left;
    line-height: 1.45;
    max-width: 260px;
}

.leads-booking-hint[b-0f82p1078v] {
    color: #6b7280;
    line-height: 1.4;
    display: block;
    max-width: 280px;
}

.leads-booking-cell .leads-booking-actions[b-0f82p1078v] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.leads-booking-cell .leads-booking-actions .btn[b-0f82p1078v] {
    max-width: 100%;
    white-space: normal;
}

@media print {
    .leads-booking-dialog-backdrop[b-0f82p1078v] { display: none !important; }
}

/* Show an owner's booking actions vertically, including on small screens. */
.leads-booking-cell .leads-booking-actions[b-0f82p1078v] {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    width: max-content;
    max-width: 100%;
}

.leads-booking-cell .leads-booking-actions .btn[b-0f82p1078v] {
    flex: 0 0 auto;
    width: 100%;
}

/* Customer-wide Kein Interesse: visible independently of the Termin status. */
.leads-no-interest-cell[b-0f82p1078v] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    margin-bottom: 9px;
    min-width: 0;
    position: relative;
}

.leads-no-interest-icon[b-0f82p1078v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #b91c1c;
    font-size: calc(19px * var(--app-table-font-scale, 1));
    line-height: 1;
    cursor: pointer;
    border: 0;
    padding: 0;
    background: transparent;
}

.leads-no-interest-popover[b-0f82p1078v] {
    position: absolute;
    top: 22px;
    right: 0;
    z-index: 1080;
    width: min(320px, calc(100vw - 32px));
    max-width: none;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
}

.leads-no-interest-popover .popover-header[b-0f82p1078v],
.leads-no-interest-popover .popover-body[b-0f82p1078v] {
    font-size: 13px;
}

.leads-no-interest-date[b-0f82p1078v] {
    font-size: calc(12px * var(--app-table-font-scale, 1));
    overflow-wrap: anywhere;
}

/* The revoke action follows the existing Terminbestätigung aufheben button. */
@media print {
    .leads-no-interest-cell .btn[b-0f82p1078v],
    .leads-no-interest-icon[b-0f82p1078v],
    .leads-no-interest-popover[b-0f82p1078v] { display: none !important; }
}

/* Keep the coffee icon and the full booking label on one line. */
.leads-booking-cell .leads-booking-start-btn[b-0f82p1078v] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 118px;
    max-width: 100%;
    padding: 7px 10px;
}

.leads-booking-start-btn .leads-booking-start-label[b-0f82p1078v] {
    white-space: nowrap;
}

/* Keep both reversal actions compact; the complete action is in the tooltip. */
.leads-booking-revoke-btn[b-0f82p1078v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    white-space: nowrap !important;
}

/* Anfrage actions follow the Kontakt overview pattern. */
.leads-notes-actions-row > td[b-0f82p1078v] {
    padding: 7px 12px 12px;
    border-top: 0;
}

.leads-notes-row-actions[b-0f82p1078v] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.leads-notes-row-actions .btn[b-0f82p1078v] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    font-weight: 600;
}

.leads-notes-btn-icon[b-0f82p1078v] { display: inline-flex; align-items: center; }
.leads-notes-actions-selected[b-0f82p1078v] { background: var(--app-row-selected-bg, rgba(105, 67, 171, .06)); }

/* Keep each Anfrage and its Notizen action visually joined; retain spacing
   between separate Anfragen through a dedicated spacer row. */
@media (min-width: 769px) {
    .leads-table-shell .custom-table[b-0f82p1078v] {
        border-spacing: 0;
    }

    .leads-table-shell .custom-table > tbody > tr.leads-notes-actions-row > td[b-0f82p1078v] {
        padding: 5px 12px 12px !important;
        border-top: 0 !important;
        border-radius: 0 0 18px 18px !important;
    }

    .leads-table-shell .custom-table > tbody > tr.leads-notes-main-row > td[b-0f82p1078v] {
        border-bottom: 0 !important;
    }

    .leads-table-shell .custom-table > tbody > tr.leads-notes-main-row > td:first-child[b-0f82p1078v] {
        border-radius: 18px 0 0 0 !important;
    }

    .leads-table-shell .custom-table > tbody > tr.leads-notes-main-row > td:last-child[b-0f82p1078v] {
        border-radius: 0 18px 0 0 !important;
    }

    .leads-table-shell .custom-table > tbody > tr.leads-notes-spacer-row > td[b-0f82p1078v] {
        height: 12px;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }
}

@media (max-width: 768px) {
    .leads-table-shell .custom-table > tbody > tr.leads-notes-spacer-row[b-0f82p1078v] {
        display: none !important;
    }

    .leads-table-shell .custom-table > tbody > tr.leads-notes-main-row[b-0f82p1078v] {
        margin-bottom: 0;
        border-radius: 16px 16px 0 0;
        border-bottom: 0;
    }

    .leads-table-shell .custom-table > tbody > tr.leads-notes-actions-row[b-0f82p1078v] {
        margin-bottom: 14px;
        border-radius: 0 0 16px 16px;
        border-top: 0;
    }

    .leads-table-shell .custom-table > tbody > tr.leads-notes-actions-row > td[b-0f82p1078v] {
        display: block;
        border: 0 !important;
        padding: 8px 12px 12px !important;
    }
}

/* Lead note count: strong contrast, following the selected app accent palette. */
.leads-notes-count-badge[b-0f82p1078v] {
    background-color: var(--app-theme-primary, var(--app-color-marine, #1a237e)) !important;
    color: #fff !important;
    font-weight: 800;
    min-width: 1.65em;
    text-align: center;
    box-shadow: 0 0 0 2px #fff,
        0 2px 6px color-mix(in srgb, var(--app-theme-primary, var(--app-color-marine, #1a237e)) 30%, transparent);
}


/* Three-column top filter row, aligned with Kontakte. */
.leads-filter-main-row[b-0f82p1078v] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid #d6e3ff;
    border-radius: 18px;
    background: #f3f7ff;
}

.leads-main-filter-item[b-0f82p1078v] { min-width: 0; }
.leads-main-filter-item .leads-filter-label[b-0f82p1078v] { display: block; }
.leads-main-filter-item .leads-search-group[b-0f82p1078v] { width: 100%; max-width: none; min-width: 0; }
.leads-main-filter-control[b-0f82p1078v],
.leads-notes-filter-control[b-0f82p1078v] {
    min-height: 54px;
    border: 1px solid #d7e0f1;
    border-radius: 14px;
    background: rgba(255,255,255,.94);
}
.leads-main-filter-control[b-0f82p1078v] { padding: .75rem; }
.leads-notes-filter-control[b-0f82p1078v] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
}
.leads-notes-filter-control .form-check-input[b-0f82p1078v] { margin: 0; flex-shrink: 0; cursor: pointer; }
.leads-notes-filter-control .form-check-label[b-0f82p1078v] { cursor: pointer; font-weight: 500; }

@media (max-width: 991.98px) {
    .leads-filter-main-row[b-0f82p1078v] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .leads-main-filter-search[b-0f82p1078v] { grid-column: 1 / -1; }
}
@media (max-width: 575.98px) {
    .leads-filter-main-row[b-0f82p1078v] { grid-template-columns: minmax(0, 1fr); padding: 12px; }
    .leads-main-filter-search[b-0f82p1078v] { grid-column: auto; }
}
/* _content/Web/Components/Pages/Admin/Reports/InterestedPartyReport.razor.rz.scp.css */
.interested-party-report-page[b-34ak1uufkz] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
    padding-left: 10px;
    padding-right: 10px;
}

.report-status-badge[b-34ak1uufkz] {
    display: inline-flex;
    align-items: center;
    margin-left: 4px;
    padding: 3px 9px;
    border-radius: 999px;
    background: #e9f2ff;
    border: 1px solid #cbdcff;
    color: #315ed2;
    font-size: calc(12px * var(--app-table-font-scale, 1));
    font-weight: 800;
    line-height: 1.2;
}


.report-status-badge-all[b-34ak1uufkz] {
    margin-left: 0;
    padding: 5px 11px;
    background: #f0edff;
    border-color: #d9d2ff;
    color: #5848c7;
    white-space: nowrap;
}

.report-page-head[b-34ak1uufkz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}


.report-page-title[b-34ak1uufkz] {
    font-size: calc(2.2rem * var(--app-table-font-scale, 1));
    font-weight: 800;
    color: #1a2f68;
    letter-spacing: -0.03em;
}


.report-page-subtitle[b-34ak1uufkz] {
    color: #78849d;
    font-size: calc(14px * var(--app-table-font-scale, 1));
}


.report-date-badge[b-34ak1uufkz] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 12px;
    border: 1px solid #dfe7f7;
    border-radius: 999px;
    background: #ffffff;
    color: #5d6b89;
    font-size: calc(13px * var(--app-table-font-scale, 1));
    font-weight: 700;
    box-shadow: 0 6px 18px rgba(46, 83, 170, 0.06);
    white-space: nowrap;
}

.report-date-badge i[b-34ak1uufkz] {
    color: #4868da;
}


.report-alert[b-34ak1uufkz] {
    border-radius: 16px;
}


.report-filter-card[b-34ak1uufkz] {
    position: relative;
    overflow: hidden;
    background: linear-gradient( 135deg, #ffffff 0%, #fbfcff 58%, #f4f8ff 100%);
    border: 1px solid #e3ebfb;
    border-radius: 28px;
    padding: 24px;
    box-shadow: 0 18px 40px rgba(46, 83, 170, 0.08);
}


    .report-filter-card[b-34ak1uufkz]::after {
        content: "";
        position: absolute;
        inset: auto -80px -110px auto;
        width: 280px;
        height: 280px;
        border-radius: 50%;
        background: radial-gradient( circle, rgba(104, 121, 255, 0.10) 0%, rgba(104, 121, 255, 0) 68%);
        pointer-events: none;
    }


.report-filter-row[b-34ak1uufkz] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(180px, 0.65fr);
    gap: 12px;
    background: rgba(239, 245, 255, 0.55);
    border-radius: 14px;
    padding: 10px 12px;
}


    .report-filter-row > div[b-34ak1uufkz] {
        min-width: 0;
    }


.report-filter-label[b-34ak1uufkz] {
    font-size: calc(13px * var(--app-table-font-scale, 1));
    font-weight: 700;
    color: #44506d;
    margin-bottom: 8px;
}


.report-filter-card .form-select[b-34ak1uufkz] {
    min-height: 54px;
    border-radius: 16px;
    border: 1px solid #d7e0f1;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 2px 8px rgba(38, 64, 126, 0.04);
}


    .report-filter-card .form-select:focus[b-34ak1uufkz] {
        border-color: #8db3ff;
        box-shadow: 0 0 0 .25rem rgba(54, 120, 246, 0.12);
    }


    .report-filter-card .form-select:disabled[b-34ak1uufkz] {
        background-color: #f5f7fb;
        color: #8b95a9;
        opacity: 1;
    }


.report-filter-action[b-34ak1uufkz] {
    display: flex;
    align-items: flex-end;
}


.report-show-button[b-34ak1uufkz] {
    width: 100%;
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 16px;
    color: #ffffff;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 12px 24px rgba(20, 42, 92, 0.12);
    transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}


    .report-show-button:hover:not(:disabled)[b-34ak1uufkz],
    .report-show-button:focus:not(:disabled)[b-34ak1uufkz] {
        color: #ffffff;
        transform: translateY(-1px);
        box-shadow: 0 16px 28px rgba(20, 42, 92, 0.16);
    }


    .report-show-button:disabled[b-34ak1uufkz] {
        color: #ffffff;
        opacity: 0.55;
        cursor: not-allowed;
    }


.report-loading-card[b-34ak1uufkz],
.report-empty-card[b-34ak1uufkz] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e3ebfb;
    border-radius: 28px;
    box-shadow: 0 18px 40px rgba(46, 83, 170, 0.07);
    padding: 32px;
}


.report-loading-text[b-34ak1uufkz] {
    margin-top: 14px;
    color: #78849d;
    font-weight: 600;
}


.report-empty-icon[b-34ak1uufkz] {
    font-size: calc(38px * var(--app-table-font-scale, 1));
    color: #8aa3db;
    margin-bottom: 14px;
}


.report-empty-title[b-34ak1uufkz] {
    font-size: calc(18px * var(--app-table-font-scale, 1));
    font-weight: 800;
    color: #253866;
    margin-bottom: 4px;
}


.report-empty-text[b-34ak1uufkz] {
    color: #7b879f;
    font-size: calc(14px * var(--app-table-font-scale, 1));
}


.report-kpi-grid[b-34ak1uufkz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}


.report-kpi-card[b-34ak1uufkz] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    min-width: 0;
    padding: 24px;
    background: linear-gradient( 135deg, #ffffff 0%, #f7faff 100%);
    border: 1px solid #e1e9f8;
    border-radius: 24px;
    box-shadow: 0 16px 34px rgba(40, 74, 150, 0.08);
    overflow: hidden;
}


    .report-kpi-card[b-34ak1uufkz]::after {
        content: "";
        position: absolute;
        width: 170px;
        height: 170px;
        right: -70px;
        bottom: -90px;
        border-radius: 50%;
        background: radial-gradient( circle, rgba(89, 107, 246, 0.10) 0%, rgba(89, 107, 246, 0) 70%);
        pointer-events: none;
    }


.report-kpi-icon[b-34ak1uufkz] {
    position: relative;
    z-index: 1;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: linear-gradient( 135deg, #e9f2ff 0%, #f0edff 100%);
    color: #4868da;
    font-size: calc(25px * var(--app-table-font-scale, 1));
}


.report-kpi-content[b-34ak1uufkz] {
    position: relative;
    z-index: 1;
    min-width: 0;
}


.report-kpi-label[b-34ak1uufkz] {
    color: #53617f;
    font-size: calc(14px * var(--app-table-font-scale, 1));
    font-weight: 700;
    margin-bottom: 3px;
}


.report-kpi-value[b-34ak1uufkz] {
    color: #192e67;
    font-size: calc(34px * var(--app-table-font-scale, 1));
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.03em;
}


.report-kpi-description[b-34ak1uufkz] {
    margin-top: 6px;
    color: #8490a7;
    font-size: calc(13px * var(--app-table-font-scale, 1));
}


.report-distribution-card[b-34ak1uufkz] {
    background: #ffffff;
    border: 1px solid #e2eafa;
    border-radius: 28px;
    box-shadow: 0 18px 40px rgba(46, 83, 170, 0.07);
    overflow: hidden;
}


.report-section-head[b-34ak1uufkz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 24px 18px;
    border-bottom: 1px solid #edf1f8;
}


.report-section-title[b-34ak1uufkz] {
    margin: 0;
    color: #1f356d;
    font-size: calc(18px * var(--app-table-font-scale, 1));
    font-weight: 800;
}


.report-section-subtitle[b-34ak1uufkz] {
    color: #8691a8;
    font-size: calc(13px * var(--app-table-font-scale, 1));
    margin-top: 3px;
}


.report-distribution-grid[b-34ak1uufkz] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.8fr);
    min-width: 0;
}


.report-chart-panel[b-34ak1uufkz] {
    min-width: 0;
    padding: 24px;
    border-right: 1px solid #edf1f8;
}


.report-chart-container[b-34ak1uufkz] {
    position: relative;
    width: 100%;
    height: 340px;
}


.report-table-panel[b-34ak1uufkz] {
    min-width: 0;
    padding: 18px;
}


.report-table[b-34ak1uufkz] {
    width: 100%;
    color: #33415f;
    vertical-align: middle;
}


    .report-table thead th[b-34ak1uufkz] {
        padding: 12px 14px;
        border-bottom: 1px solid #dfe7f5;
        color: #52617e;
        font-size: calc(12px * var(--app-table-font-scale, 1));
        
        text-transform: uppercase;
        letter-spacing: 0.03em;
        white-space: nowrap;
    }


    .report-table tbody td[b-34ak1uufkz] {
        padding: 13px 14px;
        border-bottom: 1px solid #edf1f8;
        font-size: calc(14px * var(--app-table-font-scale, 1));
    }


    .report-table tbody tr:last-child td[b-34ak1uufkz] {
        border-bottom: 0;
    }


    .report-table tbody tr:hover td[b-34ak1uufkz] {
        background: #f8faff;
    }


.report-percentage[b-34ak1uufkz] {
    color: #4261cf;
    font-weight: 700;
}


@media (max-width: 1200px) {

    .report-filter-row[b-34ak1uufkz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .report-kpi-grid[b-34ak1uufkz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .report-distribution-grid[b-34ak1uufkz] {
        grid-template-columns: 1fr;
    }


    .report-chart-panel[b-34ak1uufkz] {
        border-right: 0;
        border-bottom: 1px solid #edf1f8;
    }
}


@media (max-width: 768px) {

    .interested-party-report-page[b-34ak1uufkz] {
        overflow-x: hidden;
        padding-left: 6px;
        padding-right: 6px;
    }


    .report-page-title[b-34ak1uufkz] {
        font-size: calc(1.8rem * var(--app-table-font-scale, 1));
    }


    .report-page-head[b-34ak1uufkz] {
        align-items: flex-start;
    }


    .report-date-badge[b-34ak1uufkz] {
        padding: 7px 10px;
        font-size: calc(12px * var(--app-table-font-scale, 1));
    }


    .report-filter-card[b-34ak1uufkz] {
        padding: 16px;
        border-radius: 22px;
    }


    .report-filter-row[b-34ak1uufkz] {
        grid-template-columns: 1fr;
    }


    .report-kpi-grid[b-34ak1uufkz] {
        grid-template-columns: 1fr;
    }


    .report-kpi-card[b-34ak1uufkz] {
        padding: 20px;
        border-radius: 20px;
    }


    .report-distribution-card[b-34ak1uufkz] {
        border-radius: 22px;
    }


    .report-section-head[b-34ak1uufkz] {
        padding: 18px;
    }


    .report-chart-panel[b-34ak1uufkz] {
        padding: 18px 12px;
    }


    .report-chart-container[b-34ak1uufkz] {
        height: 300px;
    }


    .report-table-panel[b-34ak1uufkz] {
        padding: 12px;
    }


    .report-table thead[b-34ak1uufkz] {
        display: none;
    }


    .report-table tbody[b-34ak1uufkz],
    .report-table tr[b-34ak1uufkz] {
        display: block;
        width: 100%;
    }


        .report-table tbody tr[b-34ak1uufkz] {
            padding: 8px 0;
            border-bottom: 1px solid #e8edf6;
        }


            .report-table tbody tr:last-child[b-34ak1uufkz] {
                border-bottom: 0;
            }


        .report-table tbody td[b-34ak1uufkz] {
            display: grid;
            grid-template-columns: 120px minmax(0, 1fr);
            align-items: center;
            gap: 10px;
            width: 100%;
            padding: 7px 8px;
            border: 0;
            text-align: left !important;
        }


            .report-table tbody td[b-34ak1uufkz]::before {
                content: attr(data-label) ":";
                color: #1a2f68;
                font-size: calc(12px * var(--app-table-font-scale, 1));
                font-weight: 800;
            }
}
/* _content/Web/Components/Pages/Admin/Reports/StaffBooking/StaffBookingHourlyModal.razor.rz.scp.css */
.staff-booking-hourly-loading[b-bderrwrut9] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
}

.staff-booking-hourly-table-wrap[b-bderrwrut9] { overflow-x: auto; }
.staff-booking-hourly-table[b-bderrwrut9] { width: 100%; white-space: nowrap; }
.staff-booking-hourly-table th[b-bderrwrut9],
.staff-booking-hourly-table td[b-bderrwrut9] { padding: 10px 12px; }
.staff-booking-hourly-table tfoot th[b-bderrwrut9] { background: var(--app-table-header-background); }

/* Current local hour, styled with the same theme tokens as Booking. */
.staff-booking-hourly-table tbody tr.staff-booking-hourly-current-row > th[b-bderrwrut9],
.staff-booking-hourly-table tbody tr.staff-booking-hourly-current-row > td[b-bderrwrut9] {
    background: var(--app-theme-row-selection-soft-bg) !important;
    border-top-color: var(--app-theme-row-selection-border);
    border-bottom-color: var(--app-theme-row-selection-border);
}
.staff-booking-hourly-table tbody tr.staff-booking-hourly-current-row > th:first-child[b-bderrwrut9] {
    border-left-color: var(--app-theme-row-selection-indicator);
}
.staff-booking-hourly-slot-label[b-bderrwrut9] { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; }
.staff-booking-hourly-now-badge[b-bderrwrut9] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 7px;
    border: 1px solid var(--app-theme-row-selection-border);
    border-radius: 999px;
    background: var(--app-theme-row-selection-bg);
    color: var(--app-theme-row-selection-indicator);
    font-size: calc(10px * var(--app-table-font-scale, 1));
    font-weight: 900;
    line-height: 1;
}

/* Independent printable report, separate from Bootstrap's interactive modal table. */
.staff-booking-hourly-print-sheet[b-bderrwrut9] { display: none; }

@media print {
    @page { size: portrait; margin: 10mm; }

    .staff-booking-hourly-container[b-bderrwrut9]  .app-modal-overlay { display: none !important; }

    .staff-booking-hourly-print-sheet[b-bderrwrut9] {
        display: block !important;
        position: static !important;
        width: 100%;
        padding: 0;
        margin: 0;
        background: #fff;
        color: #000;
        font-size: 9pt;
    }

    .staff-booking-hourly-print-header[b-bderrwrut9] {
        margin-bottom: 12px;
        padding-bottom: 8px;
        border-bottom: 1px solid #999;
    }

    .staff-booking-hourly-print-header h1[b-bderrwrut9] {
        margin: 0 0 4px;
        font-size: 18pt;
        font-weight: 700;
    }

    .staff-booking-hourly-print-table[b-bderrwrut9] {
        width: 100%;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
    }

    .staff-booking-hourly-print-table th[b-bderrwrut9],
    .staff-booking-hourly-print-table td[b-bderrwrut9] {
        padding: 5px 6px;
        border: 1px solid #b9b9b9 !important;
        vertical-align: top;
    }

    .staff-booking-hourly-print-table thead th[b-bderrwrut9],
    .staff-booking-hourly-print-table tfoot th[b-bderrwrut9] {
        background: #efefef !important;
        font-weight: 700;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .staff-booking-hourly-print-number[b-bderrwrut9] { text-align: right; }
    .staff-booking-hourly-print-table thead[b-bderrwrut9] { display: table-header-group; }
    .staff-booking-hourly-print-table tfoot[b-bderrwrut9] { display: table-footer-group; }
    .staff-booking-hourly-print-table tr[b-bderrwrut9] { break-inside: avoid; page-break-inside: avoid; }
    .staff-booking-hourly-print-note[b-bderrwrut9] { font-size: 8pt; color: #444; margin-top: 8px; }
}
/* _content/Web/Components/Pages/Admin/Reports/StaffBooking/StaffBookingReport.razor.rz.scp.css */
/* Page-scoped staff booking report layout; global theme and table sizing remain shared. */
.staff-booking-report-filter[b-ismv6bldb3] {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: 14px;
    padding: 22px;
    margin-bottom: 24px;
    background: #fff;
    border: 1px solid #e0e9fa;
    border-radius: 20px;
}

.staff-booking-report-filter > div:not(.staff-booking-report-buttons)[b-ismv6bldb3] {
    flex: 1 1 220px;
    min-width: 0;
    max-width: 350px;
}

.staff-booking-report-buttons[b-ismv6bldb3] { display: flex; flex-wrap: wrap; gap: 8px; }
.staff-booking-report-table-wrap[b-ismv6bldb3] { overflow-x: auto; }
.staff-booking-report-table[b-ismv6bldb3] { min-width: 420px; width: max-content; min-width: 100%; font-size: calc(14px * var(--app-table-font-scale, 1)); }
.staff-booking-report-table th[b-ismv6bldb3],
.staff-booking-report-table td[b-ismv6bldb3] { padding: 14px 16px; }
.staff-booking-report-table tfoot th[b-ismv6bldb3] { background: var(--app-table-header-background); }

@media (max-width: 600px) {
    .staff-booking-report-filter > div:not(.staff-booking-report-buttons)[b-ismv6bldb3] { max-width: none; flex-basis: 100%; }
    .staff-booking-report-buttons[b-ismv6bldb3] { width: 100%; }
}

/* Keep the date column readable when there are many employees. */
.staff-booking-report-table th[b-ismv6bldb3],
.staff-booking-report-table td[b-ismv6bldb3] { white-space: nowrap; }
.staff-booking-report-table th:first-child[b-ismv6bldb3],
.staff-booking-report-table td:first-child[b-ismv6bldb3] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #fff;
}
.staff-booking-report-table thead th:first-child[b-ismv6bldb3],
.staff-booking-report-table tfoot th:first-child[b-ismv6bldb3] {
    z-index: 2;
    background: var(--app-table-header-background);
}

/* Report print action; reuse the shared CRM table-size selector. */
.staff-booking-report-actions[b-ismv6bldb3] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}
.staff-booking-report-actions .app-table-view-toolbar[b-ismv6bldb3] { margin: 0; }



/* Print report independently of the on-screen Bootstrap data table, as in Kontakte. */
.staff-booking-print-sheet[b-ismv6bldb3] { display: none; }

@media print {
    @page { size: portrait; margin: 10mm; }

    .staff-booking-report-page[b-ismv6bldb3] { display: none !important; }

    .staff-booking-print-sheet[b-ismv6bldb3] {
        display: block !important;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #fff;
        color: #000;
        font-size: 9pt;
    }

    .staff-booking-print-header[b-ismv6bldb3] {
        margin-bottom: 12px;
        padding-bottom: 8px;
        border-bottom: 1px solid #999;
    }

    .staff-booking-print-header h1[b-ismv6bldb3] {
        margin: 0;
        font-size: 18pt;
        font-weight: 700;
    }

    .staff-booking-print-subtitle[b-ismv6bldb3] {
        margin-top: 3px;
        font-size: 9pt;
        color: #444;
    }

    .staff-booking-print-table[b-ismv6bldb3] {
        width: 100%;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
        table-layout: auto;
    }

    .staff-booking-print-table th[b-ismv6bldb3],
    .staff-booking-print-table td[b-ismv6bldb3] {
        padding: 5px 6px;
        border: 1px solid #b9b9b9 !important;
        vertical-align: top;
    }

    .staff-booking-print-table thead th[b-ismv6bldb3],
    .staff-booking-print-table tfoot th[b-ismv6bldb3] {
        background: #efefef !important;
        font-weight: 700;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .staff-booking-print-table .staff-booking-print-number[b-ismv6bldb3] {
        text-align: right;
    }

    .staff-booking-print-table thead[b-ismv6bldb3] { display: table-header-group; }
    .staff-booking-print-table tfoot[b-ismv6bldb3] { display: table-footer-group; }
    .staff-booking-print-table tr[b-ismv6bldb3] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

/* Hourly details are opened by clicking a date; printing keeps the existing daily report only. */
.staff-booking-report-date-link[b-ismv6bldb3] {
    display: inline;
    padding: 0;
    border: 0;
    background: none;
    color: var(--bs-link-color, #0d6efd);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    font: inherit;
    font-weight: inherit;
}
.staff-booking-report-date-link:hover[b-ismv6bldb3] { color: var(--bs-link-hover-color, #0a58ca); }
.staff-booking-report-date-link:focus-visible[b-ismv6bldb3] { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 2px; }
@media print {
    .staff-booking-report-date-link[b-ismv6bldb3] { color: inherit; text-decoration: none; }
}
/* _content/Web/Components/Pages/Experiments/WorkReportExtraction/WorkReportExtraction.razor.rz.scp.css */
/* Spike only: page-specific styles for the work report extraction test page. */
.work-report-message[b-pzoiqzqcgh] {
    min-height: 180px;
    unicode-bidi: plaintext;
}

.work-report-original[b-pzoiqzqcgh],
.work-report-preview[b-pzoiqzqcgh] {
    unicode-bidi: plaintext;
}

.work-report-preview[b-pzoiqzqcgh] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.work-report-json[b-pzoiqzqcgh] {
    max-height: 420px;
    margin-bottom: 0;
    overflow: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-size: 0.85rem;
}

.work-report-error[b-pzoiqzqcgh] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.work-report-raw summary[b-pzoiqzqcgh],
section details summary[b-pzoiqzqcgh] {
    cursor: pointer;
}

.work-report-history-button[b-pzoiqzqcgh] {
    min-width: 0;
}

/* Print sheet for showing results to the client (hidden on screen via d-none). */
@media print {
    /* No page margin, so the browser prints no header/footer (URL, date, title).
       The spacing around the content comes from the padding of each report instead. */
    @page {
        size: portrait;
        margin: 0;
    }

    /* Plain block flow: page breaks are not applied reliably inside flex or grid containers. */
    .work-report-print[b-pzoiqzqcgh] {
        display: block !important;
        color: #000;
        font-size: 9.5pt;
        line-height: 1.3;
        margin: 0;
        padding: 0;
    }

    /* Every report starts on a new page; nothing forces a break after the last one,
       so no trailing empty page is created. The padding repeats on every page of a long report. */
    .work-report-print-entry[b-pzoiqzqcgh] {
        display: block;
        margin: 0;
        padding: 10mm 12mm;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        break-after: auto;
        page-break-after: auto;
    }

    .work-report-print-entry + .work-report-print-entry[b-pzoiqzqcgh] {
        break-before: page;
        page-break-before: always;
    }

    .work-report-print-entry > :last-child[b-pzoiqzqcgh] {
        margin-bottom: 0;
    }

    .work-report-print p[b-pzoiqzqcgh] {
        margin: 0 0 3px;
    }

    .work-report-print-header[b-pzoiqzqcgh] {
        border-bottom: 2px solid #000;
        margin-bottom: 6px;
        padding-bottom: 4px;
    }

    .work-report-print-header h2[b-pzoiqzqcgh] {
        font-size: 13pt;
        margin: 0 0 2px;
    }

    .work-report-print-header p[b-pzoiqzqcgh] {
        font-size: 8.5pt;
        margin: 0;
    }

    /* Keep a heading on the same page as the content below it. */
    .work-report-print h3[b-pzoiqzqcgh] {
        font-size: 10pt;
        font-weight: 700;
        margin: 7px 0 3px;
        break-after: avoid;
        page-break-after: avoid;
    }

    .work-report-print-message[b-pzoiqzqcgh] {
        border: 1px solid #999;
        padding: 4px 6px;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
        unicode-bidi: plaintext;
    }

    .work-report-print-table[b-pzoiqzqcgh] {
        width: 100%;
        border-collapse: collapse;
    }

    .work-report-print-table th[b-pzoiqzqcgh],
    .work-report-print-table td[b-pzoiqzqcgh] {
        border: 1px solid #999;
        padding: 2px 5px;
        text-align: start;
        vertical-align: top;
    }

    .work-report-print-table tbody th[b-pzoiqzqcgh] {
        width: 30%;
    }

    .work-report-print-table tr[b-pzoiqzqcgh] {
        break-inside: avoid;
    }

    .work-report-print-review[b-pzoiqzqcgh] {
        border: 1px solid #000;
        padding: 4px 6px;
    }

    .work-report-print-review ul[b-pzoiqzqcgh] {
        margin: 2px 0 0;
        padding-inline-start: 18px;
    }

    /* One reason per line, readable and never cut in the middle. */
    .work-report-print-review li[b-pzoiqzqcgh] {
        margin: 1px 0;
        line-height: 1.4;
        overflow-wrap: anywhere;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    /* The bdi comes from MarkupString and carries no scope attribute, hence ::deep. */
    .work-report-print-review[b-pzoiqzqcgh]  bdi {
        unicode-bidi: isolate;
    }

    /* Tasks, review and notes move to the next page together instead of
       leaving the notes box alone on a page; the notes block itself is never split. */
    .work-report-print-keep[b-pzoiqzqcgh],
    .work-report-print-notes-block[b-pzoiqzqcgh] {
        display: block;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .work-report-print-notes[b-pzoiqzqcgh] {
        border: 1px solid #999;
        height: 18mm;
    }
}
/* _content/Web/Components/Pages/Public/Anfrage/Anfrage.razor.rz.scp.css */
.required-star[b-zsj7qj9p7e] {
    color: #dc3545;
    margin-left: 2px;
}

.validation-error[b-zsj7qj9p7e] {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 4px;
}


/* =========================================================
   LOGO
   ========================================================= */

.form-logo-container[b-zsj7qj9p7e] {
    text-align: center;
    margin-bottom: 20px;
}

.form-logo[b-zsj7qj9p7e] {
    display: inline-block;
    width: 100%;
    max-width: 215px;
    height: auto;
}


/* =========================================================
   PAGE / CARD
   ========================================================= */

.anfrage-page[b-zsj7qj9p7e] {
    min-height: 100vh;
    background: #f4f6f8;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px 16px;
}

.anfrage-card[b-zsj7qj9p7e] {
    width: 100%;
    max-width: 980px;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 8px;
    padding: 36px 44px;
}

.form-title[b-zsj7qj9p7e] {
    margin-top: 32px;
    margin-bottom: 24px;
    font-weight: 700;
    color: #071179;
}


/* =========================================================
   DESKTOP STEPPER
   ========================================================= */

.form-steps[b-zsj7qj9p7e] {
    display: flex;
    width: 100%;
    margin-bottom: 34px;
    overflow: hidden;
}

.form-step[b-zsj7qj9p7e] {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px 26px 10px 38px;
    margin-right: 16px;
    background: #eef3f7;
    color: #253247;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

    .form-step[b-zsj7qj9p7e]::before,
    .form-step[b-zsj7qj9p7e]::after {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-top: 29px solid transparent;
        border-bottom: 29px solid transparent;
    }

    .form-step[b-zsj7qj9p7e]::after {
        right: -29px;
        border-left: 29px solid #eef3f7;
        z-index: 2;
    }

    .form-step[b-zsj7qj9p7e]::before {
        left: 0;
        border-left: 29px solid #ffffff;
        z-index: 1;
    }

    .form-step:first-child[b-zsj7qj9p7e] {
        padding-left: 24px;
        border-radius: 6px 0 0 6px;
    }

        .form-step:first-child[b-zsj7qj9p7e]::before {
            display: none;
        }

    .form-step:last-child[b-zsj7qj9p7e] {
        margin-right: 0;
        padding-right: 24px;
        border-radius: 0 6px 6px 0;
    }

        .form-step:last-child[b-zsj7qj9p7e]::after {
            display: none;
        }


    /* Active */

    .form-step.active[b-zsj7qj9p7e] {
        background: #167b96;
        color: #ffffff;
        font-weight: 600;
    }

        .form-step.active[b-zsj7qj9p7e]::after {
            border-left-color: #167b96;
        }


    /* Completed */

    .form-step.completed[b-zsj7qj9p7e] {
        background: #e8f0f4;
    }

        .form-step.completed[b-zsj7qj9p7e]::after {
            border-left-color: #e8f0f4;
        }


/* Check */

.step-check[b-zsj7qj9p7e] {
    position: relative;
    z-index: 3;
    flex-shrink: 0;
    font-size: 20px;
    font-weight: 700;
    color: #167b96;
}

.form-step.active .step-check[b-zsj7qj9p7e] {
    color: #ffffff;
}


/* Text */

.step-text[b-zsj7qj9p7e] {
    position: relative;
    z-index: 3;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
}


/* =========================================================
   FORM
   ========================================================= */

.navigation[b-zsj7qj9p7e] {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}

.form-control[b-zsj7qj9p7e],
.form-select[b-zsj7qj9p7e] {
    min-height: 42px;
}


/* =========================================================
   SUCCESS
   ========================================================= */

.success-container[b-zsj7qj9p7e] {
    text-align: center;
    padding: 50px 20px;
}

.success-icon[b-zsj7qj9p7e] {
    width: 55px;
    height: 55px;
    margin: 0 auto 20px;
    border: 3px solid #071179;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #071179;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 850px) {

    .anfrage-card[b-zsj7qj9p7e] {
        max-width: 760px;
        padding: 30px;
    }

    .form-step[b-zsj7qj9p7e] {
        font-size: 12px;
        padding-left: 32px;
        padding-right: 18px;
    }

    .step-check[b-zsj7qj9p7e] {
        font-size: 17px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .anfrage-page[b-zsj7qj9p7e] {
        padding: 12px 8px;
        align-items: flex-start;
    }

    .anfrage-card[b-zsj7qj9p7e] {
        max-width: 100%;
        padding: 20px;
        border-radius: 7px;
    }

    .form-logo[b-zsj7qj9p7e] {
        max-width: 180px;
    }

    .form-title[b-zsj7qj9p7e] {
        font-size: 25px;
        margin-top: 24px;
        margin-bottom: 22px;
    }


    /* Mobile stepper = clean 2-column grid */

    .form-steps[b-zsj7qj9p7e] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        margin-bottom: 26px;
        overflow: visible;
    }

    .form-step[b-zsj7qj9p7e] {
        min-width: 0;
        min-height: 48px;
        margin: 0;
        padding: 8px 10px;
        border-radius: 6px;
        font-size: 11px;
        line-height: 1.2;
        justify-content: center;
    }

        .form-step[b-zsj7qj9p7e]::before,
        .form-step[b-zsj7qj9p7e]::after {
            display: none;
        }

        .form-step:first-child[b-zsj7qj9p7e],
        .form-step:last-child[b-zsj7qj9p7e] {
            padding: 8px 10px;
            border-radius: 6px;
        }

    .step-check[b-zsj7qj9p7e] {
        font-size: 16px;
    }

    .step-text[b-zsj7qj9p7e] {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        overflow-wrap: anywhere;
    }

    .navigation[b-zsj7qj9p7e] {
        margin-top: 24px;
    }
}
/* _content/Web/Components/Shared/ClipboardCopyButton.razor.rz.scp.css */
.clipboard-copy-button[b-art96ive6q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 26px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #72809f;
    cursor: pointer;
    vertical-align: middle;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.clipboard-copy-button:hover[b-art96ive6q] {
    color: #2d7cf7;
    background: #eef4ff;
}

.clipboard-copy-button:focus-visible[b-art96ive6q] {
    outline: 2px solid #2d7cf7;
    outline-offset: 2px;
}

.clipboard-copy-button.copied[b-art96ive6q],
.clipboard-copy-button.copied:hover[b-art96ive6q] {
    color: #198754;
    background: #edf8f1;
}

.clipboard-copy-button i[b-art96ive6q] {
    font-size: 14px;
    line-height: 1;
}
/* _content/Web/Components/Shared/ContactNotesModal.razor.rz.scp.css */
/* Notes layout only. The modal shell, backdrop, header, controls and close
   button are provided by the shared AppModal and Bootstrap styles. */

/* AppModal renders the dialog in a child component. The host makes
   scoped ::deep selectors match its rendered markup without global CSS. */
.contact-notes-modal-host[b-ys9lpocedf]  .contact-notes-dialog {
    width: min(920px, calc(100% - 32px));
    max-width: 920px;
}

.contact-notes-modal-host[b-ys9lpocedf]  .contact-notes-dialog .modal-content {
    height: min(760px, calc(100dvh - 64px));
    overflow: hidden;
}

.contact-notes-title-wrap[b-ys9lpocedf] {
    min-width: 0;
}

.contact-notes-person[b-ys9lpocedf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 14px;
    margin-top: 6px;
    color: #65738d;
    font-size: calc(13px * var(--app-table-font-scale, 1));
}

.contact-notes-person-name[b-ys9lpocedf] {
    color: #263b6d;
    font-weight: 700;
}

.contact-notes-person-detail[b-ys9lpocedf] {
    overflow-wrap: anywhere;
}

.contact-notes-modal-body[b-ys9lpocedf] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.contact-note-create[b-ys9lpocedf] {
    flex: 0 0 auto;
    padding: 12px 14px;
    border: 1px solid #dce7fa;
    border-radius: 16px;
    background: #f4f8ff;
}

.contact-note-create-title[b-ys9lpocedf] {
    margin-bottom: 8px;
    font-weight: 700;
}

.contact-note-create-grid[b-ys9lpocedf],
.contact-note-edit-grid[b-ys9lpocedf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contact-note-field-row[b-ys9lpocedf] {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.contact-note-field-row-textarea[b-ys9lpocedf] {
    align-items: start;
}

.contact-note-field-row-textarea .form-label[b-ys9lpocedf] {
    padding-top: 8px;
}

.contact-notes-filter-row[b-ys9lpocedf] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.contact-note-create .form-label[b-ys9lpocedf],
.contact-note-edit-grid .form-label[b-ys9lpocedf],
.contact-notes-filter-card .form-label[b-ys9lpocedf] {
    font-size: calc(13px * var(--app-table-font-scale, 1));
}

.contact-note-create-textarea[b-ys9lpocedf] {
    min-height: 60px;
    resize: vertical;
}

.contact-note-edit-textarea[b-ys9lpocedf] {
    min-height: 130px;
    max-height: 280px;
    resize: vertical;
}

.contact-note-create-actions[b-ys9lpocedf] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}

.contact-notes-list-section[b-ys9lpocedf] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    margin-top: 14px;
    padding: 12px;
    border: 1px solid #d4e1f5;
    border-radius: 16px;
    background: #edf3fc;
}

.contact-notes-list-head[b-ys9lpocedf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    margin-bottom: 8px;
}

.contact-notes-count[b-ys9lpocedf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 26px;
    padding: 0 9px;
    border-radius: 999px;
    background: #eaf2ff;
    color: #315cbf;
    font-size: calc(12px * var(--app-table-font-scale, 1));
    font-weight: 800;
}

.contact-notes-filter-card[b-ys9lpocedf] {
    flex: 0 0 auto;
    margin-bottom: 10px;
    padding: 8px 10px;
    border: 1px solid #d9e5f6;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.82);
}

.contact-notes-list-shell[b-ys9lpocedf] {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #cfdcf0;
    border-radius: 14px;
    background: #e7eef9;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
}

.contact-notes-list[b-ys9lpocedf] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    overflow-y: scroll;
    padding: 10px 10px 12px 10px;
    scrollbar-gutter: stable;
    scrollbar-width: auto;
    scrollbar-color: #8faee2 #e4ebf7;
}

.contact-notes-list[b-ys9lpocedf]::-webkit-scrollbar {
    width: 12px;
}

.contact-notes-list[b-ys9lpocedf]::-webkit-scrollbar-track {
    background: #e4ebf7;
    border-radius: 999px;
}

.contact-notes-list[b-ys9lpocedf]::-webkit-scrollbar-thumb {
    background: #8faee2;
    border: 3px solid #e4ebf7;
    border-radius: 999px;
}

.contact-notes-list[b-ys9lpocedf]::-webkit-scrollbar-thumb:hover {
    background: #6f94d4;
}

.contact-notes-scroll-hint[b-ys9lpocedf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 7px 10px;
    border-top: 1px solid #dce6f5;
    background: #eaf2ff;
    color: #47648f;
    font-size: calc(12px * var(--app-table-font-scale, 1));
    font-weight: 700;
}

.contact-notes-loading[b-ys9lpocedf],
.contact-notes-empty[b-ys9lpocedf] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 76px;
    padding: 16px;
    color: #6c7890;
    border: 1px dashed #d8e1f1;
    border-radius: 14px;
    background: #fff;
}

.contact-note-item[b-ys9lpocedf] {
    flex: 0 0 auto;
    margin-bottom: 0;
    padding: 12px 14px;
    border: 1px solid #e2eaf8;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(42, 73, 145, 0.04);
}

.contact-note-business-badge[b-ys9lpocedf] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin-bottom: 8px;
    padding: 4px 9px;
    overflow-wrap: anywhere;
    border-radius: 999px;
    background: #edf3ff;
    color: #315cbf;
    font-size: calc(12px * var(--app-table-font-scale, 1));
    font-weight: 700;
}

.contact-note-content[b-ys9lpocedf] {
    color: #27344f;
    line-height: 1.5;
}

.contact-note-footer[b-ys9lpocedf] {
    border-top: 1px solid #eef2f8;
    padding-top: 9px;
}

@media (max-width: 768px) {
    .contact-notes-modal-host[b-ys9lpocedf]  .contact-notes-dialog {
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .contact-notes-modal-host[b-ys9lpocedf]  .contact-notes-dialog .modal-content {
        height: 100dvh;
        border: 0;
        border-radius: 0;
    }

    .contact-notes-person[b-ys9lpocedf] {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
    }

    .contact-note-create[b-ys9lpocedf] {
        padding: 10px 12px;
    }

    .contact-note-field-row[b-ys9lpocedf],
    .contact-notes-filter-row[b-ys9lpocedf] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .contact-note-field-row-textarea .form-label[b-ys9lpocedf] {
        padding-top: 0;
    }

    .contact-notes-list-section[b-ys9lpocedf] {
        padding: 9px;
    }

    .contact-note-create-textarea[b-ys9lpocedf] {
        min-height: 62px;
    }

    .contact-note-edit-textarea[b-ys9lpocedf] {
        min-height: 110px;
    }

    .contact-note-actions[b-ys9lpocedf] {
        width: 100%;
    }

    .contact-note-actions .btn[b-ys9lpocedf] {
        flex: 1 1 auto;
    }

    .contact-note-create-actions[b-ys9lpocedf] {
        justify-content: stretch;
    }

    .contact-note-create-actions .btn[b-ys9lpocedf] {
        width: 100%;
    }

    .contact-notes-list[b-ys9lpocedf] {
        padding: 8px;
    }
}

@media (max-width: 480px) {
    .contact-notes-filter-card[b-ys9lpocedf],
    .contact-note-item[b-ys9lpocedf],
    .contact-note-create[b-ys9lpocedf] {
        border-radius: 13px;
    }

    .contact-notes-scroll-hint[b-ys9lpocedf] {
        font-size: calc(11px * var(--app-table-font-scale, 1));
    }
}


/* These controls moved out of ContactOverview with the shared Notes modal. */
.contact-note-content[b-ys9lpocedf] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.contact-note-footer[b-ys9lpocedf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
}

.contact-note-meta[b-ys9lpocedf] {
    color: #6c757d;
    font-size: 12px;
}

.contact-note-actions[b-ys9lpocedf] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.contact-note-actions .btn[b-ys9lpocedf] {
    border-radius: 14px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .contact-note-footer[b-ys9lpocedf] { flex-direction: column; align-items: stretch; }
    .contact-note-actions[b-ys9lpocedf] { flex-wrap: wrap; }
}
/* _content/Web/Components/Shared/CountdownTimer.razor.rz.scp.css */
.app-countdown-timer[b-70wdcwlhck] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--app-theme-row-selection-border, #cbd5e1);
    color: var(--app-theme-row-selection-indicator, #42526b);
    background: var(--app-theme-row-selection-soft-bg, #f4f7fb);
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}
.app-countdown-timer-value[b-70wdcwlhck] { font-variant-numeric: tabular-nums; }
/* _content/Web/Components/Shared/LeadNotesModal.razor.rz.scp.css */
/* Layout matches ContactNotesModal while preserving independent Lead notes. */
.lead-notes-modal-host[b-r7j5lzurwu]  .lead-notes-dialog {
    width: min(920px, calc(100% - 32px));
    max-width: 920px;
}
.lead-notes-modal-host[b-r7j5lzurwu]  .lead-notes-dialog .modal-content {
    height: min(760px, calc(100dvh - 64px));
    overflow: hidden;
}
.lead-notes-title-wrap[b-r7j5lzurwu] { min-width: 0; }
.lead-notes-person[b-r7j5lzurwu] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 14px;
    margin-top: 6px;
    color: #65738d;
    font-size: calc(13px * var(--app-table-font-scale, 1));
}
.lead-notes-person-name[b-r7j5lzurwu] { color: #263b6d; font-weight: 700; }
.lead-notes-person-detail[b-r7j5lzurwu] { overflow-wrap: anywhere; }
.lead-notes-modal-body[b-r7j5lzurwu] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}
.lead-note-create[b-r7j5lzurwu] {
    flex: 0 0 auto;
    padding: 12px 14px;
    border: 1px solid #dce7fa;
    border-radius: 16px;
    background: #f4f8ff;
}
.lead-note-create-title[b-r7j5lzurwu] { font-weight: 700; }
.lead-note-create-textarea[b-r7j5lzurwu] { min-height: 60px; resize: vertical; }
.lead-note-create-actions[b-r7j5lzurwu] { display: flex; justify-content: flex-end; margin-top: 8px; }
.lead-notes-list-section[b-r7j5lzurwu] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    margin-top: 14px;
    padding: 12px;
    border: 1px solid #d4e1f5;
    border-radius: 16px;
    background: #edf3fc;
}
.lead-notes-list-header[b-r7j5lzurwu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    margin-bottom: 8px;
}
.lead-notes-count[b-r7j5lzurwu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 26px;
    padding: 0 9px;
    border-radius: 999px;
    background: #eaf2ff;
    color: #315cbf;
    font-size: calc(12px * var(--app-table-font-scale, 1));
    font-weight: 800;
}
.lead-notes-list-shell[b-r7j5lzurwu] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #cfdcf0;
    border-radius: 14px;
    background: #e7eef9;
}
.lead-notes-list[b-r7j5lzurwu] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    overflow-y: auto;
    padding: 10px;
    scrollbar-gutter: stable;
}
.lead-note-item[b-r7j5lzurwu] {
    flex: 0 0 auto;
    padding: 12px 14px;
    border: 1px solid #e2eaf8;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(42, 73, 145, .04);
}
.lead-note-text[b-r7j5lzurwu] { white-space: pre-wrap; overflow-wrap: anywhere; color: #27344f; }
.lead-note-footer[b-r7j5lzurwu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid #eef2f8;
}
.lead-note-actions[b-r7j5lzurwu] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.lead-note-actions .btn[b-r7j5lzurwu] { border-radius: 14px; font-weight: 600; }
@media (max-width: 768px) {
    .lead-notes-modal-host[b-r7j5lzurwu]  .lead-notes-dialog { width: 100%; max-width: none; margin: 0; }
    .lead-notes-modal-host[b-r7j5lzurwu]  .lead-notes-dialog .modal-content { height: 100dvh; border: 0; border-radius: 0; }
    .lead-notes-person[b-r7j5lzurwu] { flex-direction: column; align-items: flex-start; gap: 3px; }
    .lead-note-footer[b-r7j5lzurwu] { flex-direction: column; align-items: stretch; }
    .lead-note-actions .btn[b-r7j5lzurwu] { flex: 1 1 auto; }
}
/* _content/Web/Components/Shared/TableViewSelector.razor.rz.scp.css */
/* Shared, unobtrusive font-size control for all tables. */
.table-view-selector[b-zx58rg6ai7] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: min(250px, 100%);
    min-width: 0;
}

.table-view-selector-icon[b-zx58rg6ai7] {
    flex: 0 0 auto;
    color: #64759a;
    font-size: 16px;
    line-height: 1;
}

.table-view-selector-options[b-zx58rg6ai7] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2px;
    padding: 2px;
    border-radius: 999px;
    background: #f1f5fc;
}

.table-view-selector-option[b-zx58rg6ai7] {
    min-width: 0;
    padding: 5px 4px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #566888;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.table-view-selector-option:hover:not(.is-active)[b-zx58rg6ai7] {
    color: #284d9d;
    background: #e6edfb;
}

.table-view-selector-option.is-active[b-zx58rg6ai7] {
    background: #ffffff;
    color: #1a2f68;
    box-shadow: 0 2px 8px rgba(28, 64, 142, .12);
}

.table-view-selector-option:focus-visible[b-zx58rg6ai7] {
    outline: 2px solid #397cff;
    outline-offset: 2px;
}

@media print {
    .table-view-selector[b-zx58rg6ai7] {
        display: none !important;
    }
}
/* _content/Web/Components/Shared/ThemeColorSelector.razor.rz.scp.css */
/* Compact color swatches for the global header (desktop and mobile). */
.app-theme-color-selector[b-xhhurn7tqz] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    max-width: 100%;
    white-space: nowrap;
    line-height: 1;
}

.app-theme-color-choice[b-xhhurn7tqz] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(28, 42, 82, .17);
    cursor: pointer;
    transition: box-shadow .15s ease, transform .15s ease;
}

.app-theme-color-choice:hover[b-xhhurn7tqz] {
    transform: translateY(-1px);
}

.app-theme-color-choice[aria-pressed="true"][b-xhhurn7tqz] {
    box-shadow: 0 0 0 2px #35415c;
}

.app-theme-color-choice:focus-visible[b-xhhurn7tqz] {
    outline: 2px solid #202f68;
    outline-offset: 3px;
}

.app-theme-color-choice .bi[b-xhhurn7tqz] {
    display: none;
    color: #fff;
    font-size: 11px;
    line-height: 1;
}

.app-theme-color-choice[aria-pressed="true"] .bi[b-xhhurn7tqz] {
    display: inline-block;
}

/* Swatch colors come from the single palette in theme-colors.css. */
.app-theme-color-choice--marine[b-xhhurn7tqz] { background-color: var(--app-color-marine); }
.app-theme-color-choice--violet[b-xhhurn7tqz] { background-color: var(--app-color-violet); }
.app-theme-color-choice--gold[b-xhhurn7tqz]   { background-color: var(--app-color-gold); }
.app-theme-color-choice--petrol[b-xhhurn7tqz] { background-color: var(--app-color-petrol); }
.app-theme-color-choice--bordeaux[b-xhhurn7tqz] { background-color: var(--app-color-bordeaux); }

.app-theme-color-icon[b-xhhurn7tqz] {
    margin-left: 1px;
    font-size: 13px;
    color: #687589;
}

@media (max-width: 480px) {
    .app-theme-color-selector[b-xhhurn7tqz] { gap: 6px; }
    .app-theme-color-choice[b-xhhurn7tqz] { flex-basis: 18px; width: 18px; height: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .app-theme-color-choice[b-xhhurn7tqz] { transition: none; }
}