/* /Components/Account/Pages/Login.razor.rz.scp.css */
.login-page[b-uelpxprj8j] {
    min-height: calc(100vh - 2rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.login-card[b-uelpxprj8j] {
    width: min(680px, 100%);
    border: 1px solid var(--dxds-color-border-neutral-default-rest, #d7d9de);
    border-radius: 14px;
}

.login-card-body[b-uelpxprj8j] {
    padding: 1.5rem 1.5rem 1.25rem 1.5rem;
}

.login-brand[b-uelpxprj8j] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.login-logo[b-uelpxprj8j] {
    width: 52px;
    height: 52px;
    object-fit: contain;
}

.login-title[b-uelpxprj8j] {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.1;
    font-weight: 700;
}

.login-subtitle[b-uelpxprj8j] {
    margin: 0.2rem 0 0 0;
    color: var(--dxds-color-content-neutral-secondary-rest, #6a6f77);
}

.login-form[b-uelpxprj8j] {
    margin-top: 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    max-width: 520px;
}

.login-field[b-uelpxprj8j] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 100%;
}

.login-label[b-uelpxprj8j] {
    font-weight: 600;
    font-size: 0.94rem;
}

.login-checkbox[b-uelpxprj8j] {
    margin-top: 0.1rem;
}

.login-form[b-uelpxprj8j]  .dxbl-text-edit {
    width: 100%;
}

.login-actions[b-uelpxprj8j] {
    display: flex;
    gap: 0.55rem;
    margin-top: 0.6rem;
    flex-wrap: wrap;
    max-width: 520px;
}

.login-actions[b-uelpxprj8j]  .dxbl-btn {
    min-width: 124px;
}

.login-actions[b-uelpxprj8j]  .login-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    background-color: currentColor;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    mask-size: contain;
    -webkit-mask-size: contain;
}

.login-actions[b-uelpxprj8j]  .login-icon-login {
    mask-image: url("/images/user/User_Check.svg");
    -webkit-mask-image: url("/images/user/User_Check.svg");
}

.login-actions[b-uelpxprj8j]  .login-icon-logout {
    mask-image: url("/images/user/User_Close.svg");
    -webkit-mask-image: url("/images/user/User_Close.svg");
}

.recent-users[b-uelpxprj8j] {
    margin-top: 1rem;
    padding-top: 0.8rem;
    border-top: 1px solid var(--dxds-color-border-neutral-default-rest, #e2e4e8);
}

.recent-users-title[b-uelpxprj8j] {
    font-weight: 600;
    margin-bottom: 0.55rem;
}

.recent-users-list[b-uelpxprj8j] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
    max-width: 520px;
}

.recent-user-btn[b-uelpxprj8j] {
    --dxbl-btn-padding-x: 0.6rem;
}

.vdm-theme-dark .login-page[b-uelpxprj8j],
.dark-mode .login-page[b-uelpxprj8j],
[data-bs-theme="dark"] .login-page[b-uelpxprj8j],
body[class*="fluent-dark"] .login-page[b-uelpxprj8j],
body[class*="darkly"] .login-page[b-uelpxprj8j],
body[class*="cyborg"] .login-page[b-uelpxprj8j],
body[class*="superhero"] .login-page[b-uelpxprj8j] {
    background: radial-gradient(circle at top, rgba(30, 41, 59, 0.42), rgba(15, 23, 42, 0.7));
}

.vdm-theme-dark .login-card[b-uelpxprj8j],
.dark-mode .login-card[b-uelpxprj8j],
[data-bs-theme="dark"] .login-card[b-uelpxprj8j],
body[class*="fluent-dark"] .login-card[b-uelpxprj8j],
body[class*="darkly"] .login-card[b-uelpxprj8j],
body[class*="cyborg"] .login-card[b-uelpxprj8j],
body[class*="superhero"] .login-card[b-uelpxprj8j] {
    background: rgba(15, 23, 42, 0.86);
    border-color: rgba(148, 163, 184, 0.36);
    box-shadow: 0 20px 40px rgba(2, 6, 23, 0.45);
    color: #e2e8f0;
}

.vdm-theme-dark .login-card.card[b-uelpxprj8j],
.dark-mode .login-card.card[b-uelpxprj8j],
[data-bs-theme="dark"] .login-card.card[b-uelpxprj8j],
body[class*="fluent-dark"] .login-card.card[b-uelpxprj8j],
body[class*="darkly"] .login-card.card[b-uelpxprj8j],
body[class*="cyborg"] .login-card.card[b-uelpxprj8j],
body[class*="superhero"] .login-card.card[b-uelpxprj8j] {
    background-color: rgba(15, 23, 42, 0.86) !important;
}

.vdm-theme-dark .login-title[b-uelpxprj8j],
.vdm-theme-dark .login-label[b-uelpxprj8j],
.dark-mode .login-title[b-uelpxprj8j],
.dark-mode .login-label[b-uelpxprj8j],
[data-bs-theme="dark"] .login-title[b-uelpxprj8j],
[data-bs-theme="dark"] .login-label[b-uelpxprj8j],
body[class*="fluent-dark"] .login-title[b-uelpxprj8j],
body[class*="fluent-dark"] .login-label[b-uelpxprj8j],
body[class*="darkly"] .login-title[b-uelpxprj8j],
body[class*="darkly"] .login-label[b-uelpxprj8j],
body[class*="cyborg"] .login-title[b-uelpxprj8j],
body[class*="cyborg"] .login-label[b-uelpxprj8j],
body[class*="superhero"] .login-title[b-uelpxprj8j],
body[class*="superhero"] .login-label[b-uelpxprj8j] {
    color: #e2e8f0;
}

.vdm-theme-dark .login-subtitle[b-uelpxprj8j],
.vdm-theme-dark .login-checkbox[b-uelpxprj8j],
.dark-mode .login-subtitle[b-uelpxprj8j],
.dark-mode .login-checkbox[b-uelpxprj8j],
[data-bs-theme="dark"] .login-subtitle[b-uelpxprj8j],
[data-bs-theme="dark"] .login-checkbox[b-uelpxprj8j],
body[class*="fluent-dark"] .login-subtitle[b-uelpxprj8j],
body[class*="fluent-dark"] .login-checkbox[b-uelpxprj8j],
body[class*="darkly"] .login-subtitle[b-uelpxprj8j],
body[class*="darkly"] .login-checkbox[b-uelpxprj8j],
body[class*="cyborg"] .login-subtitle[b-uelpxprj8j],
body[class*="cyborg"] .login-checkbox[b-uelpxprj8j],
body[class*="superhero"] .login-subtitle[b-uelpxprj8j],
body[class*="superhero"] .login-checkbox[b-uelpxprj8j] {
    color: #94a3b8;
}

.vdm-theme-dark .login-form[b-uelpxprj8j]  .dxbl-text-edit,
.vdm-theme-dark .login-form[b-uelpxprj8j]  .dxbl-text-edit-input,
.dark-mode .login-form[b-uelpxprj8j]  .dxbl-text-edit,
.dark-mode .login-form[b-uelpxprj8j]  .dxbl-text-edit-input,
[data-bs-theme="dark"] .login-form[b-uelpxprj8j]  .dxbl-text-edit,
[data-bs-theme="dark"] .login-form[b-uelpxprj8j]  .dxbl-text-edit-input,
body[class*="fluent-dark"] .login-form[b-uelpxprj8j]  .dxbl-text-edit,
body[class*="fluent-dark"] .login-form[b-uelpxprj8j]  .dxbl-text-edit-input,
body[class*="darkly"] .login-form[b-uelpxprj8j]  .dxbl-text-edit,
body[class*="darkly"] .login-form[b-uelpxprj8j]  .dxbl-text-edit-input,
body[class*="cyborg"] .login-form[b-uelpxprj8j]  .dxbl-text-edit,
body[class*="cyborg"] .login-form[b-uelpxprj8j]  .dxbl-text-edit-input,
body[class*="superhero"] .login-form[b-uelpxprj8j]  .dxbl-text-edit,
body[class*="superhero"] .login-form[b-uelpxprj8j]  .dxbl-text-edit-input {
    background-color: rgba(15, 23, 42, 0.9);
    color: #e2e8f0;
    border-color: rgba(148, 163, 184, 0.45);
}

.vdm-theme-dark .login-form[b-uelpxprj8j]  .dxbl-text-edit-input::placeholder,
.dark-mode .login-form[b-uelpxprj8j]  .dxbl-text-edit-input::placeholder,
[data-bs-theme="dark"] .login-form[b-uelpxprj8j]  .dxbl-text-edit-input::placeholder,
body[class*="fluent-dark"] .login-form[b-uelpxprj8j]  .dxbl-text-edit-input::placeholder,
body[class*="darkly"] .login-form[b-uelpxprj8j]  .dxbl-text-edit-input::placeholder,
body[class*="cyborg"] .login-form[b-uelpxprj8j]  .dxbl-text-edit-input::placeholder,
body[class*="superhero"] .login-form[b-uelpxprj8j]  .dxbl-text-edit-input::placeholder {
    color: #94a3b8;
}

.vdm-theme-dark .login-form[b-uelpxprj8j]  .dxbl-checkbox,
.dark-mode .login-form[b-uelpxprj8j]  .dxbl-checkbox,
[data-bs-theme="dark"] .login-form[b-uelpxprj8j]  .dxbl-checkbox,
body[class*="fluent-dark"] .login-form[b-uelpxprj8j]  .dxbl-checkbox,
body[class*="darkly"] .login-form[b-uelpxprj8j]  .dxbl-checkbox,
body[class*="cyborg"] .login-form[b-uelpxprj8j]  .dxbl-checkbox,
body[class*="superhero"] .login-form[b-uelpxprj8j]  .dxbl-checkbox {
    color: #cbd5e1;
}

.vdm-theme-dark .login-form[b-uelpxprj8j]  .dxbl-checkbox-label,
.dark-mode .login-form[b-uelpxprj8j]  .dxbl-checkbox-label,
[data-bs-theme="dark"] .login-form[b-uelpxprj8j]  .dxbl-checkbox-label,
body[class*="fluent-dark"] .login-form[b-uelpxprj8j]  .dxbl-checkbox-label,
body[class*="darkly"] .login-form[b-uelpxprj8j]  .dxbl-checkbox-label,
body[class*="cyborg"] .login-form[b-uelpxprj8j]  .dxbl-checkbox-label,
body[class*="superhero"] .login-form[b-uelpxprj8j]  .dxbl-checkbox-label {
    color: #cbd5e1;
}

.vdm-theme-dark .login-actions[b-uelpxprj8j]  .dxbl-btn.dxbl-btn-secondary,
.dark-mode .login-actions[b-uelpxprj8j]  .dxbl-btn.dxbl-btn-secondary,
[data-bs-theme="dark"] .login-actions[b-uelpxprj8j]  .dxbl-btn.dxbl-btn-secondary,
body[class*="fluent-dark"] .login-actions[b-uelpxprj8j]  .dxbl-btn.dxbl-btn-secondary,
body[class*="darkly"] .login-actions[b-uelpxprj8j]  .dxbl-btn.dxbl-btn-secondary,
body[class*="cyborg"] .login-actions[b-uelpxprj8j]  .dxbl-btn.dxbl-btn-secondary,
body[class*="superhero"] .login-actions[b-uelpxprj8j]  .dxbl-btn.dxbl-btn-secondary {
    color: #cbd5e1;
    border-color: rgba(148, 163, 184, 0.55);
    background-color: rgba(30, 41, 59, 0.45);
}

.vdm-theme-dark .login-actions[b-uelpxprj8j]  .dxbl-btn.dxbl-btn-secondary:hover,
.dark-mode .login-actions[b-uelpxprj8j]  .dxbl-btn.dxbl-btn-secondary:hover,
[data-bs-theme="dark"] .login-actions[b-uelpxprj8j]  .dxbl-btn.dxbl-btn-secondary:hover,
body[class*="fluent-dark"] .login-actions[b-uelpxprj8j]  .dxbl-btn.dxbl-btn-secondary:hover,
body[class*="darkly"] .login-actions[b-uelpxprj8j]  .dxbl-btn.dxbl-btn-secondary:hover,
body[class*="cyborg"] .login-actions[b-uelpxprj8j]  .dxbl-btn.dxbl-btn-secondary:hover,
body[class*="superhero"] .login-actions[b-uelpxprj8j]  .dxbl-btn.dxbl-btn-secondary:hover {
    background-color: rgba(51, 65, 85, 0.7);
}

.vdm-theme-dark .alert-danger[b-uelpxprj8j],
.dark-mode .alert-danger[b-uelpxprj8j],
[data-bs-theme="dark"] .alert-danger[b-uelpxprj8j],
body[class*="fluent-dark"] .alert-danger[b-uelpxprj8j],
body[class*="darkly"] .alert-danger[b-uelpxprj8j],
body[class*="cyborg"] .alert-danger[b-uelpxprj8j],
body[class*="superhero"] .alert-danger[b-uelpxprj8j] {
    background-color: rgba(127, 29, 29, 0.35);
    border-color: rgba(248, 113, 113, 0.45);
    color: #fecaca;
}

.vdm-theme-dark .alert-success[b-uelpxprj8j],
.dark-mode .alert-success[b-uelpxprj8j],
[data-bs-theme="dark"] .alert-success[b-uelpxprj8j],
body[class*="fluent-dark"] .alert-success[b-uelpxprj8j],
body[class*="darkly"] .alert-success[b-uelpxprj8j],
body[class*="cyborg"] .alert-success[b-uelpxprj8j],
body[class*="superhero"] .alert-success[b-uelpxprj8j] {
    background-color: rgba(21, 128, 61, 0.3);
    border-color: rgba(74, 222, 128, 0.5);
    color: #bbf7d0;
}

@media (max-width: 640px) {
    .login-card-body[b-uelpxprj8j] {
        padding: 1rem;
    }

    .login-title[b-uelpxprj8j] {
        font-size: 1.45rem;
    }
}
/* /Components/Layout/Drawer.razor.rz.scp.css */
.drawer-container[b-4f3lmjpj21] {
    height: 100%;
}

[b-4f3lmjpj21] .panel-open:not(.mobile) .menu-button-navlink:has(+ .back-button-navlink) {
    display: none;
}

[b-4f3lmjpj21] .panel-open:not(.mobile) .menu-button-navlink:not(:has(+ .back-button-navlink)) {
    visibility: hidden;
}

[b-4f3lmjpj21] .navigation-drawer>.dxbl-drawer-panel {
    background-image: linear-gradient(180deg, var(--bs-primary, var(--dxds-primary-90)) 0%, var(--bs-black, #000) 150%) !important;
    background-color: transparent !important;
}

[b-4f3lmjpj21] .navigation-drawer>.dxbl-drawer-content {
    overflow: auto;
}

[b-4f3lmjpj21] .navigation-drawer>.dxbl-drawer-panel>.dxbl-drawer-header {
    border-bottom: none;
    padding: 2rem 1rem;
    background: none;
}

[b-4f3lmjpj21] .navigation-drawer>.dxbl-drawer-panel>.dxbl-drawer-header>.navigation-drawer-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-4f3lmjpj21] .navigation-drawer>.dxbl-drawer-panel>.dxbl-drawer-body,
[b-4f3lmjpj21] .navigation-drawer>.dxbl-drawer-panel>.dxbl-drawer-body *,
[b-4f3lmjpj21] .navigation-drawer>.dxbl-drawer-panel .menu,
[b-4f3lmjpj21] .navigation-drawer>.dxbl-drawer-panel .dxbl-menu {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
    background: transparent !important;
    background-color: transparent !important;
}

[b-4f3lmjpj21] .navigation-drawer>.dxbl-drawer-panel>.dxbl-drawer-footer {
    --dxbl-drawer-panel-footer-justify-content: center;
    border-top: none;
    padding-bottom: 1.5rem;
    width: 240px;
    background: none;
}

[b-4f3lmjpj21] .navigation-drawer>.dxbl-drawer-panel {
    display: flex;
}

[b-4f3lmjpj21] .navigation-drawer.mobile>.dxbl-drawer-panel {
    display: none;
}

[b-4f3lmjpj21] .navigation-drawer>.dxbl-drawer-content>.navigation-drawer-shading {
    display: none;
}

@media (max-width: 768px) {
    [b-4f3lmjpj21] .panel-open:not(.mobile) .menu-button-navlink:has(+ .back-button-navlink) {
        display: inline-flex;
    }

    [b-4f3lmjpj21] .panel-open:not(.mobile) .menu-button-navlink:not(:has(+ .back-button-navlink)) {
        visibility: visible;
    }

    [b-4f3lmjpj21] .navigation-drawer>.dxbl-drawer-panel {
        display: none;
    }

    [b-4f3lmjpj21] .navigation-drawer.mobile>.dxbl-drawer-panel {
        display: flex;
    }

    [b-4f3lmjpj21] .navigation-drawer>.dxbl-drawer-content>.navigation-drawer-shading {
        background-color: var(--dxbl-drawer-content-shading-bg);
        display: block;
        height: 100%;
        position: absolute;
        transition: ease var(--dxbl-drawer-animation-duration);
        transition-property: opacity, visibility;
        visibility: visible;
        width: 100%;
        z-index: 99;
        opacity: var(--dxbl-drawer-content-shading-opacity);
    }

    [b-4f3lmjpj21] .navigation-drawer.mobile.panel-closed .navigation-drawer-shading {
        opacity: 0;
        visibility: hidden;
    }
}
/* Ensure drawer overlays sticky headers on small screens */
[b-4f3lmjpj21] .navigation-drawer>.dxbl-drawer-panel,
[b-4f3lmjpj21] .navigation-drawer.mobile>.dxbl-drawer-panel {
    z-index: 1051;
}

[b-4f3lmjpj21] .navigation-drawer>.dxbl-drawer-content>.navigation-drawer-shading {
    z-index: 1050;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.crm-shell[b-or0g6s9b14] {
    height: 100vh;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--vdm-surface-app, #f3f4f6);
}

.top-menu-host[b-or0g6s9b14] {
    position: sticky;
    top: 0;
    z-index: 40;
    border-bottom: 1px solid var(--dxds-color-border-neutral-default-rest, #e0e0e0);
    background: var(--dxds-color-surface-neutral-default-rest, var(--bs-body-bg, #fff));
}

.menu-card-container[b-or0g6s9b14] {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.menu-title-wrap[b-or0g6s9b14] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.menu-title-text[b-or0g6s9b14] {
    font-weight: 600;
}

.menu-logo-img[b-or0g6s9b14] {
    width: 24px;
    height: 24px;
    object-fit: contain;
    border-radius: 4px;
}

.dxbl-menu-item-tmpl[b-or0g6s9b14] {
    display: flex;
    align-items: center;
}

.notoggle svg[b-or0g6s9b14] {
    display: none;
}

.dxbl-menu-item .search[b-or0g6s9b14] {
    min-width: 220px;
}

.dxbl-menu-item-tmpl > .search[b-or0g6s9b14] {
    position: relative;
}

.top-menu-size[b-or0g6s9b14] {
    min-width: 8rem;
}

.menu-end-item[b-or0g6s9b14] {
    height: 100%;
    display: flex;
    align-items: center;
}

.size-menu-item[b-or0g6s9b14] {
    min-width: 140px;
}

.theme-toggle-btn[b-or0g6s9b14] {
    min-width: 2rem;
    width: 2rem;
    padding-inline: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.theme-toggle-btn[b-or0g6s9b14]  .dxbl-btn-icon {
    width: 18px;
    height: 18px;
}

.theme-toggle-icon-light[b-or0g6s9b14],
.theme-toggle-icon-dark[b-or0g6s9b14] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.theme-toggle-icon-light[b-or0g6s9b14] {
    background-image: url("/images/toggle/light.svg");
}

.theme-toggle-icon-dark[b-or0g6s9b14] {
    background-image: url("/images/toggle/dark.svg");
}

.theme-toggle-native-btn[b-or0g6s9b14] {
    width: 2.6rem;
    height: 2.6rem;
    border: none;
    background: transparent;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.theme-toggle-native-img[b-or0g6s9b14] {
    width: 28px;
    height: 28px;
    display: block;
}

.menu-end-item[b-or0g6s9b14]  .dxbl-text-edit {
    margin: 0;
}

.menu-end-item[b-or0g6s9b14]  .dxbl-btn {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.notify-wrap[b-or0g6s9b14] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
}

.notify-badge[b-or0g6s9b14] {
    position: absolute;
    top: -0.15rem;
    right: -0.25rem;
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 700;
    color: #fff;
    background-color: #da251d;
}

.user-profile .logo-container[b-or0g6s9b14] {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.user-profile .log-off-btn[b-or0g6s9b14] {
    padding-top: 0.815rem;
    padding-bottom: 0.815rem;
    border-top: 1px solid #e5e5e5;
}

.switch-account-block[b-or0g6s9b14] {
    width: 100%;
    border-top: 1px solid #e5e5e5;
    margin-top: 0.4rem;
    padding-top: 0.75rem;
}

.switch-account-title[b-or0g6s9b14] {
    font-size: 0.83rem;
    opacity: 0.75;
    margin-bottom: 0.45rem;
    text-align: center;
}

.switch-account-list[b-or0g6s9b14] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.switch-account-btn[b-or0g6s9b14] {
    width: 100%;
}

.profile-action-btn[b-or0g6s9b14] {
    min-width: 220px;
}

.menu-icon[b-or0g6s9b14] {
    width: var(--dxbl-icon-width);
    height: var(--dxbl-icon-height);
    min-width: var(--dxbl-icon-width);
    min-height: var(--dxbl-icon-height);
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    opacity: 0.8;
}

.menu-icon-home[b-or0g6s9b14] {
    mask-image: var(--dxbl-icon-home, url("/images/home.svg"));
    -webkit-mask-image: var(--dxbl-icon-home, url("/images/home.svg"));
}

.menu-icon-support[b-or0g6s9b14] {
    mask-image: var(--dxbl-icon-doc, url("/images/doc.svg"));
    -webkit-mask-image: var(--dxbl-icon-doc, url("/images/doc.svg"));
}

.menu-icon-dashboard[b-or0g6s9b14] {
    mask-image: url("/images/home.svg");
    -webkit-mask-image: url("/images/home.svg");
}

.menu-icon-facility[b-or0g6s9b14] {
    mask-image: url("/images/folder.svg");
    -webkit-mask-image: url("/images/folder.svg");
}

.menu-icon-calendar[b-or0g6s9b14] {
    mask-image: url("/images/calendar.svg");
    -webkit-mask-image: url("/images/calendar.svg");
}

.menu-icon-api[b-or0g6s9b14] {
    mask-image: url("/images/info.svg");
    -webkit-mask-image: url("/images/info.svg");
}

.menu-icon-workspace[b-or0g6s9b14] {
    mask-image: url("/images/grid-toolbar-document.svg");
    -webkit-mask-image: url("/images/grid-toolbar-document.svg");
}

.menu-icon-plan[b-or0g6s9b14] {
    mask-image: url("/images/grid-toolbar-filter.svg");
    -webkit-mask-image: url("/images/grid-toolbar-filter.svg");
}

.menu-icon-week[b-or0g6s9b14] {
    mask-image: url("/images/scheduler-drag-and-resize.svg");
    -webkit-mask-image: url("/images/scheduler-drag-and-resize.svg");
}

.menu-icon-user[b-or0g6s9b14] {
    mask-image: url("/images/user/User_Circle.svg");
    -webkit-mask-image: url("/images/user/User_Circle.svg");
}

.menu-icon-doc[b-or0g6s9b14] {
    mask-image: url("/images/doc.svg");
    -webkit-mask-image: url("/images/doc.svg");
}

.menu-icon-status[b-or0g6s9b14] {
    mask-image: url("/images/alert.svg");
    -webkit-mask-image: url("/images/alert.svg");
}

.menu-icon-contact[b-or0g6s9b14] {
    mask-image: url("/images/contacts.svg");
    -webkit-mask-image: url("/images/contacts.svg");
}

.menu-icon-admin[b-or0g6s9b14] {
    mask-image: url("/images/settings.svg");
    -webkit-mask-image: url("/images/settings.svg");
}

.menu-icon-sync[b-or0g6s9b14] {
    mask-image: url("/images/refresh.svg");
    -webkit-mask-image: url("/images/refresh.svg");
}

.menu-icon-products[b-or0g6s9b14] {
    mask-image: var(--dxbl-icon-counter, url("/images/counter.svg"));
    -webkit-mask-image: var(--dxbl-icon-counter, url("/images/counter.svg"));
}

.menu-icon-theme[b-or0g6s9b14] {
    mask-image: url("/images/theme.svg");
    -webkit-mask-image: url("/images/theme.svg");
}

.menu-icon-sun[b-or0g6s9b14] {
    mask-image: url("/images/themeswitcher-fluent-mode-light.svg");
    -webkit-mask-image: url("/images/themeswitcher-fluent-mode-light.svg");
}

.menu-icon-moon[b-or0g6s9b14] {
    mask-image: url("/images/themeswitcher-fluent-mode-dark.svg");
    -webkit-mask-image: url("/images/themeswitcher-fluent-mode-dark.svg");
}

.menu-icon-bell[b-or0g6s9b14] {
    mask-image: url("/images/demos.svg");
    -webkit-mask-image: url("/images/demos.svg");
}

.menu-icon-switch-account[b-or0g6s9b14] {
    mask-image: url("/images/user/User_Check.svg");
    -webkit-mask-image: url("/images/user/User_Check.svg");
}

.menu-icon-logout[b-or0g6s9b14] {
    mask-image: url("/images/user/User_Close.svg");
    -webkit-mask-image: url("/images/user/User_Close.svg");
}

.menu-icon-person-circle[b-or0g6s9b14] {
    mask-image: url("/images/user/User_Circle.svg");
    -webkit-mask-image: url("/images/user/User_Circle.svg");
}

.menu-icon-large[b-or0g6s9b14] {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    min-height: 2.25rem;
}

.icon-logo[b-or0g6s9b14] {
    display: flex;
    height: 20px;
    width: 120px;
    opacity: 0.8;
    background-color: currentColor;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-image: url("/images/logo.svg");
    -webkit-mask-image: url("/images/logo.svg");
}

.crm-content[b-or0g6s9b14] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.crm-content > .content[b-or0g6s9b14] {
    flex: 1 1 auto;
    min-height: 0;
}

.content-auth[b-or0g6s9b14] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.content-public[b-or0g6s9b14] {
    overflow: auto;
}

.top-menu-host[b-or0g6s9b14]  .dxbl-menu-item-content,
.top-menu-host[b-or0g6s9b14]  .dxbl-menu-item-text {
    white-space: nowrap;
}

.top-menu-host[b-or0g6s9b14]  .dxbl-menu-item-tmpl {
    min-height: 2rem;
    align-items: center;
}

@media (max-width: 991px) {
    .dxbl-menu-item .search[b-or0g6s9b14] {
        min-width: 170px;
    }

    .top-menu-size[b-or0g6s9b14] {
        min-width: 6.5rem;
    }

    .crm-content > .content[b-or0g6s9b14] {
        padding-left: 0.9rem !important;
        padding-right: 0.9rem !important;
        padding-top: 0.7rem !important;
        padding-bottom: 0.7rem !important;
    }
}

@media (max-width: 640px) {
    .crm-content > .content[b-or0g6s9b14] {
        padding-left: 0.65rem !important;
        padding-right: 0.65rem !important;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.vdm-nav-shell[b-z0ydaautxk] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--dxds-color-surface-neutral-default-rest, var(--bs-body-bg, #fff));
}

.vdm-nav-filter[b-z0ydaautxk] {
    padding: 0.75rem;
    border-bottom: 1px solid var(--dxds-color-border-neutral-default-rest, var(--bs-border-color, #d6d9de));
}

[b-z0ydaautxk] .vdm-nav-menu {
    flex: 1;
    overflow: auto;
    --dxbl-menu-item-padding-x: 0.875rem;
    --dxbl-menu-item-padding-y: 0.48rem;
}
/* /Components/Pages/Admin/AdminExchangeSync.razor.rz.scp.css */
.exchange-admin-page[b-hlv6sgyzcx] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.exchange-admin-title[b-hlv6sgyzcx] {
    margin: 0;
}

.exchange-card[b-hlv6sgyzcx] {
    border: 1px solid var(--dxbs-border-color, #dee2e6);
    border-radius: 0.5rem;
    padding: 1rem;
    background: var(--dxbl-grid-bg, var(--bs-body-bg, #fff));
}

.exchange-grid[b-hlv6sgyzcx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
}

.exchange-form-grid[b-hlv6sgyzcx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    align-items: end;
}

.exchange-checkbox-wrap[b-hlv6sgyzcx] {
    display: flex;
    align-items: center;
    min-height: 38px;
}

.exchange-note[b-hlv6sgyzcx] {
    margin-top: 0.75rem;
    padding: 0.65rem 0.75rem;
    border-radius: 0.35rem;
    background: color-mix(in srgb, var(--dxbs-primary, #0d6efd) 12%, transparent);
}
/* /Components/Pages/Admin/AdminObjektbesuchAuswertung.razor.rz.scp.css */
.objektbesuch-trend-legend[b-9sn5f9yp9p] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    align-items: center;
    padding: 8px 10px;
    border: 1px dashed rgba(148, 163, 184, 0.45);
    border-radius: 8px;
    background: rgba(248, 250, 252, 0.92);
}

.objektbesuch-trend-legend span[b-9sn5f9yp9p] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.trend-dot[b-9sn5f9yp9p] {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 4px;
}

.trend-green[b-9sn5f9yp9p] {
    background: #16a34a;
}

.trend-yellow[b-9sn5f9yp9p] {
    background: #eab308;
}

.trend-red[b-9sn5f9yp9p] {
    background: #dc2626;
}

.trend-arrow[b-9sn5f9yp9p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    margin-right: 0.35rem;
    font-weight: 700;
    line-height: 1;
}

.trend-arrow svg[b-9sn5f9yp9p] {
    width: 0.95rem;
    height: 0.95rem;
    display: block;
}

.trend-arrow svg path[b-9sn5f9yp9p] {
    fill: currentColor;
}

.trend-arrow-up[b-9sn5f9yp9p] {
    color: #16a34a;
}

.trend-arrow-flat[b-9sn5f9yp9p] {
    color: #d97706;
}

.trend-arrow-down[b-9sn5f9yp9p] {
    color: #dc2626;
}

.objektbesuch-auswertung-page[b-9sn5f9yp9p] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-bottom: 1rem;
}

.objektbesuch-loading-card[b-9sn5f9yp9p] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px dashed rgba(148, 163, 184, 0.45);
    border-radius: 10px;
    background: rgba(248, 250, 252, 0.9);
}

.objektbesuch-loading-state[b-9sn5f9yp9p] {
    display: grid;
    gap: 12px;
}

.objektbesuch-loading-text[b-9sn5f9yp9p] {
    color: #334155;
    font-size: 0.95rem;
    font-weight: 500;
}

.objektbesuch-skeleton-card .card-body[b-9sn5f9yp9p] {
    display: grid;
    gap: 10px;
}

.objektbesuch-skeleton[b-9sn5f9yp9p] {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: #e2e8f0;
}

.objektbesuch-skeleton[b-9sn5f9yp9p]::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, rgba(226, 232, 240, 0) 0%, rgba(255, 255, 255, 0.65) 50%, rgba(226, 232, 240, 0) 100%);
    animation: objektbesuch-skeleton-shimmer-b-9sn5f9yp9p 1.2s ease-in-out infinite;
}

.objektbesuch-skeleton-title[b-9sn5f9yp9p] {
    height: 20px;
    width: 56%;
}

.objektbesuch-skeleton-line[b-9sn5f9yp9p] {
    height: 14px;
    width: 100%;
}

.objektbesuch-skeleton-line:nth-child(3n)[b-9sn5f9yp9p] {
    width: 84%;
}

@keyframes objektbesuch-skeleton-shimmer-b-9sn5f9yp9p {
    100% {
        transform: translateX(100%);
    }
}

.objektbesuch-score-item[b-9sn5f9yp9p] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.objektbesuch-score-link[b-9sn5f9yp9p] {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    text-align: left;
    color: inherit;
    line-height: 1.35;
    cursor: pointer;
}

.objektbesuch-score-link:hover[b-9sn5f9yp9p],
.objektbesuch-score-link:focus-visible[b-9sn5f9yp9p] {
    color: #2563eb;
    text-decoration: underline;
}

.objektbesuch-score-link:focus-visible[b-9sn5f9yp9p] {
    outline: 2px solid rgba(37, 99, 235, 0.35);
    outline-offset: 2px;
    border-radius: 4px;
}

[data-vdm-theme="dark"] .objektbesuch-auswertung-page[b-9sn5f9yp9p],
.vdm-theme-dark .objektbesuch-auswertung-page[b-9sn5f9yp9p] {
    color: #e5e7eb;
}

[data-vdm-theme="dark"] .objektbesuch-auswertung-page .card[b-9sn5f9yp9p],
.vdm-theme-dark .objektbesuch-auswertung-page .card[b-9sn5f9yp9p] {
    background: #1f2937;
    border-color: #374151;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

[data-vdm-theme="dark"] .objektbesuch-auswertung-page .card-body[b-9sn5f9yp9p],
[data-vdm-theme="dark"] .objektbesuch-auswertung-page h5[b-9sn5f9yp9p],
[data-vdm-theme="dark"] .objektbesuch-auswertung-page li[b-9sn5f9yp9p],
.vdm-theme-dark .objektbesuch-auswertung-page .card-body[b-9sn5f9yp9p],
.vdm-theme-dark .objektbesuch-auswertung-page h5[b-9sn5f9yp9p],
.vdm-theme-dark .objektbesuch-auswertung-page li[b-9sn5f9yp9p] {
    color: #e5e7eb;
}

[data-vdm-theme="dark"] .objektbesuch-auswertung-page .alert-info[b-9sn5f9yp9p],
.vdm-theme-dark .objektbesuch-auswertung-page .alert-info[b-9sn5f9yp9p] {
    background: rgba(30, 64, 175, 0.24);
    border-color: rgba(96, 165, 250, 0.35);
    color: #dbeafe;
}

[data-vdm-theme="dark"] .objektbesuch-auswertung-page .objektbesuch-trend-legend[b-9sn5f9yp9p],
.vdm-theme-dark .objektbesuch-auswertung-page .objektbesuch-trend-legend[b-9sn5f9yp9p] {
    background: rgba(17, 24, 39, 0.92);
    border-color: rgba(75, 85, 99, 0.65);
    color: #d1d5db;
}

[data-vdm-theme="dark"] .objektbesuch-auswertung-page .objektbesuch-loading-card[b-9sn5f9yp9p],
.vdm-theme-dark .objektbesuch-auswertung-page .objektbesuch-loading-card[b-9sn5f9yp9p] {
    background: rgba(17, 24, 39, 0.92);
    border-color: rgba(75, 85, 99, 0.65);
}

[data-vdm-theme="dark"] .objektbesuch-auswertung-page .objektbesuch-loading-text[b-9sn5f9yp9p],
.vdm-theme-dark .objektbesuch-auswertung-page .objektbesuch-loading-text[b-9sn5f9yp9p] {
    color: #d1d5db;
}

[data-vdm-theme="dark"] .objektbesuch-auswertung-page .objektbesuch-skeleton[b-9sn5f9yp9p],
.vdm-theme-dark .objektbesuch-auswertung-page .objektbesuch-skeleton[b-9sn5f9yp9p] {
    background: #334155;
}

[data-vdm-theme="dark"] .objektbesuch-auswertung-page .objektbesuch-skeleton[b-9sn5f9yp9p]::after,
.vdm-theme-dark .objektbesuch-auswertung-page .objektbesuch-skeleton[b-9sn5f9yp9p]::after {
    background: linear-gradient(90deg, rgba(51, 65, 85, 0) 0%, rgba(148, 163, 184, 0.35) 50%, rgba(51, 65, 85, 0) 100%);
}

[data-vdm-theme="dark"] .objektbesuch-auswertung-page .trend-arrow-flat[b-9sn5f9yp9p],
.vdm-theme-dark .objektbesuch-auswertung-page .trend-arrow-flat[b-9sn5f9yp9p] {
    color: #f59e0b;
}
/* /Components/Pages/Admin/AdminObjektbesuchVorlagen.razor.rz.scp.css */
.entity-page.objektbesuch-vorlagen-page[b-rlc46qisw3] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 1rem;
}

.objektbesuch-vorlagen-page .form-label[b-rlc46qisw3] {
    font-size: 0.79rem;
    color: #64748b;
}

.objektbesuch-vorlagen-list-row[b-rlc46qisw3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}

.objektbesuch-vorlagen-list-row:last-child[b-rlc46qisw3] {
    margin-bottom: 0;
}

[data-vdm-theme="dark"] .objektbesuch-vorlagen-page[b-rlc46qisw3],
.vdm-theme-dark .objektbesuch-vorlagen-page[b-rlc46qisw3] {
    color: #e5e7eb;
}

[data-vdm-theme="dark"] .objektbesuch-vorlagen-page .card[b-rlc46qisw3],
.vdm-theme-dark .objektbesuch-vorlagen-page .card[b-rlc46qisw3] {
    background: #1f2937;
    border-color: #374151;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

[data-vdm-theme="dark"] .objektbesuch-vorlagen-page .card-body[b-rlc46qisw3],
.vdm-theme-dark .objektbesuch-vorlagen-page .card-body[b-rlc46qisw3] {
    color: #e5e7eb;
}

[data-vdm-theme="dark"] .objektbesuch-vorlagen-page .form-label[b-rlc46qisw3],
.vdm-theme-dark .objektbesuch-vorlagen-page .form-label[b-rlc46qisw3] {
    color: #9ca3af;
}

[data-vdm-theme="dark"] .objektbesuch-vorlagen-page .form-control[b-rlc46qisw3],
[data-vdm-theme="dark"] .objektbesuch-vorlagen-page .form-select[b-rlc46qisw3],
.vdm-theme-dark .objektbesuch-vorlagen-page .form-control[b-rlc46qisw3],
.vdm-theme-dark .objektbesuch-vorlagen-page .form-select[b-rlc46qisw3] {
    background: #111827;
    color: #e5e7eb;
    border-color: #4b5563;
}

[data-vdm-theme="dark"] .objektbesuch-vorlagen-page .form-control[b-rlc46qisw3]::placeholder,
[data-vdm-theme="dark"] .objektbesuch-vorlagen-page .form-select[b-rlc46qisw3]::placeholder,
.vdm-theme-dark .objektbesuch-vorlagen-page .form-control[b-rlc46qisw3]::placeholder,
.vdm-theme-dark .objektbesuch-vorlagen-page .form-select[b-rlc46qisw3]::placeholder {
    color: #9ca3af;
}

[data-vdm-theme="dark"] .objektbesuch-vorlagen-page .border[b-rlc46qisw3],
[data-vdm-theme="dark"] .objektbesuch-vorlagen-page .rounded[b-rlc46qisw3],
.vdm-theme-dark .objektbesuch-vorlagen-page .border[b-rlc46qisw3],
.vdm-theme-dark .objektbesuch-vorlagen-page .rounded[b-rlc46qisw3] {
    border-color: #374151 !important;
}

[data-vdm-theme="dark"] .objektbesuch-vorlagen-page ul[b-rlc46qisw3],
[data-vdm-theme="dark"] .objektbesuch-vorlagen-page li[b-rlc46qisw3],
.vdm-theme-dark .objektbesuch-vorlagen-page ul[b-rlc46qisw3],
.vdm-theme-dark .objektbesuch-vorlagen-page li[b-rlc46qisw3] {
    color: #d1d5db;
}
/* /Components/Pages/Admin/AdminUsers.razor.rz.scp.css */
.users-page[b-rypmpc2qzv] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.users-page-title[b-rypmpc2qzv] {
    margin: 0;
    flex: 0 0 auto;
}

.users-page[b-rypmpc2qzv]  .alert {
    margin: 0;
    flex: 0 0 auto;
}

.users-workspace[b-rypmpc2qzv] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: var(--dxds-color-surface-neutral-default-hovered, var(--bs-tertiary-bg, #f3f4f6));
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--bs-border-color, #dee2e6));
    border-radius: 0.5rem;
    padding: 0.45rem;
}

.users-toolbar-card[b-rypmpc2qzv] {
    flex: 0 0 auto;
    background: var(--dxds-color-surface-neutral-default-rest, var(--bs-body-bg, #fff));
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--bs-border-color, #dee2e6));
    border-radius: 0.42rem;
    padding: 0.2rem 0.35rem;
    margin-bottom: 0.55rem;
    overflow: hidden;
}

.users-toolbar-shell[b-rypmpc2qzv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    flex-wrap: nowrap;
}

.users-workspace[b-rypmpc2qzv]  .dxbl-drawer {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: hidden;
}

.users-workspace[b-rypmpc2qzv]  .dxbl-drawer-target-content {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.users-grid-card[b-rypmpc2qzv] {
    height: 100%;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: var(--dxds-color-surface-neutral-default-rest, var(--bs-body-bg, #fff));
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--bs-border-color, #dee2e6));
    border-radius: 0.42rem;
    overflow: hidden;
}

.users-main-grid[b-rypmpc2qzv] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.users-main-grid[b-rypmpc2qzv]  .dxbl-grid,
.users-grid-card[b-rypmpc2qzv]  .dxbl-grid {
    height: 100%;
}

.users-toolbar-left[b-rypmpc2qzv] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
    flex: 0 1 auto;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.users-toolbar-title[b-rypmpc2qzv] {
    font-weight: 700;
}

.users-toolbar-actions[b-rypmpc2qzv] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: nowrap;
    justify-content: flex-end;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: thin;
}

.users-toolbar-actions > *[b-rypmpc2qzv] {
    flex: 0 0 auto;
}

.users-toolbar-actions[b-rypmpc2qzv]  .toolbar-icon-btn {
    min-width: 2rem;
    width: 2rem;
    padding-inline: 0;
}

.users-toolbar-actions[b-rypmpc2qzv]  .tb-icon,
.users-toolbar-left[b-rypmpc2qzv]  .tb-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.users-toolbar-actions[b-rypmpc2qzv]  .dxbl-btn-text {
    display: none;
}

.users-toolbar-actions[b-rypmpc2qzv]  .toolbar-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.users-toolbar-actions[b-rypmpc2qzv]  .toolbar-icon-btn .dxbl-btn-content,
.entity-detail-header-actions[b-rypmpc2qzv]  .detail-header-btn .dxbl-btn-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.users-toolbar-actions[b-rypmpc2qzv]  .toolbar-icon-btn .dxbl-btn-content::before,
.entity-detail-header-actions[b-rypmpc2qzv]  .detail-header-btn .dxbl-btn-content::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.users-toolbar-actions[b-rypmpc2qzv]  .toolbar-add-btn .dxbl-btn-content::before {
    background-image: url("/images/toolbar-add.svg");
}

.users-toolbar-actions[b-rypmpc2qzv]  .toolbar-add-btn.dxbl-btn {
    background: var(--vdm-accent-green, #1f9d45);
    border-color: var(--vdm-accent-green, #1f9d45);
    color: #fff;
    box-shadow: 0 8px 18px rgba(31, 157, 69, 0.24);
}

.users-toolbar-actions[b-rypmpc2qzv]  .toolbar-add-btn .dxbl-btn-content::before,
.users-toolbar-actions[b-rypmpc2qzv]  .toolbar-add-btn .tb-icon {
    color: #fff;
    filter: none;
}

.users-toolbar-actions[b-rypmpc2qzv]  .toolbar-columns-btn .dxbl-btn-content::before {
    background-image: url("/images/toolbar-columns.svg");
}

.users-toolbar-actions[b-rypmpc2qzv]  .toolbar-refresh-btn .dxbl-btn-content::before {
    background-image: url("/images/toolbar-refresh.svg");
}

.entity-detail-header-actions[b-rypmpc2qzv]  .detail-pin-btn .dxbl-btn-content::before {
    background-image: url("/images/pin-column.svg");
}

.entity-detail-header-actions[b-rypmpc2qzv]  .detail-unpin-btn .dxbl-btn-content::before {
    background-image: url("/images/unfix-column.svg");
}

.entity-detail-header-actions[b-rypmpc2qzv]  .detail-close-btn .dxbl-btn-content::before {
    background-image: url("/images/close.svg");
}

.users-toolbar-separator[b-rypmpc2qzv] {
    width: 1px;
    height: 1.55rem;
    background: var(--dxds-color-border-neutral-default-rest, rgba(0, 0, 0, 0.15));
    margin: 0 0.2rem;
}

.admin-grid-search[b-rypmpc2qzv] {
    width: clamp(140px, 18vw, 220px);
    min-width: 140px;
}

.admin-form-grid[b-rypmpc2qzv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.8rem;
}

.admin-row-actions[b-rypmpc2qzv] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.cell-main[b-rypmpc2qzv] {
    font-weight: 600;
}

.cell-sub[b-rypmpc2qzv] {
    font-size: 0.84rem;
    opacity: 0.76;
}

.entity-detail-drawer[b-rypmpc2qzv] {
    --dxbl-drawer-panel-background-color: var(--dxds-color-surface-neutral-default-rest, var(--bs-body-bg, #fff));
}

.entity-detail-drawer :global(.dxbl-drawer-panel)[b-rypmpc2qzv] {
    border-left: 1px solid var(--dxds-color-border-neutral-default-rest, var(--bs-border-color, rgba(0, 0, 0, 0.14)));
    box-shadow: -10px 0 22px rgba(0, 0, 0, 0.18);
}

.entity-detail[b-rypmpc2qzv] {
    height: 100%;
    overflow-y: auto;
    padding: 0.8rem 0.95rem 1rem;
}

.entity-detail-empty[b-rypmpc2qzv] {
    padding: 1rem;
    opacity: 0.75;
}

.entity-detail-header[b-rypmpc2qzv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.entity-detail-title[b-rypmpc2qzv] {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.2;
}

.entity-detail-subtitle[b-rypmpc2qzv] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.15rem;
    opacity: 0.85;
}

.entity-detail-header-actions[b-rypmpc2qzv] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.detail-header-btn[b-rypmpc2qzv] {
    font-size: 0.82rem;
    line-height: 1;
    white-space: nowrap;
    min-width: 1.9rem;
    min-height: 1.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.entity-detail-header-actions[b-rypmpc2qzv]  .detail-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.status-dot[b-rypmpc2qzv] {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 999px;
    display: inline-block;
}

.status-dot.active[b-rypmpc2qzv] {
    background: #1f9d45;
}

.status-dot.inactive[b-rypmpc2qzv] {
    background: #c03f3f;
}

.entity-avatar[b-rypmpc2qzv] {
    width: 78px;
    height: 78px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.9rem 0;
    font-size: 1.6rem;
    font-weight: 700;
    background: rgba(13, 110, 253, 0.12);
    border: 1px solid rgba(13, 110, 253, 0.25);
}

.entity-detail-grid[b-rypmpc2qzv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem 0.75rem;
}

.entity-detail-grid > div[b-rypmpc2qzv] {
    font-size: 0.92rem;
}

.entity-detail-edit-grid[b-rypmpc2qzv] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.55rem;
}

.entity-detail-row-actions[b-rypmpc2qzv] {
    margin: 0.9rem 0 0.6rem;
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.entity-detail-section[b-rypmpc2qzv] {
    border-top: 1px solid var(--dxds-color-border-neutral-default-rest, rgba(0, 0, 0, 0.12));
    padding-top: 0.45rem;
    margin-top: 0.5rem;
}

.entity-detail-section summary[b-rypmpc2qzv] {
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.entity-detail-card[b-rypmpc2qzv] {
    border: 1px solid var(--dxds-color-border-neutral-default-rest, rgba(0, 0, 0, 0.13));
    border-radius: 0.5rem;
    padding: 0.5rem 0.6rem;
    margin-bottom: 0.38rem;
}

.entity-detail-card-title[b-rypmpc2qzv] {
    font-weight: 600;
}

.entity-detail-card-subtitle[b-rypmpc2qzv] {
    font-size: 0.84rem;
    opacity: 0.72;
}

.entity-detail-drawer[b-rypmpc2qzv]  .dxbl-drawer-panel,
.entity-detail-drawer :global(.dxbl-drawer-panel)[b-rypmpc2qzv] {
    background:
        radial-gradient(circle at 12% 0%, rgba(31, 157, 69, 0.16), transparent 30%),
        linear-gradient(180deg, var(--vdm-surface-card-elevated, #fff), var(--vdm-surface-card, #fff));
    box-shadow: -18px 0 36px rgba(15, 23, 42, 0.18);
}

.entity-detail[b-rypmpc2qzv] {
    padding: 0;
    display: flex;
    flex-direction: column;
    background:
        linear-gradient(180deg, rgba(31, 157, 69, 0.07), transparent 220px),
        var(--vdm-surface-card, #fff);
    color: var(--vdm-text-strong, #30343a);
}

.entity-detail-empty[b-rypmpc2qzv] {
    margin: 1rem;
    padding: 1rem;
    border: 1px dashed var(--vdm-border-card, #d9dde2);
    border-radius: calc(var(--vdm-radius-card, 5px) + 5px);
    background: var(--vdm-surface-card-muted, #f8fafc);
}

.entity-detail-hero[b-rypmpc2qzv] {
    position: relative;
    overflow: hidden;
    padding: 1rem 1rem 1.05rem;
    border-bottom: 1px solid var(--vdm-border-card, #d9dde2);
    background:
        linear-gradient(135deg, rgba(31, 157, 69, 0.18), rgba(2, 132, 199, 0.08) 56%, transparent),
        var(--vdm-surface-card-elevated, #fff);
}

.entity-detail-hero[b-rypmpc2qzv]::after {
    content: "";
    position: absolute;
    inset: auto 1rem 0 1rem;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--vdm-accent-green, #1f9d45), #22c55e, transparent);
}

.entity-detail-hero-glow[b-rypmpc2qzv] {
    position: absolute;
    width: 150px;
    height: 150px;
    right: -48px;
    top: -70px;
    border-radius: 999px;
    background: rgba(31, 157, 69, 0.22);
    filter: blur(8px);
    pointer-events: none;
}

.entity-detail-heading[b-rypmpc2qzv] {
    min-width: 0;
}

.entity-detail-eyebrow[b-rypmpc2qzv] {
    margin-bottom: 0.35rem;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--vdm-accent-green, #1f9d45);
}

.entity-detail-title[b-rypmpc2qzv] {
    font-size: 1.36rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.entity-detail-badges[b-rypmpc2qzv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.75rem;
}

.detail-status-pill[b-rypmpc2qzv],
.detail-soft-pill[b-rypmpc2qzv] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: 0.26rem 0.58rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 800;
    border: 1px solid transparent;
}

.detail-soft-pill[b-rypmpc2qzv] {
    color: var(--vdm-text-muted, #606873);
    background: var(--vdm-surface-card-muted, #f8fafc);
    border-color: var(--vdm-border-card, #d9dde2);
}

.detail-status-active[b-rypmpc2qzv] {
    color: #166534;
    background: rgba(34, 197, 94, 0.16);
    border-color: rgba(34, 197, 94, 0.34);
}

.detail-status-inactive[b-rypmpc2qzv] {
    color: #991b1b;
    background: rgba(239, 68, 68, 0.14);
    border-color: rgba(239, 68, 68, 0.3);
}

.entity-detail-content[b-rypmpc2qzv] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.85rem;
}

.entity-detail-section[b-rypmpc2qzv] {
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: calc(var(--vdm-radius-card, 5px) + 6px);
    padding: 0.8rem;
    margin-top: 0;
    background: var(--vdm-surface-card-muted, #f8fafc);
    box-shadow: 0 1px 1px rgba(15, 23, 42, 0.04);
}

.detail-next-step[b-rypmpc2qzv] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: center;
    background:
        linear-gradient(135deg, rgba(31, 157, 69, 0.14), transparent 65%),
        var(--vdm-surface-card-muted, #f8fafc);
}

.detail-section-kicker[b-rypmpc2qzv],
.entity-detail-section-title[b-rypmpc2qzv],
.detail-fact span[b-rypmpc2qzv] {
    color: var(--vdm-text-muted, #606873);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.detail-next-step-title[b-rypmpc2qzv] {
    margin-top: 0.3rem;
    font-size: 1.05rem;
    font-weight: 800;
}

.detail-next-step-text[b-rypmpc2qzv] {
    margin-top: 0.2rem;
    color: var(--vdm-text-muted, #606873);
}

.entity-avatar.entity-avatar-hero[b-rypmpc2qzv] {
    width: 58px;
    height: 58px;
    margin: 0;
    color: #fff;
    background: var(--vdm-accent-green, #1f9d45);
    border-color: rgba(255, 255, 255, 0.55);
    box-shadow: 0 10px 20px rgba(31, 157, 69, 0.24);
}

.detail-fact[b-rypmpc2qzv] {
    min-width: 0;
    padding: 0.68rem;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: calc(var(--vdm-radius-card, 5px) + 4px);
    background: var(--vdm-surface-card, #fff);
}

.detail-fact strong[b-rypmpc2qzv] {
    display: block;
    margin-top: 0.22rem;
    overflow-wrap: anywhere;
    font-size: 0.94rem;
}

.detail-action-grid[b-rypmpc2qzv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.entity-detail[b-rypmpc2qzv]  .detail-action-btn.dxbl-btn {
    width: 100%;
    justify-content: center;
}

@media (max-width: 700px) {
    .users-page[b-rypmpc2qzv] {
        gap: 0.4rem;
    }

    .users-workspace[b-rypmpc2qzv] {
        padding: 0.35rem;
    }

    .users-toolbar-card[b-rypmpc2qzv] {
        margin-bottom: 0.35rem;
    }

    .users-toolbar-actions[b-rypmpc2qzv] {
        gap: 0.3rem;
        flex-wrap: wrap;
        justify-content: flex-start;
        overflow-x: visible;
        white-space: normal;
    }

    .users-toolbar-left[b-rypmpc2qzv] {
        flex-wrap: wrap;
        white-space: normal;
    }

    .users-toolbar-shell[b-rypmpc2qzv] {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-grid-search[b-rypmpc2qzv] {
        width: min(100%, 240px);
        min-width: 140px;
    }

    .entity-detail-grid[b-rypmpc2qzv] {
        grid-template-columns: 1fr;
    }

    .entity-detail-drawer :global(.dxbl-drawer-panel)[b-rypmpc2qzv] {
        border-left: 0;
        box-shadow: none;
    }

    .entity-detail[b-rypmpc2qzv] {
        padding: 0.65rem;
    }
}

.entity-detail-hero[b-rypmpc2qzv] {
    overflow: clip;
    padding: 0.92rem 1rem 1.1rem;
}

.entity-detail-title[b-rypmpc2qzv] {
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow-wrap: anywhere;
    font-size: clamp(1.05rem, 2.1vw, 1.28rem);
    line-height: 1.16;
}

.entity-detail-badges[b-rypmpc2qzv] {
    margin-top: 0.55rem;
}

.detail-password-inline[b-rypmpc2qzv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.45rem;
}

.detail-password-reset[b-rypmpc2qzv] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
}

@media (max-width: 640px) {
    .users-toolbar-actions[b-rypmpc2qzv] {
        width: 100%;
        gap: 0.35rem;
    }

    .admin-grid-search[b-rypmpc2qzv] {
        width: 100%;
        min-width: 0;
    }
}
/* /Components/Pages/Auth.razor.rz.scp.css */
.login-page[b-690lwve2g8] {
    min-height: calc(100vh - 2rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.login-card[b-690lwve2g8] {
    width: min(680px, 100%);
    border: 1px solid var(--dxds-color-border-neutral-default-rest, #d7d9de);
    border-radius: 14px;
}

.login-card-body[b-690lwve2g8] {
    padding: 1.5rem 1.5rem 1.25rem 1.5rem;
}

.login-brand[b-690lwve2g8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.login-logo[b-690lwve2g8] {
    width: 52px;
    height: 52px;
    object-fit: contain;
}

.login-headings[b-690lwve2g8] {
    min-width: 0;
}

.login-title[b-690lwve2g8] {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.1;
    font-weight: 700;
}

.login-subtitle[b-690lwve2g8] {
    margin: 0.2rem 0 0 0;
    color: var(--dxds-color-content-neutral-secondary-rest, #6a6f77);
}

.login-form[b-690lwve2g8] {
    margin-top: 0.8rem;
}

.login-actions[b-690lwve2g8] {
    display: flex;
    gap: 0.55rem;
    margin-top: 0.6rem;
    flex-wrap: wrap;
}

.recent-users[b-690lwve2g8] {
    margin-top: 1rem;
    padding-top: 0.8rem;
    border-top: 1px solid var(--dxds-color-border-neutral-default-rest, #e2e4e8);
}

.recent-users-title[b-690lwve2g8] {
    font-weight: 600;
    margin-bottom: 0.55rem;
}

.recent-users-list[b-690lwve2g8] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.recent-user-btn[b-690lwve2g8] {
    --dxbl-btn-padding-x: 0.6rem;
}

@media (max-width: 640px) {
    .login-card-body[b-690lwve2g8] {
        padding: 1rem;
    }

    .login-title[b-690lwve2g8] {
        font-size: 1.45rem;
    }
}
/* /Components/Pages/Einrichtung/EinrichtungDetails.razor.rz.scp.css */
.details-page[b-tikfdardah] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    overflow: hidden;
}

.details-header[b-tikfdardah] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.details-header h1[b-tikfdardah] {
    margin: 0;
    font-size: clamp(1.45rem, 3.2vw, 2rem);
    min-width: 0;
    overflow-wrap: anywhere;
}

.details-loading[b-tikfdardah] {
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--bs-border-color, #dee2e6));
    border-radius: 0.48rem;
    background: var(--dxds-color-surface-neutral-default-rest, var(--bs-body-bg, #fff));
    padding: 0.75rem 0.9rem;
    opacity: 0.82;
}

.details-grid-layout[b-tikfdardah] {
    flex: 1 1 auto;
    min-height: 0;
}

.details-pane-item[b-tikfdardah] {
    min-height: 0;
}

.details-pane[b-tikfdardah] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: var(--dxds-color-surface-neutral-default-rest, var(--bs-body-bg, #fff));
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--bs-border-color, #dee2e6));
    border-radius: 0.48rem;
    padding: 0.65rem;
    overflow: hidden;
}

.details-pane-header[b-tikfdardah] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    margin-bottom: 0.55rem;
}

.details-pane-header h3[b-tikfdardah] {
    margin: 0;
}

.details-pane-actions[b-tikfdardah] {
    display: inline-flex;
    gap: 0.45rem;
    margin-left: auto;
}

.details-form[b-tikfdardah] {
    width: 100%;
}

.details-form-scroll[b-tikfdardah] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.details-pane-header[b-tikfdardah]  .details-pane-action-btn.dxbl-btn {
    font-size: 0.88rem;
    font-weight: 520;
}

.details-pane-header[b-tikfdardah]  .details-pane-action-btn .dxbl-btn-content {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
}

.details-pane-header[b-tikfdardah]  .vdm-btn-primary.dxbl-btn {
    background-color: var(--vdm-accent-green, #1f9d45) !important;
    border-color: var(--vdm-accent-green, #1f9d45) !important;
    color: #fff !important;
}

.details-pane-header[b-tikfdardah]  .vdm-btn-primary .tb-icon {
    color: #fff;
    filter: none;
}

.details-readonly-form[b-tikfdardah] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 0.1rem 0.08rem 0.45rem;
}

.details-profile-section[b-tikfdardah] {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    column-gap: 1.25rem;
    align-items: start;
    padding-top: 0.1rem;
}

.details-profile-avatar[b-tikfdardah] {
    width: 132px;
    height: 132px;
    justify-self: center;
    margin-top: 0.35rem;
    border-radius: 999px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--vdm-accent-green, #1f9d45);
    color: #fff;
    border: 1px solid rgba(148, 163, 184, 0.34);
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.13);
    font-size: 2.15rem;
    font-weight: 700;
}

.details-profile-avatar-button[b-tikfdardah] {
    cursor: pointer;
    padding: 0;
    appearance: none;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.details-profile-avatar-button:hover[b-tikfdardah] {
    transform: translateY(-1px);
    border-color: rgba(31, 157, 69, 0.65);
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.18);
}

.details-profile-avatar-button:focus-visible[b-tikfdardah] {
    outline: 3px solid rgba(31, 157, 69, 0.28);
    outline-offset: 3px;
}

.details-profile-avatar img[b-tikfdardah] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.details-profile-main[b-tikfdardah] {
    min-width: 0;
}

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

.details-readonly-section[b-tikfdardah] {
    padding-bottom: 0.95rem;
    border-bottom: 1px solid var(--vdm-border-card, #d9dde2);
}

.details-readonly-section:last-child[b-tikfdardah] {
    border-bottom: 0;
}

.details-readonly-section h4[b-tikfdardah] {
    margin: 0 0 0.8rem;
    font-size: 0.98rem;
    font-weight: 650;
    color: var(--vdm-text-strong, #30343a);
}

.details-readonly-grid[b-tikfdardah] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1rem;
    row-gap: 0.82rem;
}

.details-readonly-field[b-tikfdardah] {
    min-width: 0;
}

.details-readonly-field-wide[b-tikfdardah] {
    grid-column: 1 / -1;
}

.details-readonly-field span[b-tikfdardah] {
    display: block;
    margin-bottom: 0.22rem;
    color: var(--vdm-text-strong, #30343a);
    font-size: 0.82rem;
    font-weight: 650;
}

.details-readonly-field strong[b-tikfdardah] {
    display: block;
    min-height: 1.25rem;
    color: var(--vdm-text-strong, #30343a);
    font-size: 0.92rem;
    font-weight: 400;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.details-status-value[b-tikfdardah] {
    position: relative;
    padding-left: 0.72rem;
}

.details-status-value[b-tikfdardah]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.48em;
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: #94a3b8;
}

.details-status-value.is-active[b-tikfdardah]::before {
    background: var(--vdm-accent-green, #1f9d45);
}

.details-status-value.is-inactive[b-tikfdardah]::before {
    background: #94a3b8;
}

.details-tabs-layout[b-tikfdardah] {
    width: 100%;
    height: 100%;
    min-height: 0;
}

.details-tab-grid-host[b-tikfdardah] {
    height: clamp(320px, 58vh, 760px);
    min-height: 320px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.details-tab-grid-host[b-tikfdardah]  .dxbl-grid {
    height: 100%;
}

.details-tab-grid-host[b-tikfdardah]  .dxbl-grid-table-container,
.details-tab-grid-host[b-tikfdardah]  .dxbl-grid-content {
    overflow: auto;
}

.details-tab-toolbar[b-tikfdardah] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-bottom: 0.5rem;
}

.details-tab-search[b-tikfdardah] {
    flex: 1 1 220px;
    margin-left: auto;
    min-width: 160px;
    max-width: 340px;
}

.details-tab-toolbar[b-tikfdardah]  .dxbl-btn,
.details-tab-toolbar[b-tikfdardah]  .dxbl-dropdownbutton {
    flex: 0 0 auto;
}

.details-tab-toolbar[b-tikfdardah]  .dxbl-dropdownbutton {
    max-width: 210px;
}

.details-tab-toolbar[b-tikfdardah]  .dxbl-dropdownbutton .dxbl-btn-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.details-tab-grid[b-tikfdardah] {
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--bs-border-color, #dee2e6));
    border-radius: 0.42rem;
    overflow: hidden;
}

.details-tab-toolbar[b-tikfdardah]  .vdm-btn-primary .tb-icon {
    color: #fff;
}

.details-tab-toolbar[b-tikfdardah]  .vdm-btn-primary.dxbl-btn {
    background-color: var(--vdm-accent-green, #1f9d45) !important;
    border-color: var(--vdm-accent-green, #1f9d45) !important;
    color: #fff !important;
}

.details-row-menu-btn[b-tikfdardah]  .dxbl-btn-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.protocol-type-pill[b-tikfdardah] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.18rem 0.48rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #166534;
    background: rgba(34, 197, 94, 0.13);
}

.protocol-type-pill[b-tikfdardah]  .tb-icon {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
}

.protocol-type-pill.protocol-type-telefon[b-tikfdardah] {
    color: #075985;
    background: rgba(14, 165, 233, 0.13);
}

.protocol-type-pill.protocol-type-email[b-tikfdardah] {
    color: #166534;
    background: rgba(34, 197, 94, 0.13);
}

.protocol-type-pill.protocol-type-beschwerde[b-tikfdardah] {
    color: #991b1b;
    background: rgba(239, 68, 68, 0.13);
}

.protocol-status-pill[b-tikfdardah] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 5.8rem;
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #1d4ed8;
    background: rgba(59, 130, 246, 0.13);
    border: 1px solid rgba(59, 130, 246, 0.18);
}

.protocol-status-durchgefuehrt[b-tikfdardah] {
    color: #166534;
    background: rgba(34, 197, 94, 0.14);
    border-color: rgba(34, 197, 94, 0.24);
}

.protocol-status-abgesagt[b-tikfdardah],
.protocol-status-nicht_erfolgt[b-tikfdardah] {
    color: #6d28d9;
    background: rgba(124, 58, 237, 0.13);
    border-color: rgba(124, 58, 237, 0.22);
}

.protocol-status-offen[b-tikfdardah] {
    color: #475569;
    background: rgba(148, 163, 184, 0.16);
    border-color: rgba(148, 163, 184, 0.24);
}

.details-grid-action-row[b-tikfdardah] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.details-grid-action-row[b-tikfdardah]  .details-row-action-btn.dxbl-btn {
    font-weight: 500;
}

.protocol-grid-html-preview[b-tikfdardah] {
    max-height: 4.8rem;
    overflow: hidden;
    color: var(--vdm-text-strong, #30343a);
    font-size: 0.86rem;
    line-height: 1.35;
}

.protocol-grid-html-preview :is(p, ul, ol)[b-tikfdardah] {
    margin: 0 0 0.22rem;
}

.protocol-grid-html-preview :is(strong, b)[b-tikfdardah] {
    font-weight: 750;
}

.protocol-empty-text[b-tikfdardah] {
    color: var(--vdm-text-muted, #6b7280);
    font-style: italic;
}

.protocol-editor-popup[b-tikfdardah]  .dxbl-popup-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background:
        linear-gradient(180deg, rgba(34, 197, 94, 0.04), transparent 22%),
        var(--dxds-color-surface-neutral-subtle-rest, var(--vdm-surface-app, #f3f4f6));
    color: var(--dxds-color-content-neutral-default-rest, var(--vdm-text-strong, #30343a));
}

.protocol-editor-popup[b-tikfdardah]  .dxbl-popup-body > * {
    flex: 1 1 auto;
    min-height: 0;
}

.protocol-editor-popup[b-tikfdardah]  .dxbl-popup-content {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: clamp(640px, 82dvh, 860px) !important;
    height: clamp(640px, 82dvh, 860px) !important;
    max-height: clamp(640px, 82dvh, 860px) !important;
    overflow: hidden;
}

.protocol-editor-popup[b-tikfdardah]  .dxbl-popup-footer {
    position: static !important;
    inset: auto !important;
    z-index: 2;
    min-height: fit-content;
    border-top: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    background: var(--dxds-color-surface-neutral-default-rest, var(--vdm-surface-card, #fff));
    box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.12);
}

.protocol-editor-popup[b-tikfdardah]  .dxbl-popup-footer .dxbl-popup-footer-content,
.protocol-editor-popup[b-tikfdardah]  .dxbl-popup-footer .dxbl-btn-toolbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.55rem;
}

.protocol-editor-shell[b-tikfdardah] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    max-height: 100%;
    min-height: 0;
    height: 100%;
    background:
        linear-gradient(180deg, rgba(34, 197, 94, 0.04), transparent 22%),
        var(--dxds-color-surface-neutral-subtle-rest, var(--vdm-surface-app, #f3f4f6));
}

.protocol-editor-main[b-tikfdardah] {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    padding: 1rem;
    background: var(--dxds-color-surface-neutral-default-rest, var(--vdm-surface-card, #fff));
    color: var(--dxds-color-content-neutral-default-rest, var(--vdm-text-strong, #30343a));
}

.protocol-editor-side[b-tikfdardah] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: 710px;
    min-width: 0;
    height: 100%;
    overflow: hidden;
    padding: 1rem;
    border-left: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    background:
        linear-gradient(180deg, rgba(34, 197, 94, 0.1), transparent 28%),
        var(--dxds-color-surface-neutral-subtle-rest, var(--vdm-surface-app, #f3f4f6));
    color: var(--dxds-color-content-neutral-default-rest, var(--vdm-text-strong, #30343a));
}

.protocol-editor-toolbar[b-tikfdardah] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    border-radius: 0.72rem;
    background:
        linear-gradient(90deg, rgba(22, 163, 74, 0.32) 0%, rgba(34, 197, 94, 0.2) 34%, rgba(255, 255, 255, 0.92) 72%),
        radial-gradient(circle at 14% 18%, rgba(255, 255, 255, 0.28), transparent 36%),
        var(--dxds-color-surface-neutral-subtle-rest, rgba(255, 255, 255, 0.92));
}

.protocol-editor-toolbar .tb-icon[b-tikfdardah] {
    color: #fff;
    background: linear-gradient(140deg, #169c46, #1f9d45 45%, #21a553);
    border-radius: 999px;
    padding: 0.22rem;
    box-sizing: content-box;
    box-shadow: 0 6px 16px rgba(21, 128, 61, 0.32);
}

.protocol-editor-toolbar strong[b-tikfdardah] {
    font-size: 1rem;
    font-weight: 650;
    color: var(--dxds-color-content-neutral-default-rest, var(--vdm-text-strong, #30343a));
}

.protocol-editor-subtitle[b-tikfdardah] {
    margin-left: auto;
    color: var(--vdm-text-muted, #6b7280);
    font-size: 0.86rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.protocol-editor-header[b-tikfdardah],
.protocol-editor-meta-grid[b-tikfdardah] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.72rem;
}

.protocol-editor-meta-grid[b-tikfdardah] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.protocol-editor-field[b-tikfdardah] {
    min-width: 0;
}

.protocol-editor-field-wide[b-tikfdardah],
.protocol-editor-report[b-tikfdardah] {
    grid-column: 1 / -1;
}

.protocol-editor-report[b-tikfdardah] {
    display: flex;
    flex-direction: column;
    
    min-height: 0;
    height: 100%;
}

.protocol-editor-field label[b-tikfdardah] {
    display: block;
    margin-bottom: 0.28rem;
    color: var(--vdm-text-muted, #6b7280);
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.protocol-editor-html[b-tikfdardah] {
    border-radius: 0.65rem;
    overflow: hidden;
    flex: 1 1 auto;
    min-height: clamp(220px, 28dvh, 420px);
}

.protocol-editor-html[b-tikfdardah]  .dxbl-htmleditor,
.protocol-editor-html[b-tikfdardah]  .dxbl-htmleditor-content {
    height: 100%;
}

.protocol-editor-validation[b-tikfdardah] {
    margin-top: 0.45rem;
    color: #b91c1c;
    font-size: 0.82rem;
    font-weight: 650;
}

.protocol-link-placeholder[b-tikfdardah] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.72rem;
    border: 1px dashed rgba(148, 163, 184, 0.7);
    border-radius: 0.72rem;
    color: var(--dxds-color-content-neutral-subtle-rest, var(--vdm-text-muted, #6b7280));
    background: var(--dxds-color-surface-neutral-subtle-rest, rgba(248, 250, 252, 0.78));
}

.protocol-link-placeholder .tb-icon[b-tikfdardah] {
    color: var(--vdm-accent-green, #1f9d45);
}

.protocol-link-placeholder strong[b-tikfdardah],
.protocol-link-placeholder span[b-tikfdardah] {
    display: block;
}

.protocol-link-placeholder strong[b-tikfdardah] {
    color: var(--dxds-color-content-neutral-default-rest, var(--vdm-text-strong, #30343a));
    font-size: 0.88rem;
}

.protocol-link-placeholder span[b-tikfdardah] {
    font-size: 0.82rem;
}

.protocol-day-card[b-tikfdardah] {
    position: static;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    flex: 1 1 auto;
    gap: 0.75rem;
    height: 100%;
    min-height: 0;
    --protocol-panel-strong: #f3f6f9;
    --protocol-panel-soft: #c2c9d1;
}

.protocol-day-card-header[b-tikfdardah] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.protocol-day-card-header span[b-tikfdardah],
.protocol-day-empty span[b-tikfdardah],
.protocol-day-item small[b-tikfdardah] {
    display: block;
    color: var(--vdm-text-muted, #6b7280);
    font-size: 0.76rem;
}

.protocol-day-card-header strong[b-tikfdardah] {
    display: block;
    color: var(--vdm-text-strong, #30343a);
    font-size: 1rem;
    line-height: 1.22;
}

.protocol-day-nav[b-tikfdardah] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.protocol-day-current[b-tikfdardah] {
    display: grid;
    gap: 0.15rem;
    padding: 0.75rem;
    border-radius: 0.75rem;
    color: #fff;
    background:
        radial-gradient(circle at 85% 10%, rgba(255, 255, 255, 0.3), transparent 30%),
        linear-gradient(135deg, #12863a, #21a553);
    box-shadow: 0 14px 28px rgba(21, 128, 61, 0.22);
}

.protocol-day-current-time[b-tikfdardah] {
    font-size: 1.3rem;
    font-weight: 700;
}

.protocol-day-list[b-tikfdardah] {
    display: grid;
    flex: 1 1 auto;
    gap: 0.5rem;
    min-height: 0;
    height: 100%;
    max-height: none;
    overflow: auto;
    padding-right: 0.18rem;
    align-content: start;
    grid-auto-rows: minmax(92px, max-content);
}

.protocol-day-item[b-tikfdardah],
.protocol-day-empty[b-tikfdardah] {
    display: grid;
    gap: 0.12rem;
    padding: 0.62rem 0.7rem;
    min-height: 92px;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    border-left: 4px solid var(--protocol-owner-color, #3b82f6);
    border-radius: 0.62rem;
    background: var(--dxds-color-surface-neutral-default-rest, var(--vdm-surface-card, #fff));
}

.protocol-day-item.protocol-status-geplant[b-tikfdardah] {
    background:
        linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(255, 255, 255, 0.98) 52%),
        var(--vdm-surface-card, #fff);
}

.protocol-day-item.protocol-status-durchgefuehrt[b-tikfdardah] {
    background:
        linear-gradient(135deg, rgba(22, 163, 74, 0.14), rgba(255, 255, 255, 0.98) 52%),
        var(--vdm-surface-card, #fff);
}

.protocol-day-item.protocol-status-abgesagt[b-tikfdardah],
.protocol-day-item.protocol-status-nicht_erfolgt[b-tikfdardah] {
    background:
        linear-gradient(135deg, rgba(220, 38, 38, 0.12), rgba(255, 255, 255, 0.98) 52%),
        var(--vdm-surface-card, #fff);
}

.protocol-day-item.protocol-status-offen[b-tikfdardah] {
    background:
        linear-gradient(135deg, rgba(2, 132, 199, 0.12), rgba(255, 255, 255, 0.98) 52%),
        var(--vdm-surface-card, #fff);
}

.protocol-day-item.is-readonly[b-tikfdardah] {
    opacity: 0.78;
}

.protocol-day-item.is-own[b-tikfdardah] {
    box-shadow: inset 0 0 0 1px rgba(31, 157, 69, 0.16);
}

.protocol-day-item span[b-tikfdardah] {
    color: var(--protocol-owner-color, #2563eb);
    font-size: 0.78rem;
    font-weight: 750;
}

.protocol-day-item-head[b-tikfdardah] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
}

.protocol-day-item-objektbesuch-btn[b-tikfdardah] {
    --dxbl-btn-text-color: var(--protocol-owner-color, #2563eb);
}

.protocol-day-item-objektbesuch-btn[b-tikfdardah]  .dxbl-btn-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.protocol-day-item strong[b-tikfdardah] {
    color: var(--dxds-color-content-neutral-default-rest, var(--vdm-text-strong, #30343a));
    font-size: 0.9rem;
    line-height: 1.25;
}

.protocol-day-empty[b-tikfdardah] {
    align-self: start;
    border-left-color: var(--vdm-accent-green, #1f9d45);
    background:
        linear-gradient(135deg, rgba(34, 197, 94, 0.1), transparent 65%),
        var(--dxds-color-surface-neutral-subtle-rest, rgba(240, 253, 244, 0.72));
}

.protocol-day-scheduler[b-tikfdardah] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    overflow: auto;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    border-radius: 0.72rem;
    background: var(--dxds-color-surface-neutral-default-rest, var(--vdm-surface-card, #fff));
}

.protocol-mini-scheduler[b-tikfdardah] {
    min-height: 0;
    height: 100%;
}

.protocol-mini-scheduler[b-tikfdardah]  .dxbl-sc-apt {
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.protocol-mini-scheduler[b-tikfdardah]  .dxbl-sc-vertical-apt,
.protocol-mini-scheduler[b-tikfdardah]  .dxbl-sc-horizontal-apt {
    overflow: hidden !important;
}

.protocol-scheduler-appointment[b-tikfdardah] {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border-radius: 0.45rem;
    box-sizing: border-box;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.protocol-scheduler-appointment-owner[b-tikfdardah] {
    width: 4px;
    min-width: 4px;
    align-self: stretch;
}

.protocol-scheduler-appointment-content[b-tikfdardah] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    padding: 0.24rem 0.35rem 0.22rem 0.4rem;
    overflow: hidden;
}

.protocol-scheduler-appointment-content strong[b-tikfdardah],
.protocol-scheduler-appointment-content span[b-tikfdardah],
.protocol-scheduler-appointment-content small[b-tikfdardah] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.protocol-scheduler-appointment-content strong[b-tikfdardah] {
    font-size: 0.72rem;
    line-height: 1.15;
}

.protocol-scheduler-appointment-content span[b-tikfdardah] {
    font-size: 0.68rem;
    font-weight: 700;
    opacity: 0.92;
}

.protocol-scheduler-appointment-content small[b-tikfdardah] {
    font-size: 0.66rem;
    opacity: 0.88;
}

.protocol-scheduler-appointment-horizontal .protocol-scheduler-appointment-content[b-tikfdardah] {
    justify-content: center;
}

.protocol-scheduler-appointment-horizontal .protocol-scheduler-appointment-content strong[b-tikfdardah],
.protocol-scheduler-appointment-horizontal .protocol-scheduler-appointment-content small[b-tikfdardah] {
    white-space: nowrap;
}

.vdm-theme-dark .protocol-type-pill[b-tikfdardah],
.vdm-theme-dark .protocol-type-pill.protocol-type-email[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-type-pill[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-type-pill.protocol-type-email[b-tikfdardah] {
    color: #8ff0ad;
    background: rgba(34, 197, 94, 0.22);
    border: 1px solid rgba(134, 239, 172, 0.26);
}

.vdm-theme-dark .protocol-type-pill.protocol-type-telefon[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-type-pill.protocol-type-telefon[b-tikfdardah] {
    color: #93d9ff;
    background: rgba(14, 165, 233, 0.22);
    border-color: rgba(125, 211, 252, 0.28);
}

.vdm-theme-dark .protocol-type-pill.protocol-type-beschwerde[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-type-pill.protocol-type-beschwerde[b-tikfdardah] {
    color: #ffb4b4;
    background: rgba(239, 68, 68, 0.22);
    border-color: rgba(252, 165, 165, 0.3);
}

.vdm-theme-dark .protocol-status-pill[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-status-pill[b-tikfdardah] {
    color: #bfdbfe;
    background: rgba(59, 130, 246, 0.24);
    border-color: rgba(147, 197, 253, 0.3);
}

.vdm-theme-dark .protocol-status-durchgefuehrt[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-status-durchgefuehrt[b-tikfdardah] {
    color: #8ff0ad;
    background: rgba(34, 197, 94, 0.24);
    border-color: rgba(134, 239, 172, 0.32);
}

.vdm-theme-dark .protocol-status-abgesagt[b-tikfdardah],
.vdm-theme-dark .protocol-status-nicht_erfolgt[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-status-abgesagt[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-status-nicht_erfolgt[b-tikfdardah] {
    color: #ddd6fe;
    background: rgba(124, 58, 237, 0.28);
    border-color: rgba(196, 181, 253, 0.28);
}

.vdm-theme-dark .protocol-status-offen[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-status-offen[b-tikfdardah] {
    color: #d5dbe5;
    background: rgba(148, 163, 184, 0.18);
    border-color: rgba(203, 213, 225, 0.22);
}

.vdm-theme-dark .protocol-editor-main[b-tikfdardah],
.vdm-theme-dark .protocol-day-item[b-tikfdardah],
.vdm-theme-dark .protocol-link-placeholder[b-tikfdardah],
.vdm-theme-dark .protocol-day-scheduler[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-editor-main[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-day-item[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-link-placeholder[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-day-scheduler[b-tikfdardah] {
    background: var(--vdm-surface-card, #25282d);
    border-color: rgba(148, 163, 184, 0.24);
}

.vdm-theme-dark .protocol-grid-html-preview[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-grid-html-preview[b-tikfdardah] {
    color: #f3f6f9;
}

.vdm-theme-dark .protocol-editor-side[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-editor-side[b-tikfdardah] {
    border-left-color: rgba(148, 163, 184, 0.22);
    background:
        radial-gradient(circle at 0% 12%, rgba(34, 197, 94, 0.14), transparent 26%),
        linear-gradient(180deg, rgba(20, 24, 28, 0.96), rgba(16, 18, 21, 0.98)),
        var(--vdm-surface-app, #1c1f23);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.04);
}

.vdm-theme-dark .protocol-editor-toolbar[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-editor-toolbar[b-tikfdardah] {
    border-color: rgba(255, 255, 255, 0.13);
    background:
        radial-gradient(circle at 9% -15%, rgba(34, 197, 94, 0.46), transparent 38%),
        linear-gradient(160deg, rgba(15, 118, 110, 0.74) 0%, rgba(30, 64, 96, 0.9) 45%, rgba(15, 23, 42, 0.96) 100%);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
}

.vdm-theme-dark .protocol-editor-toolbar strong[b-tikfdardah],
.vdm-theme-dark .protocol-link-placeholder strong[b-tikfdardah],
.vdm-theme-dark .protocol-day-card-header strong[b-tikfdardah],
.vdm-theme-dark .protocol-day-item strong[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-editor-toolbar strong[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-link-placeholder strong[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-day-card-header strong[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-day-item strong[b-tikfdardah] {
    color: #f3f6f9;
}

.vdm-theme-dark .protocol-editor-subtitle[b-tikfdardah],
.vdm-theme-dark .protocol-editor-field label[b-tikfdardah],
.vdm-theme-dark .protocol-day-card-header span[b-tikfdardah],
.vdm-theme-dark .protocol-day-empty span[b-tikfdardah],
.vdm-theme-dark .protocol-day-item small[b-tikfdardah],
.vdm-theme-dark .protocol-link-placeholder[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-editor-subtitle[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-editor-field label[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-day-card-header span[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-day-empty span[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-day-item small[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-link-placeholder[b-tikfdardah] {
    color: #c2c9d1;
}

.vdm-theme-dark .protocol-editor-subtitle[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-editor-subtitle[b-tikfdardah] {
    color: rgba(241, 245, 249, 0.88);
}

.vdm-theme-dark .protocol-day-card[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-day-card[b-tikfdardah] {
    --protocol-panel-strong: #f3f6f9;
    --protocol-panel-soft: #c2c9d1;
}

.vdm-theme-dark .protocol-day-card-header[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-day-card-header[b-tikfdardah] {
    padding: 0.1rem 0.1rem 0.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.vdm-theme-dark .protocol-day-current[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-day-current[b-tikfdardah] {
    box-shadow: 0 16px 30px rgba(8, 47, 24, 0.34);
}

.vdm-theme-dark .protocol-day-item[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-day-item[b-tikfdardah] {
    border-color: rgba(255, 255, 255, 0.14);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

.vdm-theme-dark .protocol-day-item.protocol-status-geplant[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-day-item.protocol-status-geplant[b-tikfdardah] {
    background:
        linear-gradient(135deg, rgba(37, 99, 235, 0.3), rgba(15, 23, 42, 0.94) 58%),
        rgba(255, 255, 255, 0.045);
}

.vdm-theme-dark .protocol-day-item.protocol-status-durchgefuehrt[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-day-item.protocol-status-durchgefuehrt[b-tikfdardah] {
    background:
        linear-gradient(135deg, rgba(22, 163, 74, 0.32), rgba(15, 23, 42, 0.94) 58%),
        rgba(255, 255, 255, 0.045);
}

.vdm-theme-dark .protocol-day-item.protocol-status-abgesagt[b-tikfdardah],
.vdm-theme-dark .protocol-day-item.protocol-status-nicht_erfolgt[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-day-item.protocol-status-abgesagt[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-day-item.protocol-status-nicht_erfolgt[b-tikfdardah] {
    background:
        linear-gradient(135deg, rgba(220, 38, 38, 0.3), rgba(15, 23, 42, 0.94) 58%),
        rgba(255, 255, 255, 0.045);
}

.vdm-theme-dark .protocol-day-item.protocol-status-offen[b-tikfdardah],
[data-vdm-theme="dark"] .protocol-day-item.protocol-status-offen[b-tikfdardah] {
    background:
        linear-gradient(135deg, rgba(2, 132, 199, 0.3), rgba(15, 23, 42, 0.94) 58%),
        rgba(255, 255, 255, 0.045);
}

.protocol-editor-shell-dark[b-tikfdardah] {
    background:
        linear-gradient(180deg, rgba(20, 24, 28, 0.98), rgba(16, 18, 21, 0.98)),
        #181b1f !important;
}

.protocol-editor-toolbar-dark[b-tikfdardah] {
    border-color: rgba(255, 255, 255, 0.13) !important;
    background:
        radial-gradient(circle at 8% 10%, rgba(34, 197, 94, 0.55), transparent 36%),
        linear-gradient(95deg, rgba(15, 118, 110, 0.86) 0%, rgba(22, 163, 74, 0.54) 34%, rgba(30, 64, 96, 0.9) 62%, rgba(15, 23, 42, 0.96) 100%) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
}

.protocol-editor-toolbar-dark strong[b-tikfdardah],
.protocol-editor-toolbar-dark .protocol-editor-subtitle[b-tikfdardah] {
    color: #f3f6f9 !important;
}

.protocol-editor-toolbar-dark .protocol-editor-subtitle[b-tikfdardah] {
    color: rgba(241, 245, 249, 0.88) !important;
}

.protocol-link-placeholder-dark[b-tikfdardah] {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #c2c9d1 !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
}

.protocol-link-placeholder-dark strong[b-tikfdardah] {
    color: #f3f6f9 !important;
}

.protocol-link-placeholder-dark span[b-tikfdardah] {
    color: #c2c9d1 !important;
}



.vdm-theme-dark .details-readonly-section[b-tikfdardah],
[data-vdm-theme="dark"] .details-readonly-section[b-tikfdardah] {
    border-bottom-color: rgba(255, 255, 255, 0.16);
}

.vdm-theme-dark .details-readonly-section h4[b-tikfdardah],
.vdm-theme-dark .details-readonly-field span[b-tikfdardah],
.vdm-theme-dark .details-readonly-field strong[b-tikfdardah] {
    color: #f3f6f9;
}

.vdm-theme-dark .details-readonly-field span[b-tikfdardah] {
    color: #c2c9d1;
}

.details-activity-list[b-tikfdardah] {
    max-height: 420px;
    overflow-y: auto;
}

.details-activity-card[b-tikfdardah] {
    border: 1px solid var(--dxds-color-border-neutral-default-rest, rgba(0, 0, 0, 0.14));
    border-radius: 0.45rem;
    padding: 0.5rem 0.65rem;
    margin-bottom: 0.45rem;
}

.details-activity-title[b-tikfdardah] {
    font-weight: 600;
}

.details-activity-meta[b-tikfdardah] {
    opacity: 0.75;
    font-size: 0.85rem;
}

.details-empty-info[b-tikfdardah] {
    opacity: 0.76;
}


.protocol-editor-side-dark[b-tikfdardah] {
    border-left-color: rgba(148, 163, 184, 0.22) !important;
    background: radial-gradient(circle at 0% 12%, rgba(34, 197, 94, 0.14), transparent 26%), linear-gradient(180deg, rgba(20, 24, 28, 0.98), rgba(16, 18, 21, 1)), #1c1f23 !important;
    color: #f3f6f9 !important;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.04);
}

    .protocol-editor-side-dark .protocol-day-card[b-tikfdardah] {
        --protocol-panel-strong: #f3f6f9;
        --protocol-panel-soft: #c2c9d1;
        background: transparent !important;
        color: #f3f6f9 !important;
    }

    .protocol-editor-side-dark .protocol-day-card-header[b-tikfdardah] {
        padding: 0.1rem 0.1rem 0.25rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

        .protocol-editor-side-dark .protocol-day-card-header span[b-tikfdardah],
        .protocol-editor-side-dark .protocol-day-empty span[b-tikfdardah],
        .protocol-editor-side-dark .protocol-day-item small[b-tikfdardah] {
            color: #c2c9d1 !important;
        }

        .protocol-editor-side-dark .protocol-day-card-header strong[b-tikfdardah],
        .protocol-editor-side-dark .protocol-day-item strong[b-tikfdardah] {
            color: #f3f6f9 !important;
        }

    .protocol-editor-side-dark .protocol-day-scheduler[b-tikfdardah] {
        background: #1d2126 !important;
        background-color: #1d2126 !important;
        border-color: rgba(255, 255, 255, 0.14) !important;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
    }

    .protocol-editor-side-dark .protocol-day-list[b-tikfdardah] {
        scrollbar-color: rgba(148, 163, 184, 0.45) rgba(255, 255, 255, 0.03);
    }

    .protocol-editor-side-dark .protocol-day-item[b-tikfdardah],
    .protocol-editor-side-dark .protocol-day-empty[b-tikfdardah] {
        border-color: rgba(255, 255, 255, 0.14) !important;
        background: rgba(255, 255, 255, 0.045) !important;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
    }

        .protocol-editor-side-dark .protocol-day-item.protocol-status-geplant[b-tikfdardah] {
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.3), rgba(15, 23, 42, 0.94) 58%), rgba(255, 255, 255, 0.045) !important;
        }

        .protocol-editor-side-dark .protocol-day-item.protocol-status-durchgefuehrt[b-tikfdardah] {
            background: linear-gradient(135deg, rgba(22, 163, 74, 0.32), rgba(15, 23, 42, 0.94) 58%), rgba(255, 255, 255, 0.045) !important;
        }

        .protocol-editor-side-dark .protocol-day-item.protocol-status-abgesagt[b-tikfdardah],
        .protocol-editor-side-dark .protocol-day-item.protocol-status-nicht_erfolgt[b-tikfdardah] {
            background: linear-gradient(135deg, rgba(220, 38, 38, 0.3), rgba(15, 23, 42, 0.94) 58%), rgba(255, 255, 255, 0.045) !important;
        }

        .protocol-editor-side-dark .protocol-day-item.protocol-status-offen[b-tikfdardah] {
            background: linear-gradient(135deg, rgba(2, 132, 199, 0.3), rgba(15, 23, 42, 0.94) 58%), rgba(255, 255, 255, 0.045) !important;
        }

        .protocol-editor-side-dark .protocol-day-item span[b-tikfdardah] {
            color: #93c5fd !important;
        }

.protocol-editor-side-dark .protocol-day-current[b-tikfdardah] {
    box-shadow: 0 16px 30px rgba(8, 47, 24, 0.34);
}

.protocol-editor-side-dark .protocol-scheduler-appointment[b-tikfdardah] {
    border-color: rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.protocol-editor-side-dark .protocol-scheduler-appointment-content strong[b-tikfdardah],
.protocol-editor-side-dark .protocol-scheduler-appointment-content span[b-tikfdardah],
.protocol-editor-side-dark .protocol-scheduler-appointment-content small[b-tikfdardah] {
    color: #f3f6f9;
}

@media (max-width: 900px) {
    .details-page[b-tikfdardah] {
        overflow-y: auto;
    }

    .details-header h1[b-tikfdardah] {
        font-size: 1.45rem;
    }

    .details-pane[b-tikfdardah] {
        padding: 0.5rem;
        height: auto;
        overflow: visible;
    }

    .details-grid-layout[b-tikfdardah] {
        flex: 0 0 auto;
    }

    .details-form-scroll[b-tikfdardah] {
        overflow: visible;
    }

    .details-tabs-layout[b-tikfdardah] {
        height: auto;
    }

    .details-tab-grid-host[b-tikfdardah] {
        height: 360px;
        min-height: 260px;
    }

    .details-tab-toolbar[b-tikfdardah] {
        flex-wrap: wrap;
    }

    .details-tab-search[b-tikfdardah] {
        flex-basis: 100%;
        max-width: none;
        width: 100%;
        margin-left: 0;
    }

    .details-profile-section[b-tikfdardah] {
        grid-template-columns: 1fr;
        row-gap: 0.85rem;
    }

    .details-profile-avatar[b-tikfdardah] {
        width: 116px;
        height: 116px;
        justify-self: start;
        margin-top: 0;
    }

    .protocol-editor-shell[b-tikfdardah] {
        grid-template-columns: 1fr;
        height: auto;
        min-height: 0;
        max-height: none;
        overflow: visible;
    }

    .protocol-editor-side[b-tikfdardah] {
        border-left: 0;
        border-top: 1px solid var(--vdm-border-card, #d9dde2);
        min-height: 0;
        overflow: visible;
    }

    .protocol-editor-header[b-tikfdardah],
    .protocol-editor-meta-grid[b-tikfdardah] {
        grid-template-columns: 1fr;
    }

    .protocol-editor-subtitle[b-tikfdardah] {
        display: none;
    }

    .protocol-day-card[b-tikfdardah] {
        position: static;
        min-height: 0;
        height: auto;
    }

    .protocol-day-list[b-tikfdardah] {
        max-height: none;
        min-height: 0;
        overflow: visible;
        padding-right: 0;
    }

    .protocol-day-scheduler[b-tikfdardah] {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .protocol-mini-scheduler[b-tikfdardah] {
        height: auto;
    }

    .protocol-editor-popup[b-tikfdardah]  .dxbl-popup-content {
        min-height: 0;
        height: auto;
        max-height: min(96dvh, 1000px);
        grid-template-rows: minmax(0, 1fr) auto;
    }

    .protocol-editor-popup[b-tikfdardah]  .dxbl-popup-body {
        display: block;
        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 0.65rem;
    }

    .protocol-editor-popup[b-tikfdardah]  .dxbl-popup-footer {
        position: static !important;
        box-shadow: none;
    }

    .protocol-editor-main[b-tikfdardah] {
        display: flex;
        flex-direction: column;
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .protocol-editor-report[b-tikfdardah] {
        flex: 0 0 auto;
        min-height: 0;
    }

    .protocol-editor-html[b-tikfdardah] {
        min-height: 240px;
    }
}

@media (max-height: 900px) and (min-width: 901px) {
    .details-form-scroll[b-tikfdardah] {
        max-height: calc(100dvh - 260px);
    }

    .details-tab-grid-host[b-tikfdardah] {
        height: calc(100dvh - 320px);
        min-height: 260px;
    }
}

.details-image-gallery[b-tikfdardah] {
    display: grid;
    gap: 1rem;
}

.details-image-gallery-dark[b-tikfdardah] {
    color: #f3f6f9;
}

.details-image-carousel[b-tikfdardah] {
    overflow: hidden;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: 0.75rem;
    background:
        radial-gradient(circle at 20% 0%, rgba(34, 197, 94, 0.12), transparent 28%),
        #111827;
}

.details-image-slide[b-tikfdardah] {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111827;
}

.details-image-slide img[b-tikfdardah] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.details-image-caption[b-tikfdardah] {
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0.65rem;
    color: #fff;
    background: rgba(15, 23, 42, 0.64);
    backdrop-filter: blur(8px);
}

.details-image-primary-badge[b-tikfdardah] {
    display: inline-flex;
    align-items: center;
    padding: 0.16rem 0.5rem;
    border-radius: 999px;
    color: #fff;
    background: var(--vdm-accent-green, #1f9d45);
    font-size: 0.72rem;
    font-weight: 650;
}

.details-image-list[b-tikfdardah] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.6rem;
}

.details-image-list-item[b-tikfdardah] {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: 0.62rem;
    background: var(--vdm-surface-card, #fff);
}

.details-image-list-item.is-primary[b-tikfdardah] {
    border-color: rgba(31, 157, 69, 0.5);
    box-shadow: inset 4px 0 0 var(--vdm-accent-green, #1f9d45);
}

.details-image-list-item img[b-tikfdardah] {
    width: 54px;
    height: 54px;
    border-radius: 0.5rem;
    object-fit: cover;
    background: #e5e7eb;
}

.details-image-list-item strong[b-tikfdardah],
.details-image-list-item span[b-tikfdardah] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.details-image-list-item span[b-tikfdardah] {
    color: var(--vdm-text-muted, #6b7280);
    font-size: 0.82rem;
}

.details-image-empty[b-tikfdardah] {
    display: grid;
    gap: 0.25rem;
    padding: 1rem;
    border: 1px dashed rgba(148, 163, 184, 0.72);
    border-radius: 0.75rem;
    color: var(--vdm-text-muted, #6b7280);
    background: rgba(248, 250, 252, 0.78);
}

.details-image-empty strong[b-tikfdardah] {
    color: var(--vdm-text-strong, #30343a);
}

.details-image-upload-panel[b-tikfdardah] {
    display: grid;
    gap: 0.7rem;
    padding: 0.85rem;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: 0.75rem;
    background:
        linear-gradient(145deg, rgba(240, 253, 244, 0.68), rgba(248, 250, 252, 0.92)),
        var(--vdm-surface-card, #fff);
}

.details-image-upload-panel-darkmode[b-tikfdardah] {
    border-color: rgba(148, 163, 184, 0.24) !important;
    background:
        linear-gradient(160deg, rgba(29, 34, 40, 0.98), rgba(22, 25, 30, 0.98)),
        #25282d !important;
}

.details-image-upload-panel-darkmode h4[b-tikfdardah] {
    color: #f3f6f9 !important;
}

.details-image-upload-panel-darkmode[b-tikfdardah]  .dxbl-text-edit,
.details-image-upload-panel-darkmode[b-tikfdardah]  .dxbl-text-edit-input {
    background: #1f242a !important;
    color: #f3f6f9 !important;
    border-color: rgba(148, 163, 184, 0.3) !important;
}

.details-image-upload-panel-darkmode[b-tikfdardah]  .dxbl-checkbox {
    color: #cfd6df !important;
}

.details-image-upload-panel h4[b-tikfdardah] {
    margin: 0;
    font-size: 0.98rem;
}

.details-image-file-input[b-tikfdardah] {
    width: 100%;
}

.details-image-list-item[b-tikfdardah]  .dxbl-btn.dxbl-btn-secondary {
    border-color: rgba(22, 163, 74, 0.55);
    color: #166534;
    background: rgba(34, 197, 94, 0.08);
}

.details-image-list-item[b-tikfdardah]  .dxbl-btn.dxbl-btn-secondary:hover {
    border-color: rgba(22, 163, 74, 0.72);
    background: rgba(34, 197, 94, 0.14);
}

.details-image-file-input[b-tikfdardah]  .dxbl-btn,
.details-image-upload-panel-darkmode .details-image-file-input[b-tikfdardah]  .dxbl-btn {
    border-color: #169c46 !important;
    background: linear-gradient(135deg, #169c46, #21a553) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(22, 156, 70, 0.26);
}

.details-image-file-input[b-tikfdardah]  .dxbl-btn:hover,
.details-image-upload-panel-darkmode .details-image-file-input[b-tikfdardah]  .dxbl-btn:hover {
    border-color: #1aa24b !important;
    background: linear-gradient(135deg, #1aa24b, #2bbf63) !important;
}

.details-image-gallery-dark .details-image-list-item[b-tikfdardah],
.details-image-gallery-dark .details-image-upload-panel[b-tikfdardah] {
    border-color: rgba(148, 163, 184, 0.24) !important;
    background:
        linear-gradient(160deg, rgba(29, 34, 40, 0.98), rgba(22, 25, 30, 0.98)),
        #25282d !important;
}

.details-image-gallery-dark .details-image-list-item strong[b-tikfdardah],
.details-image-gallery-dark .details-image-upload-panel h4[b-tikfdardah] {
    color: #f3f6f9 !important;
}

.details-image-gallery-dark .details-image-list-item span[b-tikfdardah] {
    color: #c2c9d1 !important;
}

.details-image-gallery-dark .details-image-empty[b-tikfdardah] {
    border-color: rgba(148, 163, 184, 0.32) !important;
    background: rgba(34, 38, 43, 0.72) !important;
    color: #c2c9d1 !important;
}

.details-image-gallery-dark .details-image-empty strong[b-tikfdardah] {
    color: #f3f6f9 !important;
}

.details-image-gallery-dark[b-tikfdardah]  .dxbl-text-edit,
.details-image-gallery-dark[b-tikfdardah]  .dxbl-text-edit-input {
    background: #1f242a !important;
    color: #f3f6f9 !important;
    border-color: rgba(148, 163, 184, 0.3) !important;
}

.details-image-gallery-dark[b-tikfdardah]  .dxbl-checkbox {
    color: #cfd6df !important;
}

.details-image-gallery-dark .details-image-list-item[b-tikfdardah]  .dxbl-btn.dxbl-btn-secondary {
    border-color: rgba(34, 197, 94, 0.6) !important;
    color: #b7f7cc !important;
    background: rgba(34, 197, 94, 0.12) !important;
}

.vdm-theme-dark .details-image-popup[b-tikfdardah]  .dxbl-popup-body,
[data-vdm-theme="dark"] .details-image-popup[b-tikfdardah]  .dxbl-popup-body,
.details-image-popup-dark[b-tikfdardah]  .dxbl-popup-body,
[data-vdm-theme="dark"] .details-image-popup-dark[b-tikfdardah]  .dxbl-popup-body,
[data-vdm-theme="light"] .details-image-popup-dark[b-tikfdardah]  .dxbl-popup-body,
.vdm-theme-light .details-image-popup-dark[b-tikfdardah]  .dxbl-popup-body {
    background:
        radial-gradient(circle at 12% 0%, rgba(34, 197, 94, 0.12), transparent 26%),
        linear-gradient(180deg, rgba(20, 24, 28, 0.98), rgba(16, 18, 21, 1)),
        #1c1f23;
    color: #f3f6f9;
}

.vdm-theme-dark .details-image-list-item[b-tikfdardah],
.vdm-theme-dark .details-image-upload-panel[b-tikfdardah] {
    border-color: rgba(148, 163, 184, 0.24);
    background: var(--vdm-surface-card, #25282d);
}

.vdm-theme-dark .details-image-list-item strong[b-tikfdardah],
[data-vdm-theme="dark"] .details-image-list-item strong[b-tikfdardah],
.details-image-gallery-dark .details-image-list-item strong[b-tikfdardah],
[data-vdm-theme="light"] .details-image-gallery-dark .details-image-list-item strong[b-tikfdardah],
[data-vdm-theme="dark"] .details-image-list-item strong[b-tikfdardah] {
    color: #f3f6f9;
}

.vdm-theme-dark .details-image-list-item span[b-tikfdardah],
[data-vdm-theme="dark"] .details-image-list-item span[b-tikfdardah] {
    color: #c2c9d1;
}

.vdm-theme-dark .details-image-list-item[b-tikfdardah],
[data-vdm-theme="dark"] .details-image-list-item[b-tikfdardah],
.vdm-theme-dark .details-image-upload-panel[b-tikfdardah],
[data-vdm-theme="dark"] .details-image-upload-panel[b-tikfdardah] {
    border-color: rgba(148, 163, 184, 0.24);
    background:
        linear-gradient(160deg, rgba(29, 34, 40, 0.98), rgba(22, 25, 30, 0.98)),
        #25282d;
}

.vdm-theme-dark .details-image-empty[b-tikfdardah] {
    border-color: rgba(148, 163, 184, 0.32);
    background: rgba(34, 38, 43, 0.72);
}

.vdm-theme-dark .details-image-empty[b-tikfdardah],
[data-vdm-theme="dark"] .details-image-empty[b-tikfdardah] {
    border-color: rgba(148, 163, 184, 0.32);
    background: rgba(34, 38, 43, 0.72);
    color: #c2c9d1;
}

.vdm-theme-dark .details-image-empty strong[b-tikfdardah] {
    color: #f3f6f9;
}

.vdm-theme-dark .details-image-empty strong[b-tikfdardah],
[data-vdm-theme="dark"] .details-image-empty strong[b-tikfdardah],
.vdm-theme-dark .details-image-upload-panel h4[b-tikfdardah],
[data-vdm-theme="dark"] .details-image-upload-panel h4[b-tikfdardah] {
    color: #f3f6f9;
}

.vdm-theme-dark .details-image-upload-panel[b-tikfdardah]  .dxbl-text-edit,
[data-vdm-theme="dark"] .details-image-upload-panel[b-tikfdardah]  .dxbl-text-edit,
.vdm-theme-dark .details-image-upload-panel[b-tikfdardah]  .dxbl-text-edit-input,
[data-vdm-theme="dark"] .details-image-upload-panel[b-tikfdardah]  .dxbl-text-edit-input {
    background: #1f242a;
    color: #f3f6f9;
    border-color: rgba(148, 163, 184, 0.3);
}

.vdm-theme-dark .details-image-upload-panel[b-tikfdardah]  .dxbl-checkbox,
[data-vdm-theme="dark"] .details-image-upload-panel[b-tikfdardah]  .dxbl-checkbox {
    color: #cfd6df;
}

.vdm-theme-dark .details-image-list-item[b-tikfdardah]  .dxbl-btn.dxbl-btn-secondary,
[data-vdm-theme="dark"] .details-image-list-item[b-tikfdardah]  .dxbl-btn.dxbl-btn-secondary {
    border-color: rgba(148, 163, 184, 0.35);
    color: #e5e7eb;
    background: rgba(255, 255, 255, 0.03);
}

@media (max-width: 700px) {
    .details-image-slide[b-tikfdardah] {
        min-height: 400px;
    }

    .details-image-list-item[b-tikfdardah] {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .details-image-list-item[b-tikfdardah]  .dxbl-btn {
        grid-column: 1 / -1;
        width: 100%;
    }
}
/* /Components/Pages/Einrichtung/Einrichtungen.razor.rz.scp.css */
.entity-page[b-nd692t3kp9] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.entity-page-title[b-nd692t3kp9] {
    margin: 0;
    flex: 0 0 auto;
}

.entity-page[b-nd692t3kp9]  .alert {
    margin: 0;
    flex: 0 0 auto;
}

.entity-workspace[b-nd692t3kp9] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.entity-toolbar-card[b-nd692t3kp9] {
    flex: 0 0 auto;
    background: var(
        --dxds-color-surface-neutral-default-rest,
        var(--bs-body-bg, #fff)
    );
    border: 1px solid
        var(
            --dxds-color-border-neutral-default-rest,
            var(--bs-border-color, #dee2e6)
        );
    border-radius: 0.42rem;
    padding: 0.2rem 0.35rem;
    margin-bottom: 0.55rem;
    overflow: hidden;
}

.entity-toolbar-shell[b-nd692t3kp9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    flex-wrap: nowrap;
}

.entity-workspace[b-nd692t3kp9]  .dxbl-drawer {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: hidden;
}

.entity-workspace[b-nd692t3kp9]  .dxbl-drawer-target-content {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.entity-grid-card[b-nd692t3kp9] {
    height: 100%;
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    background: var(
        --dxds-color-surface-neutral-default-rest,
        var(--bs-body-bg, #fff)
    );
    border: 1px solid
        var(
            --dxds-color-border-neutral-default-rest,
            var(--bs-border-color, #dee2e6)
        );
    border-radius: 0.42rem;
    overflow: hidden;
}

.entity-main-grid[b-nd692t3kp9] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.entity-main-grid[b-nd692t3kp9]  .dxbl-grid,
.entity-grid-card[b-nd692t3kp9]  .dxbl-grid {
    height: 100%;
}

.entity-toolbar-left[b-nd692t3kp9] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
    flex: 0 1 auto;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.entity-toolbar-title[b-nd692t3kp9] {
    font-weight: 700;
}

.entity-toolbar-actions[b-nd692t3kp9] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: nowrap;
    justify-content: flex-end;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: thin;
}

.entity-toolbar-actions > *[b-nd692t3kp9] {
    flex: 0 0 auto;
}

.entity-toolbar-actions[b-nd692t3kp9]  .toolbar-icon-btn {
    min-width: 2rem;
    width: 2rem;
    padding-inline: 0;
}

.entity-toolbar-actions[b-nd692t3kp9]  .tb-icon,
.entity-toolbar-left[b-nd692t3kp9]  .tb-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.entity-toolbar-actions[b-nd692t3kp9]  .dxbl-btn-text {
    display: none;
}

.entity-toolbar-actions[b-nd692t3kp9]  .toolbar-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.entity-toolbar-actions[b-nd692t3kp9]  .toolbar-icon-btn .dxbl-btn-content,
.entity-detail-header-actions[b-nd692t3kp9]  .detail-header-btn .dxbl-btn-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.entity-toolbar-actions[b-nd692t3kp9]  .toolbar-icon-btn .dxbl-btn-content::before,
.entity-detail-header-actions[b-nd692t3kp9]  .detail-header-btn .dxbl-btn-content::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.entity-toolbar-actions[b-nd692t3kp9]  .toolbar-add-btn .dxbl-btn-content::before {
    background-image: url("/images/toolbar-add.svg");
}

.entity-toolbar-actions[b-nd692t3kp9]  .toolbar-columns-btn .dxbl-btn-content::before {
    background-image: url("/images/toolbar-columns.svg");
}

.entity-toolbar-actions[b-nd692t3kp9]  .toolbar-clear-btn .dxbl-btn-content::before {
    background-image: url("/images/toolbar-clear.svg");
}

.entity-toolbar-actions[b-nd692t3kp9]  .toolbar-refresh-btn .dxbl-btn-content::before {
    background-image: url("/images/toolbar-refresh.svg");
}

.entity-detail-header-actions[b-nd692t3kp9]  .detail-pin-btn .dxbl-btn-content::before {
    background-image: url("/images/pin-column.svg");
}

.entity-detail-header-actions[b-nd692t3kp9]  .detail-unpin-btn .dxbl-btn-content::before {
    background-image: url("/images/unfix-column.svg");
}

.entity-detail-header-actions[b-nd692t3kp9]  .detail-close-btn .dxbl-btn-content::before {
    background-image: url("/images/close.svg");
}

.entity-grid-search[b-nd692t3kp9] {
    width: clamp(140px, 18vw, 220px);
    min-width: 140px;
}

.entity-toolbar-separator[b-nd692t3kp9] {
    width: 1px;
    height: 1.55rem;
    background: var(
        --dxds-color-border-neutral-default-rest,
        rgba(0, 0, 0, 0.15)
    );
    margin: 0 0.2rem;
}

.cell-main[b-nd692t3kp9] {
    font-weight: 600;
}

.cell-sub[b-nd692t3kp9] {
    font-size: 0.84rem;
    opacity: 0.76;
}

.entity-detail-drawer[b-nd692t3kp9] {
    --dxbl-drawer-panel-background-color: var(
        --dxds-color-surface-neutral-default-rest,
        var(--bs-body-bg, #fff)
    );
}

.entity-detail-drawer[b-nd692t3kp9]  .dxbl-drawer-panel {
    border-left: 1px solid
        var(
            --dxds-color-border-neutral-default-rest,
            var(--bs-border-color, rgba(0, 0, 0, 0.14))
        );
    box-shadow: -10px 0 22px rgba(0, 0, 0, 0.18);
}

.entity-detail[b-nd692t3kp9] {
    height: 100%;
    width: 100%;
    overflow-y: auto;
    padding: 0.8rem 0.95rem 1rem;
}

.entity-detail-empty[b-nd692t3kp9] {
    padding: 1rem;
    opacity: 0.75;
}

.entity-detail-empty-mini[b-nd692t3kp9] {
    font-size: 0.85rem;
    opacity: 0.72;
    padding: 0.35rem 0.1rem;
}

.entity-detail-header[b-nd692t3kp9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.entity-detail-title[b-nd692t3kp9] {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.2;
}

.entity-detail-subtitle[b-nd692t3kp9] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.15rem;
    opacity: 0.85;
}

.entity-detail-header-actions[b-nd692t3kp9] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.detail-header-btn[b-nd692t3kp9] {
    font-size: 0.82rem;
    line-height: 1;
    white-space: nowrap;
    min-width: 1.9rem;
    min-height: 1.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.entity-detail-header-actions[b-nd692t3kp9]  .detail-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.status-dot[b-nd692t3kp9] {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 999px;
    display: inline-block;
}

.status-dot.active[b-nd692t3kp9] {
    background: #1f9d45;
}

.status-dot.inactive[b-nd692t3kp9] {
    background: #c03f3f;
}

.entity-avatar[b-nd692t3kp9] {
    width: 78px;
    height: 78px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.9rem 0;
    font-size: 1.6rem;
    font-weight: 700;
    background: rgba(13, 110, 253, 0.12);
    border: 1px solid rgba(13, 110, 253, 0.25);
}

.entity-detail-grid[b-nd692t3kp9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem 0.75rem;
}

.entity-detail-grid > div[b-nd692t3kp9] {
    font-size: 0.92rem;
}

.entity-detail-row-actions[b-nd692t3kp9] {
    margin: 0.9rem 0 0.6rem;
    display: flex;
    gap: 0.45rem;
}

.entity-detail-section[b-nd692t3kp9] {
    border-top: 1px solid
        var(--dxds-color-border-neutral-default-rest, rgba(0, 0, 0, 0.12));
    padding-top: 0.45rem;
    margin-top: 0.5rem;
}

.entity-detail-section summary[b-nd692t3kp9] {
    cursor: pointer;
    font-weight: 800;
    margin-bottom: 0.5rem;
    letter-spacing: 0.01em;
}

.entity-detail-card[b-nd692t3kp9] {
    border: 1px solid
        var(--dxds-color-border-neutral-default-rest, rgba(0, 0, 0, 0.13));
    border-radius: 0.5rem;
    padding: 0.5rem 0.6rem;
    margin-bottom: 0.38rem;
    background: var(--vdm-surface-card-elevated, #fff);
}

.entity-detail-card-title[b-nd692t3kp9] {
    font-weight: 800;
    letter-spacing: 0.005em;
}

.entity-detail-card-subtitle[b-nd692t3kp9] {
    font-size: 0.84rem;
    opacity: 0.72;
    margin-top: 0.18rem;
    line-height: 1.38;
}

.entity-detail-drawer[b-nd692t3kp9]  .dxbl-drawer-panel {
    background:
        radial-gradient(circle at 12% 0%, rgba(31, 157, 69, 0.16), transparent 30%),
        linear-gradient(180deg, var(--vdm-surface-card-elevated, #fff), var(--vdm-surface-card, #fff));
    box-shadow: -18px 0 36px rgba(15, 23, 42, 0.18);
}

.entity-detail[b-nd692t3kp9] {
    padding: 0;
    display: flex;
    flex-direction: column;
    background:
        linear-gradient(180deg, rgba(31, 157, 69, 0.07), transparent 220px),
        var(--vdm-surface-card, #fff);
    color: var(--vdm-text-strong, #30343a);
}

.entity-detail-empty[b-nd692t3kp9] {
    margin: 1rem;
    padding: 1rem;
    border: 1px dashed var(--vdm-border-card, #d9dde2);
    border-radius: calc(var(--vdm-radius-card, 5px) + 5px);
    background: var(--vdm-surface-card-muted, #f8fafc);
}

.entity-detail-hero[b-nd692t3kp9] {
    position: relative;
    overflow: hidden;
    padding: 1rem 1rem 1.05rem;
    border-bottom: 1px solid var(--vdm-border-card, #d9dde2);
    background:
        linear-gradient(135deg, rgba(31, 157, 69, 0.18), rgba(2, 132, 199, 0.08) 56%, transparent),
        var(--vdm-surface-card-elevated, #fff);
}

.entity-detail-hero[b-nd692t3kp9]::after {
    content: "";
    position: absolute;
    inset: auto 1rem 0 1rem;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--vdm-accent-green, #1f9d45), #22c55e, transparent);
}

.entity-detail-hero-glow[b-nd692t3kp9] {
    position: absolute;
    width: 150px;
    height: 150px;
    right: -48px;
    top: -70px;
    border-radius: 999px;
    background: rgba(31, 157, 69, 0.22);
    filter: blur(8px);
    pointer-events: none;
}

.entity-detail-heading[b-nd692t3kp9] {
    min-width: 0;
}

.entity-detail-eyebrow[b-nd692t3kp9] {
    margin-bottom: 0.35rem;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--vdm-accent-green, #1f9d45);
}

.entity-detail-title[b-nd692t3kp9] {
    font-size: 1.36rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.entity-detail-badges[b-nd692t3kp9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.75rem;
}

.detail-status-pill[b-nd692t3kp9],
.detail-soft-pill[b-nd692t3kp9] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: 0.26rem 0.58rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 800;
    border: 1px solid transparent;
}

.detail-soft-pill[b-nd692t3kp9] {
    color: var(--vdm-text-muted, #606873);
    background: var(--vdm-surface-card-muted, #f8fafc);
    border-color: var(--vdm-border-card, #d9dde2);
}

.detail-status-active[b-nd692t3kp9] {
    color: #166534;
    background: rgba(34, 197, 94, 0.16);
    border-color: rgba(34, 197, 94, 0.34);
}

.detail-status-inactive[b-nd692t3kp9] {
    color: #991b1b;
    background: rgba(239, 68, 68, 0.14);
    border-color: rgba(239, 68, 68, 0.3);
}

.entity-detail-content[b-nd692t3kp9] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.85rem;
}

.entity-detail-section[b-nd692t3kp9] {
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: calc(var(--vdm-radius-card, 5px) + 6px);
    padding: 0.8rem;
    margin-top: 0;
    background: var(--vdm-surface-card-muted, #f8fafc);
    box-shadow: 0 1px 1px rgba(15, 23, 42, 0.04);
}

.detail-next-step[b-nd692t3kp9] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: center;
    background:
        linear-gradient(135deg, rgba(31, 157, 69, 0.14), transparent 65%),
        var(--vdm-surface-card-muted, #f8fafc);
}

.detail-section-kicker[b-nd692t3kp9],
.entity-detail-section-title[b-nd692t3kp9],
.detail-fact span[b-nd692t3kp9] {
    color: var(--vdm-text-muted, #606873);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.detail-next-step-title[b-nd692t3kp9] {
    margin-top: 0.3rem;
    font-size: 1.05rem;
    font-weight: 800;
}

.detail-next-step-text[b-nd692t3kp9] {
    margin-top: 0.2rem;
    color: var(--vdm-text-muted, #606873);
}

.entity-avatar.entity-avatar-hero[b-nd692t3kp9] {
    width: 58px;
    height: 58px;
    margin: 0;
    color: #fff;
    background: var(--vdm-accent-green, #1f9d45);
    border-color: rgba(255, 255, 255, 0.55);
    box-shadow: 0 10px 20px rgba(31, 157, 69, 0.24);
}

.detail-fact[b-nd692t3kp9] {
    min-width: 0;
    padding: 0.68rem;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: calc(var(--vdm-radius-card, 5px) + 4px);
    background: var(--vdm-surface-card, #fff);
}

.detail-fact strong[b-nd692t3kp9] {
    display: block;
    margin-top: 0.22rem;
    overflow-wrap: anywhere;
    font-size: 0.94rem;
}

.detail-fact-wide[b-nd692t3kp9] {
    grid-column: 1 / -1;
}

.detail-action-grid[b-nd692t3kp9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.entity-detail[b-nd692t3kp9]  .detail-action-btn.dxbl-btn {
    width: 100%;
    justify-content: center;
}

@media (max-width: 700px) {
    .entity-page[b-nd692t3kp9] {
        gap: 0.4rem;
    }

    .entity-workspace[b-nd692t3kp9] {
        padding: 0.35rem;
    }

    .entity-toolbar-card[b-nd692t3kp9] {
        margin-bottom: 0.35rem;
    }

    .entity-toolbar-actions[b-nd692t3kp9] {
        gap: 0.3rem;
        flex-wrap: wrap;
        justify-content: flex-start;
        overflow-x: visible;
        white-space: normal;
    }

    .entity-toolbar-left[b-nd692t3kp9] {
        flex-wrap: wrap;
        white-space: normal;
    }

    .entity-toolbar-shell[b-nd692t3kp9] {
        flex-direction: column;
        align-items: stretch;
    }

    .entity-grid-search[b-nd692t3kp9] {
        width: min(100%, 240px);
        min-width: 140px;
    }

    .entity-detail-grid[b-nd692t3kp9] {
        grid-template-columns: 1fr;
    }

    .entity-detail-drawer[b-nd692t3kp9]  .dxbl-drawer-panel {
        border-left: 0;
        box-shadow: none;
    }

    .entity-detail[b-nd692t3kp9] {
        padding: 0.65rem;
    }
}

@media (max-width: 640px) {
    .entity-toolbar-actions[b-nd692t3kp9] {
        width: 100%;
        gap: 0.35rem;
    }

    .entity-grid-search[b-nd692t3kp9] {
        width: 100%;
        min-width: 0;
    }
}

.entity-toolbar-actions[b-nd692t3kp9]  .toolbar-add-btn.dxbl-btn {
    background: var(--vdm-accent-green, #1f9d45);
    border-color: var(--vdm-accent-green, #1f9d45);
    color: #fff;
    box-shadow: 0 8px 18px rgba(31, 157, 69, 0.24);
}

.entity-toolbar-actions[b-nd692t3kp9]  .toolbar-add-btn .dxbl-btn-content::before,
.entity-toolbar-actions[b-nd692t3kp9]  .toolbar-add-btn .tb-icon {
    color: #fff;
    filter: none;
}

.entity-detail[b-nd692t3kp9] {
    --detail-person-color: var(--vdm-accent-green, #1f9d45);
}

.entity-detail.person-color-0[b-nd692t3kp9] { --detail-person-color: #3b82f6; }
.entity-detail.person-color-1[b-nd692t3kp9] { --detail-person-color: #10b981; }
.entity-detail.person-color-2[b-nd692t3kp9] { --detail-person-color: #f97316; }
.entity-detail.person-color-3[b-nd692t3kp9] { --detail-person-color: #a855f7; }
.entity-detail.person-color-4[b-nd692t3kp9] { --detail-person-color: #ec4899; }
.entity-detail.person-color-5[b-nd692t3kp9] { --detail-person-color: #06b6d4; }
.entity-detail.person-color-6[b-nd692t3kp9] { --detail-person-color: #eab308; }
.entity-detail.person-color-7[b-nd692t3kp9] { --detail-person-color: #ef4444; }
.entity-detail.person-color-neutral[b-nd692t3kp9] { --detail-person-color: #64748b; }

.entity-detail-hero[b-nd692t3kp9] {
    overflow: clip;
    padding: 0.92rem 1rem 1.1rem;
}

.entity-detail-hero[b-nd692t3kp9]::after {
    background: linear-gradient(90deg, var(--detail-person-color), var(--vdm-accent-green, #1f9d45), transparent);
}

.entity-detail-title[b-nd692t3kp9] {
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow-wrap: anywhere;
    font-size: clamp(1.05rem, 2.1vw, 1.28rem);
    line-height: 1.16;
}

.entity-detail-badges[b-nd692t3kp9] {
    margin-top: 0.55rem;
}

.entity-action-card[b-nd692t3kp9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.55rem;
}

.entity-card-main[b-nd692t3kp9] {
    min-width: 0;
}

.entity-card-menu-btn[b-nd692t3kp9] {
    min-width: 2rem;
    width: 2rem;
    height: 2rem;
    padding-inline: 0;
    border-radius: 999px;
}

.entity-action-card[b-nd692t3kp9]  .entity-card-menu-btn .dxbl-btn-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.entity-action-card[b-nd692t3kp9]  .entity-card-menu-btn .dxbl-btn-text {
    display: none;
}

.entity-action-card[b-nd692t3kp9]  .entity-card-menu-btn .tb-icon {
    width: 16px;
    height: 16px;
}

.detail-fact-person[b-nd692t3kp9] {
    border-left: 5px solid var(--detail-person-color);
}

.entity-detail-loading-panel[b-nd692t3kp9] {
    min-height: 100%;
}

.entity-detail-loading-host[b-nd692t3kp9] {
    min-height: 320px;
}

.entity-section-tools[b-nd692t3kp9] {
    display: flex;
    justify-content: flex-end;
    margin: 0.35rem 0 0.45rem;
}

.entity-detail-hint[b-nd692t3kp9] {
    margin: 0.1rem 0 0.55rem;
    padding: 0.35rem 0.5rem;
    border-radius: 999px;
    width: fit-content;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--vdm-text-muted, #606873);
    background: var(--vdm-surface-card-muted, #f8fafc);
    border: 1px solid var(--vdm-border-card, rgba(0, 0, 0, 0.1));
}

.entity-protocol-card[b-nd692t3kp9] {
    position: relative;
    overflow: hidden;
    border-left: 5px solid rgba(31, 157, 69, 0.65);
}

.entity-protocol-card.protocol-type-telefon[b-nd692t3kp9] {
    border-left-color: #0ea5e9;
}

.entity-protocol-card.protocol-type-email[b-nd692t3kp9] {
    border-left-color: #22c55e;
}

.entity-protocol-card.protocol-type-beschwerde[b-nd692t3kp9] {
    border-left-color: #ef4444;
}

.protocol-type-badge[b-nd692t3kp9] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.35rem;
    padding: 0.18rem 0.48rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #166534;
    background: rgba(34, 197, 94, 0.13);
}

.protocol-type-badge[b-nd692t3kp9]  .tb-icon,
.protocol-type-pill[b-nd692t3kp9]  .tb-icon {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
}

.protocol-type-badge.protocol-type-telefon[b-nd692t3kp9] {
    color: #075985;
    background: rgba(14, 165, 233, 0.13);
}

.protocol-type-badge.protocol-type-email[b-nd692t3kp9] {
    color: #166534;
    background: rgba(34, 197, 94, 0.13);
}

.protocol-type-badge.protocol-type-beschwerde[b-nd692t3kp9] {
    color: #991b1b;
    background: rgba(239, 68, 68, 0.13);
}

.entity-protocol-meta[b-nd692t3kp9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.32rem;
    margin-bottom: 0.24rem;
    color: var(--vdm-text-muted, #6b7280);
    font-size: 0.74rem;
}

.protocol-status-pill[b-nd692t3kp9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.12rem 0.42rem;
    border-radius: 999px;
    color: #1d4ed8;
    background: rgba(59, 130, 246, 0.13);
    border: 1px solid rgba(59, 130, 246, 0.18);
    font-size: 0.68rem;
    font-weight: 760;
    line-height: 1.1;
}

.protocol-status-durchgefuehrt[b-nd692t3kp9] {
    color: #166534;
    background: rgba(34, 197, 94, 0.14);
    border-color: rgba(34, 197, 94, 0.24);
}

.protocol-status-abgesagt[b-nd692t3kp9],
.protocol-status-nicht_erfolgt[b-nd692t3kp9] {
    color: #6d28d9;
    background: rgba(124, 58, 237, 0.13);
    border-color: rgba(124, 58, 237, 0.22);
}

.protocol-status-offen[b-nd692t3kp9] {
    color: #475569;
    background: rgba(148, 163, 184, 0.16);
    border-color: rgba(148, 163, 184, 0.24);
}

.vdm-theme-dark .entity-detail-card[b-nd692t3kp9] {
    background: rgba(255, 255, 255, 0.035);
}

.vdm-theme-dark .detail-status-active[b-nd692t3kp9] {
    color: #8ff0ad;
    background: rgba(34, 197, 94, 0.24);
    border-color: rgba(134, 239, 172, 0.34);
}

.vdm-theme-dark .detail-status-inactive[b-nd692t3kp9] {
    color: #ffb4b4;
    background: rgba(239, 68, 68, 0.24);
    border-color: rgba(252, 165, 165, 0.34);
}

.vdm-theme-dark .detail-soft-pill[b-nd692t3kp9] {
    color: #d5dbe5;
    background: rgba(255, 255, 255, 0.11);
    border-color: rgba(255, 255, 255, 0.2);
}

.vdm-theme-dark .protocol-type-badge[b-nd692t3kp9],
.vdm-theme-dark .protocol-type-badge.protocol-type-email[b-nd692t3kp9] {
    color: #8ff0ad;
    background: rgba(34, 197, 94, 0.22);
    border: 1px solid rgba(134, 239, 172, 0.26);
}

.vdm-theme-dark .protocol-type-badge.protocol-type-telefon[b-nd692t3kp9] {
    color: #93d9ff;
    background: rgba(14, 165, 233, 0.22);
    border-color: rgba(125, 211, 252, 0.28);
}

.vdm-theme-dark .protocol-type-badge.protocol-type-beschwerde[b-nd692t3kp9] {
    color: #ffb4b4;
    background: rgba(239, 68, 68, 0.22);
    border-color: rgba(252, 165, 165, 0.3);
}

.vdm-theme-dark .entity-protocol-meta[b-nd692t3kp9] {
    color: #c2c9d1;
}

.vdm-theme-dark .protocol-status-pill[b-nd692t3kp9] {
    color: #bfdbfe;
    background: rgba(59, 130, 246, 0.24);
    border-color: rgba(147, 197, 253, 0.3);
}

.vdm-theme-dark .protocol-status-durchgefuehrt[b-nd692t3kp9] {
    color: #8ff0ad;
    background: rgba(34, 197, 94, 0.24);
    border-color: rgba(134, 239, 172, 0.32);
}

.vdm-theme-dark .protocol-status-abgesagt[b-nd692t3kp9],
.vdm-theme-dark .protocol-status-nicht_erfolgt[b-nd692t3kp9] {
    color: #ddd6fe;
    background: rgba(124, 58, 237, 0.28);
    border-color: rgba(196, 181, 253, 0.28);
}

.vdm-theme-dark .protocol-status-offen[b-nd692t3kp9] {
    color: #d5dbe5;
    background: rgba(148, 163, 184, 0.18);
    border-color: rgba(203, 213, 225, 0.22);
}

/* Einrichtung-Flyout: card-style hero inspired by the approved mockup. */
.entity-detail-drawer[b-nd692t3kp9]  .dxbl-drawer-panel {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.94), rgba(241, 245, 249, 0.96)), var(--vdm-surface-app, #f3f4f6);
    
}

.entity-detail[b-nd692t3kp9] {
    overflow: hidden;
    background:
        radial-gradient(circle at 0% 18%, rgba(34, 197, 94, 0.08), transparent 28%),
        var(--vdm-surface-card, #fff);
}

.entity-detail-hero[b-nd692t3kp9] {
    min-height: 184px;
    padding: 1.55rem 1.45rem 2.55rem;
    border-bottom: 0;
    color: #f8fafc;
    background:
        radial-gradient(circle at 95% 12%, rgba(255, 255, 255, 0.68), transparent 0.1rem),
        radial-gradient(circle at 9% -15%, rgba(34, 197, 94, 0.72), transparent 38%),
        linear-gradient(160deg, rgba(13, 148, 136, 0.98) 0%, rgba(5, 102, 141, 0.96) 45%, rgba(2, 81, 145, 0.94) 100%),
        var(--vdm-surface-card-elevated, #fff);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.45);
}

.entity-detail-hero[b-nd692t3kp9]::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: -8%;
    right: -8%;
    bottom: -42px;
    height: 94px;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    background: var(--vdm-surface-card, #fff);
    transform: rotate(-2.8deg);
    box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08);
}

.entity-detail-hero[b-nd692t3kp9]::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: auto 1.3rem 0.52rem 1.3rem;
    height: 1px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.34);
}

.entity-detail-hero-glow[b-nd692t3kp9] {
    z-index: 0;
    width: 260px;
    height: 160px;
    right: -56px;
    top: 54px;
    border-radius: 55% 45% 0 0;
    background:
        linear-gradient(100deg, rgba(255, 255, 255, 0.52), rgba(255, 255, 255, 0.06)),
        radial-gradient(circle, rgba(34, 197, 94, 0.34), transparent 72%);
    filter: blur(1px);
    opacity: 0.9;
    transform: rotate(-8deg);
}

.entity-detail-hero.entity-detail-hero-has-image[b-nd692t3kp9] {
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.34), rgba(15, 23, 42, 0.24)),
        var(--detail-hero-image),
        linear-gradient(160deg, rgba(13, 148, 136, 0.98), rgba(2, 81, 145, 0.94));
    background-position: center;
    background-size: cover;
}

.entity-detail-header[b-nd692t3kp9] {
    position: relative;
    z-index: 3;
}

.entity-detail-eyebrow[b-nd692t3kp9] {
    color: rgba(240, 253, 244, 0.95);
    font-size: 0.78rem;
    letter-spacing: 0.12em;
}

.entity-detail-title[b-nd692t3kp9] {
    color: #fff;
    font-size: clamp(1.48rem, 4.5vw, 1.82rem);
    line-height: 1.03;
    text-shadow: 0 2px 8px rgba(15, 23, 42, 0.4);
}

.entity-detail-subtitle[b-nd692t3kp9] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    letter-spacing: 0.01em;
}

.entity-detail-badges[b-nd692t3kp9] {
    gap: 0.45rem;
    margin-top: 0.85rem;
}

.detail-status-pill[b-nd692t3kp9],
.detail-soft-pill[b-nd692t3kp9] {
    min-height: 1.72rem;
    padding: 0.3rem 0.72rem;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14);
}

.detail-status-active[b-nd692t3kp9] {
    color: #fff;
    background: linear-gradient(180deg, #5ecb62, #2fa847);
    border-color: rgba(255, 255, 255, 0.45);
}

.detail-status-inactive[b-nd692t3kp9] {
    color: #fff;
    background: linear-gradient(180deg, #ff6f61, #e24d42);
    border-color: rgba(255, 255, 255, 0.42);
}

.detail-soft-pill[b-nd692t3kp9] {
    color: #334155;
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(148, 163, 184, 0.4);
    backdrop-filter: blur(8px);
}

.entity-detail-header-actions[b-nd692t3kp9] {
    gap: 0.32rem;
}

.entity-detail-header-actions[b-nd692t3kp9]  .detail-header-btn.dxbl-btn {
    width: 2.35rem;
    min-width: 2.35rem;
    height: 2.35rem;
    min-height: 2.35rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(255, 255, 255, 0.82);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
}

.entity-detail-header-actions[b-nd692t3kp9]  .detail-header-btn .detail-icon {
    color: #475569;
}

.entity-detail-content[b-nd692t3kp9] {
    gap: 0.75rem;
    padding: 0 1.05rem 1rem;
    background:
        radial-gradient(circle at 0 8%, rgba(34, 197, 94, 0.08), transparent 26%),
        var(--vdm-surface-card, #fff);
}

.entity-quicklook[b-nd692t3kp9] {
    position: relative;
    z-index: 2;
    margin-top: -1.7rem;
    border: 0;
    padding: 0.15rem 0.45rem 0.75rem;
    background: transparent;
    box-shadow: none;
}

.entity-avatar.entity-avatar-hero[b-nd692t3kp9] {
    width: 4.1rem;
    height: 4.1rem;
    font-size: 1.9rem;
    background: linear-gradient(180deg, #47bc55, #178739);
    box-shadow: 0 14px 28px rgba(22, 101, 52, 0.28);
}

.detail-section-kicker[b-nd692t3kp9],
.entity-detail-section-title[b-nd692t3kp9],
.detail-fact span[b-nd692t3kp9] {
    color: #536171;
    letter-spacing: 0.08em;
}

.detail-next-step-title[b-nd692t3kp9] {
    font-size: 1.2rem;
    line-height: 1.08;
    color: #1f2937;
}

.detail-next-step-text[b-nd692t3kp9] {
    color: #4b5563;
}

.entity-detail-section[b-nd692t3kp9] {
    border-color: rgba(148, 163, 184, 0.32);
    border-radius: 0.78rem;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.entity-detail-section-title[b-nd692t3kp9] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.65rem;
    color: #475569;
    font-size: 0.88rem;
}

.entity-detail-section-title[b-nd692t3kp9]::after,
.entity-detail-section summary[b-nd692t3kp9]::after {
    content: "";
    display: block;
    height: 1px;
    background: rgba(148, 163, 184, 0.36);
}

.entity-detail-section summary[b-nd692t3kp9] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.65rem;
    color: #334155;
    font-size: 0.98rem;
    text-transform: none;
}

.entity-detail-grid[b-nd692t3kp9] {
    gap: 0.5rem;
}

.detail-fact[b-nd692t3kp9] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.62rem;
    min-height: 4.4rem;
    padding: 0.78rem 0.82rem;
    border-color: rgba(148, 163, 184, 0.34);
    border-radius: 0.66rem;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.detail-fact-icon.tb-icon[b-nd692t3kp9] {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    color: #2f8f55;
}

.detail-fact-person[b-nd692t3kp9] {
    border-left: 1px solid rgba(148, 163, 184, 0.34);
}

.detail-fact-person .detail-fact-icon[b-nd692t3kp9] {
    color: var(--detail-person-color);
}

.detail-fact span small[b-nd692t3kp9] {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.detail-fact strong[b-nd692t3kp9] {
    margin-top: 0.12rem;
    color: #1f2937;
    font-size: 0.95rem;
}

.detail-action-grid[b-nd692t3kp9] {
    gap: 0.5rem;
}

.entity-detail[b-nd692t3kp9]  .detail-action-btn.dxbl-btn {
    min-height: 2.75rem;
    border-radius: 0.55rem;
    font-weight: 800;
    box-shadow: 0 7px 16px rgba(15, 23, 42, 0.08);
}

.entity-detail[b-nd692t3kp9]  .detail-action-btn .dxbl-btn-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}

.entity-detail[b-nd692t3kp9]  .detail-action-btn.vdm-btn-primary.dxbl-btn {
    box-shadow: 0 12px 24px rgba(22, 163, 74, 0.24);
}

.entity-detail-card[b-nd692t3kp9] {
    border-color: rgba(148, 163, 184, 0.32);
    border-radius: 0.72rem;
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
}

.vdm-theme-dark .entity-detail-drawer[b-nd692t3kp9]  .dxbl-drawer-panel {
    background:
        linear-gradient(180deg, rgba(20, 24, 28, 0.96), rgba(16, 18, 21, 0.96)),
        var(--vdm-surface-app, #202326);    
}

.vdm-theme-dark .entity-detail[b-nd692t3kp9] {
    background:
        radial-gradient(circle at 0% 14%, rgba(34, 197, 94, 0.1), transparent 28%),
        var(--vdm-surface-card, #25282d);
}

.vdm-theme-dark .entity-detail-hero[b-nd692t3kp9] {
    background:
        radial-gradient(circle at 9% -15%, rgba(34, 197, 94, 0.54), transparent 38%),
        linear-gradient(160deg, rgba(15, 118, 110, 0.9) 0%, rgba(30, 64, 96, 0.96) 45%, rgba(15, 23, 42, 0.98) 100%);
}

.vdm-theme-dark .entity-detail-hero[b-nd692t3kp9]::before {
    background: var(--vdm-surface-card, #25282d);
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.22);
}

.vdm-theme-dark .entity-detail-content[b-nd692t3kp9] {
    background:
        radial-gradient(circle at 0 8%, rgba(34, 197, 94, 0.09), transparent 26%),
        var(--vdm-surface-card, #25282d);
}

.vdm-theme-dark .detail-soft-pill[b-nd692t3kp9] {
    color: #d5dbe5;
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.28);
}

.vdm-theme-dark .entity-detail-section[b-nd692t3kp9],
.vdm-theme-dark .detail-fact[b-nd692t3kp9],
.vdm-theme-dark .entity-detail-card[b-nd692t3kp9] {
    background: rgba(255, 255, 255, 0.045);
    border-color: rgba(255, 255, 255, 0.13);
}

.vdm-theme-dark .detail-next-step-title[b-nd692t3kp9],
.vdm-theme-dark .detail-fact strong[b-nd692t3kp9],
.vdm-theme-dark .entity-detail-section summary[b-nd692t3kp9] {
    color: #f4f7fb;
}

.vdm-theme-dark .detail-next-step-text[b-nd692t3kp9],
.vdm-theme-dark .detail-section-kicker[b-nd692t3kp9],
.vdm-theme-dark .entity-detail-section-title[b-nd692t3kp9],
.vdm-theme-dark .detail-fact span[b-nd692t3kp9] {
    color: #cbd5e1;
}

.vdm-theme-dark .detail-fact-icon.tb-icon[b-nd692t3kp9] {
    color: #82e7a0;
}

@media (max-width: 700px) {
    .entity-detail[b-nd692t3kp9] {
        padding: 0;
    }

    .entity-detail-hero[b-nd692t3kp9] {
        min-height: 166px;
        padding: 1.25rem 1.05rem 2.35rem;
    }

    .entity-detail-content[b-nd692t3kp9] {
        padding: 0 0.78rem 0.85rem;
    }

    .entity-detail-title[b-nd692t3kp9] {
        font-size: 1.42rem;
    }
}

/* Fine-tuning after visual review: light fallback hero, no overlap, less drawer chrome. */
.entity-detail-drawer[b-nd692t3kp9]  .dxbl-drawer-panel,
.entity-detail-drawer[b-nd692t3kp9]  .dxbl-drawer-panel-content,
.entity-detail-drawer[b-nd692t3kp9]  .dxbl-drawer-body {
    padding: 0 !important;
}

.entity-detail-drawer[b-nd692t3kp9]  .dxbl-drawer-panel {
    overflow: hidden;
}

.entity-detail[b-nd692t3kp9] {
    width: 100%;
    min-height: 100%;
}

.entity-detail-hero[b-nd692t3kp9] {
    min-height: 168px;
    padding: 1.2rem 1.35rem 2.05rem;
}

.entity-detail-hero.entity-detail-hero-fallback[b-nd692t3kp9] {
    color: #26333f;
    background:
        radial-gradient(circle at 14% 0%, rgba(148, 227, 164, 0.5), transparent 34%),
        radial-gradient(circle at 96% 18%, rgba(202, 247, 216, 0.72), transparent 25%),
        linear-gradient(162deg, rgba(227, 247, 234, 0.98) 0%, rgba(247, 252, 249, 0.98) 54%, rgba(255, 255, 255, 1) 100%);
}

.entity-detail-hero[b-nd692t3kp9]::before {
    bottom: -34px;
    height: 78px;
    transform: rotate(-3.5deg);
}

.entity-detail-hero[b-nd692t3kp9]::after {
    inset: auto 1.1rem 0.42rem 1.1rem;
}

.entity-detail-hero-glow[b-nd692t3kp9] {
    right: -62px;
    top: 50px;
    width: 260px;
    height: 118px;
    opacity: 0.72;
}

.entity-detail-hero-fallback .entity-detail-eyebrow[b-nd692t3kp9] {
    color: #2f8f55;
    text-shadow: none;
}

.entity-detail-hero-fallback .entity-detail-title[b-nd692t3kp9] {
    color: #26333f;
    text-shadow: none;
}

.entity-detail-hero-fallback .entity-detail-subtitle[b-nd692t3kp9] {
    color: #425263;
}

.entity-detail-hero-fallback .detail-soft-pill[b-nd692t3kp9] {
    color: #425263;
    background: rgba(255, 255, 255, 0.82);
    border-color: rgba(148, 163, 184, 0.34);
}

.entity-detail-hero.entity-detail-hero-has-image[b-nd692t3kp9] {
    color: #f8fafc;
    min-height: 170px;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.34), rgba(15, 23, 42, 0.2)),
        var(--detail-hero-image),
        linear-gradient(160deg, rgba(13, 148, 136, 0.98), rgba(2, 81, 145, 0.94));
    background-position: center;
    background-size: cover;
}

.entity-detail-hero-has-image .entity-detail-eyebrow[b-nd692t3kp9],
.entity-detail-hero-has-image .entity-detail-title[b-nd692t3kp9],
.entity-detail-hero-has-image .entity-detail-subtitle[b-nd692t3kp9] {
    color: #fff;
    text-shadow: 0 2px 8px rgba(15, 23, 42, 0.42);
}

.entity-detail-hero-image[b-nd692t3kp9] {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
    filter: saturate(1.05);
}

.entity-detail-content[b-nd692t3kp9] {
    padding: 0.75rem 0.95rem 1rem;
}

.entity-quicklook[b-nd692t3kp9] {
    margin-top: 0;
    padding: 0.15rem 0.35rem 0.75rem;
}

.entity-detail-section[b-nd692t3kp9] {
    scroll-margin-top: 0.75rem;
}

@media (max-width: 700px) {
    .entity-detail-hero[b-nd692t3kp9] {
        min-height: 158px;
        padding: 1.08rem 1rem 1.85rem;
    }

    .entity-detail-content[b-nd692t3kp9] {
        padding: 0.65rem 0.65rem 0.85rem;
    }
}

.vdm-theme-dark .entity-detail-hero.entity-detail-hero-fallback[b-nd692t3kp9] {
    color: #f4f7fb;
    background:
        radial-gradient(circle at 12% -10%, rgba(34, 197, 94, 0.28), transparent 34%),
        radial-gradient(circle at 96% 18%, rgba(34, 197, 94, 0.16), transparent 25%),
        linear-gradient(162deg, rgba(35, 51, 45, 0.98) 0%, rgba(34, 38, 43, 0.98) 56%, rgba(37, 40, 45, 1) 100%);
}

.vdm-theme-dark .entity-detail-hero-fallback .entity-detail-eyebrow[b-nd692t3kp9] {
    color: #8ff0ad;
}

.vdm-theme-dark .entity-detail-hero-fallback .entity-detail-title[b-nd692t3kp9] {
    color: #f4f7fb;
}

.vdm-theme-dark .entity-detail-hero-fallback .entity-detail-subtitle[b-nd692t3kp9] {
    color: #d5dbe5;
}

/* Fine-tuning after long-name review: quieter typography and edge-to-edge drawer. */
.entity-detail-drawer[b-nd692t3kp9]  .dxbl-drawer-panel {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
}

.entity-detail-drawer[b-nd692t3kp9] {
    --dxbl-drawer-panel-body-padding-x: 0 !important;
    --dxbl-drawer-panel-body-padding-y: 0 !important;
}

.entity-detail-drawer[b-nd692t3kp9]  .dxbl-drawer-panel,
.entity-detail-drawer[b-nd692t3kp9]  .dxbl-drawer-panel-content,
.entity-detail-drawer[b-nd692t3kp9]  .dxbl-drawer-body,
.entity-detail-drawer[b-nd692t3kp9]  .dxbl-drawer-content {
    height: 100%;
}

.entity-detail[b-nd692t3kp9] {
    --entity-detail-panel-bleed: 5px;
    padding: 0 !important;
    border-radius: 0;
}

.entity-detail-hero[b-nd692t3kp9] {
    min-height: 170px;
    margin: calc(var(--entity-detail-panel-bleed) * -1) calc(var(--entity-detail-panel-bleed) * -1) 0;
    padding:
        calc(1.05rem + var(--entity-detail-panel-bleed))
        calc(1.2rem + var(--entity-detail-panel-bleed))
        1.78rem;
}

.entity-detail-hero[b-nd692t3kp9]::before {
    bottom: -28px;
    height: 64px;
}

.entity-detail-hero[b-nd692t3kp9]::after {
    inset: auto 1.05rem 0.34rem 1.05rem;
}

.entity-detail-heading[b-nd692t3kp9] {
    padding-right: 0.4rem;
}

.entity-detail-eyebrow[b-nd692t3kp9] {
    margin-bottom: 0.28rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.11em;
}

.entity-detail-title[b-nd692t3kp9] {
    -webkit-line-clamp: 2;
    font-size: clamp(1.12rem, 2.85vw, 1.36rem);
    font-weight: 720;
    line-height: 1.12;
    letter-spacing: -0.01em;
}

.entity-detail-subtitle[b-nd692t3kp9] {
    margin-top: 0.3rem;
    font-size: 0.92rem;
    line-height: 1.25;
}

.entity-detail-badges[b-nd692t3kp9] {
    gap: 0.34rem;
    margin-top: 0.62rem;
}

.detail-status-pill[b-nd692t3kp9],
.detail-soft-pill[b-nd692t3kp9] {
    min-height: 1.42rem;
    padding: 0.2rem 0.56rem;
    font-size: 0.72rem;
    font-weight: 760;
    box-shadow: 0 5px 12px rgba(15, 23, 42, 0.1);
}

.entity-detail-header-actions[b-nd692t3kp9]  .detail-header-btn.dxbl-btn {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.13);
}

.entity-detail-content[b-nd692t3kp9] {
    padding: 0.2rem 0.2rem 0.55rem !important;
    background: transparent;
}

.entity-quicklook[b-nd692t3kp9] {
    padding-top: 0;
}

.detail-next-step-title[b-nd692t3kp9] {
    font-size: 1.08rem;
    font-weight: 740;
}

.detail-section-kicker[b-nd692t3kp9],
.entity-detail-section-title[b-nd692t3kp9],
.detail-fact span[b-nd692t3kp9] {
    font-size: 0.70rem;
    font-weight: 760;
}

@media (max-width: 700px) {
    .entity-detail[b-nd692t3kp9] {
        --entity-detail-panel-bleed: 10px;
    }

    .entity-detail-hero[b-nd692t3kp9] {
        min-height: 144px;
        padding:
            calc(0.95rem + var(--entity-detail-panel-bleed))
            calc(0.95rem + var(--entity-detail-panel-bleed))
            1.68rem;
    }

    .entity-detail-title[b-nd692t3kp9] {
        font-size: 1.14rem;
    }

    .entity-detail-badges[b-nd692t3kp9] {
        margin-top: 0.52rem;
    }

    .entity-detail-content[b-nd692t3kp9] {
        padding: 0.18rem 0.18rem 0.5rem !important;
    }
}

/* Einrichtung-Flyout Feintuning:
   Diese Werte kannst du spaeter direkt anpassen, wenn der Content mehr/weniger Luft braucht.
   --entity-content-inset: Abstand der Kachelbereiche zur Drawer-Aussenkante.
   --quicklook-card-padding: Innenabstand der Schnellblick-Karte.
   --quicklook-card-gap: Abstand zwischen Avatar und Text.
   --quicklook-avatar-size: Groesse des runden Initial-Avatars.
   --quicklook-title-size: Schriftgroesse des Schnellblick-Titels. */
.entity-detail[b-nd692t3kp9] {
    --entity-content-inset: 0.24rem;
    --quicklook-card-padding: 0.62rem 0.72rem;
    --quicklook-card-gap: 0.72rem;
    --quicklook-avatar-size: 3.55rem;
    --quicklook-title-size: 1.02rem;
}

.entity-detail-content[b-nd692t3kp9] {
    gap: 0.72rem;
    padding: var(--entity-content-inset) var(--entity-content-inset) 0.58rem !important;
}

.entity-quicklook[b-nd692t3kp9] {
    gap: var(--quicklook-card-gap);
    margin: 0.16rem var(--entity-content-inset) 0.02rem;
    padding: var(--quicklook-card-padding);
    border: 1px solid rgba(226, 232, 240, 0.78);
    border-radius: 0.82rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.9)),
        var(--vdm-surface-card, #fff);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.055);
}

.entity-avatar.entity-avatar-hero[b-nd692t3kp9] {
    width: var(--quicklook-avatar-size);
    height: var(--quicklook-avatar-size);
    min-width: var(--quicklook-avatar-size);
    font-size: calc(var(--quicklook-avatar-size) * 0.44);
    box-shadow: 0 10px 22px rgba(22, 101, 52, 0.24);
}

.entity-avatar.entity-avatar-image[b-nd692t3kp9] {
    overflow: hidden;
    padding: 0;
    background: var(--vdm-surface-card-elevated, #fff);
}

.entity-avatar.entity-avatar-image img[b-nd692t3kp9] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.entity-avatar.entity-avatar-placeholder[b-nd692t3kp9] {
    background:
        radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.32), transparent 32%),
        var(--vdm-accent-green, #1f9d45);
    color: #fff;
}

.detail-next-step-title[b-nd692t3kp9] {
    margin-top: 0;
    font-size: var(--quicklook-title-size);
    line-height: 1.14;
}

.detail-next-step-text[b-nd692t3kp9] {
    margin-top: 0.18rem;
    font-size: 0.86rem;
    line-height: 1.35;
}

.vdm-theme-dark .entity-quicklook[b-nd692t3kp9] {
    border-color: rgba(148, 163, 184, 0.24);
    background:
        linear-gradient(145deg, rgba(42, 47, 53, 0.96), rgba(34, 38, 43, 0.92)),
        var(--vdm-surface-card, #24282d);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
}

@media (max-width: 700px) {
    .entity-detail[b-nd692t3kp9] {
        --entity-content-inset: 0.18rem;
        --quicklook-card-padding: 0.55rem 0.62rem;
        --quicklook-card-gap: 0.62rem;
        --quicklook-avatar-size: 3.2rem;
        --quicklook-title-size: 0.98rem;
    }
}

/* Einrichtung-Flyout final:
   - Protokollliste: max-height steuert, wie hoch die scrollbare Liste im Flyout wird.
   - flex: 0 0 auto verhindert, dass viele Protokollkarten flach zusammengedrueckt werden.
   - Ansprechpartnerkarten nutzen bewusst neutrale Grautoene, nicht die Betreuerfarbe.
   - Besuch-Protokolle: border-left nutzt die Betreuer-/Kalenderfarbe aus --detail-person-color. */
.entity-section-scroll[b-nd692t3kp9] {
    max-height: min(22rem, 40vh);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 0.18rem;
    -webkit-overflow-scrolling: touch;
}

.entity-protocol-scroll[b-nd692t3kp9] {
    display: flex;
    flex-direction: column;
    gap: 0.34rem;
}

.entity-protocol-scroll .entity-detail-card[b-nd692t3kp9] {
    flex: 0 0 auto;
    margin-bottom: 0;
}

.entity-contact-card[b-nd692t3kp9] {
    position: relative;
    overflow: hidden;
    border-left: 5px solid #94a3b8;
}

.entity-card-type-badge[b-nd692t3kp9] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.35rem;
    padding: 0.18rem 0.48rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.contact-type-badge[b-nd692t3kp9] {
    color: #475569;
    background: rgba(148, 163, 184, 0.16);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

.entity-protocol-card.protocol-type-besuch[b-nd692t3kp9] {
    border-left-color: var(--detail-person-color);
}

.entity-protocol-card[b-nd692t3kp9] {
    min-height: 0;
    padding: 0.42rem 0.52rem;
}

.entity-protocol-card .protocol-type-badge[b-nd692t3kp9] {
    margin-bottom: 0.24rem;
    padding: 0.12rem 0.42rem;
    font-size: 0.66rem;
}

.entity-protocol-card .entity-detail-card-title[b-nd692t3kp9] {
    font-size: 0.88rem;
    line-height: 1.22;
}

.entity-protocol-card .entity-detail-card-subtitle[b-nd692t3kp9] {
    margin-top: 0.12rem;
    font-size: 0.78rem;
    line-height: 1.32;
}

.vdm-theme-dark .contact-type-badge[b-nd692t3kp9] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.16);
}

@media (max-width: 700px) {
    .entity-detail-drawer[b-nd692t3kp9]  .dxbl-drawer-panel {
        max-width: 100vw;
    }

    .entity-section-scroll[b-nd692t3kp9] {
        max-height: min(20rem, 38vh);
    }
}

/* Einrichtung-Flyout Typografie-Pilot:
   Hier kannst du das Schriftbild spaeter selbst feinjustieren.
   --flyout-font-family: Basisschrift fuer das komplette Einrichtung-Flyout.
   --flyout-title-*: Name im Hero-Header.
   --flyout-section-*: Ueberschriften wie STAMMDATEN, AKTIONEN, ANSPRECHPARTNER.
   --flyout-label-*: kleine Labels in den Datenkacheln, z. B. ART oder STRASSE.
   --flyout-value-*: wichtige Werte in den Datenkacheln.
   --flyout-meta-*: Unterzeilen, Vorschautexte und sekundaere Informationen. */
.entity-detail[b-nd692t3kp9] {
    --flyout-font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --flyout-title-size: 1.32rem;
    --flyout-title-weight: 650;
    --flyout-title-line-height: 1.12;
    --flyout-title-letter-spacing: -0.02em;
    --flyout-section-size: 0.72rem;
    --flyout-section-weight: 650;
    --flyout-section-letter-spacing: 0.075em;
    --flyout-label-size: 0.68rem;
    --flyout-label-weight: 600;
    --flyout-label-letter-spacing: 0.045em;
    --flyout-value-size: 0.94rem;
    --flyout-value-weight: 650;
    --flyout-value-line-height: 1.25;
    --flyout-meta-size: 0.82rem;
    --flyout-card-title-size: 0.92rem;
    --flyout-card-meta-size: 0.80rem;
    --flyout-section-color: #64748b;
    --flyout-label-color: #8b95a1;
    --flyout-value-color: #111827;
    --flyout-meta-color: #6b7280;
    font-family: var(--flyout-font-family);
}

.entity-detail-title[b-nd692t3kp9] {
    font-size: var(--flyout-title-size);
    font-weight: var(--flyout-title-weight);
    line-height: var(--flyout-title-line-height);
    letter-spacing: var(--flyout-title-letter-spacing);
}

.entity-detail-subtitle[b-nd692t3kp9] {
    font-size: 0.88rem;
    font-weight: 400;
    color: var(--flyout-meta-color);
}

.entity-detail-eyebrow[b-nd692t3kp9] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.entity-detail-section-title[b-nd692t3kp9],
.entity-detail-section summary[b-nd692t3kp9] {
    font-size: var(--flyout-section-size);
    font-weight: var(--flyout-section-weight);
    letter-spacing: var(--flyout-section-letter-spacing);
    color: var(--flyout-section-color);
}

.detail-fact span[b-nd692t3kp9] {
    font-size: var(--flyout-label-size);
    font-weight: var(--flyout-label-weight);
    letter-spacing: var(--flyout-label-letter-spacing);
    color: var(--flyout-label-color);
}

.detail-fact strong[b-nd692t3kp9] {
    font-size: var(--flyout-value-size);
    font-weight: var(--flyout-value-weight);
    line-height: var(--flyout-value-line-height);
    color: var(--flyout-value-color);
}

.detail-next-step-title[b-nd692t3kp9] {
    font-size: var(--quicklook-title-size);
    font-weight: 650;
    color: var(--flyout-value-color);
}

.detail-next-step-text[b-nd692t3kp9] {
    font-size: var(--flyout-meta-size);
    font-weight: 400;
    color: var(--flyout-meta-color);
}

.entity-detail-card-title[b-nd692t3kp9] {
    font-size: var(--flyout-card-title-size);
    font-weight: 650;
    line-height: 1.25;
    color: var(--flyout-value-color);
}

.entity-detail-card-subtitle[b-nd692t3kp9] {
    font-size: var(--flyout-card-meta-size);
    font-weight: 400;
    line-height: 1.35;
    color: var(--flyout-meta-color);
    opacity: 1;
}

.detail-status-pill[b-nd692t3kp9],
.detail-soft-pill[b-nd692t3kp9],
.protocol-type-badge[b-nd692t3kp9],
.entity-card-type-badge[b-nd692t3kp9] {
    font-family: var(--flyout-font-family);
}

.vdm-theme-dark .entity-detail[b-nd692t3kp9] {
    --flyout-section-color: #aab4c0;
    --flyout-label-color: #9aa5b1;
    --flyout-value-color: #f3f6f9;
    --flyout-meta-color: #c2c9d1;
}

@media (max-width: 700px) {
    .entity-detail[b-nd692t3kp9] {
        --flyout-title-size: 1.18rem;
        --flyout-card-title-size: 0.88rem;
        --flyout-card-meta-size: 0.78rem;
    }
}

/* Einrichtung-Flyout Button-Feintuning:
   Diese Variablen steuern nur Button-Texte im Flyout.
   Wenn dir die Buttons noch zu schwer/leicht wirken, zuerst --flyout-button-weight anpassen. */
.entity-detail[b-nd692t3kp9] {
    --flyout-button-size: 0.88rem;
    --flyout-button-weight: 520;
    --flyout-button-letter-spacing: 0.005em;
}

.entity-detail[b-nd692t3kp9]  .detail-action-btn.dxbl-btn,
.entity-detail[b-nd692t3kp9]  .entity-section-tools .dxbl-btn,
.entity-detail[b-nd692t3kp9]  .entity-card-menu-btn.dxbl-btn {
    font-size: var(--flyout-button-size);
    font-weight: var(--flyout-button-weight) !important;
    letter-spacing: var(--flyout-button-letter-spacing);
}

.entity-detail[b-nd692t3kp9]  .detail-action-btn.dxbl-btn .dxbl-btn-content,
.entity-detail[b-nd692t3kp9]  .detail-action-btn.dxbl-btn .dxbl-btn-text,
.entity-detail[b-nd692t3kp9]  .entity-section-tools .dxbl-btn .dxbl-btn-content,
.entity-detail[b-nd692t3kp9]  .entity-section-tools .dxbl-btn .dxbl-btn-text {
    font-weight: inherit !important;
}

.entity-detail[b-nd692t3kp9]  .detail-action-btn.dxbl-btn .dxbl-btn-content {
    gap: 0.42rem;
}

.entity-detail[b-nd692t3kp9]  .detail-action-btn.vdm-btn-primary.dxbl-btn {
    font-weight: 560 !important;
}

/* Einrichtung-Flyout Bild-Header:
   Wenn ein Einrichtungsbild vorhanden ist, sorgt dieser Blur-/Overlay-Effekt dafuer,
   dass Name, Ort und Badges trotz unruhigem Foto lesbar bleiben.
   Feinjustierung:
   --flyout-hero-image-blur: Staerke der Unschaerfe.
   --flyout-hero-image-brightness: Helligkeit des Fotos unter dem Text.
   --flyout-hero-image-scale: leichter Zoom, damit durch den Blur keine hellen Raender entstehen.
   --flyout-hero-image-scrim: Abdunklung auf der Textseite. */
.entity-detail[b-nd692t3kp9] {
    --flyout-hero-image-blur: 1px;
    --flyout-hero-image-brightness: 0.68;
    --flyout-hero-image-scale: 1.09;
    --flyout-hero-image-scrim: 0.72;
}

.entity-detail-hero.entity-detail-hero-has-image[b-nd692t3kp9] {
    background:
        linear-gradient(160deg, rgba(13, 148, 136, 0.92), rgba(2, 81, 145, 0.88));
}

.entity-detail-hero-has-image .entity-detail-hero-image[b-nd692t3kp9] {
    transform: scale(var(--flyout-hero-image-scale));
    filter:
        blur(var(--flyout-hero-image-blur))
        saturate(0.92)
        brightness(var(--flyout-hero-image-brightness));
}

.entity-detail-hero-has-image .entity-detail-hero-glow[b-nd692t3kp9] {
    inset: 0;
    z-index: 1;
    width: auto;
    height: auto;
    border-radius: 0;
    opacity: 1;
    transform: none;
    filter: none;
    background:
        linear-gradient(90deg,
            rgba(8, 24, 21, var(--flyout-hero-image-scrim)) 0%,
            rgba(8, 24, 21, 0.50) 44%,
            rgba(8, 24, 21, 0.18) 100%),
        linear-gradient(180deg,
            rgba(15, 23, 42, 0.18) 0%,
            rgba(15, 23, 42, 0.10) 52%,
            rgba(255, 255, 255, 0.18) 100%);
}

.entity-detail-hero-has-image .entity-detail-header[b-nd692t3kp9] {
    z-index: 3;
}

.entity-detail-hero-has-image .entity-detail-eyebrow[b-nd692t3kp9],
.entity-detail-hero-has-image .entity-detail-title[b-nd692t3kp9],
.entity-detail-hero-has-image .entity-detail-subtitle[b-nd692t3kp9] {
    color: #fff;
    text-shadow:
        0 1px 2px rgba(15, 23, 42, 0.46),
        0 8px 22px rgba(15, 23, 42, 0.36);
}

.vdm-theme-dark .entity-detail[b-nd692t3kp9] {
    --flyout-hero-image-brightness: 0.58;
    --flyout-hero-image-scrim: 0.80;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-page[b-z00ee7y3jn] {
    position: relative;
    isolation: isolate;
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.35rem 0.25rem 1rem;
    background: var(--vdm-surface-app, #f3f4f6);
}

.dashboard-page[b-z00ee7y3jn]::before {
    content: "";
    position: absolute;
    inset: -20% -12% auto;
    height: 320px;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 16% 30%, rgba(31, 157, 69, 0.14), transparent 38%),
        radial-gradient(circle at 82% 20%, rgba(2, 132, 199, 0.12), transparent 36%);
}

.dashboard-header[b-z00ee7y3jn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.35rem 0 0.95rem;
    border-bottom: 1px solid color-mix(in srgb, var(--vdm-border-card, #d9dde2) 78%, transparent);
}

.dashboard-header-main[b-z00ee7y3jn] {
    min-width: 0;
}

.dashboard-kicker[b-z00ee7y3jn] {
    color: var(--vdm-accent-green, #1f9d45);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.dashboard-kicker[b-z00ee7y3jn]::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    background: var(--vdm-accent-green, #1f9d45);
    box-shadow: 0 0 0 4px rgba(31, 157, 69, 0.18);
}

.dashboard-header h1[b-z00ee7y3jn] {
    margin: 0.15rem 0 0;
    color: var(--vdm-text-strong, #30343a);
    font-size: clamp(1.3rem, 2.1vw, 1.8rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.dashboard-header p[b-z00ee7y3jn] {
    margin: 0.4rem 0 0;
    color: var(--vdm-text-muted, #606873);
    max-width: 62ch;
}

.dashboard-meta-row[b-z00ee7y3jn] {
    margin-top: 0.65rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.dashboard-meta-chip[b-z00ee7y3jn] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: 999px;
    background: color-mix(in srgb, var(--vdm-surface-card, #fff) 92%, var(--vdm-accent-green, #1f9d45));
    color: var(--vdm-text-muted, #606873);
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.23rem 0.52rem;
}

.dashboard-header-actions[b-z00ee7y3jn] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.dashboard-metrics[b-z00ee7y3jn] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.6rem;
}

.dashboard-metric[b-z00ee7y3jn] {
    --metric-accent: var(--vdm-accent-green, #1f9d45);
    display: grid;
    gap: 0.22rem;
    min-height: 5.8rem;
    padding: 0.72rem 0.8rem;
    text-align: left;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-left: 4px solid var(--metric-accent);
    border-radius: calc(var(--vdm-radius-card, 5px) + 5px);
    background: var(--vdm-surface-card, #fff);
    color: var(--vdm-text-strong, #30343a);
    transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
    animation: dashboard-rise-in-b-z00ee7y3jn 280ms ease both;
}

.dashboard-metric span[b-z00ee7y3jn] {
    color: var(--vdm-text-muted, #606873);
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 700;
}

.dashboard-metric strong[b-z00ee7y3jn] {
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    line-height: 1.1;
}

.dashboard-metric small[b-z00ee7y3jn] {
    color: var(--vdm-text-muted, #606873);
}

.dashboard-metric-trend[b-z00ee7y3jn] {
    margin-top: 0.15rem;
    font-size: 0.74rem;
    font-style: normal;
    font-weight: 700;
}

.metric-trend-good[b-z00ee7y3jn] { color: #15803d; }
.metric-trend-warn[b-z00ee7y3jn] { color: #b45309; }
.metric-trend-neutral[b-z00ee7y3jn] { color: #475569; }

.dashboard-metric:hover[b-z00ee7y3jn],
.dashboard-metric:focus-visible[b-z00ee7y3jn] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--metric-accent) 35%, var(--vdm-border-card, #d9dde2));
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
    background: color-mix(in srgb, var(--vdm-surface-card, #fff) 94%, var(--metric-accent));
}

.metric-open[b-z00ee7y3jn] { --metric-accent: #0284c7; }
.metric-today[b-z00ee7y3jn] { --metric-accent: #16a34a; }
.metric-next[b-z00ee7y3jn] { --metric-accent: #2563eb; }
.metric-overdue[b-z00ee7y3jn] { --metric-accent: #d97706; }

.dashboard-workspace[b-z00ee7y3jn] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.95fr);
    gap: 1rem;
    min-height: 0;
}

.dashboard-primary-column[b-z00ee7y3jn],
.dashboard-secondary-column[b-z00ee7y3jn] {
    display: grid;
    gap: 0.9rem;
    align-content: start;
}

.dashboard-next-appointment[b-z00ee7y3jn] {
    position: sticky;
    top: 0.4rem;
    z-index: 2;
    background: color-mix(in srgb, var(--vdm-surface-app, #f3f4f6) 90%, transparent);
    backdrop-filter: blur(2px);
}

.dashboard-next-card[b-z00ee7y3jn] {
    --detail-person-color: var(--vdm-accent-green, #1f9d45);
    margin-top: 0.72rem;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-left: 4px solid var(--detail-person-color);
    border-radius: calc(var(--vdm-radius-card, 5px) + 4px);
    background: var(--vdm-surface-card, #fff);
    padding: 0.68rem 0.74rem;
    display: grid;
    gap: 0.2rem;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
}

.dashboard-next-card span[b-z00ee7y3jn],
.dashboard-next-card small[b-z00ee7y3jn] {
    color: var(--vdm-text-muted, #606873);
}

.dashboard-next-card[b-z00ee7y3jn]  .dxbl-btn {
    margin-top: 0.38rem;
    justify-self: start;
}

.dashboard-section[b-z00ee7y3jn] {
    padding: 0.9rem 0;
    border-top: 1px solid color-mix(in srgb, var(--vdm-border-card, #d9dde2) 74%, transparent);
}

.dashboard-primary-column .dashboard-section:first-child[b-z00ee7y3jn],
.dashboard-secondary-column .dashboard-section:first-child[b-z00ee7y3jn] {
    border-top: 0;
    padding-top: 0;
}

.dashboard-section-header[b-z00ee7y3jn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.dashboard-section h2[b-z00ee7y3jn] {
    margin: 0;
    color: var(--vdm-text-strong, #30343a);
    font-size: 1.05rem;
    letter-spacing: -0.01em;
}

.dashboard-section p[b-z00ee7y3jn] {
    margin: 0.3rem 0 0;
    color: var(--vdm-text-muted, #606873);
    font-size: 0.92rem;
}

.dashboard-list[b-z00ee7y3jn],
.dashboard-focus-list[b-z00ee7y3jn],
.dashboard-member-list[b-z00ee7y3jn] {
    margin-top: 0.75rem;
    display: grid;
    gap: 0.55rem;
}

.dashboard-list-item[b-z00ee7y3jn],
.dashboard-member-item[b-z00ee7y3jn] {
    --detail-person-color: var(--vdm-accent-green, #1f9d45);
    display: grid;
    grid-template-columns: 4.2rem minmax(0, 1fr);
    gap: 0.72rem;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-left: 4px solid var(--detail-person-color);
    border-radius: calc(var(--vdm-radius-card, 5px) + 4px);
    background: var(--vdm-surface-card, #fff);
    padding: 0.62rem 0.72rem;
    transition: box-shadow 120ms ease, border-color 120ms ease;
}

.dashboard-list-item:hover[b-z00ee7y3jn],
.dashboard-member-item:hover[b-z00ee7y3jn] {
    border-color: color-mix(in srgb, var(--detail-person-color) 34%, var(--vdm-border-card, #d9dde2));
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.07);
}

.dashboard-list-item-date strong[b-z00ee7y3jn],
.dashboard-list-item-date span[b-z00ee7y3jn],
.dashboard-list-item-main strong[b-z00ee7y3jn],
.dashboard-list-item-main span[b-z00ee7y3jn],
.dashboard-list-item-main small[b-z00ee7y3jn] {
    display: block;
}

.dashboard-list-item-main span[b-z00ee7y3jn],
.dashboard-list-item-main small[b-z00ee7y3jn] {
    color: var(--vdm-text-muted, #606873);
}

.dashboard-focus-item[b-z00ee7y3jn] {
    text-align: left;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: calc(var(--vdm-radius-card, 5px) + 4px);
    background: var(--vdm-surface-card, #fff);
    padding: 0.62rem 0.72rem;
    display: grid;
    gap: 0.12rem;
    transition: border-color 120ms ease, background-color 120ms ease, transform 120ms ease;
}

.dashboard-focus-item span[b-z00ee7y3jn],
.dashboard-focus-item small[b-z00ee7y3jn],
.dashboard-member-item span[b-z00ee7y3jn] {
    color: var(--vdm-text-muted, #606873);
}

.dashboard-focus-item:hover[b-z00ee7y3jn],
.dashboard-focus-item:focus-visible[b-z00ee7y3jn] {
    border-color: var(--vdm-accent-green, #1f9d45);
    background: color-mix(in srgb, var(--vdm-surface-card, #fff) 90%, var(--vdm-accent-green, #1f9d45));
    transform: translateY(-1px);
}

.dashboard-status-grid[b-z00ee7y3jn] {
    margin: 0.75rem 0 0;
    display: grid;
    gap: 0.5rem;
}

.dashboard-status-grid div[b-z00ee7y3jn] {
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: calc(var(--vdm-radius-card, 5px) + 4px);
    background: var(--vdm-surface-card, #fff);
    padding: 0.58rem 0.68rem;
}

.dashboard-status-grid dt[b-z00ee7y3jn] {
    margin: 0;
    color: var(--vdm-text-muted, #606873);
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.dashboard-status-grid dd[b-z00ee7y3jn] {
    margin: 0.2rem 0 0;
    color: var(--vdm-text-strong, #30343a);
    font-weight: 700;
}

.dashboard-week-strip[b-z00ee7y3jn] {
    margin-top: 0.75rem;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.4rem;
}

.dashboard-day-item[b-z00ee7y3jn] {
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: calc(var(--vdm-radius-card, 5px) + 4px);
    background: var(--vdm-surface-card, #fff);
    padding: 0.54rem;
}

.dashboard-day-item strong[b-z00ee7y3jn],
.dashboard-day-item span[b-z00ee7y3jn],
.dashboard-day-item small[b-z00ee7y3jn] {
    display: block;
}

.dashboard-day-item small[b-z00ee7y3jn] {
    color: var(--vdm-text-muted, #606873);
}

.dashboard-shortcut-grid[b-z00ee7y3jn] {
    margin-top: 0.75rem;
    display: grid;
    gap: 0.5rem;
}

.dashboard-hint[b-z00ee7y3jn],
.dashboard-mini-empty[b-z00ee7y3jn] {
    margin-top: 0.72rem;
    color: var(--vdm-text-muted, #606873);
}

.dashboard-empty[b-z00ee7y3jn] {
    display: grid;
    gap: 0.25rem;
}

.dashboard-loading-host[b-z00ee7y3jn] {
    min-height: 36vh;
}

.dashboard-page[b-z00ee7y3jn]  .vdm-btn-primary.dxbl-btn {
    background-color: var(--vdm-accent-green, #1f9d45);
    border-color: var(--vdm-accent-green, #1f9d45);
    color: #fff;
}

.dashboard-page[b-z00ee7y3jn]  .vdm-btn-primary .tb-icon {
    color: #fff;
}

@keyframes dashboard-rise-in-b-z00ee7y3jn {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-metric[b-z00ee7y3jn] {
        animation: none;
        transition: none;
    }
}

.person-color-0[b-z00ee7y3jn] { --detail-person-color: #3b82f6; }
.person-color-1[b-z00ee7y3jn] { --detail-person-color: #10b981; }
.person-color-2[b-z00ee7y3jn] { --detail-person-color: #f97316; }
.person-color-3[b-z00ee7y3jn] { --detail-person-color: #a855f7; }
.person-color-4[b-z00ee7y3jn] { --detail-person-color: #ec4899; }
.person-color-5[b-z00ee7y3jn] { --detail-person-color: #06b6d4; }
.person-color-6[b-z00ee7y3jn] { --detail-person-color: #eab308; }
.person-color-7[b-z00ee7y3jn] { --detail-person-color: #ef4444; }
.person-color-neutral[b-z00ee7y3jn] { --detail-person-color: #64748b; }

.vdm-theme-dark .dashboard-page[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-page[b-z00ee7y3jn] {
    background: #171a1f;
}

.vdm-theme-dark .dashboard-page[b-z00ee7y3jn]::before,
[data-vdm-theme="dark"] .dashboard-page[b-z00ee7y3jn]::before {
    background:
        radial-gradient(circle at 16% 30%, rgba(34, 197, 94, 0.2), transparent 38%),
        radial-gradient(circle at 82% 20%, rgba(56, 189, 248, 0.2), transparent 36%);
}

.vdm-theme-dark .dashboard-header[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-header[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-section[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-section[b-z00ee7y3jn] {
    border-color: rgba(148, 163, 184, 0.24);
}

.vdm-theme-dark .dashboard-header h1[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-header h1[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-section h2[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-section h2[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-metric[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-metric[b-z00ee7y3jn] {
    color: #f3f6f9;
}

.vdm-theme-dark .dashboard-header p[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-header p[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-metric span[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-metric span[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-metric small[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-metric small[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-list-item-main span[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-list-item-main span[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-list-item-main small[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-list-item-main small[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-focus-item span[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-focus-item span[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-focus-item small[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-focus-item small[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-member-item span[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-member-item span[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-day-item small[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-day-item small[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-next-card span[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-next-card span[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-next-card small[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-next-card small[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-hint[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-hint[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-mini-empty[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-mini-empty[b-z00ee7y3jn] {
    color: #c2c9d1;
}

.vdm-theme-dark .dashboard-meta-chip[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-meta-chip[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-metric[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-metric[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-list-item[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-list-item[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-member-item[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-member-item[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-focus-item[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-focus-item[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-status-grid div[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-status-grid div[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-day-item[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-day-item[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-next-card[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-next-card[b-z00ee7y3jn] {
    background: rgba(30, 35, 42, 0.92);
    border-color: rgba(148, 163, 184, 0.3);
}

.vdm-theme-dark .dashboard-metric:hover[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-metric:hover[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-metric:focus-visible[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-metric:focus-visible[b-z00ee7y3jn] {
    background: rgba(40, 46, 56, 0.95);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}

.vdm-theme-dark .dashboard-focus-item:hover[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-focus-item:hover[b-z00ee7y3jn],
.vdm-theme-dark .dashboard-focus-item:focus-visible[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-focus-item:focus-visible[b-z00ee7y3jn] {
    background: rgba(34, 197, 94, 0.14);
}

.vdm-theme-dark .dashboard-status-grid dt[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-status-grid dt[b-z00ee7y3jn] {
    color: #9aa5b1;
}

.vdm-theme-dark .dashboard-status-grid dd[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-status-grid dd[b-z00ee7y3jn] {
    color: #f3f6f9;
}

.vdm-theme-dark .dashboard-next-appointment[b-z00ee7y3jn],
[data-vdm-theme="dark"] .dashboard-next-appointment[b-z00ee7y3jn] {
    background: rgba(23, 26, 31, 0.86);
}

.vdm-theme-dark .metric-trend-good[b-z00ee7y3jn],
[data-vdm-theme="dark"] .metric-trend-good[b-z00ee7y3jn] {
    color: #86efac;
}

.vdm-theme-dark .metric-trend-warn[b-z00ee7y3jn],
[data-vdm-theme="dark"] .metric-trend-warn[b-z00ee7y3jn] {
    color: #fcd34d;
}

.vdm-theme-dark .metric-trend-neutral[b-z00ee7y3jn],
[data-vdm-theme="dark"] .metric-trend-neutral[b-z00ee7y3jn] {
    color: #bfdbfe;
}

@media (max-width: 1200px) {
    .dashboard-metrics[b-z00ee7y3jn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-workspace[b-z00ee7y3jn] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dashboard-next-appointment[b-z00ee7y3jn] {
        position: static;
        backdrop-filter: none;
        background: transparent;
    }
}

@media (max-width: 760px) {
    .dashboard-header[b-z00ee7y3jn] {
        flex-direction: column;
    }

    .dashboard-header-actions[b-z00ee7y3jn] {
        width: 100%;
        justify-content: flex-start;
    }

    .dashboard-metrics[b-z00ee7y3jn] {
        grid-template-columns: 1fr;
    }

    .dashboard-week-strip[b-z00ee7y3jn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Vertrieb/Arbeitsbereich.razor.rz.scp.css */
.entity-page[b-jtuhpog9h8] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 0.45rem;
    background: var(--vdm-surface-app, #f3f4f6);
}

.entity-page-header[b-jtuhpog9h8] {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: var(--vdm-radius-card, 5px);
    background: var(--vdm-surface-card, #fff);
    box-shadow: var(--vdm-shadow-card, 0 1px 2px rgba(17, 24, 39, 0.06), 0 4px 10px rgba(17, 24, 39, 0.04));
}

.entity-page-title[b-jtuhpog9h8] {
    margin: 0;
    flex: 0 0 auto;
}

.entity-page-scope[b-jtuhpog9h8] {
    margin-top: 0.2rem;
    color: var(--dxds-color-content-neutral-default-rest, #5b616b);
    font-size: 0.92rem;
}

.entity-page-header-actions[b-jtuhpog9h8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.toolbar-kebab-btn[b-jtuhpog9h8] {
    min-width: 2.2rem;
    width: 2.2rem;
    padding-inline: 0;
}

.entity-page-header-actions[b-jtuhpog9h8]  .toolbar-plan-btn .dxbl-btn-content,
.entity-page-header-actions[b-jtuhpog9h8]  .toolbar-refresh-btn .dxbl-btn-content,
.entity-page-header-actions[b-jtuhpog9h8]  .toolbar-kebab-btn .dxbl-btn-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
}

.entity-page-header-actions[b-jtuhpog9h8]  .toolbar-kebab-btn .dxbl-btn-text {
    display: none;
}

.entity-toolbar-card[b-jtuhpog9h8] {
    flex: 0 0 auto;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: var(--vdm-radius-card, 5px);
    background: var(--vdm-surface-card, #fff);
    box-shadow: var(--vdm-shadow-card, 0 1px 2px rgba(17, 24, 39, 0.06), 0 4px 10px rgba(17, 24, 39, 0.04));
}

.vertrieb-live-card[b-jtuhpog9h8] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.72rem 0.9rem;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: calc(var(--vdm-radius-card, 5px) + 5px);
    background:
        linear-gradient(135deg, rgba(31, 157, 69, 0.11), transparent 64%),
        var(--vdm-surface-card, #fff);
    box-shadow: var(--vdm-shadow-card, 0 1px 2px rgba(17, 24, 39, 0.06), 0 4px 10px rgba(17, 24, 39, 0.04));
}

.vertrieb-live-icon[b-jtuhpog9h8] {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--vdm-accent-green, #1f9d45);
    box-shadow: 0 8px 18px rgba(31, 157, 69, 0.22);
}

.vertrieb-live-icon .tb-icon[b-jtuhpog9h8] {
    width: 16px;
    height: 16px;
    color: #fff;
}

.vertrieb-live-copy[b-jtuhpog9h8] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
}

.vertrieb-live-copy span[b-jtuhpog9h8] {
    color: var(--vdm-accent-green, #1f9d45);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vertrieb-live-copy strong[b-jtuhpog9h8] {
    overflow-wrap: anywhere;
}

.vertrieb-live-meta[b-jtuhpog9h8] {
    margin-left: auto;
    padding: 0.28rem 0.58rem;
    border-radius: 999px;
    color: var(--vdm-text-muted, #606873);
    background: var(--vdm-surface-card-muted, #f8fafc);
    border: 1px solid var(--vdm-border-card, #d9dde2);
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.vertrieb-filter-row[b-jtuhpog9h8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.vertrieb-grid-search-shell[b-jtuhpog9h8] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: min(100%, 320px);
}

.vertrieb-grid-search[b-jtuhpog9h8] {
    width: clamp(260px, 34vw, 520px);
}

.vertrieb-grid-search-shell[b-jtuhpog9h8]  .vertrieb-grid-search-clear.dxbl-btn {
    position: absolute;
    right: 0.15rem;
    min-width: 1.8rem;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 999px;
}

.route-action-row[b-jtuhpog9h8] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.loading-host[b-jtuhpog9h8] {
    min-height: 40vh;
}

.vertrieb-loading-panel[b-jtuhpog9h8] {
    flex: 1 1 auto;
    min-height: 0;
}

.vertrieb-overlay-loading-panel[b-jtuhpog9h8] {
    pointer-events: auto;
}

.vertrieb-loading-panel[b-jtuhpog9h8]  .dxbl-loading-panel-content {
    height: 100%;
}

.vertrieb-workspace[b-jtuhpog9h8] {
    flex: 1 1 auto;
    min-height: 0;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: var(--vdm-radius-card, 5px);
    overflow: hidden;
    background: var(--vdm-surface-card, #fff);
    box-shadow: var(--vdm-shadow-card, 0 1px 2px rgba(17, 24, 39, 0.06), 0 4px 10px rgba(17, 24, 39, 0.04));
}

.vertrieb-workspace[b-jtuhpog9h8]  .dxbl-drawer,
.vertrieb-workspace[b-jtuhpog9h8]  .dxbl-drawer-target-content {
    height: 100%;
    min-height: 0;
}

.vertrieb-workspace[b-jtuhpog9h8]  .dxbl-drawer-target-content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.entity-detail-drawer[b-jtuhpog9h8]  .dxbl-drawer-panel {
    border-left: 1px solid var(--vdm-border-card, rgba(148, 163, 184, 0.3));
    background:
        radial-gradient(circle at 12% 0%, rgba(31, 157, 69, 0.16), transparent 30%),
        linear-gradient(180deg, var(--vdm-surface-card-elevated, #fff), var(--vdm-surface-card, #fff));
    box-shadow: -18px 0 36px rgba(15, 23, 42, 0.18);
}

.entity-detail[b-jtuhpog9h8] {
    --detail-person-color: var(--vdm-accent-green, #1f9d45);
    min-height: 100%;
    display: flex;
    flex-direction: column;
    background:
        linear-gradient(180deg, rgba(31, 157, 69, 0.07), transparent 220px),
        var(--vdm-surface-card, #fff);
    color: var(--vdm-text-strong, #30343a);
}

.entity-detail.person-color-0[b-jtuhpog9h8] { --detail-person-color: #3b82f6; }
.entity-detail.person-color-1[b-jtuhpog9h8] { --detail-person-color: #10b981; }
.entity-detail.person-color-2[b-jtuhpog9h8] { --detail-person-color: #f97316; }
.entity-detail.person-color-3[b-jtuhpog9h8] { --detail-person-color: #a855f7; }
.entity-detail.person-color-4[b-jtuhpog9h8] { --detail-person-color: #ec4899; }
.entity-detail.person-color-5[b-jtuhpog9h8] { --detail-person-color: #06b6d4; }
.entity-detail.person-color-6[b-jtuhpog9h8] { --detail-person-color: #eab308; }
.entity-detail.person-color-7[b-jtuhpog9h8] { --detail-person-color: #ef4444; }
.entity-detail.person-color-neutral[b-jtuhpog9h8] { --detail-person-color: #64748b; }

.entity-detail-empty[b-jtuhpog9h8] {
    margin: 1rem;
    padding: 1rem;
    border: 1px dashed var(--vdm-border-card, #d9dde2);
    border-radius: calc(var(--vdm-radius-card, 5px) + 5px);
    background: var(--vdm-surface-card-muted, #f8fafc);
    color: var(--vdm-text-muted, #606873);
}

.entity-detail-hero[b-jtuhpog9h8] {
    position: relative;
    overflow: clip;
    padding: 0.92rem 1rem 1.08rem;
    border-bottom: 1px solid var(--vdm-border-card, #d9dde2);
    background:
        linear-gradient(135deg, rgba(31, 157, 69, 0.18), rgba(2, 132, 199, 0.08) 56%, transparent),
        var(--vdm-surface-card-elevated, #fff);
}

.entity-detail-hero[b-jtuhpog9h8]::after {
    content: "";
    position: absolute;
    inset: auto 1rem 0 1rem;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--detail-person-color), var(--vdm-accent-green, #1f9d45), transparent);
}

.entity-detail-hero-glow[b-jtuhpog9h8] {
    position: absolute;
    width: 150px;
    height: 150px;
    right: -48px;
    top: -70px;
    border-radius: 999px;
    background: rgba(31, 157, 69, 0.22);
    filter: blur(8px);
    pointer-events: none;
}

.entity-detail-header[b-jtuhpog9h8] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
}

.entity-detail-heading[b-jtuhpog9h8] {
    min-width: 0;
}

.entity-detail-eyebrow[b-jtuhpog9h8] {
    margin-bottom: 0.35rem;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--vdm-accent-green, #1f9d45);
}

.entity-detail-title[b-jtuhpog9h8] {
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow-wrap: anywhere;
    font-size: clamp(1.06rem, 2.1vw, 1.28rem);
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -0.02em;
}

.entity-detail-subtitle[b-jtuhpog9h8] {
    margin-top: 0.35rem;
    color: var(--vdm-text-muted, #606873);
    line-height: 1.35;
}

.entity-detail-badges[b-jtuhpog9h8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.55rem;
}

.detail-status-pill[b-jtuhpog9h8],
.detail-soft-pill[b-jtuhpog9h8] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: 0.26rem 0.58rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 800;
    border: 1px solid transparent;
}

.detail-soft-pill[b-jtuhpog9h8] {
    color: var(--vdm-text-muted, #606873);
    background: var(--vdm-surface-card-muted, #f8fafc);
    border-color: var(--vdm-border-card, #d9dde2);
}

.detail-status-offen[b-jtuhpog9h8] {
    color: #075985;
    background: rgba(14, 165, 233, 0.16);
    border-color: rgba(14, 165, 233, 0.32);
}

.detail-status-heute[b-jtuhpog9h8] {
    color: #166534;
    background: rgba(34, 197, 94, 0.16);
    border-color: rgba(34, 197, 94, 0.34);
}

.detail-status-geplant[b-jtuhpog9h8] {
    color: #1d4ed8;
    background: rgba(59, 130, 246, 0.16);
    border-color: rgba(59, 130, 246, 0.34);
}

.detail-status-ueberfaellig[b-jtuhpog9h8] {
    color: #b45309;
    background: rgba(245, 158, 11, 0.18);
    border-color: rgba(245, 158, 11, 0.36);
}

.detail-status-neutral[b-jtuhpog9h8] {
    color: var(--vdm-text-muted, #606873);
    background: var(--vdm-surface-card-muted, #f8fafc);
    border-color: var(--vdm-border-card, #d9dde2);
}

.protocol-type-pill[b-jtuhpog9h8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.18rem 0.48rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #166534;
    background: rgba(34, 197, 94, 0.13);
}

.protocol-type-pill[b-jtuhpog9h8]  .tb-icon {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
}

.protocol-type-pill.protocol-type-telefon[b-jtuhpog9h8] {
    color: #075985;
    background: rgba(14, 165, 233, 0.13);
}

.protocol-type-pill.protocol-type-email[b-jtuhpog9h8] {
    color: #166534;
    background: rgba(34, 197, 94, 0.13);
}

.protocol-type-pill.protocol-type-beschwerde[b-jtuhpog9h8] {
    color: #991b1b;
    background: rgba(239, 68, 68, 0.13);
}

.protocol-type-pill.protocol-type-neutral[b-jtuhpog9h8] {
    color: var(--vdm-text-muted, #606873);
    background: var(--vdm-surface-card-muted, #f8fafc);
    border: 1px solid var(--vdm-border-card, #d9dde2);
}

.vdm-theme-dark .detail-status-offen[b-jtuhpog9h8] {
    color: #93d9ff;
    background: rgba(14, 165, 233, 0.24);
    border-color: rgba(125, 211, 252, 0.32);
}

.vdm-theme-dark .detail-status-heute[b-jtuhpog9h8] {
    color: #8ff0ad;
    background: rgba(34, 197, 94, 0.24);
    border-color: rgba(134, 239, 172, 0.32);
}

.vdm-theme-dark .detail-status-geplant[b-jtuhpog9h8] {
    color: #bfdbfe;
    background: rgba(59, 130, 246, 0.24);
    border-color: rgba(147, 197, 253, 0.32);
}

.vdm-theme-dark .detail-status-ueberfaellig[b-jtuhpog9h8] {
    color: #fde68a;
    background: rgba(245, 158, 11, 0.24);
    border-color: rgba(252, 211, 77, 0.32);
}

.vdm-theme-dark .detail-status-neutral[b-jtuhpog9h8],
.vdm-theme-dark .detail-soft-pill[b-jtuhpog9h8] {
    color: #d5dbe5;
    background: rgba(255, 255, 255, 0.11);
    border-color: rgba(255, 255, 255, 0.2);
}

.vdm-theme-dark .protocol-type-pill[b-jtuhpog9h8],
.vdm-theme-dark .protocol-type-pill.protocol-type-email[b-jtuhpog9h8] {
    color: #8ff0ad;
    background: rgba(34, 197, 94, 0.22);
    border: 1px solid rgba(134, 239, 172, 0.26);
}

.vdm-theme-dark .protocol-type-pill.protocol-type-telefon[b-jtuhpog9h8] {
    color: #93d9ff;
    background: rgba(14, 165, 233, 0.22);
    border-color: rgba(125, 211, 252, 0.28);
}

.vdm-theme-dark .protocol-type-pill.protocol-type-beschwerde[b-jtuhpog9h8] {
    color: #ffb4b4;
    background: rgba(239, 68, 68, 0.22);
    border-color: rgba(252, 165, 165, 0.3);
}

.vdm-theme-dark .protocol-type-pill.protocol-type-neutral[b-jtuhpog9h8] {
    color: #d5dbe5;
    background: rgba(255, 255, 255, 0.11);
    border-color: rgba(255, 255, 255, 0.2);
}

.entity-detail-content[b-jtuhpog9h8] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.85rem;
}

.entity-detail-section[b-jtuhpog9h8] {
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: calc(var(--vdm-radius-card, 5px) + 6px);
    padding: 0.8rem;
    background: var(--vdm-surface-card-muted, #f8fafc);
    box-shadow: 0 1px 1px rgba(15, 23, 42, 0.04);
}

.detail-next-step[b-jtuhpog9h8] {
    background:
        linear-gradient(135deg, rgba(31, 157, 69, 0.14), transparent 65%),
        var(--vdm-surface-card-muted, #f8fafc);
}

.detail-section-kicker[b-jtuhpog9h8],
.entity-detail-section-title[b-jtuhpog9h8],
.detail-fact span[b-jtuhpog9h8] {
    color: var(--vdm-text-muted, #606873);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.detail-next-step-title[b-jtuhpog9h8] {
    margin-top: 0.3rem;
    font-size: 1.05rem;
    font-weight: 800;
}

.detail-next-step-text[b-jtuhpog9h8] {
    margin-top: 0.2rem;
    color: var(--vdm-text-muted, #606873);
}

.entity-detail-grid[b-jtuhpog9h8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
    margin-top: 0.7rem;
}

.detail-fact[b-jtuhpog9h8] {
    min-width: 0;
    padding: 0.68rem;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: calc(var(--vdm-radius-card, 5px) + 4px);
    background: var(--vdm-surface-card, #fff);
}

.protocol-editor-popup[b-jtuhpog9h8]  .dxbl-popup-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(34, 197, 94, 0.04), transparent 22%),
        var(--dxds-color-surface-neutral-subtle-rest, var(--vdm-surface-app, #f3f4f6));
}

.protocol-editor-popup[b-jtuhpog9h8]  .dxbl-popup-body > * {
    flex: 1 1 auto;
    min-height: 0;
}

.protocol-editor-popup[b-jtuhpog9h8]  .dxbl-popup-content {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: clamp(620px, 80dvh, 840px) !important;
    height: clamp(620px, 80dvh, 840px) !important;
    max-height: clamp(620px, 80dvh, 840px) !important;
    overflow: hidden;
}

.protocol-editor-popup[b-jtuhpog9h8]  .dxbl-popup-footer {
    border-top: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    background: var(--dxds-color-surface-neutral-default-rest, var(--vdm-surface-card, #fff));
}

.protocol-editor-popup[b-jtuhpog9h8]  .dxbl-popup-footer > * {
    width: 100%;
}

.protocol-popup-footer-bar[b-jtuhpog9h8] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.protocol-popup-footer-left[b-jtuhpog9h8] {
    min-width: 0;
    flex: 1 1 auto;
}

.protocol-popup-footer-right[b-jtuhpog9h8] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.protocol-popup-footer-left .route-action-row[b-jtuhpog9h8] {
    justify-content: flex-start;
}

.protocol-editor-shell[b-jtuhpog9h8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    min-height: 0;
    height: 100%;
}

.protocol-editor-main[b-jtuhpog9h8] {
    display: grid;
    grid-template-rows: auto auto auto auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    min-height: 0;
    overflow: auto;
    padding: 1rem;
    background: var(--dxds-color-surface-neutral-default-rest, var(--vdm-surface-card, #fff));
    color: var(--dxds-color-content-neutral-default-rest, var(--vdm-text-strong, #30343a));
}

.protocol-editor-side[b-jtuhpog9h8] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: 710px;
    height: 100%;
    overflow: hidden;
    padding: 1rem;
    border-left: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    background:
        linear-gradient(180deg, rgba(34, 197, 94, 0.1), transparent 28%),
        var(--dxds-color-surface-neutral-subtle-rest, var(--vdm-surface-app, #f3f4f6));
}

.protocol-editor-toolbar[b-jtuhpog9h8] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    border-radius: 0.72rem;
    background:
        linear-gradient(90deg, rgba(22, 163, 74, 0.32) 0%, rgba(34, 197, 94, 0.2) 34%, rgba(255, 255, 255, 0.92) 72%),
        var(--dxds-color-surface-neutral-subtle-rest, rgba(255, 255, 255, 0.92));
}

.protocol-editor-toolbar .tb-icon[b-jtuhpog9h8] {
    width: 15px;
    height: 15px;
}

.protocol-editor-toolbar strong[b-jtuhpog9h8] {
    font-weight: 800;
}

.protocol-editor-subtitle[b-jtuhpog9h8] {
    margin-left: auto;
    color: var(--vdm-text-muted, #606873);
    font-size: 0.95rem;
}

.protocol-editor-header[b-jtuhpog9h8],
.protocol-editor-meta-grid[b-jtuhpog9h8] {
    display: grid;
    gap: 0.72rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.protocol-editor-meta-grid[b-jtuhpog9h8] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.protocol-editor-field[b-jtuhpog9h8] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.protocol-editor-field label[b-jtuhpog9h8] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--vdm-text-muted, #606873);
}

.protocol-editor-field-wide[b-jtuhpog9h8] {
    grid-column: 1 / -1;
}

.protocol-editor-report[b-jtuhpog9h8]  .dxbl-memo {
    width: 100%;
}

.protocol-link-placeholder[b-jtuhpog9h8] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    border: 1px dashed rgba(148, 163, 184, 0.58);
    border-radius: 0.72rem;
    padding: 0.75rem;
    color: var(--vdm-text-muted, #606873);
    background: var(--vdm-surface-card-muted, #f8fafc);
}

.protocol-link-placeholder > div[b-jtuhpog9h8] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.protocol-link-placeholder strong[b-jtuhpog9h8] {
    color: var(--vdm-text-strong, #30343a);
}

.protocol-link-placeholder .tb-icon[b-jtuhpog9h8] {
    color: var(--vdm-accent-green, #1f9d45);
}

.protocol-day-card[b-jtuhpog9h8] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    flex: 1 1 auto;
    gap: 0.75rem;
    min-height: 0;
}

.protocol-day-card-header[b-jtuhpog9h8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.protocol-day-card-header span[b-jtuhpog9h8],
.protocol-day-empty span[b-jtuhpog9h8],
.protocol-day-item small[b-jtuhpog9h8] {
    display: block;
    color: var(--vdm-text-muted, #6b7280);
    font-size: 0.76rem;
}

.protocol-day-card-header strong[b-jtuhpog9h8] {
    display: block;
    color: var(--vdm-text-strong, #30343a);
    font-size: 1rem;
    line-height: 1.22;
}

.protocol-day-nav[b-jtuhpog9h8] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.protocol-day-current[b-jtuhpog9h8] {
    display: grid;
    gap: 0.15rem;
    padding: 0.75rem;
    border-radius: 0.75rem;
    color: #fff;
    background:
        radial-gradient(circle at 85% 10%, rgba(255, 255, 255, 0.3), transparent 30%),
        linear-gradient(135deg, #12863a, #21a553);
}

.protocol-day-current-time[b-jtuhpog9h8] {
    font-size: 1.3rem;
    font-weight: 700;
}

.protocol-day-list[b-jtuhpog9h8] {
    display: grid;
    gap: 0.5rem;
    min-height: 0;
    overflow: auto;
    padding-right: 0.18rem;
    align-content: start;
    grid-auto-rows: minmax(92px, max-content);
}

.protocol-day-item[b-jtuhpog9h8],
.protocol-day-empty[b-jtuhpog9h8] {
    display: grid;
    gap: 0.12rem;
    padding: 0.62rem 0.7rem;
    min-height: 92px;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    border-left: 4px solid var(--protocol-owner-color, #3b82f6);
    border-radius: 0.62rem;
    background: var(--dxds-color-surface-neutral-default-rest, var(--vdm-surface-card, #fff));
}

.protocol-day-item.protocol-status-geplant[b-jtuhpog9h8] {
    background:
        linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(255, 255, 255, 0.98) 52%),
        var(--vdm-surface-card, #fff);
}

.protocol-day-item.protocol-status-durchgefuehrt[b-jtuhpog9h8] {
    background:
        linear-gradient(135deg, rgba(22, 163, 74, 0.14), rgba(255, 255, 255, 0.98) 52%),
        var(--vdm-surface-card, #fff);
}

.protocol-day-item.protocol-status-abgesagt[b-jtuhpog9h8],
.protocol-day-item.protocol-status-nicht_erfolgt[b-jtuhpog9h8] {
    background:
        linear-gradient(135deg, rgba(220, 38, 38, 0.12), rgba(255, 255, 255, 0.98) 52%),
        var(--vdm-surface-card, #fff);
}

.protocol-day-item.protocol-status-offen[b-jtuhpog9h8] {
    background:
        linear-gradient(135deg, rgba(2, 132, 199, 0.12), rgba(255, 255, 255, 0.98) 52%),
        var(--vdm-surface-card, #fff);
}

.protocol-day-item span[b-jtuhpog9h8] {
    color: var(--protocol-owner-color, #2563eb);
    font-size: 0.78rem;
    font-weight: 750;
}

.protocol-day-item-head[b-jtuhpog9h8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
}

.protocol-day-item-objektbesuch-btn[b-jtuhpog9h8] {
    --dxbl-btn-text-color: var(--protocol-owner-color, #2563eb);
}

.protocol-day-item-objektbesuch-btn[b-jtuhpog9h8]  .dxbl-btn-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.protocol-day-item strong[b-jtuhpog9h8] {
    color: var(--dxds-color-content-neutral-default-rest, var(--vdm-text-strong, #30343a));
    font-size: 0.9rem;
    line-height: 1.25;
}

.protocol-day-empty[b-jtuhpog9h8] {
    align-self: start;
    border-left-color: var(--vdm-accent-green, #1f9d45);
    background:
        linear-gradient(135deg, rgba(34, 197, 94, 0.1), transparent 65%),
        var(--dxds-color-surface-neutral-subtle-rest, rgba(240, 253, 244, 0.72));
}

.protocol-day-scheduler[b-jtuhpog9h8] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: auto;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    border-radius: 0.72rem;
    background: var(--dxds-color-surface-neutral-default-rest, var(--vdm-surface-card, #fff));
}

.protocol-mini-scheduler[b-jtuhpog9h8] {
    min-height: 0;
    height: 100%;
}

.protocol-mini-scheduler[b-jtuhpog9h8]  .dxbl-sc-apt {
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.protocol-mini-scheduler[b-jtuhpog9h8]  .dxbl-sc-vertical-apt,
.protocol-mini-scheduler[b-jtuhpog9h8]  .dxbl-sc-horizontal-apt {
    overflow: hidden !important;
}

.protocol-scheduler-appointment[b-jtuhpog9h8] {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border-radius: 0.45rem;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: linear-gradient(135deg, rgba(241, 245, 249, 0.98), rgba(226, 232, 240, 0.92));
}

.protocol-scheduler-appointment-owner[b-jtuhpog9h8] {
    flex: 0 0 6px;
}

.protocol-scheduler-appointment-content[b-jtuhpog9h8] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.22rem 0.35rem 0.24rem 0.38rem;
    color: var(--dxds-color-content-neutral-default-rest, var(--vdm-text-strong, #30343a));
}

.protocol-scheduler-appointment-content strong[b-jtuhpog9h8],
.protocol-scheduler-appointment-content span[b-jtuhpog9h8],
.protocol-scheduler-appointment-content small[b-jtuhpog9h8] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.protocol-scheduler-appointment-content strong[b-jtuhpog9h8] {
    font-size: 0.76rem;
    font-weight: 800;
}

.protocol-scheduler-appointment-content span[b-jtuhpog9h8] {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--protocol-owner-color, #2563eb);
}

.protocol-scheduler-appointment-content small[b-jtuhpog9h8] {
    font-size: 0.66rem;
    color: var(--vdm-text-muted, #606873);
}

.protocol-scheduler-appointment-horizontal[b-jtuhpog9h8] {
    min-height: 50px;
}

.protocol-scheduler-appointment-fallback[b-jtuhpog9h8] {
    background:
        linear-gradient(135deg, rgba(30, 64, 175, 0.16), rgba(255, 255, 255, 0.98) 56%),
        var(--vdm-surface-card, #fff);
}

.protocol-scheduler-appointment.protocol-status-geplant[b-jtuhpog9h8] {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.32), rgba(37, 99, 235, 0.16));
}

.protocol-scheduler-appointment.protocol-status-durchgefuehrt[b-jtuhpog9h8] {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.34), rgba(22, 163, 74, 0.16));
}

.protocol-scheduler-appointment.protocol-status-abgesagt[b-jtuhpog9h8] {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.34), rgba(220, 38, 38, 0.16));
}

.protocol-scheduler-appointment.protocol-status-nicht_erfolgt[b-jtuhpog9h8] {
    background: linear-gradient(135deg, rgba(217, 119, 6, 0.34), rgba(217, 119, 6, 0.16));
}

.protocol-scheduler-appointment.protocol-status-offen[b-jtuhpog9h8] {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.3), rgba(2, 132, 199, 0.15));
}

.protocol-editor-shell-dark[b-jtuhpog9h8] {
    background:
        linear-gradient(180deg, rgba(20, 24, 28, 0.98), rgba(16, 18, 21, 0.98)),
        #181b1f !important;
}

.protocol-editor-toolbar-dark[b-jtuhpog9h8] {
    border-color: rgba(255, 255, 255, 0.13) !important;
    background:
        radial-gradient(circle at 8% 10%, rgba(34, 197, 94, 0.55), transparent 36%),
        linear-gradient(95deg, rgba(15, 118, 110, 0.86) 0%, rgba(22, 163, 74, 0.54) 34%, rgba(30, 64, 96, 0.9) 62%, rgba(15, 23, 42, 0.96) 100%) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
}

.protocol-editor-toolbar-dark strong[b-jtuhpog9h8],
.protocol-editor-toolbar-dark .protocol-editor-subtitle[b-jtuhpog9h8] {
    color: #f3f6f9 !important;
}

.protocol-editor-toolbar-dark .protocol-editor-subtitle[b-jtuhpog9h8] {
    color: rgba(241, 245, 249, 0.88) !important;
}

.protocol-link-placeholder-dark[b-jtuhpog9h8] {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #c2c9d1 !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
}

.protocol-link-placeholder-dark strong[b-jtuhpog9h8] {
    color: #f3f6f9 !important;
}

.protocol-link-placeholder-dark span[b-jtuhpog9h8] {
    color: #c2c9d1 !important;
}

.protocol-editor-side-dark[b-jtuhpog9h8] {
    border-left-color: rgba(148, 163, 184, 0.22) !important;
    background: radial-gradient(circle at 0% 12%, rgba(34, 197, 94, 0.14), transparent 26%), linear-gradient(180deg, rgba(20, 24, 28, 0.98), rgba(16, 18, 21, 1)), #1c1f23 !important;
    color: #f3f6f9 !important;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.04);
}

.protocol-editor-side-dark .protocol-day-card[b-jtuhpog9h8] {
    --protocol-panel-strong: #f3f6f9;
    --protocol-panel-soft: #c2c9d1;
    background: transparent !important;
    color: #f3f6f9 !important;
}

.protocol-editor-side-dark .protocol-day-card-header[b-jtuhpog9h8] {
    padding: 0.1rem 0.1rem 0.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.protocol-editor-side-dark .protocol-day-card-header span[b-jtuhpog9h8],
.protocol-editor-side-dark .protocol-day-empty span[b-jtuhpog9h8],
.protocol-editor-side-dark .protocol-day-item small[b-jtuhpog9h8] {
    color: #c2c9d1 !important;
}

.protocol-editor-side-dark .protocol-day-card-header strong[b-jtuhpog9h8],
.protocol-editor-side-dark .protocol-day-item strong[b-jtuhpog9h8] {
    color: #f3f6f9 !important;
}

.protocol-editor-side-dark .protocol-day-scheduler[b-jtuhpog9h8] {
    background: #1d2126 !important;
    background-color: #1d2126 !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

.protocol-editor-side-dark .protocol-day-list[b-jtuhpog9h8] {
    scrollbar-color: rgba(148, 163, 184, 0.45) rgba(255, 255, 255, 0.03);
}

.protocol-editor-side-dark .protocol-day-item[b-jtuhpog9h8],
.protocol-editor-side-dark .protocol-day-empty[b-jtuhpog9h8] {
    border-color: rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.045) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

.protocol-editor-side-dark .protocol-day-item.protocol-status-geplant[b-jtuhpog9h8] {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.3), rgba(15, 23, 42, 0.94) 58%), rgba(255, 255, 255, 0.045) !important;
}

.protocol-editor-side-dark .protocol-day-item.protocol-status-durchgefuehrt[b-jtuhpog9h8] {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.32), rgba(15, 23, 42, 0.94) 58%), rgba(255, 255, 255, 0.045) !important;
}

.protocol-editor-side-dark .protocol-day-item.protocol-status-abgesagt[b-jtuhpog9h8],
.protocol-editor-side-dark .protocol-day-item.protocol-status-nicht_erfolgt[b-jtuhpog9h8] {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.3), rgba(15, 23, 42, 0.94) 58%), rgba(255, 255, 255, 0.045) !important;
}

.protocol-editor-side-dark .protocol-day-item.protocol-status-offen[b-jtuhpog9h8] {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.3), rgba(15, 23, 42, 0.94) 58%), rgba(255, 255, 255, 0.045) !important;
}

.protocol-editor-side-dark .protocol-day-item span[b-jtuhpog9h8] {
    color: #93c5fd !important;
}

.protocol-editor-side-dark .protocol-day-current[b-jtuhpog9h8] {
    box-shadow: 0 16px 30px rgba(8, 47, 24, 0.34);
}

.protocol-editor-side-dark .protocol-scheduler-appointment[b-jtuhpog9h8] {
    border-color: rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.72), rgba(2, 132, 199, 0.42));
}

.protocol-editor-side-dark .protocol-scheduler-appointment.protocol-status-geplant[b-jtuhpog9h8] {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.72), rgba(37, 99, 235, 0.42));
}

.protocol-editor-side-dark .protocol-scheduler-appointment.protocol-status-durchgefuehrt[b-jtuhpog9h8] {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.72), rgba(22, 163, 74, 0.42));
}

.protocol-editor-side-dark .protocol-scheduler-appointment.protocol-status-abgesagt[b-jtuhpog9h8] {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.72), rgba(220, 38, 38, 0.42));
}

.protocol-editor-side-dark .protocol-scheduler-appointment.protocol-status-nicht_erfolgt[b-jtuhpog9h8] {
    background: linear-gradient(135deg, rgba(217, 119, 6, 0.74), rgba(217, 119, 6, 0.44));
}

.protocol-editor-side-dark .protocol-scheduler-appointment.protocol-status-offen[b-jtuhpog9h8] {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.74), rgba(2, 132, 199, 0.44));
}

.protocol-editor-side-dark .protocol-scheduler-appointment-content strong[b-jtuhpog9h8],
.protocol-editor-side-dark .protocol-scheduler-appointment-content span[b-jtuhpog9h8],
.protocol-editor-side-dark .protocol-scheduler-appointment-content small[b-jtuhpog9h8] {
    color: #f3f6f9;
}

.vertrieb-scheduler-tooltip[b-jtuhpog9h8] {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    color: #1f2937;
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

.vertrieb-scheduler-tooltip-owner[b-jtuhpog9h8] {
    flex: 0 0 4px;
    border-radius: 4px;
}

.vertrieb-scheduler-tooltip-content[b-jtuhpog9h8] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.2rem 0.05rem 0.1rem 0.55rem;
}

.vertrieb-scheduler-tooltip-content strong[b-jtuhpog9h8] {
    font-size: 0.99rem;
    line-height: 1.24;
    color: #111827;
}

.vertrieb-scheduler-tooltip-content span[b-jtuhpog9h8] {
    font-size: 0.84rem;
    color: #4b5563;
}

.vertrieb-scheduler-tooltip-content small[b-jtuhpog9h8] {
    font-size: 0.74rem;
    color: #6b7280;
}

.vertrieb-tooltip-report[b-jtuhpog9h8] {
    border: 1px solid rgba(148, 163, 184, 0.45);
    background: #fff;
    color: #1f2937;
    border-radius: 8px;
    padding: 0.42rem 0.5rem;
    font-size: 0.74rem;
    line-height: 1.25;
    min-height: 2rem;
    max-height: 5.4rem;
    overflow: auto;
}

.vertrieb-scheduler-tooltip-content[b-jtuhpog9h8]  .dxbl-btn {
    align-self: flex-start;
    margin-top: 0.1rem;
}

@media (max-width: 900px) {
    .protocol-editor-popup[b-jtuhpog9h8]  .dxbl-popup-content {
        min-height: min(86dvh, 940px) !important;
        height: min(86dvh, 940px) !important;
        max-height: min(86dvh, 940px) !important;
    }

    .protocol-editor-shell[b-jtuhpog9h8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .protocol-editor-header[b-jtuhpog9h8],
    .protocol-editor-meta-grid[b-jtuhpog9h8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .protocol-editor-side[b-jtuhpog9h8] {
        border-left: 0;
        border-top: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    }

    .protocol-popup-footer-bar[b-jtuhpog9h8] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.55rem;
    }

    .protocol-popup-footer-left[b-jtuhpog9h8],
    .protocol-popup-footer-right[b-jtuhpog9h8] {
        width: 100%;
    }

    .protocol-popup-footer-right[b-jtuhpog9h8] {
        justify-content: flex-end;
    }
}

.detail-fact-person[b-jtuhpog9h8] {
    border-left: 5px solid var(--detail-person-color);
}

.detail-fact strong[b-jtuhpog9h8] {
    display: block;
    margin-top: 0.22rem;
    overflow-wrap: anywhere;
    font-size: 0.94rem;
}

.detail-fact-wide[b-jtuhpog9h8] {
    grid-column: 1 / -1;
}

.detail-action-grid[b-jtuhpog9h8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin-top: 0.7rem;
}

.entity-detail[b-jtuhpog9h8]  .detail-action-btn.dxbl-btn,
.entity-detail[b-jtuhpog9h8]  .detail-primary-cta.dxbl-btn {
    width: 100%;
    justify-content: center;
}

.entity-detail[b-jtuhpog9h8]  .detail-primary-cta.dxbl-btn {
    min-height: 2.6rem;
    margin-top: 0.1rem;
    box-shadow: 0 8px 18px rgba(31, 157, 69, 0.22);
}

.entity-detail[b-jtuhpog9h8]  .detail-primary-cta .tb-icon,
.entity-detail[b-jtuhpog9h8]  .vdm-btn-primary .tb-icon {
    color: #fff;
    filter: none;
}

.entity-detail[b-jtuhpog9h8]  .detail-close-btn.dxbl-btn {
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
}

.vertrieb-grid-host[b-jtuhpog9h8] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.vertrieb-main-grid[b-jtuhpog9h8] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.vertrieb-main-grid[b-jtuhpog9h8]  .dxbl-grid,
.vertrieb-grid-host[b-jtuhpog9h8]  .dxbl-grid {
    height: 100%;
}

.vertrieb-main-grid[b-jtuhpog9h8]  .dxbl-grid-table-container,
.vertrieb-grid-host[b-jtuhpog9h8]  .dxbl-grid-table-container {
    overflow-y: auto !important;
}

.vdm-empty-state[b-jtuhpog9h8] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    text-align: center;
    padding: 1.6rem;
}

.vdm-empty-state-icon[b-jtuhpog9h8] {
    width: 92px;
    height: 92px;
    opacity: 0.78;
}

.vdm-empty-state-title[b-jtuhpog9h8] {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--vdm-text-strong, #30343a);
}

.vdm-empty-state-text[b-jtuhpog9h8] {
    max-width: 560px;
    color: var(--vdm-text-muted, #606873);
}

.vdm-empty-state-info[b-jtuhpog9h8] {
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: var(--vdm-radius-card, 5px);
    background: var(--vdm-surface-card, #fff);
    box-shadow: var(--vdm-shadow-card, 0 1px 2px rgba(17, 24, 39, 0.06), 0 4px 10px rgba(17, 24, 39, 0.04));
}

.vertrieb-kpi-row[b-jtuhpog9h8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.6rem;
}

.vertrieb-kpi-card[b-jtuhpog9h8] {
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--bs-border-color, #dee2e6));
    border-radius: 0.5rem;
    padding: 0.65rem 0.8rem;
    background: var(--dxds-color-surface-neutral-default-rest, var(--bs-body-bg, #fff));
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    cursor: pointer;
    color: #fff;
}

.vertrieb-kpi-card.active[b-jtuhpog9h8] {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.24), 0 0 0 4px rgba(16, 163, 74, 0.3);
}

.vertrieb-kpi-card .kpi-title[b-jtuhpog9h8] {
    font-size: 0.86rem;
    opacity: 0.78;
}

.vertrieb-kpi-card .kpi-value[b-jtuhpog9h8] {
    font-size: 1.36rem;
    font-weight: 700;
    line-height: 1.2;
}

.vertrieb-kpi-card.neutral .kpi-value[b-jtuhpog9h8] {
    opacity: 0.85;
}

.vertrieb-kpi-card.status-offen[b-jtuhpog9h8] {
    background: #0284c7;
    border-color: #0284c7;
}

.vertrieb-kpi-card.status-heute[b-jtuhpog9h8] {
    background: #16a34a;
    border-color: #16a34a;
}

.vertrieb-kpi-card.status-geplant[b-jtuhpog9h8] {
    background: #2563eb;
    border-color: #2563eb;
}

.vertrieb-kpi-card.status-ueberfaellig[b-jtuhpog9h8] {
    background: #d97706;
    border-color: #d97706;
}

.vertrieb-kpi-card.status-alle[b-jtuhpog9h8] {
    background: #5b6472;
    border-color: #5b6472;
}

.entity-page[b-jtuhpog9h8]  .vdm-btn-primary.dxbl-btn {
    background-color: var(--vdm-accent-green, #1f9d45);
    border-color: var(--vdm-accent-green, #1f9d45);
    color: #fff;
}

.entity-page[b-jtuhpog9h8]  .vdm-btn-primary.dxbl-btn:hover,
.entity-page[b-jtuhpog9h8]  .vdm-btn-primary.dxbl-btn:focus {
    background-color: var(--vdm-accent-green-hover, #18873a);
    border-color: var(--vdm-accent-green-hover, #18873a);
}

.vertrieb-visit-popup-current[b-jtuhpog9h8] {
    margin-bottom: 0.8rem;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    padding: 0.65rem 0.78rem;
    color: #f8fafc;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.vertrieb-visit-popup-current strong[b-jtuhpog9h8] {
    font-size: 1.1rem;
    line-height: 1.15;
}

.vertrieb-visit-popup-current span[b-jtuhpog9h8],
.vertrieb-visit-popup-current small[b-jtuhpog9h8] {
    opacity: 0.95;
}

@media (max-width: 900px) {
    .entity-page-header[b-jtuhpog9h8] {
        flex-direction: column;
        align-items: stretch;
    }

    .entity-page-header-actions[b-jtuhpog9h8] {
        justify-content: flex-start;
    }
}

/* Vertrieb-Arbeitsbereich Flyout Typografie-Pilot:
   Angelehnt an das Einrichtung-Flyout. Die Variablen erlauben spaetere Feinjustierung,
   ohne die DevExpress-Struktur oder die fachliche Logik anzufassen. */
.entity-detail[b-jtuhpog9h8] {
    --sales-flyout-font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --sales-flyout-title-size: 1.28rem;
    --sales-flyout-title-weight: 650;
    --sales-flyout-section-size: 0.72rem;
    --sales-flyout-section-weight: 650;
    --sales-flyout-label-size: 0.68rem;
    --sales-flyout-label-weight: 600;
    --sales-flyout-value-size: 0.94rem;
    --sales-flyout-value-weight: 650;
    --sales-flyout-meta-size: 0.82rem;
    --sales-flyout-button-size: 0.88rem;
    --sales-flyout-button-weight: 520;
    --sales-flyout-section-color: #64748b;
    --sales-flyout-label-color: #8b95a1;
    --sales-flyout-value-color: #111827;
    --sales-flyout-meta-color: #6b7280;
    font-family: var(--sales-flyout-font-family);
}

.entity-detail-title[b-jtuhpog9h8] {
    font-size: var(--sales-flyout-title-size);
    font-weight: var(--sales-flyout-title-weight);
    line-height: 1.13;
    letter-spacing: -0.02em;
}

.entity-detail-subtitle[b-jtuhpog9h8] {
    font-size: var(--sales-flyout-meta-size);
    font-weight: 400;
    color: var(--sales-flyout-meta-color);
}

.entity-detail-eyebrow[b-jtuhpog9h8] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.detail-section-kicker[b-jtuhpog9h8],
.entity-detail-section-title[b-jtuhpog9h8] {
    font-size: var(--sales-flyout-section-size);
    font-weight: var(--sales-flyout-section-weight);
    letter-spacing: 0.075em;
    color: var(--sales-flyout-section-color);
}

.detail-fact span[b-jtuhpog9h8] {
    font-size: var(--sales-flyout-label-size);
    font-weight: var(--sales-flyout-label-weight);
    letter-spacing: 0.045em;
    color: var(--sales-flyout-label-color);
}

.detail-fact strong[b-jtuhpog9h8] {
    font-size: var(--sales-flyout-value-size);
    font-weight: var(--sales-flyout-value-weight);
    line-height: 1.25;
    color: var(--sales-flyout-value-color);
}

.detail-next-step-title[b-jtuhpog9h8] {
    font-weight: 650;
    color: var(--sales-flyout-value-color);
}

.detail-next-step-text[b-jtuhpog9h8] {
    font-size: var(--sales-flyout-meta-size);
    font-weight: 400;
    color: var(--sales-flyout-meta-color);
}

.detail-status-pill[b-jtuhpog9h8],
.detail-soft-pill[b-jtuhpog9h8],
.protocol-type-pill[b-jtuhpog9h8] {
    font-weight: 650;
    font-family: var(--sales-flyout-font-family);
}

.entity-detail[b-jtuhpog9h8]  .detail-action-btn.dxbl-btn,
.entity-detail[b-jtuhpog9h8]  .detail-primary-cta.dxbl-btn {
    font-size: var(--sales-flyout-button-size);
    font-weight: var(--sales-flyout-button-weight) !important;
    letter-spacing: 0.005em;
}

.entity-detail[b-jtuhpog9h8]  .detail-action-btn.dxbl-btn .dxbl-btn-content,
.entity-detail[b-jtuhpog9h8]  .detail-action-btn.dxbl-btn .dxbl-btn-text,
.entity-detail[b-jtuhpog9h8]  .detail-primary-cta.dxbl-btn .dxbl-btn-content,
.entity-detail[b-jtuhpog9h8]  .detail-primary-cta.dxbl-btn .dxbl-btn-text {
    font-weight: inherit !important;
}

.entity-detail[b-jtuhpog9h8]  .detail-action-btn.dxbl-btn .dxbl-btn-content,
.entity-detail[b-jtuhpog9h8]  .detail-primary-cta.dxbl-btn .dxbl-btn-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
}

.entity-detail[b-jtuhpog9h8]  .detail-action-btn.vdm-btn-primary.dxbl-btn,
.entity-detail[b-jtuhpog9h8]  .detail-primary-cta.vdm-btn-primary.dxbl-btn {
    font-weight: 560 !important;
}

.vdm-theme-dark .entity-detail[b-jtuhpog9h8] {
    --sales-flyout-section-color: #aab4c0;
    --sales-flyout-label-color: #9aa5b1;
    --sales-flyout-value-color: #f3f6f9;
    --sales-flyout-meta-color: #c2c9d1;
}

@media (max-width: 700px) {
    .entity-detail[b-jtuhpog9h8] {
        --sales-flyout-title-size: 1.16rem;
    }
}
/* /Components/Pages/Vertrieb/Kalender.razor.rz.scp.css */
.entity-page[b-ruin1r9e16] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--vdm-surface-app, #f3f4f6);
    gap: 0.45rem;
}

.entity-page-title[b-ruin1r9e16] {
    margin: 0 0 0.5rem 0;
}

.entity-toolbar-card[b-ruin1r9e16] {
    flex: 0 0 auto;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: var(--vdm-radius-card, 5px);
    background: var(--vdm-surface-card, #fff);
    box-shadow: var(--vdm-shadow-card, 0 1px 2px rgba(17, 24, 39, 0.06), 0 4px 10px rgba(17, 24, 39, 0.04));
}

.vertrieb-live-card[b-ruin1r9e16] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.72rem 0.9rem;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: calc(var(--vdm-radius-card, 5px) + 5px);
    background:
        linear-gradient(135deg, rgba(31, 157, 69, 0.11), transparent 64%),
        var(--vdm-surface-card, #fff);
    box-shadow: var(--vdm-shadow-card, 0 1px 2px rgba(17, 24, 39, 0.06), 0 4px 10px rgba(17, 24, 39, 0.04));
}

.vertrieb-live-icon[b-ruin1r9e16] {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #fff;
    background: var(--vdm-accent-green, #1f9d45);
    box-shadow: 0 8px 18px rgba(31, 157, 69, 0.22);
}

.vertrieb-live-icon .tb-icon[b-ruin1r9e16] {
    color: #fff;
    filter: none;
}

.vertrieb-live-copy[b-ruin1r9e16] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
}

.vertrieb-live-copy span[b-ruin1r9e16] {
    color: var(--vdm-accent-green, #1f9d45);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vertrieb-live-copy strong[b-ruin1r9e16] {
    overflow-wrap: anywhere;
}

.vertrieb-live-actions[b-ruin1r9e16] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.vertrieb-content-hint[b-ruin1r9e16] {
    margin-bottom: 0.4rem;
    color: var(--vdm-text-muted, #606873);
}

.vertrieb-loading-panel[b-ruin1r9e16] {
    flex: 1 1 auto;
    min-height: 0;
}

.vertrieb-overlay-loading-panel[b-ruin1r9e16] {
    pointer-events: auto;
}

.vertrieb-loading-panel[b-ruin1r9e16]  .dxbl-loading-panel-content {
    height: 100%;
}

.kalender-content[b-ruin1r9e16] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    flex: 1 1 auto;
}

.loading-host[b-ruin1r9e16] {
    min-height: 40vh;
}

.vertrieb-view-mode-combo[b-ruin1r9e16] {
    min-width: 190px;
}

.route-action-row[b-ruin1r9e16] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.entity-toolbar-card[b-ruin1r9e16]  .toolbar-refresh-btn .dxbl-btn-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vertrieb-scheduler-host[b-ruin1r9e16] {
    flex: 1 1 auto;
    min-height: 0;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: var(--vdm-radius-card, 5px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--vdm-surface-card, #fff);
    box-shadow: var(--vdm-shadow-card, 0 1px 2px rgba(17, 24, 39, 0.06), 0 4px 10px rgba(17, 24, 39, 0.04));
}

.vertrieb-scheduler[b-ruin1r9e16] {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
}

.vertrieb-scheduler[b-ruin1r9e16]  .dxbl-scheduler {
    height: 100%;
}

.vertrieb-scheduler-appointment[b-ruin1r9e16] {
    position: relative;
    display: flex;
    align-items: stretch;
    min-height: 100%;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    color: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.34);
}

.vertrieb-scheduler-appointment-horizontal[b-ruin1r9e16] {
    min-height: 56px;
}

.vertrieb-scheduler-appointment-owner[b-ruin1r9e16] {
    flex: 0 0 6px;
}

.vertrieb-scheduler-appointment-content[b-ruin1r9e16] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.22rem 0.38rem 0.24rem 0.4rem;
}

.vertrieb-scheduler-appointment-content strong[b-ruin1r9e16],
.vertrieb-scheduler-appointment-content span[b-ruin1r9e16],
.vertrieb-scheduler-appointment-content small[b-ruin1r9e16] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vertrieb-scheduler-appointment-content strong[b-ruin1r9e16] {
    font-size: 0.78rem;
    font-weight: 800;
}

.vertrieb-scheduler-appointment-content span[b-ruin1r9e16] {
    font-size: 0.71rem;
    font-weight: 700;
    opacity: 0.94;
}

.vertrieb-scheduler-appointment-content small[b-ruin1r9e16] {
    font-size: 0.68rem;
    opacity: 0.9;
}

.vertrieb-appointment-badges[b-ruin1r9e16] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.vertrieb-appointment-badge[b-ruin1r9e16] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.06rem 0.45rem;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1.25;
    border: 1px solid transparent;
}

.vertrieb-appointment-badge-category[b-ruin1r9e16] {
    background: rgba(15, 23, 42, 0.12);
    color: #0f172a;
    border-color: rgba(51, 65, 85, 0.22);
}

.vertrieb-category-besuch[b-ruin1r9e16] {
    background: rgba(30, 64, 175, 0.18);
    color: #1e40af;
    border-color: rgba(30, 64, 175, 0.36);
}

.vertrieb-category-telefon[b-ruin1r9e16] {
    background: rgba(124, 58, 237, 0.16);
    color: #6d28d9;
    border-color: rgba(124, 58, 237, 0.36);
}

.vertrieb-category-email[b-ruin1r9e16] {
    background: rgba(13, 148, 136, 0.18);
    color: #0f766e;
    border-color: rgba(13, 148, 136, 0.36);
}

.vertrieb-category-beschwerde[b-ruin1r9e16] {
    background: rgba(202, 138, 4, 0.2);
    color: #92400e;
    border-color: rgba(202, 138, 4, 0.36);
}

.vertrieb-appointment-badge-status.protocol-status-geplant[b-ruin1r9e16] {
    background: rgba(37, 99, 235, 0.2);
    color: #1d4ed8;
    border-color: rgba(37, 99, 235, 0.36);
}

.vertrieb-appointment-badge-status.protocol-status-durchgefuehrt[b-ruin1r9e16] {
    background: rgba(22, 163, 74, 0.2);
    color: #15803d;
    border-color: rgba(22, 163, 74, 0.38);
}

.vertrieb-appointment-badge-status.protocol-status-abgesagt[b-ruin1r9e16],
.vertrieb-appointment-badge-status.protocol-status-nicht_erfolgt[b-ruin1r9e16] {
    background: rgba(220, 38, 38, 0.2);
    color: #b91c1c;
    border-color: rgba(220, 38, 38, 0.38);
}

.vertrieb-appointment-badge-status.protocol-status-offen[b-ruin1r9e16] {
    background: rgba(2, 132, 199, 0.2);
    color: #0369a1;
    border-color: rgba(2, 132, 199, 0.38);
}

.vertrieb-appointment-report[b-ruin1r9e16] {
    font-size: 0.68rem;
    line-height: 1.3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    color: rgba(248, 250, 252, 0.95);
}

.vertrieb-scheduler-tooltip[b-ruin1r9e16] {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    color: #1f2937;
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

.vertrieb-tooltip-header-text[b-ruin1r9e16] {
    margin-right: auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.2;
}

.vertrieb-scheduler-tooltip-owner[b-ruin1r9e16] {
    flex: 0 0 4px;
    border-radius: 4px;
}

.vertrieb-scheduler-tooltip-content[b-ruin1r9e16] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.2rem 0.05rem 0.1rem 0.55rem;
}

.vertrieb-scheduler-tooltip-content strong[b-ruin1r9e16] {
    font-size: 0.99rem;
    line-height: 1.24;
    color: #111827;
}

.vertrieb-scheduler-tooltip-content span[b-ruin1r9e16] {
    font-size: 0.84rem;
    color: #4b5563;
}

.vertrieb-scheduler-tooltip-content small[b-ruin1r9e16] {
    font-size: 0.74rem;
    color: #6b7280;
}

.vertrieb-tooltip-report[b-ruin1r9e16] {
    border: 1px solid rgba(148, 163, 184, 0.45);
    background: #fff;
    color: #1f2937;
    border-radius: 8px;
    padding: 0.42rem 0.5rem;
    font-size: 0.74rem;
    line-height: 1.25;
    min-height: 2rem;
    max-height: 5.4rem;
    overflow: auto;
}

.vertrieb-tooltip-report-label[b-ruin1r9e16] {
    display: block;
    font-size: 0.7rem;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.22rem;
}

.vertrieb-tooltip-report-text[b-ruin1r9e16] {
    white-space: normal;
}

.vertrieb-scheduler-tooltip-content[b-ruin1r9e16]  .dxbl-btn {
    align-self: flex-start;
    margin-top: 0.1rem;
}

.vertrieb-tooltip-actions[b-ruin1r9e16] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    flex-wrap: wrap;
}

.vertrieb-visit-popup-current[b-ruin1r9e16] {
    margin-bottom: 0.8rem;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    padding: 0.65rem 0.78rem;
    color: #f8fafc;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.vertrieb-visit-popup-current strong[b-ruin1r9e16] {
    font-size: 1.1rem;
    line-height: 1.15;
}

.vertrieb-visit-popup-current span[b-ruin1r9e16],
.vertrieb-visit-popup-current small[b-ruin1r9e16] {
    opacity: 0.95;
}

.vdm-empty-state[b-ruin1r9e16] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    text-align: center;
    padding: 1.6rem;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: var(--vdm-radius-card, 5px);
    background: var(--vdm-surface-card, #fff);
    box-shadow: var(--vdm-shadow-card, 0 1px 2px rgba(17, 24, 39, 0.06), 0 4px 10px rgba(17, 24, 39, 0.04));
}

.vdm-empty-state-icon[b-ruin1r9e16] {
    width: 92px;
    height: 92px;
    opacity: 0.78;
}

.vdm-empty-state-title[b-ruin1r9e16] {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--vdm-text-strong, #30343a);
}

.vdm-empty-state-text[b-ruin1r9e16] {
    max-width: 560px;
    color: var(--vdm-text-muted, #606873);
}

.entity-page[b-ruin1r9e16]  .vdm-btn-primary.dxbl-btn {
    background-color: var(--vdm-accent-green, #1f9d45);
    border-color: var(--vdm-accent-green, #1f9d45);
    color: #fff;
}

.entity-page[b-ruin1r9e16]  .vdm-btn-primary.dxbl-btn:hover,
.entity-page[b-ruin1r9e16]  .vdm-btn-primary.dxbl-btn:focus {
    background-color: var(--vdm-accent-green-hover, #18873a);
    border-color: var(--vdm-accent-green-hover, #18873a);
}

.protocol-editor-popup[b-ruin1r9e16]  .dxbl-popup-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(34, 197, 94, 0.04), transparent 22%),
        var(--dxds-color-surface-neutral-subtle-rest, var(--vdm-surface-app, #f3f4f6));
}

.protocol-editor-popup[b-ruin1r9e16]  .dxbl-popup-body > * {
    flex: 1 1 auto;
    min-height: 0;
}

.protocol-editor-popup[b-ruin1r9e16]  .dxbl-popup-content {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: clamp(620px, 80dvh, 840px) !important;
    height: clamp(620px, 80dvh, 840px) !important;
    max-height: clamp(620px, 80dvh, 840px) !important;
    overflow: hidden;
}

.protocol-editor-popup[b-ruin1r9e16]  .dxbl-popup-footer {
    border-top: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    background: var(--dxds-color-surface-neutral-default-rest, var(--vdm-surface-card, #fff));
}

.protocol-editor-popup[b-ruin1r9e16]  .dxbl-popup-footer > * {
    width: 100%;
}

.protocol-popup-footer-bar[b-ruin1r9e16] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.protocol-popup-footer-left[b-ruin1r9e16] {
    min-width: 0;
    flex: 1 1 auto;
}

.protocol-popup-footer-right[b-ruin1r9e16] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.protocol-popup-footer-left .route-action-row[b-ruin1r9e16] {
    justify-content: flex-start;
}

.protocol-editor-shell[b-ruin1r9e16] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    min-height: 0;
    height: 100%;
}

.protocol-editor-main[b-ruin1r9e16] {
    display: grid;
    grid-template-rows: auto auto auto auto minmax(0, 1fr) auto auto;
    gap: 0.85rem;
    min-height: 0;
    overflow: auto;
    padding: 1rem;
    background: var(--dxds-color-surface-neutral-default-rest, var(--vdm-surface-card, #fff));
    color: var(--dxds-color-content-neutral-default-rest, var(--vdm-text-strong, #30343a));
}

.protocol-editor-side[b-ruin1r9e16] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: 710px;
    height: 100%;
    overflow: hidden;
    padding: 1rem;
    border-left: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    background:
        linear-gradient(180deg, rgba(34, 197, 94, 0.1), transparent 28%),
        var(--dxds-color-surface-neutral-subtle-rest, var(--vdm-surface-app, #f3f4f6));
}

.protocol-editor-toolbar[b-ruin1r9e16] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    border-radius: 0.72rem;
    background:
        linear-gradient(90deg, rgba(22, 163, 74, 0.32) 0%, rgba(34, 197, 94, 0.2) 34%, rgba(255, 255, 255, 0.92) 72%),
        var(--dxds-color-surface-neutral-subtle-rest, rgba(255, 255, 255, 0.92));
}

.protocol-editor-toolbar .tb-icon[b-ruin1r9e16] {
    width: 15px;
    height: 15px;
}

.protocol-editor-toolbar strong[b-ruin1r9e16] {
    font-weight: 800;
}

.protocol-editor-subtitle[b-ruin1r9e16] {
    margin-left: auto;
    color: var(--vdm-text-muted, #606873);
    font-size: 0.95rem;
}

.protocol-editor-header[b-ruin1r9e16],
.protocol-editor-meta-grid[b-ruin1r9e16] {
    display: grid;
    gap: 0.72rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.protocol-editor-meta-grid[b-ruin1r9e16] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.protocol-editor-field[b-ruin1r9e16] {
    display: flex;
    flex-direction: column;
    
    min-width: 0;
}

.protocol-editor-field label[b-ruin1r9e16] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--vdm-text-muted, #606873);
}

.protocol-editor-field-wide[b-ruin1r9e16] {
    grid-column: 1 / -1;
}

.protocol-editor-report[b-ruin1r9e16]  .dxbl-memo {
    width: 100%;
}

.protocol-editor-navigation .route-action-row[b-ruin1r9e16] {
    padding-top: 0.15rem;
}

.protocol-link-placeholder[b-ruin1r9e16] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    border: 1px dashed rgba(148, 163, 184, 0.58);
    border-radius: 0.72rem;
    padding: 0.75rem;
    color: var(--vdm-text-muted, #606873);
    background: var(--vdm-surface-card-muted, #f8fafc);
}

.protocol-link-placeholder > div[b-ruin1r9e16] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.protocol-link-placeholder strong[b-ruin1r9e16] {
    color: var(--vdm-text-strong, #30343a);
}

.protocol-link-placeholder .tb-icon[b-ruin1r9e16] {
    color: var(--vdm-accent-green, #1f9d45);
}

.protocol-day-card[b-ruin1r9e16] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    flex: 1 1 auto;
    gap: 0.75rem;
    min-height: 0;
}

.protocol-day-card-header[b-ruin1r9e16] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.protocol-day-card-header span[b-ruin1r9e16],
.protocol-day-empty span[b-ruin1r9e16],
.protocol-day-item small[b-ruin1r9e16] {
    display: block;
    color: var(--vdm-text-muted, #6b7280);
    font-size: 0.76rem;
}

.protocol-day-item-meta[b-ruin1r9e16] {
    font-weight: 700;
    letter-spacing: 0.01em;
}

.protocol-day-card-header strong[b-ruin1r9e16] {
    display: block;
    color: var(--vdm-text-strong, #30343a);
    font-size: 1rem;
    line-height: 1.22;
}

.protocol-day-nav[b-ruin1r9e16] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.protocol-day-current[b-ruin1r9e16] {
    display: grid;
    gap: 0.15rem;
    padding: 0.75rem;
    border-radius: 0.75rem;
    color: #fff;
    background:
        radial-gradient(circle at 85% 10%, rgba(255, 255, 255, 0.3), transparent 30%),
        linear-gradient(135deg, #12863a, #21a553);
}

.protocol-day-current-time[b-ruin1r9e16] {
    font-size: 1.3rem;
    font-weight: 700;
}

.protocol-day-list[b-ruin1r9e16] {
    display: grid;
    gap: 0.5rem;
    min-height: 0;
    overflow: auto;
    padding-right: 0.18rem;
    align-content: start;
    grid-auto-rows: minmax(92px, max-content);
}

.protocol-day-item[b-ruin1r9e16],
.protocol-day-empty[b-ruin1r9e16] {
    display: grid;
    gap: 0.12rem;
    padding: 0.62rem 0.7rem;
    min-height: 92px;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    border-left: 4px solid var(--protocol-owner-color, #3b82f6);
    border-radius: 0.62rem;
    background: var(--dxds-color-surface-neutral-default-rest, var(--vdm-surface-card, #fff));
}

.protocol-day-item.protocol-status-geplant[b-ruin1r9e16] {
    background:
        linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(255, 255, 255, 0.98) 52%),
        var(--vdm-surface-card, #fff);
}

.protocol-day-item.protocol-status-durchgefuehrt[b-ruin1r9e16] {
    background:
        linear-gradient(135deg, rgba(22, 163, 74, 0.14), rgba(255, 255, 255, 0.98) 52%),
        var(--vdm-surface-card, #fff);
}

.protocol-day-item.protocol-status-abgesagt[b-ruin1r9e16],
.protocol-day-item.protocol-status-nicht_erfolgt[b-ruin1r9e16] {
    background:
        linear-gradient(135deg, rgba(220, 38, 38, 0.12), rgba(255, 255, 255, 0.98) 52%),
        var(--vdm-surface-card, #fff);
}

.protocol-day-item.protocol-status-offen[b-ruin1r9e16] {
    background:
        linear-gradient(135deg, rgba(2, 132, 199, 0.12), rgba(255, 255, 255, 0.98) 52%),
        var(--vdm-surface-card, #fff);
}

.protocol-day-item span[b-ruin1r9e16] {
    color: var(--protocol-owner-color, #2563eb);
    font-size: 0.78rem;
    font-weight: 750;
}

.protocol-day-item-head[b-ruin1r9e16] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
}

.protocol-day-item-objektbesuch-btn[b-ruin1r9e16] {
    --dxbl-btn-text-color: var(--protocol-owner-color, #2563eb);
}

.protocol-day-item-objektbesuch-btn[b-ruin1r9e16]  .dxbl-btn-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.protocol-day-item strong[b-ruin1r9e16] {
    color: var(--dxds-color-content-neutral-default-rest, var(--vdm-text-strong, #30343a));
    font-size: 0.9rem;
    line-height: 1.25;
}

.protocol-day-empty[b-ruin1r9e16] {
    align-self: start;
    border-left-color: var(--vdm-accent-green, #1f9d45);
    background:
        linear-gradient(135deg, rgba(34, 197, 94, 0.1), transparent 65%),
        var(--dxds-color-surface-neutral-subtle-rest, rgba(240, 253, 244, 0.72));
}

.protocol-day-scheduler[b-ruin1r9e16] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: auto;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    border-radius: 0.72rem;
    background: var(--dxds-color-surface-neutral-default-rest, var(--vdm-surface-card, #fff));
}

.protocol-mini-scheduler[b-ruin1r9e16] {
    min-height: 0;
    height: 100%;
}

.protocol-mini-scheduler[b-ruin1r9e16]  .dxbl-sc-apt {
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.protocol-mini-scheduler[b-ruin1r9e16]  .dxbl-sc-vertical-apt,
.protocol-mini-scheduler[b-ruin1r9e16]  .dxbl-sc-horizontal-apt {
    overflow: hidden !important;
}

.protocol-scheduler-appointment[b-ruin1r9e16] {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border-radius: 0.45rem;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: linear-gradient(135deg, rgba(241, 245, 249, 0.98), rgba(226, 232, 240, 0.92));
}

.protocol-scheduler-appointment-owner[b-ruin1r9e16] {
    flex: 0 0 6px;
}

.protocol-scheduler-appointment-content[b-ruin1r9e16] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.22rem 0.35rem 0.24rem 0.38rem;
    color: var(--dxds-color-content-neutral-default-rest, var(--vdm-text-strong, #30343a));
}

.protocol-scheduler-appointment-content strong[b-ruin1r9e16],
.protocol-scheduler-appointment-content span[b-ruin1r9e16],
.protocol-scheduler-appointment-content small[b-ruin1r9e16] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.protocol-scheduler-appointment-content strong[b-ruin1r9e16] {
    font-size: 0.76rem;
    font-weight: 800;
}

.protocol-scheduler-appointment-content span[b-ruin1r9e16] {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--protocol-owner-color, #2563eb);
}

.protocol-scheduler-appointment-content small[b-ruin1r9e16] {
    font-size: 0.66rem;
    color: var(--vdm-text-muted, #606873);
}

.protocol-scheduler-appointment-horizontal[b-ruin1r9e16] {
    min-height: 50px;
}

.protocol-scheduler-appointment-fallback[b-ruin1r9e16] {
    background:
        linear-gradient(135deg, rgba(30, 64, 175, 0.16), rgba(255, 255, 255, 0.98) 56%),
        var(--vdm-surface-card, #fff);
}

.protocol-scheduler-appointment.protocol-status-geplant[b-ruin1r9e16] {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.32), rgba(37, 99, 235, 0.16));
}

.protocol-scheduler-appointment.protocol-status-durchgefuehrt[b-ruin1r9e16] {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.34), rgba(22, 163, 74, 0.16));
}

.protocol-scheduler-appointment.protocol-status-abgesagt[b-ruin1r9e16] {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.34), rgba(220, 38, 38, 0.16));
}

.protocol-scheduler-appointment.protocol-status-nicht_erfolgt[b-ruin1r9e16] {
    background: linear-gradient(135deg, rgba(217, 119, 6, 0.34), rgba(217, 119, 6, 0.16));
}

.protocol-scheduler-appointment.protocol-status-offen[b-ruin1r9e16] {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.3), rgba(2, 132, 199, 0.15));
}

.protocol-editor-shell-dark[b-ruin1r9e16] {
    background:
        linear-gradient(180deg, rgba(20, 24, 28, 0.98), rgba(16, 18, 21, 0.98)),
        #181b1f !important;
}

.protocol-editor-toolbar-dark[b-ruin1r9e16] {
    border-color: rgba(255, 255, 255, 0.13) !important;
    background:
        radial-gradient(circle at 8% 10%, rgba(34, 197, 94, 0.55), transparent 36%),
        linear-gradient(95deg, rgba(15, 118, 110, 0.86) 0%, rgba(22, 163, 74, 0.54) 34%, rgba(30, 64, 96, 0.9) 62%, rgba(15, 23, 42, 0.96) 100%) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
}

.protocol-editor-toolbar-dark strong[b-ruin1r9e16],
.protocol-editor-toolbar-dark .protocol-editor-subtitle[b-ruin1r9e16] {
    color: #f3f6f9 !important;
}

.protocol-editor-toolbar-dark .protocol-editor-subtitle[b-ruin1r9e16] {
    color: rgba(241, 245, 249, 0.88) !important;
}

.protocol-link-placeholder-dark[b-ruin1r9e16] {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #c2c9d1 !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
}

.protocol-link-placeholder-dark strong[b-ruin1r9e16] {
    color: #f3f6f9 !important;
}

.protocol-link-placeholder-dark span[b-ruin1r9e16] {
    color: #c2c9d1 !important;
}

.protocol-editor-side-dark[b-ruin1r9e16] {
    border-left-color: rgba(148, 163, 184, 0.22) !important;
    background: radial-gradient(circle at 0% 12%, rgba(34, 197, 94, 0.14), transparent 26%), linear-gradient(180deg, rgba(20, 24, 28, 0.98), rgba(16, 18, 21, 1)), #1c1f23 !important;
    color: #f3f6f9 !important;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.04);
}

.protocol-editor-side-dark .protocol-day-card[b-ruin1r9e16] {
    --protocol-panel-strong: #f3f6f9;
    --protocol-panel-soft: #c2c9d1;
    background: transparent !important;
    color: #f3f6f9 !important;
}

.protocol-editor-side-dark .protocol-day-card-header[b-ruin1r9e16] {
    padding: 0.1rem 0.1rem 0.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.protocol-editor-side-dark .protocol-day-card-header span[b-ruin1r9e16],
.protocol-editor-side-dark .protocol-day-empty span[b-ruin1r9e16],
.protocol-editor-side-dark .protocol-day-item small[b-ruin1r9e16] {
    color: #c2c9d1 !important;
}

.protocol-editor-side-dark .protocol-day-card-header strong[b-ruin1r9e16],
.protocol-editor-side-dark .protocol-day-item strong[b-ruin1r9e16] {
    color: #f3f6f9 !important;
}

.protocol-editor-side-dark .protocol-day-scheduler[b-ruin1r9e16] {
    background: #1d2126 !important;
    background-color: #1d2126 !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

.protocol-editor-side-dark .protocol-day-list[b-ruin1r9e16] {
    scrollbar-color: rgba(148, 163, 184, 0.45) rgba(255, 255, 255, 0.03);
}

.protocol-editor-side-dark .protocol-day-item[b-ruin1r9e16],
.protocol-editor-side-dark .protocol-day-empty[b-ruin1r9e16] {
    border-color: rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.045) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

.protocol-editor-side-dark .protocol-day-item.protocol-status-geplant[b-ruin1r9e16] {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.3), rgba(15, 23, 42, 0.94) 58%), rgba(255, 255, 255, 0.045) !important;
}

.protocol-editor-side-dark .protocol-day-item.protocol-status-durchgefuehrt[b-ruin1r9e16] {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.32), rgba(15, 23, 42, 0.94) 58%), rgba(255, 255, 255, 0.045) !important;
}

.protocol-editor-side-dark .protocol-day-item.protocol-status-abgesagt[b-ruin1r9e16],
.protocol-editor-side-dark .protocol-day-item.protocol-status-nicht_erfolgt[b-ruin1r9e16] {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.3), rgba(15, 23, 42, 0.94) 58%), rgba(255, 255, 255, 0.045) !important;
}

.protocol-editor-side-dark .protocol-day-item.protocol-status-offen[b-ruin1r9e16] {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.3), rgba(15, 23, 42, 0.94) 58%), rgba(255, 255, 255, 0.045) !important;
}

.protocol-editor-side-dark .protocol-day-item span[b-ruin1r9e16] {
    color: #93c5fd !important;
}

.protocol-editor-side-dark .protocol-day-current[b-ruin1r9e16] {
    box-shadow: 0 16px 30px rgba(8, 47, 24, 0.34);
}

.protocol-editor-side-dark .protocol-scheduler-appointment[b-ruin1r9e16] {
    border-color: rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.72), rgba(2, 132, 199, 0.42));
}

.protocol-editor-side-dark .protocol-scheduler-appointment.protocol-status-geplant[b-ruin1r9e16] {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.72), rgba(37, 99, 235, 0.42));
}

.protocol-editor-side-dark .protocol-scheduler-appointment.protocol-status-durchgefuehrt[b-ruin1r9e16] {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.72), rgba(22, 163, 74, 0.42));
}

.protocol-editor-side-dark .protocol-scheduler-appointment.protocol-status-abgesagt[b-ruin1r9e16] {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.72), rgba(220, 38, 38, 0.42));
}

.protocol-editor-side-dark .protocol-scheduler-appointment.protocol-status-nicht_erfolgt[b-ruin1r9e16] {
    background: linear-gradient(135deg, rgba(217, 119, 6, 0.74), rgba(217, 119, 6, 0.44));
}

.protocol-editor-side-dark .protocol-scheduler-appointment.protocol-status-offen[b-ruin1r9e16] {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.74), rgba(2, 132, 199, 0.44));
}

.protocol-editor-side-dark .protocol-scheduler-appointment-content strong[b-ruin1r9e16],
.protocol-editor-side-dark .protocol-scheduler-appointment-content span[b-ruin1r9e16],
.protocol-editor-side-dark .protocol-scheduler-appointment-content small[b-ruin1r9e16] {
    color: #f3f6f9;
}

@media (max-width: 900px) {
    .protocol-editor-popup[b-ruin1r9e16]  .dxbl-popup-content {
        min-height: min(86dvh, 940px) !important;
        height: min(86dvh, 940px) !important;
        max-height: min(86dvh, 940px) !important;
    }

    .protocol-editor-shell[b-ruin1r9e16] {
        grid-template-columns: minmax(0, 1fr);
    }

    .protocol-editor-header[b-ruin1r9e16],
    .protocol-editor-meta-grid[b-ruin1r9e16] {
        grid-template-columns: minmax(0, 1fr);
    }

    .protocol-editor-side[b-ruin1r9e16] {
        border-left: 0;
        border-top: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    }

    .protocol-popup-footer-bar[b-ruin1r9e16] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.55rem;
    }

    .protocol-popup-footer-left[b-ruin1r9e16],
    .protocol-popup-footer-right[b-ruin1r9e16] {
        width: 100%;
    }

    .protocol-popup-footer-right[b-ruin1r9e16] {
        justify-content: flex-end;
    }
}
/* /Components/Pages/Vertrieb/Objektbesuch.razor.rz.scp.css */
.entity-page.objektbesuch-page[b-ttqysbbz1r] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 1rem;
}

.objektbesuch-title-row[b-ttqysbbz1r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.objektbesuch-sticky-header[b-ttqysbbz1r] {
    position: sticky;
    top: 8px;
    z-index: 40;
    background: var(--bs-body-bg);
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 12px;
    padding: 10px 12px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.objektbesuch-sticky-main[b-ttqysbbz1r] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.objektbesuch-sticky-caption[b-ttqysbbz1r] {
    color: #64748b;
    font-size: 0.8rem;
}

.objektbesuch-sticky-subline[b-ttqysbbz1r] {
    color: #64748b;
    font-size: 0.74rem;
    line-height: 1.2;
    margin-top: 2px;
}

.objektbesuch-progress-jump[b-ttqysbbz1r] {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    text-align: left;
    color: inherit;
    cursor: pointer;
}

.objektbesuch-progress-jump:hover .objektbesuch-sticky-caption[b-ttqysbbz1r],
.objektbesuch-progress-jump:focus-visible .objektbesuch-sticky-caption[b-ttqysbbz1r] {
    color: #2563eb;
}

.objektbesuch-progress-jump:focus-visible[b-ttqysbbz1r] {
    outline: 2px solid rgba(37, 99, 235, 0.45);
    outline-offset: 4px;
    border-radius: 8px;
}

.objektbesuch-sticky-actions[b-ttqysbbz1r] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.objektbesuch-auto-advance-toggle[b-ttqysbbz1r] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: #475569;
    padding: 2px 6px;
    border-radius: 8px;
    border: 1px solid rgba(148, 163, 184, 0.3);
    background: rgba(248, 250, 252, 0.8);
}

.objektbesuch-auto-advance-toggle input[b-ttqysbbz1r] {
    margin: 0;
}

.objektbesuch-sync-state[b-ttqysbbz1r] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 0.74rem;
    padding: 2px 10px;
    border: 1px solid transparent;
}

.objektbesuch-sync-state.pending[b-ttqysbbz1r] {
    color: #9a3412;
    background: #ffedd5;
    border-color: #fdba74;
}

.objektbesuch-sync-state.ok[b-ttqysbbz1r] {
    color: #166534;
    background: #dcfce7;
    border-color: #86efac;
}

.objektbesuch-sync-state.online[b-ttqysbbz1r] {
    color: #14532d;
    background: #dcfce7;
    border-color: #86efac;
}

.objektbesuch-sync-state.offline[b-ttqysbbz1r] {
    color: #991b1b;
    background: #fee2e2;
    border-color: #fca5a5;
}

.objektbesuch-progress-track[b-ttqysbbz1r] {
    margin-top: 8px;
    width: 100%;
    height: 8px;
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
}

.objektbesuch-progress-fill[b-ttqysbbz1r] {
    height: 100%;
    background: linear-gradient(90deg, #2563eb, #0ea5e9);
}

.objektbesuch-context[b-ttqysbbz1r] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 0.9rem;
    color: #334155;
}

.objektbesuch-einrichtung-card[b-ttqysbbz1r] {
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 12px;
    background: #fff;
    padding: 10px 12px;
    display: grid;
    gap: 8px;
}

.objektbesuch-legend[b-ttqysbbz1r] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    align-items: center;
    font-size: 0.82rem;
    color: #475569;
    border: 1px dashed rgba(148, 163, 184, 0.45);
    border-radius: 10px;
    background: rgba(248, 250, 252, 0.92);
    padding: 8px 10px;
}

.objektbesuch-legend span[b-ttqysbbz1r] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.objektbesuch-accordion[b-ttqysbbz1r] {
    display: grid;
    gap: 10px;
}

.objektbesuch-accordion[b-ttqysbbz1r]  .dxbl-accordion-item {
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

.objektbesuch-accordion[b-ttqysbbz1r]  .dxbl-accordion-item-header {
    padding: 0;
    border: 0;
    background: transparent;
}

.objektbesuch-accordion[b-ttqysbbz1r]  .dxbl-accordion-item-content {
    padding: 0;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
}

.objektbesuch-accordion-header[b-ttqysbbz1r] {
    width: 100%;
    background: rgba(248, 250, 252, 0.9);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    font-weight: 600;
    text-align: left;
    min-height: 50px;
    line-height: 1.25;
    color: #0f172a;
}

.objektbesuch-accordion-title[b-ttqysbbz1r] {
    flex: 1 1 auto;
    min-width: 0;
    white-space: normal;
    word-break: break-word;
}

.objektbesuch-accordion-title-wrap[b-ttqysbbz1r] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
}

.objektbesuch-category-icon[b-ttqysbbz1r] {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    background: center / 16px 16px no-repeat url('/images/BO_Note.svg');
    opacity: 0.9;
}

.objektbesuch-accordion-meta[b-ttqysbbz1r] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.84rem;
    flex: 0 0 auto;
}

.objektbesuch-category-complete-chip[b-ttqysbbz1r] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 0.75rem;
    color: #166534;
    background: #dcfce7;
    border: 1px solid #86efac;
}

.objektbesuch-accordion-body[b-ttqysbbz1r] {
    display: grid;
    gap: 10px;
    padding: 10px 12px 12px;
    min-height: 0;
    max-height: none;
    overflow: visible;
}

.objektbesuch-category-complete-row[b-ttqysbbz1r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 1px dashed rgba(22, 163, 74, 0.35);
    border-radius: 8px;
    padding: 8px 10px;
    background: rgba(220, 252, 231, 0.45);
    color: #166534;
    font-size: 0.85rem;
}

.objektbesuch-item-card[b-ttqysbbz1r] {
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 10px;
    padding: 10px;
    background: #fff;
    display: grid;
    gap: 8px;
    align-content: start;
}

.objektbesuch-item-card.is-focus-target[b-ttqysbbz1r] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
    animation: objektbesuch-focus-pulse-b-ttqysbbz1r 1.1s ease-in-out 2;
}

@keyframes objektbesuch-focus-pulse-b-ttqysbbz1r {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.32);
    }
    100% {
        box-shadow: 0 0 0 8px rgba(37, 99, 235, 0);
    }
}

.objektbesuch-item-head[b-ttqysbbz1r] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.objektbesuch-item-title[b-ttqysbbz1r] {
    font-weight: 500;
    font-size: 0.95rem;
    letter-spacing: 0.01em;
    line-height: 1.35;
    color: #1f2937;
}

.objektbesuch-item-title-row[b-ttqysbbz1r] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.objektbesuch-item-title-wrap[b-ttqysbbz1r] {
    min-width: 0;
}

.objektbesuch-item-icon[b-ttqysbbz1r] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    flex: 0 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border: 1px solid transparent;
}

.objektbesuch-item-icon-answered[b-ttqysbbz1r] {
    background-color: #dcfce7;
    border-color: #86efac;
    background-image: url('/images/BO_Note.svg');
}

.objektbesuch-item-icon-pending[b-ttqysbbz1r] {
    background-color: #e2e8f0;
    border-color: #cbd5e1;
    background-image: url('/images/quest.svg');
}

.objektbesuch-item-subtitle[b-ttqysbbz1r] {
    font-size: 0.77rem;
    color: #64748b;
    letter-spacing: 0.015em;
}

.objektbesuch-item-actions[b-ttqysbbz1r] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.objektbesuch-choice-btn.is-selected.is-done[b-ttqysbbz1r] {
    background: #16a34a;
    border-color: #16a34a;
    color: #fff;
    box-shadow: 0 0 0 1px rgba(22, 163, 74, 0.35) inset;
}

.objektbesuch-choice-btn.is-selected.is-not-done[b-ttqysbbz1r] {
    background: #dc2626;
    border-color: #dc2626;
    color: #fff;
    box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.35) inset;
}

.objektbesuch-item-hints[b-ttqysbbz1r] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.objektbesuch-page[b-ttqysbbz1r]  .objektbesuch-btn-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
}

.objektbesuch-page[b-ttqysbbz1r]  .objektbesuch-btn-icon-info {
    background-image: url('/images/State_Validation_Information.svg');
}

.objektbesuch-page[b-ttqysbbz1r]  .objektbesuch-btn-icon-warning {
    background-image: url('/images/State_Validation_Warning.svg');
}

.objektbesuch-page[b-ttqysbbz1r]  .objektbesuch-btn-icon-delete {
    background-image: url('/images/Action_Delete.svg');
}

.objektbesuch-decision-badge[b-ttqysbbz1r] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
    border: 1px solid rgba(148, 163, 184, 0.45);
    background: #fff;
    color: #64748b;
}

.objektbesuch-decision-badge.done[b-ttqysbbz1r] {
    background: #16a34a;
    border-color: #16a34a;
    color: #fff;
}

.objektbesuch-decision-badge.not-done[b-ttqysbbz1r] {
    background: #dc2626;
    border-color: #dc2626;
    color: #fff;
}

.objektbesuch-warning-dot[b-ttqysbbz1r],
.objektbesuch-hint-dot[b-ttqysbbz1r] {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    display: inline-block;
}

.objektbesuch-warning-dot.red[b-ttqysbbz1r],
.objektbesuch-hint-dot.red[b-ttqysbbz1r] {
    background: #dc2626;
}

.objektbesuch-warning-dot.yellow[b-ttqysbbz1r],
.objektbesuch-hint-dot.yellow[b-ttqysbbz1r] {
    background: #eab308;
}

.objektbesuch-warning-dot.green[b-ttqysbbz1r],
.objektbesuch-hint-dot.green[b-ttqysbbz1r] {
    background: #16a34a;
}

.objektbesuch-hint-dot.neutral[b-ttqysbbz1r] {
    background: #94a3b8;
}

.objektbesuch-remark-input[b-ttqysbbz1r] {
    font-size: 0.9rem;
}

.objektbesuch-validation[b-ttqysbbz1r] {
    color: #b91c1c;
    font-size: 0.8rem;
}

.objektbesuch-signatures[b-ttqysbbz1r] {
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 12px;
    padding: 12px;
    background: #fff;
}

.objektbesuch-signatures h3[b-ttqysbbz1r] {
    margin: 0 0 10px;
    font-size: 1rem;
}

.objektbesuch-signature-grid[b-ttqysbbz1r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 10px;
}

.objektbesuch-signature-card[b-ttqysbbz1r] {
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 10px;
    padding: 10px;
    display: grid;
    gap: 8px;
}

.objektbesuch-signature-title[b-ttqysbbz1r] {
    font-weight: 600;
}

.objektbesuch-signature-canvas[b-ttqysbbz1r] {
    --signature-pen-color: #0f172a;
    width: 100%;
    min-height: 140px;
    border: 1px dashed #94a3b8;
    border-radius: 8px;
    background: #fff;
    touch-action: none;
}

.objektbesuch-footer[b-ttqysbbz1r] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.objektbesuch-popup-content[b-ttqysbbz1r] {
    display: grid;
    gap: 10px;
}

.objektbesuch-popup-meta[b-ttqysbbz1r] {
    color: #64748b;
    font-size: 0.85rem;
}

.objektbesuch-popup-remark[b-ttqysbbz1r] {
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 8px;
    padding: 10px;
    background: #f8fafc;
    white-space: pre-wrap;
}

.objektbesuch-popup-actions[b-ttqysbbz1r] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 820px) {
    .objektbesuch-sticky-header[b-ttqysbbz1r] {
        top: 0;
    }
}

.vdm-theme-dark .objektbesuch-page[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-page[b-ttqysbbz1r],
.dark-mode .objektbesuch-page[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-page[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-page[b-ttqysbbz1r] {
    background: #0c131b;
    color: #e5e7eb;
}

.vdm-theme-dark .objektbesuch-sticky-header[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-sticky-header[b-ttqysbbz1r],
.dark-mode .objektbesuch-sticky-header[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-sticky-header[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-sticky-header[b-ttqysbbz1r],
.vdm-theme-dark .objektbesuch-einrichtung-card[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-einrichtung-card[b-ttqysbbz1r],
.dark-mode .objektbesuch-einrichtung-card[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-einrichtung-card[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-einrichtung-card[b-ttqysbbz1r],
.vdm-theme-dark .objektbesuch-accordion .dxbl-accordion-item[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-accordion .dxbl-accordion-item[b-ttqysbbz1r],
.dark-mode .objektbesuch-accordion .dxbl-accordion-item[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-accordion .dxbl-accordion-item[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-accordion .dxbl-accordion-item[b-ttqysbbz1r],
.vdm-theme-dark .objektbesuch-item-card[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-item-card[b-ttqysbbz1r],
.dark-mode .objektbesuch-item-card[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-item-card[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-item-card[b-ttqysbbz1r],
.vdm-theme-dark .objektbesuch-signatures[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-signatures[b-ttqysbbz1r],
.dark-mode .objektbesuch-signatures[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-signatures[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-signatures[b-ttqysbbz1r],
.vdm-theme-dark .objektbesuch-signature-card[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-signature-card[b-ttqysbbz1r],
.dark-mode .objektbesuch-signature-card[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-signature-card[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-signature-card[b-ttqysbbz1r] {
    background: #17202b;
    border-color: rgba(148, 163, 184, 0.35);
    color: #e5e7eb;
}

.vdm-theme-dark .objektbesuch-accordion-header[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-accordion-header[b-ttqysbbz1r],
.dark-mode .objektbesuch-accordion-header[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-accordion-header[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-accordion-header[b-ttqysbbz1r],
.vdm-theme-dark .objektbesuch-accordion .dxbl-accordion-item-header[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-accordion .dxbl-accordion-item-header[b-ttqysbbz1r],
.dark-mode .objektbesuch-accordion .dxbl-accordion-item-header[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-accordion .dxbl-accordion-item-header[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-accordion .dxbl-accordion-item-header[b-ttqysbbz1r] {
    background: rgba(30, 41, 59, 0.8);
    color: #f8fafc;
}

.vdm-theme-dark .objektbesuch-accordion .dxbl-accordion-item-content[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-accordion .dxbl-accordion-item-content[b-ttqysbbz1r],
.dark-mode .objektbesuch-accordion .dxbl-accordion-item-content[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-accordion .dxbl-accordion-item-content[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-accordion .dxbl-accordion-item-content[b-ttqysbbz1r] {
    border-top-color: rgba(148, 163, 184, 0.35);
}

.vdm-theme-dark .objektbesuch-item-title[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-item-title[b-ttqysbbz1r],
.dark-mode .objektbesuch-item-title[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-item-title[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-item-title[b-ttqysbbz1r] {
    color: #f8fafc;
}

.vdm-theme-dark .objektbesuch-category-icon[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-category-icon[b-ttqysbbz1r],
.dark-mode .objektbesuch-category-icon[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-category-icon[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-category-icon[b-ttqysbbz1r] {
    filter: brightness(1.25);
}

.vdm-theme-dark .objektbesuch-item-subtitle[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-item-subtitle[b-ttqysbbz1r],
.vdm-theme-dark .objektbesuch-context[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-context[b-ttqysbbz1r],
.dark-mode .objektbesuch-item-subtitle[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-item-subtitle[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-item-subtitle[b-ttqysbbz1r],
.dark-mode .objektbesuch-context[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-context[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-context[b-ttqysbbz1r] {
    color: #cbd5e1;
}

.vdm-theme-dark .objektbesuch-auto-advance-toggle[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-auto-advance-toggle[b-ttqysbbz1r],
.dark-mode .objektbesuch-auto-advance-toggle[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-auto-advance-toggle[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-auto-advance-toggle[b-ttqysbbz1r] {
    color: #d1d5db;
    border-color: rgba(148, 163, 184, 0.45);
    background: rgba(15, 23, 42, 0.6);
}

.vdm-theme-dark .objektbesuch-legend[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-legend[b-ttqysbbz1r],
.dark-mode .objektbesuch-legend[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-legend[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-legend[b-ttqysbbz1r] {
    background: rgba(30, 41, 59, 0.72);
    border-color: rgba(148, 163, 184, 0.45);
    color: #e2e8f0;
}

.vdm-theme-dark .objektbesuch-category-complete-chip[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-category-complete-chip[b-ttqysbbz1r],
.dark-mode .objektbesuch-category-complete-chip[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-category-complete-chip[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-category-complete-chip[b-ttqysbbz1r] {
    color: #86efac;
    background: rgba(22, 101, 52, 0.35);
    border-color: rgba(134, 239, 172, 0.45);
}

.vdm-theme-dark .objektbesuch-category-complete-row[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-category-complete-row[b-ttqysbbz1r],
.dark-mode .objektbesuch-category-complete-row[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-category-complete-row[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-category-complete-row[b-ttqysbbz1r] {
    color: #86efac;
    background: rgba(22, 101, 52, 0.28);
    border-color: rgba(134, 239, 172, 0.35);
}

.vdm-theme-dark .objektbesuch-remark-input[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-remark-input[b-ttqysbbz1r],
.dark-mode .objektbesuch-remark-input[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-remark-input[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-remark-input[b-ttqysbbz1r],
.vdm-theme-dark .objektbesuch-signature-canvas[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-signature-canvas[b-ttqysbbz1r],
.dark-mode .objektbesuch-signature-canvas[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-signature-canvas[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-signature-canvas[b-ttqysbbz1r] {
    --signature-pen-color: #f8fafc;
    background: #0f172a;
    color: #e5e7eb;
    border-color: rgba(148, 163, 184, 0.55);
}

.vdm-theme-dark .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-text-edit,
[data-vdm-theme="dark"] .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-text-edit,
.dark-mode .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-text-edit,
.dxbl-fluent-dark .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-text-edit,
[data-bs-theme="dark"] .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-text-edit,
.vdm-theme-dark .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-btn-edit,
[data-vdm-theme="dark"] .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-btn-edit,
.dark-mode .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-btn-edit,
.dxbl-fluent-dark .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-btn-edit,
[data-bs-theme="dark"] .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-btn-edit,
.vdm-theme-dark .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-text-edit-input,
[data-vdm-theme="dark"] .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-text-edit-input,
.dark-mode .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-text-edit-input,
.dxbl-fluent-dark .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-text-edit-input,
[data-bs-theme="dark"] .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-text-edit-input {
    background: #0f172a;
    color: #e5e7eb;
    border-color: rgba(148, 163, 184, 0.55);
}

.vdm-theme-dark .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-text-edit-input::placeholder,
[data-vdm-theme="dark"] .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-text-edit-input::placeholder,
.dark-mode .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-text-edit-input::placeholder,
.dxbl-fluent-dark .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-text-edit-input::placeholder,
[data-bs-theme="dark"] .objektbesuch-signature-card[b-ttqysbbz1r]  .dxbl-text-edit-input::placeholder {
    color: #94a3b8;
}

.vdm-theme-dark .objektbesuch-popup-remark[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-popup-remark[b-ttqysbbz1r],
.dark-mode .objektbesuch-popup-remark[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-popup-remark[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-popup-remark[b-ttqysbbz1r] {
    background: rgba(15, 23, 42, 0.75);
    border-color: rgba(148, 163, 184, 0.5);
    color: #e2e8f0;
}

.vdm-theme-dark .objektbesuch-decision-badge.pending[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-decision-badge.pending[b-ttqysbbz1r],
.dark-mode .objektbesuch-decision-badge.pending[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-decision-badge.pending[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-decision-badge.pending[b-ttqysbbz1r] {
    background: #0f172a;
    color: #94a3b8;
    border-color: rgba(148, 163, 184, 0.45);
}

.vdm-theme-dark .objektbesuch-item-card.is-focus-target[b-ttqysbbz1r],
[data-vdm-theme="dark"] .objektbesuch-item-card.is-focus-target[b-ttqysbbz1r],
.dark-mode .objektbesuch-item-card.is-focus-target[b-ttqysbbz1r],
.dxbl-fluent-dark .objektbesuch-item-card.is-focus-target[b-ttqysbbz1r],
[data-bs-theme="dark"] .objektbesuch-item-card.is-focus-target[b-ttqysbbz1r] {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.28);
}

/* /Components/Pages/Vertrieb/Shared/VisitProtocolEditorPopup.razor.rz.scp.css */
.protocol-editor-popup[b-y1fah0vtw3]  .dxbl-popup-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(34, 197, 94, 0.04), transparent 22%),
        var(--dxds-color-surface-neutral-subtle-rest, var(--vdm-surface-app, #f3f4f6));
}

.protocol-editor-popup[b-y1fah0vtw3]  .dxbl-popup-body > * {
    flex: 1 1 auto;
    min-height: 0;
}

.protocol-editor-popup[b-y1fah0vtw3]  .dxbl-popup-content {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: clamp(620px, 80dvh, 840px) !important;
    height: clamp(620px, 80dvh, 840px) !important;
    max-height: clamp(620px, 80dvh, 840px) !important;
    overflow: hidden;
}

.protocol-editor-popup[b-y1fah0vtw3]  .dxbl-popup-footer {
    border-top: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    background: var(--dxds-color-surface-neutral-default-rest, var(--vdm-surface-card, #fff));
}

.protocol-editor-popup[b-y1fah0vtw3]  .dxbl-popup-footer > * {
    width: 100%;
}

.protocol-popup-footer-bar[b-y1fah0vtw3] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.protocol-popup-footer-left[b-y1fah0vtw3] {
    min-width: 0;
    flex: 1 1 auto;
}

.protocol-popup-footer-right[b-y1fah0vtw3] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.protocol-popup-footer-left .route-action-row[b-y1fah0vtw3] {
    justify-content: flex-start;
}

.protocol-editor-shell[b-y1fah0vtw3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    min-height: 0;
    height: 100%;
}

.protocol-editor-main[b-y1fah0vtw3] {
    display: grid;
    grid-template-rows: auto auto auto auto minmax(0, 1fr) auto auto;
    gap: 0.85rem;
    min-height: 0;
    overflow: auto;
    padding: 1rem;
    background: var(--dxds-color-surface-neutral-default-rest, var(--vdm-surface-card, #fff));
    color: var(--dxds-color-content-neutral-default-rest, var(--vdm-text-strong, #30343a));
}

.protocol-editor-side[b-y1fah0vtw3] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: 710px;
    height: 100%;
    overflow: hidden;
    padding: 1rem;
    border-left: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    background:
        linear-gradient(180deg, rgba(34, 197, 94, 0.1), transparent 28%),
        var(--dxds-color-surface-neutral-subtle-rest, var(--vdm-surface-app, #f3f4f6));
}

.protocol-editor-toolbar[b-y1fah0vtw3] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    border-radius: 0.72rem;
    background:
        linear-gradient(90deg, rgba(22, 163, 74, 0.32) 0%, rgba(34, 197, 94, 0.2) 34%, rgba(255, 255, 255, 0.92) 72%),
        var(--dxds-color-surface-neutral-subtle-rest, rgba(255, 255, 255, 0.92));
}

.protocol-editor-toolbar .tb-icon[b-y1fah0vtw3] {
    width: 15px;
    height: 15px;
}

.protocol-editor-toolbar strong[b-y1fah0vtw3] {
    font-weight: 800;
}

.protocol-editor-subtitle[b-y1fah0vtw3] {
    margin-left: auto;
    color: var(--vdm-text-muted, #606873);
    font-size: 0.95rem;
}

.protocol-editor-header[b-y1fah0vtw3],
.protocol-editor-meta-grid[b-y1fah0vtw3] {
    display: grid;
    gap: 0.72rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.protocol-editor-meta-grid[b-y1fah0vtw3] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.protocol-editor-field[b-y1fah0vtw3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.protocol-editor-field label[b-y1fah0vtw3] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--vdm-text-muted, #606873);
}

.protocol-editor-field-wide[b-y1fah0vtw3] {
    grid-column: 1 / -1;
}

.protocol-editor-report[b-y1fah0vtw3]  .dxbl-memo {
    width: 100%;
}

.protocol-editor-navigation .route-action-row[b-y1fah0vtw3] {
    padding-top: 0.15rem;
}

.protocol-link-placeholder[b-y1fah0vtw3] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    border: 1px dashed rgba(148, 163, 184, 0.58);
    border-radius: 0.72rem;
    padding: 0.75rem;
    color: var(--vdm-text-muted, #606873);
    background: var(--vdm-surface-card-muted, #f8fafc);
}

.protocol-link-placeholder > div[b-y1fah0vtw3] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.protocol-link-placeholder strong[b-y1fah0vtw3] {
    color: var(--vdm-text-strong, #30343a);
}

.protocol-link-placeholder .tb-icon[b-y1fah0vtw3] {
    color: var(--vdm-accent-green, #1f9d45);
}

.protocol-day-card[b-y1fah0vtw3] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    flex: 1 1 auto;
    gap: 0.75rem;
    min-height: 0;
}

.protocol-day-card-header[b-y1fah0vtw3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.protocol-day-card-header span[b-y1fah0vtw3],
.protocol-day-empty span[b-y1fah0vtw3],
.protocol-day-item small[b-y1fah0vtw3] {
    display: block;
    color: var(--vdm-text-muted, #6b7280);
    font-size: 0.76rem;
}

.protocol-day-card-header strong[b-y1fah0vtw3] {
    display: block;
    color: var(--vdm-text-strong, #30343a);
    font-size: 1rem;
    line-height: 1.22;
}

.protocol-day-nav[b-y1fah0vtw3] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.protocol-day-current[b-y1fah0vtw3] {
    display: grid;
    gap: 0.15rem;
    padding: 0.75rem;
    border-radius: 0.75rem;
    color: #fff;
    background:
        radial-gradient(circle at 85% 10%, rgba(255, 255, 255, 0.3), transparent 30%),
        linear-gradient(135deg, #12863a, #21a553);
}

.protocol-day-current-time[b-y1fah0vtw3] {
    font-size: 1.3rem;
    font-weight: 700;
}

.protocol-day-list[b-y1fah0vtw3] {
    display: grid;
    gap: 0.5rem;
    min-height: 0;
    overflow: auto;
    padding-right: 0.18rem;
    align-content: start;
    grid-auto-rows: max-content;
}

.protocol-day-item[b-y1fah0vtw3],
.protocol-day-empty[b-y1fah0vtw3] {
    display: grid;
    gap: 0.12rem;
    padding: 0.62rem 0.7rem;
    min-height: 0;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    border-left: 4px solid var(--protocol-owner-color, #3b82f6);
    border-radius: 0.62rem;
    background: var(--dxds-color-surface-neutral-default-rest, var(--vdm-surface-card, #fff));
}

.protocol-day-item.protocol-status-geplant[b-y1fah0vtw3] {
    background:
        linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(255, 255, 255, 0.98) 52%),
        var(--vdm-surface-card, #fff);
}

.protocol-day-item.protocol-status-durchgefuehrt[b-y1fah0vtw3] {
    background:
        linear-gradient(135deg, rgba(22, 163, 74, 0.14), rgba(255, 255, 255, 0.98) 52%),
        var(--vdm-surface-card, #fff);
}

.protocol-day-item.protocol-status-abgesagt[b-y1fah0vtw3],
.protocol-day-item.protocol-status-nicht_erfolgt[b-y1fah0vtw3] {
    background:
        linear-gradient(135deg, rgba(220, 38, 38, 0.12), rgba(255, 255, 255, 0.98) 52%),
        var(--vdm-surface-card, #fff);
}

.protocol-day-item.protocol-status-offen[b-y1fah0vtw3] {
    background:
        linear-gradient(135deg, rgba(2, 132, 199, 0.12), rgba(255, 255, 255, 0.98) 52%),
        var(--vdm-surface-card, #fff);
}

.protocol-day-item span[b-y1fah0vtw3] {
    color: var(--protocol-owner-color, #2563eb);
    font-size: 0.78rem;
    font-weight: 750;
}

.protocol-day-item-head[b-y1fah0vtw3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
}

.protocol-day-item-objektbesuch-btn[b-y1fah0vtw3] {
    --dxbl-btn-text-color: var(--protocol-owner-color, #2563eb);
}

.protocol-day-item-route-btn[b-y1fah0vtw3] {
    --dxbl-btn-text-color: var(--protocol-owner-color, #2563eb);
}

.protocol-day-item-actions[b-y1fah0vtw3] {
    display: inline-flex;
    align-items: center;
    gap: 0.1rem;
}

.protocol-day-item-objektbesuch-btn[b-y1fah0vtw3]  .dxbl-btn-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.protocol-day-item strong[b-y1fah0vtw3] {
    color: var(--dxds-color-content-neutral-default-rest, var(--vdm-text-strong, #30343a));
    font-size: 0.9rem;
    line-height: 1.25;
    white-space: normal;
    word-break: break-word;
}

.protocol-day-item-meta[b-y1fah0vtw3] {
    font-weight: 700;
    letter-spacing: 0.01em;
}

.protocol-day-empty[b-y1fah0vtw3] {
    align-self: start;
    border-left-color: var(--vdm-accent-green, #1f9d45);
    background:
        linear-gradient(135deg, rgba(34, 197, 94, 0.1), transparent 65%),
        var(--dxds-color-surface-neutral-subtle-rest, rgba(240, 253, 244, 0.72));
}

.protocol-day-scheduler[b-y1fah0vtw3] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: auto;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    border-radius: 0.72rem;
    background: var(--dxds-color-surface-neutral-default-rest, var(--vdm-surface-card, #fff));
}

.protocol-mini-scheduler[b-y1fah0vtw3] {
    min-height: 0;
    height: 100%;
}

.protocol-mini-scheduler[b-y1fah0vtw3]  .dxbl-sc-apt {
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.protocol-mini-scheduler[b-y1fah0vtw3]  .dxbl-sc-vertical-apt,
.protocol-mini-scheduler[b-y1fah0vtw3]  .dxbl-sc-horizontal-apt {
    overflow: hidden !important;
}

.protocol-scheduler-appointment[b-y1fah0vtw3] {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border-radius: 0.45rem;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: linear-gradient(135deg, rgba(241, 245, 249, 0.98), rgba(226, 232, 240, 0.92));
}

.protocol-scheduler-appointment-owner[b-y1fah0vtw3] {
    flex: 0 0 6px;
}

.protocol-scheduler-appointment-content[b-y1fah0vtw3] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.22rem 0.35rem 0.24rem 0.38rem;
    color: var(--dxds-color-content-neutral-default-rest, var(--vdm-text-strong, #30343a));
}

.protocol-scheduler-appointment-content strong[b-y1fah0vtw3],
.protocol-scheduler-appointment-content span[b-y1fah0vtw3],
.protocol-scheduler-appointment-content small[b-y1fah0vtw3] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.protocol-scheduler-appointment-content strong[b-y1fah0vtw3] {
    font-size: 0.76rem;
    font-weight: 800;
}

.protocol-scheduler-appointment-content span[b-y1fah0vtw3] {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--protocol-owner-color, #2563eb);
}

.protocol-scheduler-appointment-content small[b-y1fah0vtw3] {
    font-size: 0.66rem;
    color: var(--vdm-text-muted, #606873);
}

.protocol-appointment-badges[b-y1fah0vtw3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.protocol-appointment-badge[b-y1fah0vtw3] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.06rem 0.45rem;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1.25;
    border: 1px solid transparent;
}

.protocol-appointment-badge-category[b-y1fah0vtw3] {
    background: rgba(15, 23, 42, 0.12);
    color: #0f172a;
    border-color: rgba(51, 65, 85, 0.2);
}

.protocol-appointment-badge-status.protocol-status-geplant[b-y1fah0vtw3] {
    background: rgba(37, 99, 235, 0.2);
    color: #1d4ed8;
    border-color: rgba(37, 99, 235, 0.36);
}

.protocol-appointment-badge-status.protocol-status-durchgefuehrt[b-y1fah0vtw3] {
    background: rgba(22, 163, 74, 0.2);
    color: #15803d;
    border-color: rgba(22, 163, 74, 0.38);
}

.protocol-appointment-badge-status.protocol-status-abgesagt[b-y1fah0vtw3],
.protocol-appointment-badge-status.protocol-status-nicht_erfolgt[b-y1fah0vtw3] {
    background: rgba(220, 38, 38, 0.2);
    color: #b91c1c;
    border-color: rgba(220, 38, 38, 0.38);
}

.protocol-appointment-badge-status.protocol-status-offen[b-y1fah0vtw3] {
    background: rgba(2, 132, 199, 0.2);
    color: #0369a1;
    border-color: rgba(2, 132, 199, 0.38);
}

.protocol-category-besuch[b-y1fah0vtw3] {
    background: rgba(30, 64, 175, 0.18);
    color: #1e40af;
    border-color: rgba(30, 64, 175, 0.36);
}

.protocol-category-telefon[b-y1fah0vtw3] {
    background: rgba(124, 58, 237, 0.16);
    color: #6d28d9;
    border-color: rgba(124, 58, 237, 0.36);
}

.protocol-category-email[b-y1fah0vtw3] {
    background: rgba(13, 148, 136, 0.18);
    color: #0f766e;
    border-color: rgba(13, 148, 136, 0.36);
}

.protocol-category-beschwerde[b-y1fah0vtw3] {
    background: rgba(202, 138, 4, 0.18);
    color: #92400e;
    border-color: rgba(202, 138, 4, 0.36);
}

.protocol-appointment-report[b-y1fah0vtw3] {
    font-size: 0.68rem;
    line-height: 1.28;
    color: var(--vdm-text-muted, #606873);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.protocol-scheduler-appointment-horizontal[b-y1fah0vtw3] {
    min-height: 50px;
}

.protocol-scheduler-appointment-fallback[b-y1fah0vtw3] {
    background:
        linear-gradient(135deg, rgba(30, 64, 175, 0.16), rgba(255, 255, 255, 0.98) 56%),
        var(--vdm-surface-card, #fff);
}

.protocol-scheduler-appointment.protocol-status-geplant[b-y1fah0vtw3] {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.32), rgba(37, 99, 235, 0.16));
}

.protocol-scheduler-appointment.protocol-status-durchgefuehrt[b-y1fah0vtw3] {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.34), rgba(22, 163, 74, 0.16));
}

.protocol-scheduler-appointment.protocol-status-abgesagt[b-y1fah0vtw3] {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.34), rgba(220, 38, 38, 0.16));
}

.protocol-scheduler-appointment.protocol-status-nicht_erfolgt[b-y1fah0vtw3] {
    background: linear-gradient(135deg, rgba(217, 119, 6, 0.34), rgba(217, 119, 6, 0.16));
}

.protocol-scheduler-appointment.protocol-status-offen[b-y1fah0vtw3] {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.3), rgba(2, 132, 199, 0.15));
}

.vertrieb-scheduler-tooltip[b-y1fah0vtw3] {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    color: #1f2937;
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

.vertrieb-tooltip-header-text[b-y1fah0vtw3] {
    margin-right: auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.2;
}

.vertrieb-scheduler-tooltip-owner[b-y1fah0vtw3] {
    flex: 0 0 4px;
    border-radius: 4px;
}

.vertrieb-scheduler-tooltip-content[b-y1fah0vtw3] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.2rem 0.05rem 0.1rem 0.55rem;
}

.vertrieb-scheduler-tooltip-content strong[b-y1fah0vtw3] {
    font-size: 0.99rem;
    line-height: 1.24;
    color: #111827;
}

.vertrieb-scheduler-tooltip-content span[b-y1fah0vtw3] {
    font-size: 0.84rem;
    color: #4b5563;
}

.vertrieb-tooltip-report[b-y1fah0vtw3] {
    border: 1px solid rgba(148, 163, 184, 0.45);
    background: #fff;
    color: #1f2937;
    border-radius: 8px;
    padding: 0.42rem 0.5rem;
    font-size: 0.74rem;
    line-height: 1.25;
    min-height: 2rem;
    max-height: 5.4rem;
    overflow: auto;
}

.vertrieb-tooltip-report-label[b-y1fah0vtw3] {
    display: block;
    font-size: 0.7rem;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.22rem;
}

.vertrieb-tooltip-report-text[b-y1fah0vtw3] {
    white-space: normal;
}

.protocol-editor-shell-dark[b-y1fah0vtw3] {
    background:
        linear-gradient(180deg, rgba(20, 24, 28, 0.98), rgba(16, 18, 21, 0.98)),
        #181b1f !important;
}

.protocol-editor-toolbar-dark[b-y1fah0vtw3] {
    border-color: rgba(255, 255, 255, 0.13) !important;
    background:
        radial-gradient(circle at 8% 10%, rgba(34, 197, 94, 0.55), transparent 36%),
        linear-gradient(95deg, rgba(15, 118, 110, 0.86) 0%, rgba(22, 163, 74, 0.54) 34%, rgba(30, 64, 96, 0.9) 62%, rgba(15, 23, 42, 0.96) 100%) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
}

.protocol-editor-toolbar-dark strong[b-y1fah0vtw3],
.protocol-editor-toolbar-dark .protocol-editor-subtitle[b-y1fah0vtw3] {
    color: #f3f6f9 !important;
}

.protocol-editor-toolbar-dark .protocol-editor-subtitle[b-y1fah0vtw3] {
    color: rgba(241, 245, 249, 0.88) !important;
}

.protocol-link-placeholder-dark[b-y1fah0vtw3] {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #c2c9d1 !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
}

.protocol-link-placeholder-dark strong[b-y1fah0vtw3] {
    color: #f3f6f9 !important;
}

.protocol-link-placeholder-dark span[b-y1fah0vtw3] {
    color: #c2c9d1 !important;
}

.protocol-editor-side-dark[b-y1fah0vtw3] {
    border-left-color: rgba(148, 163, 184, 0.22) !important;
    background: radial-gradient(circle at 0% 12%, rgba(34, 197, 94, 0.14), transparent 26%), linear-gradient(180deg, rgba(20, 24, 28, 0.98), rgba(16, 18, 21, 1)), #1c1f23 !important;
    color: #f3f6f9 !important;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.04);
}

.protocol-editor-side-dark .protocol-day-card[b-y1fah0vtw3] {
    --protocol-panel-strong: #f3f6f9;
    --protocol-panel-soft: #c2c9d1;
    background: transparent !important;
    color: #f3f6f9 !important;
}

.protocol-editor-side-dark .protocol-day-card-header[b-y1fah0vtw3] {
    padding: 0.1rem 0.1rem 0.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.protocol-editor-side-dark .protocol-day-card-header span[b-y1fah0vtw3],
.protocol-editor-side-dark .protocol-day-empty span[b-y1fah0vtw3],
.protocol-editor-side-dark .protocol-day-item small[b-y1fah0vtw3] {
    color: #c2c9d1 !important;
}

.protocol-editor-side-dark .protocol-day-card-header strong[b-y1fah0vtw3],
.protocol-editor-side-dark .protocol-day-item strong[b-y1fah0vtw3] {
    color: #f3f6f9 !important;
}

.protocol-editor-side-dark .protocol-day-scheduler[b-y1fah0vtw3] {
    background: #1d2126 !important;
    background-color: #1d2126 !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

.protocol-editor-side-dark .protocol-day-list[b-y1fah0vtw3] {
    scrollbar-color: rgba(148, 163, 184, 0.45) rgba(255, 255, 255, 0.03);
}

.protocol-editor-side-dark .protocol-day-item[b-y1fah0vtw3],
.protocol-editor-side-dark .protocol-day-empty[b-y1fah0vtw3] {
    border-color: rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.045) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

.protocol-editor-side-dark .protocol-day-item.protocol-status-geplant[b-y1fah0vtw3] {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.3), rgba(15, 23, 42, 0.94) 58%), rgba(255, 255, 255, 0.045) !important;
}

.protocol-editor-side-dark .protocol-day-item.protocol-status-durchgefuehrt[b-y1fah0vtw3] {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.32), rgba(15, 23, 42, 0.94) 58%), rgba(255, 255, 255, 0.045) !important;
}

.protocol-editor-side-dark .protocol-day-item.protocol-status-abgesagt[b-y1fah0vtw3],
.protocol-editor-side-dark .protocol-day-item.protocol-status-nicht_erfolgt[b-y1fah0vtw3] {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.3), rgba(15, 23, 42, 0.94) 58%), rgba(255, 255, 255, 0.045) !important;
}

.protocol-editor-side-dark .protocol-day-item.protocol-status-offen[b-y1fah0vtw3] {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.3), rgba(15, 23, 42, 0.94) 58%), rgba(255, 255, 255, 0.045) !important;
}

.protocol-editor-side-dark .protocol-day-item span[b-y1fah0vtw3] {
    color: #93c5fd !important;
}

.protocol-editor-side-dark .protocol-day-current[b-y1fah0vtw3] {
    box-shadow: 0 16px 30px rgba(8, 47, 24, 0.34);
}

.protocol-editor-side-dark .protocol-scheduler-appointment[b-y1fah0vtw3] {
    border-color: rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.72), rgba(2, 132, 199, 0.42));
}

.protocol-editor-side-dark .protocol-scheduler-appointment.protocol-status-geplant[b-y1fah0vtw3] {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.72), rgba(37, 99, 235, 0.42));
}

.protocol-editor-side-dark .protocol-scheduler-appointment.protocol-status-durchgefuehrt[b-y1fah0vtw3] {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.72), rgba(22, 163, 74, 0.42));
}

.protocol-editor-side-dark .protocol-scheduler-appointment.protocol-status-abgesagt[b-y1fah0vtw3] {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.72), rgba(220, 38, 38, 0.42));
}

.protocol-editor-side-dark .protocol-scheduler-appointment.protocol-status-nicht_erfolgt[b-y1fah0vtw3] {
    background: linear-gradient(135deg, rgba(217, 119, 6, 0.74), rgba(217, 119, 6, 0.44));
}

.protocol-editor-side-dark .protocol-scheduler-appointment.protocol-status-offen[b-y1fah0vtw3] {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.74), rgba(2, 132, 199, 0.44));
}

.protocol-editor-side-dark .protocol-scheduler-appointment-content strong[b-y1fah0vtw3],
.protocol-editor-side-dark .protocol-scheduler-appointment-content span[b-y1fah0vtw3],
.protocol-editor-side-dark .protocol-scheduler-appointment-content small[b-y1fah0vtw3] {
    color: #f3f6f9;
}

.protocol-editor-side-dark .protocol-appointment-report[b-y1fah0vtw3] {
    color: #e2e8f0;
}

.protocol-editor-side-dark .protocol-appointment-badge[b-y1fah0vtw3] {
    color: #e2e8f0;
    border-color: rgba(241, 245, 249, 0.35);
    background: rgba(15, 23, 42, 0.44);
}

@media (max-width: 900px) {
    .protocol-editor-popup[b-y1fah0vtw3]  .dxbl-popup-content {
        min-height: min(86dvh, 940px) !important;
        height: min(86dvh, 940px) !important;
        max-height: min(86dvh, 940px) !important;
    }

    .protocol-editor-shell[b-y1fah0vtw3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .protocol-editor-header[b-y1fah0vtw3],
    .protocol-editor-meta-grid[b-y1fah0vtw3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .protocol-editor-side[b-y1fah0vtw3] {
        border-left: 0;
        border-top: 1px solid var(--dxds-color-border-neutral-default-rest, var(--vdm-border-card, #d9dde2));
    }

    .protocol-popup-footer-bar[b-y1fah0vtw3] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.55rem;
    }

    .protocol-popup-footer-left[b-y1fah0vtw3],
    .protocol-popup-footer-right[b-y1fah0vtw3] {
        width: 100%;
    }

    .protocol-popup-footer-right[b-y1fah0vtw3] {
        justify-content: flex-end;
    }
}
/* /Components/Pages/Vertrieb/Teamplanung.razor.rz.scp.css */
.entity-page[b-4gerge1h8s] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--vdm-surface-app, #f3f4f6);
    gap: 0.45rem;
}

.entity-page-title[b-4gerge1h8s] {
    margin: 0 0 0.5rem 0;
}

.entity-toolbar-card[b-4gerge1h8s] {
    flex: 0 0 auto;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: var(--vdm-radius-card, 5px);
    background: var(--vdm-surface-card, #fff);
    box-shadow: var(--vdm-shadow-card, 0 1px 2px rgba(17, 24, 39, 0.06), 0 4px 10px rgba(17, 24, 39, 0.04));
}

.vertrieb-live-card[b-4gerge1h8s] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.72rem 0.9rem;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: calc(var(--vdm-radius-card, 5px) + 5px);
    background:
        linear-gradient(135deg, rgba(31, 157, 69, 0.11), transparent 64%),
        var(--vdm-surface-card, #fff);
    box-shadow: var(--vdm-shadow-card, 0 1px 2px rgba(17, 24, 39, 0.06), 0 4px 10px rgba(17, 24, 39, 0.04));
}

.vertrieb-live-icon[b-4gerge1h8s] {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #fff;
    background: var(--vdm-accent-green, #1f9d45);
    box-shadow: 0 8px 18px rgba(31, 157, 69, 0.22);
}

.vertrieb-live-icon .tb-icon[b-4gerge1h8s] {
    color: #fff;
    filter: none;
}

.vertrieb-live-copy[b-4gerge1h8s] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
}

.vertrieb-live-copy span[b-4gerge1h8s] {
    color: var(--vdm-accent-green, #1f9d45);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vertrieb-live-copy strong[b-4gerge1h8s] {
    overflow-wrap: anywhere;
}

.vertrieb-live-meta[b-4gerge1h8s] {
    margin-left: auto;
    padding: 0.28rem 0.58rem;
    border-radius: 999px;
    color: var(--vdm-text-muted, #606873);
    background: var(--vdm-surface-card-muted, #f8fafc);
    border: 1px solid var(--vdm-border-card, #d9dde2);
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.vertrieb-live-actions[b-4gerge1h8s] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.vertrieb-loading-panel[b-4gerge1h8s] {
    flex: 1 1 auto;
    min-height: 0;
}

.vertrieb-overlay-loading-panel[b-4gerge1h8s] {
    pointer-events: auto;
}

.vertrieb-loading-panel[b-4gerge1h8s]  .dxbl-loading-panel-content {
    height: 100%;
}

.loading-host[b-4gerge1h8s] {
    min-height: 40vh;
}

.entity-toolbar-card[b-4gerge1h8s]  .toolbar-refresh-btn .dxbl-btn-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vertrieb-workspace[b-4gerge1h8s] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    overflow: hidden;
}

.vertrieb-grid-host[b-4gerge1h8s] {
    flex: 1 1 auto;
    min-height: 300px;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: var(--vdm-radius-card, 5px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--vdm-surface-card, #fff);
    box-shadow: var(--vdm-shadow-card, 0 1px 2px rgba(17, 24, 39, 0.06), 0 4px 10px rgba(17, 24, 39, 0.04));
}

.vertrieb-main-grid[b-4gerge1h8s] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.vertrieb-main-grid[b-4gerge1h8s]  .dxbl-grid,
.vertrieb-grid-host[b-4gerge1h8s]  .dxbl-grid {
    height: 100%;
}

.vertrieb-main-grid[b-4gerge1h8s]  .dxbl-grid-table-container,
.vertrieb-grid-host[b-4gerge1h8s]  .dxbl-grid-table-container {
    overflow-y: auto !important;
}

.freigaben-host[b-4gerge1h8s] {
    flex: 0 0 30%;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--vdm-border-card, #d9dde2);
    border-radius: var(--vdm-radius-card, 5px);
    background: var(--vdm-surface-card, #fff);
    box-shadow: var(--vdm-shadow-card, 0 1px 2px rgba(17, 24, 39, 0.06), 0 4px 10px rgba(17, 24, 39, 0.04));
    padding: 0.6rem;
}

.freigaben-host h4[b-4gerge1h8s] {
    margin: 0 0 0.45rem 0;
}

.freigaben-main-grid[b-4gerge1h8s] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.freigaben-main-grid[b-4gerge1h8s]  .dxbl-grid,
.freigaben-host[b-4gerge1h8s]  .dxbl-grid {
    height: 100%;
}

.freigaben-main-grid[b-4gerge1h8s]  .dxbl-grid-table-container,
.freigaben-host[b-4gerge1h8s]  .dxbl-grid-table-container {
    overflow-y: auto !important;
}

.vdm-empty-state[b-4gerge1h8s] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    text-align: center;
    padding: 1.3rem;
}

.vdm-empty-state-small[b-4gerge1h8s] {
    border: 1px dashed var(--vdm-border-card, #d9dde2);
    border-radius: var(--vdm-radius-card, 5px);
    background: var(--vdm-surface-card, #fcfcfd);
}

.vdm-empty-state-icon[b-4gerge1h8s] {
    width: 82px;
    height: 82px;
    opacity: 0.78;
}

.vdm-empty-state-title[b-4gerge1h8s] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--vdm-text-strong, #30343a);
}

.vdm-empty-state-text[b-4gerge1h8s] {
    max-width: 560px;
    color: var(--vdm-text-muted, #606873);
}
/* /Components/Pages/Vertrieb/Teamwoche.razor.rz.scp.css */
.entity-page[b-pipz5hb0na] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.entity-page-title[b-pipz5hb0na] {
    margin: 0 0 0.5rem 0;
}

.entity-toolbar-card[b-pipz5hb0na] {
    flex: 0 0 auto;
}

.vertrieb-workspace[b-pipz5hb0na] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    overflow: hidden;
}

.tage-host[b-pipz5hb0na] {
    flex: 0 0 28%;
    min-height: 180px;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--bs-border-color, #dee2e6));
    border-radius: 0.42rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.tage-main-grid[b-pipz5hb0na] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.tage-main-grid[b-pipz5hb0na]  .dxbl-grid,
.tage-host[b-pipz5hb0na]  .dxbl-grid {
    height: 100%;
}

.vertrieb-grid-host[b-pipz5hb0na] {
    flex: 1 1 auto;
    min-height: 260px;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, var(--bs-border-color, #dee2e6));
    border-radius: 0.42rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.vertrieb-main-grid[b-pipz5hb0na] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.vertrieb-main-grid[b-pipz5hb0na]  .dxbl-grid,
.vertrieb-grid-host[b-pipz5hb0na]  .dxbl-grid {
    height: 100%;
}

.vertrieb-main-grid[b-pipz5hb0na]  .dxbl-grid-table-container,
.tage-main-grid[b-pipz5hb0na]  .dxbl-grid-table-container,
.vertrieb-grid-host[b-pipz5hb0na]  .dxbl-grid-table-container,
.tage-host[b-pipz5hb0na]  .dxbl-grid-table-container {
    overflow-y: auto !important;
}