@import '_content/Just.Core.Blazor/Just.Core.Blazor.ef8n878y2v.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Layout/EditorLayout.razor.rz.scp.css */
.editor-layout[b-on9r9u9xuq] {
    min-height: 100dvh;
    background: var(--v-surface);
}
/* /Components/Layout/PlainFrame.razor.rz.scp.css */
.plain-frame-main[b-0rt3qwatyg] {
    place-items: center;
    padding-bottom: 10vh;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-al08e4kro1],
.components-reconnect-repeated-attempt-visible[b-al08e4kro1],
.components-reconnect-failed-visible[b-al08e4kro1],
.components-pause-visible[b-al08e4kro1],
.components-resume-failed-visible[b-al08e4kro1],
.components-reconnecting-visible[b-al08e4kro1] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show:not(.components-reconnect-retrying):not(.components-reconnect-failed):not(.components-reconnect-paused):not(.components-reconnect-resume-failed) .components-reconnect-first-attempt-visible[b-al08e4kro1],
#components-reconnect-modal.components-reconnect-manual .components-reconnect-first-attempt-visible[b-al08e4kro1],
#components-reconnect-modal.components-reconnect-show:not(.components-reconnect-failed):not(.components-reconnect-paused):not(.components-reconnect-resume-failed) .components-reconnecting-visible[b-al08e4kro1],
#components-reconnect-modal.components-reconnect-manual .components-reconnecting-visible[b-al08e4kro1],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-al08e4kro1],
#components-reconnect-modal.components-reconnect-retrying:not(.components-reconnect-failed):not(.components-reconnect-paused):not(.components-reconnect-resume-failed) .components-reconnecting-visible[b-al08e4kro1],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-al08e4kro1],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-al08e4kro1],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-al08e4kro1] {
    display: block;
}

#components-reconnect-modal[b-al08e4kro1] {
    width: min(44rem, calc(100% - 2rem));
    max-width: none;
    max-height: calc(100dvh - 1.5rem);
    margin: auto;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--v-line, #e3e5e8);
    border-radius: var(--v-radius-lg, 28px);
    outline: none;
    background: var(--v-white, #ffffff);
    color: var(--v-ink, #111214);
    font-family: var(--v-font, system-ui, sans-serif);
    box-shadow: var(--v-shadow-lg, 0 30px 60px -36px rgba(17, 40, 90, .4));
    opacity: 0;
    transition:
        display 240ms allow-discrete,
        overlay 240ms allow-discrete;
    animation: reconnect-out-b-al08e4kro1 180ms ease-in both;
}

#components-reconnect-modal[open][b-al08e4kro1] {
    animation: reconnect-in-b-al08e4kro1 420ms cubic-bezier(.2, .8, .2, 1) both;
}

#components-reconnect-modal[b-al08e4kro1]::backdrop {
    background: rgba(17, 18, 20, .38);
    backdrop-filter: blur(4px);
    animation: reconnect-backdrop-in-b-al08e4kro1 240ms ease-out both;
}

.reconnect-shell[b-al08e4kro1] {
    display: grid;
    grid-template-columns: 15rem 1fr;
    min-height: 27rem;
}

.reconnect-visual[b-al08e4kro1] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: 1.5rem;
    background: var(--v-ink, #111214);
    color: #ffffff;
}

.reconnect-visual[b-al08e4kro1]::before,
.reconnect-visual[b-al08e4kro1]::after {
    position: absolute;
    content: "";
    border: 1px solid rgb(255 255 255 / 0.08);
    border-radius: 1rem;
}

.reconnect-visual[b-al08e4kro1]::before {
    width: 10rem;
    height: 13rem;
    top: 5.75rem;
    left: -7rem;
    transform: rotate(-10deg);
}

.reconnect-visual[b-al08e4kro1]::after {
    width: 9rem;
    height: 12rem;
    right: -6.5rem;
    bottom: -5rem;
    transform: rotate(12deg);
}

.reconnect-brand[b-al08e4kro1] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.reconnect-brand-name[b-al08e4kro1] {
    font-family: var(--v-font-mark, "DM Sans", system-ui, sans-serif);
    font-size: 1.25rem;
    font-weight: 630;
    letter-spacing: -0.035em;
}

.reconnect-brand-mark[b-al08e4kro1] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border: 1px solid rgb(255 255 255 / 0.2);
    border-radius: 0.625rem;
    background: #ffffff;
    box-shadow: 0 8px 24px rgb(0 0 0 / 0.16);
}

.reconnect-brand-mark img[b-al08e4kro1] {
    display: block;
}

.reconnect-visual > p[b-al08e4kro1] {
    position: relative;
    z-index: 1;
    max-width: 10rem;
    margin: 0;
    color: rgb(255 255 255 / 0.72);
    font-size: 0.75rem;
    line-height: 1.5;
}

.reconnect-document-stack[b-al08e4kro1] {
    position: relative;
    z-index: 1;
    width: 8.5rem;
    height: 9rem;
    margin: auto;
}

.reconnect-sheet[b-al08e4kro1],
.reconnect-document[b-al08e4kro1] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4.5rem;
    height: 5.75rem;
    border-radius: 0.75rem;
}

.reconnect-sheet[b-al08e4kro1] {
    border: 1px solid rgb(255 255 255 / 0.14);
    box-shadow: 0 12px 30px rgb(0 0 0 / 0.12);
}

.reconnect-sheet-back[b-al08e4kro1] {
    background: #2a2d33;
    transform: translate(-68%, -44%) rotate(-9deg);
}

.reconnect-sheet-middle[b-al08e4kro1] {
    background: var(--v-blue);
    transform: translate(-34%, -56%) rotate(7deg);
}

.reconnect-document[b-al08e4kro1] {
    border: 1px solid var(--v-blue-soft, #e8f0ff);
    background: #ffffff;
    box-shadow: 0 16px 36px rgb(0 0 0 / 0.24);
    transform: translate(-50%, -50%);
}

.reconnect-document-fold[b-al08e4kro1] {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.125rem;
    height: 1.125rem;
    border-bottom: 1px solid #bfdbfe;
    border-left: 1px solid #bfdbfe;
    border-top-right-radius: calc(0.75rem - 1px);
    border-bottom-left-radius: 0.4rem;
    background: #eff6ff;
}

.reconnect-document-line[b-al08e4kro1] {
    position: absolute;
    top: 1.875rem;
    left: 0.875rem;
    width: 2.75rem;
    height: 0.1875rem;
    border-radius: 9999px;
    background: var(--v-blue);
}

.reconnect-document-line-short[b-al08e4kro1] {
    top: 2.625rem;
    width: 1.875rem;
    background: #93c5fd;
}

.reconnect-document-check[b-al08e4kro1] {
    position: absolute;
    right: -0.5rem;
    bottom: -0.5rem;
    display: grid;
    width: 1.875rem;
    height: 1.875rem;
    place-items: center;
    border: 3px solid var(--v-ink, #111214);
    border-radius: 50%;
    background: var(--v-ok, #16a34a);
    color: #ffffff;
    box-shadow: 0 6px 14px rgb(0 0 0 / 0.24);
}

.reconnect-content[b-al08e4kro1] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 3rem;
}

.reconnect-kicker[b-al08e4kro1] {
    display: block;
    margin-bottom: 1rem;
    color: var(--v-muted, #616773);
    font-size: 0.75rem;
    font-weight: 650;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.reconnect-content h2[b-al08e4kro1] {
    margin: 0 0 1rem;
    color: var(--v-ink, #111214);
    font-size: clamp(1.75rem, 4vw, 2.25rem);
    font-weight: 650;
    line-height: 1.12;
    letter-spacing: -0.035em;
}

.reconnect-content p[b-al08e4kro1] {
    max-width: 24rem;
    margin: 0;
    color: var(--v-soft, #43464d);
    font-size: 0.9375rem;
    line-height: 1.65;
}

.reconnect-content p strong[b-al08e4kro1] {
    color: var(--v-ink, #111214);
    font-weight: 600;
}

.reconnect-progress[b-al08e4kro1] {
    position: relative;
    width: 100%;
    height: 0.25rem;
    margin-top: 2rem;
    overflow: hidden;
    border-radius: 9999px;
    background: var(--v-blue-soft, #e8f0ff);
}

.reconnect-progress span[b-al08e4kro1] {
    position: absolute;
    inset: 0;
    width: 42%;
    border-radius: inherit;
    background: var(--v-blue);
    animation: reconnect-progress-b-al08e4kro1 1.8s cubic-bezier(.45, 0, .55, 1) infinite;
}

.reconnect-status[b-al08e4kro1] {
    margin-top: 0.875rem;
    color: var(--v-muted, #616773);
    font-size: 0.75rem;
}

.reconnect-status-dot[b-al08e4kro1] {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.375rem;
    border-radius: 9999px;
    background: var(--v-blue);
    box-shadow: 0 0 0 0.25rem var(--v-blue-soft, #e8f0ff);
    vertical-align: 0.05rem;
    animation: reconnect-status-b-al08e4kro1 1.4s ease-in-out infinite;
}

.reconnect-button[b-al08e4kro1] {
    /* kein eigenes display: die Zustandsregeln oben blenden die Buttons ein und aus */
    align-self: flex-start;
    margin-top: 2rem;
    padding: 0 20px;
    line-height: 44px;
    border: 0;
    border-radius: var(--v-radius-pill, 999px);
    background: var(--v-blue);
    color: #ffffff;
    font: inherit;
    font-size: 0.9375rem;
    font-weight: 650;
    cursor: pointer;
    box-shadow: 0 6px 16px -8px rgba(0, 102, 255, .7);
    transition: background 150ms ease, box-shadow 150ms ease;
}

.reconnect-button:hover[b-al08e4kro1] {
    background: var(--v-blue-hover, #0052cc);
}

.reconnect-button:focus-visible[b-al08e4kro1] {
    outline: none;
    box-shadow: var(--v-focus, 0 0 0 3px rgba(0, 102, 255, .22));
}

.reconnect-button:disabled[b-al08e4kro1] {
    opacity: .5;
    cursor: not-allowed;
}

.reconnect-button .reconnect-ic[b-al08e4kro1] {
    margin-left: 0.5rem;
    vertical-align: -3px;
}

.reconnect-ic[b-al08e4kro1] {
    width: 16px;
    height: 16px;
    flex: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@keyframes reconnect-in-b-al08e4kro1 {
    from {
        opacity: 0;
        transform: translateY(1rem) scale(0.98);
    }

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

@keyframes reconnect-out-b-al08e4kro1 {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes reconnect-backdrop-in-b-al08e4kro1 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes reconnect-progress-b-al08e4kro1 {
    from { transform: translateX(-115%); }
    to { transform: translateX(340%); }
}

@keyframes reconnect-status-b-al08e4kro1 {
    50% { opacity: 0.45; }
}

@media (max-width: 639.98px) {
    #components-reconnect-modal[b-al08e4kro1] {
        width: min(25rem, calc(100% - 1.5rem));
        border-radius: var(--v-radius, 20px);
    }

    .reconnect-shell[b-al08e4kro1] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .reconnect-visual[b-al08e4kro1] {
        min-height: 8.5rem;
        padding: 1.25rem;
    }

    .reconnect-document-stack[b-al08e4kro1] {
        position: absolute;
        top: 50%;
        right: 1.25rem;
        margin: 0;
        transform: translateY(-50%) scale(0.72);
        transform-origin: center right;
    }

    .reconnect-visual > p[b-al08e4kro1] {
        max-width: 9rem;
    }

    .reconnect-content[b-al08e4kro1] {
        padding: 2rem 1.5rem;
    }

    .reconnect-content h2[b-al08e4kro1] {
        font-size: 1.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    #components-reconnect-modal[b-al08e4kro1],
    #components-reconnect-modal[open][b-al08e4kro1],
    #components-reconnect-modal[b-al08e4kro1]::backdrop,
    .reconnect-progress span[b-al08e4kro1],
    .reconnect-status-dot[b-al08e4kro1] {
        animation-duration: 1ms;
        animation-iteration-count: 1;
    }

    .reconnect-button[b-al08e4kro1] {
        transition: none;
    }
}
/* /Components/Layout/WorkspaceLayout.razor.rz.scp.css */
/* Seitentitel alter Seiten (SectionContent „PageTitle“) in der Kopfzeile. Umgebaute Seiten tragen ihre
   Überschrift selbst (.v-page-head) und setzen den Abschnitt nicht mehr. */
.workspace-title[b-vgoow9jqdg] {
    min-width: 0;
    flex-wrap: nowrap;
    font-weight: var(--v-weight-strong);
}

@media (max-width: 640px) {
    .workspace-user-name[b-vgoow9jqdg] {
        display: none;
    }
}
/* /Components/Pages/LegalPage.razor.rz.scp.css */
/* Rechtstexte: ruhige Lesespalte auf der Fläche der Website, nur --v-Tokens. */

.legal[b-am5uis4do0] {
    padding: 128px 24px 64px;
    background: var(--v-surface);
}

.legal-inner[b-am5uis4do0] {
    width: min(896px, 100%);
    margin: 0 auto;
}

.legal-head[b-am5uis4do0] { margin: 8px 0 32px; }

.legal-eyebrow[b-am5uis4do0] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 4px 12px;
    border-radius: var(--v-radius-pill);
    background: var(--v-blue-soft);
    color: var(--v-blue-text);
    font-size: var(--v-text-xs);
    font-weight: 650;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.legal-head h1[b-am5uis4do0] {
    margin: 0;
    color: var(--v-ink);
    font-size: clamp(1.9rem, 4vw, 2.25rem);
    font-weight: var(--v-weight-bold);
    letter-spacing: var(--v-tracking-title);
    line-height: 1.15;
}

.legal-lead[b-am5uis4do0] {
    max-width: 48rem;
    margin: 12px 0 0;
    color: var(--v-soft);
    font-size: var(--v-text-sm);
    line-height: 1.75;
}

.legal-stand[b-am5uis4do0] {
    margin: 8px 0 0;
    color: var(--v-muted);
    font-size: var(--v-text-xs);
}

.legal-body[b-am5uis4do0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding: 32px;
    border: 1px solid var(--v-line);
    border-radius: var(--v-radius-lg);
    background: var(--v-white);
    color: var(--v-soft);
    font-size: var(--v-text-sm);
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.legal-body[b-am5uis4do0]  h2 {
    margin: 0 0 12px;
    color: var(--v-ink);
    font-size: var(--v-text-base);
    font-weight: 650;
    line-height: 1.5;
}

.legal-body[b-am5uis4do0]  p,
.legal-body[b-am5uis4do0]  ul { margin: 0; }

.legal-body[b-am5uis4do0]  section > * + *:not(h2 + *),
.legal-body[b-am5uis4do0]  .legal-text > * + * { margin-top: 12px; }

.legal-body[b-am5uis4do0]  .legal-text.is-tight > * + * { margin-top: 4px; }

.legal-body[b-am5uis4do0]  ul { display: grid; gap: 8px; padding-left: 20px; list-style: disc; }

.legal-body[b-am5uis4do0]  a { color: var(--v-blue-text); font-weight: 600; text-decoration: none; }
.legal-body[b-am5uis4do0]  a:hover { text-decoration: underline; }

.legal-body[b-am5uis4do0]  .legal-table { overflow-x: auto; overflow-wrap: normal; }
.legal-body[b-am5uis4do0]  .legal-table table { min-width: max(100%, 34rem); font-size: inherit; }

@media (max-width: 700px) {
    .legal[b-am5uis4do0] { padding: 104px 16px 48px; }
    .legal-body[b-am5uis4do0] { padding: 20px; }
}
/* /Components/UI/UpgradeLock.razor.rz.scp.css */
.up-lock[b-npfzkgmbdm] {
    position: relative;
    --up-lock-radius: 9999px; /* default: pill-shaped controls like Toggle */
}

/* Override per child control type */
.up-lock:has(.v-select)[b-npfzkgmbdm] { --up-lock-radius: var(--v-radius-sm); }
.up-lock:has(.v-input)[b-npfzkgmbdm]  { --up-lock-radius: var(--v-radius-sm); }

/* Pill: absolutely covers the child control's footprint */
.up-lock__pill[b-npfzkgmbdm] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    border-radius: var(--up-lock-radius, 9999px);
    overflow: hidden;
    color: #fff;
    font-size: var(--v-text-sm);
    font-weight: var(--v-weight-strong);
    letter-spacing: 0.02em;
    text-decoration: none;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 180ms ease, box-shadow 180ms ease;
    pointer-events: none;
}

.up-lock__pill[href][b-npfzkgmbdm] {
    cursor: pointer;
}

/* Solo: validor-Blau */
.up-lock__pill--blue[b-npfzkgmbdm] {
    background: var(--v-blue);
    box-shadow: 0 2px 10px rgba(0, 102, 255, 0.25);
}

/* Pro: Tinte (kein Gold in der App) */
.up-lock__pill--ink[b-npfzkgmbdm] {
    background: var(--v-ink);
    box-shadow: 0 2px 10px rgba(17, 18, 20, 0.25);
}

/* Icon flies in from the left */
.up-lock__pill[b-npfzkgmbdm]  .v-ic {
    transform: translateX(-18px);
    opacity: 0;
    transition:
        transform 260ms cubic-bezier(0.22, 1, 0.36, 1) 60ms,
        opacity   180ms ease                            60ms;
}

/* Text flies in from the right */
.up-lock__pill span[b-npfzkgmbdm] {
    transform: translateX(14px);
    opacity: 0;
    transition:
        transform 260ms cubic-bezier(0.22, 1, 0.36, 1) 100ms,
        opacity   180ms ease                            100ms;
}

/* Gesperrt: die Pille steht immer da (auch auf Touch-Geräten ohne Hover) und ersetzt das Bedienelement optisch;
   das Element behält nur seinen Platz. */
.up-lock--active .up-lock__pill[b-npfzkgmbdm] {
    opacity: 1;
}

.up-lock--active .up-lock__pill[href][b-npfzkgmbdm] {
    pointer-events: auto;
}

.up-lock--active .up-lock__pill[b-npfzkgmbdm]  .v-ic,
.up-lock--active .up-lock__pill span[b-npfzkgmbdm] {
    transform: none;
    opacity: 1;
}

.up-lock--active[b-npfzkgmbdm]  .v-seg,
.up-lock--active > select[b-npfzkgmbdm],
.up-lock--active > .v-select[b-npfzkgmbdm],
.up-lock--active[b-npfzkgmbdm]  .v-switch {
    visibility: hidden;
}

.up-lock--active:hover .up-lock__pill--blue[b-npfzkgmbdm] {
    box-shadow: 0 4px 16px rgba(0, 102, 255, 0.35);
}

.up-lock--active:hover .up-lock__pill--ink[b-npfzkgmbdm] {
    box-shadow: 0 4px 16px rgba(17, 18, 20, 0.35);
}
/* /Features/Billing/ComplimentarySubscriptions.razor.rz.scp.css */
.admin[b-0pdiw44b5m] { width: min(640px, 100%); }
.admin-check-hint[b-0pdiw44b5m] { display: block; }
.admin-actions[b-0pdiw44b5m] { justify-content: flex-end; }
/* /Features/DocumentManagement/DocumentDetails.razor.rz.scp.css */
/* Dokumentdetails. */

.back-row[b-4t3lembx2x] { display: flex; }
.back-row[b-4t3lembx2x]  .back-link { margin-left: -14px; }

.detail-head[b-4t3lembx2x] {
    display: flex;
    align-items: flex-start;
    gap: var(--v-space-5);
    flex-wrap: wrap;
}

.doc-ic[b-4t3lembx2x] {
    flex: none;
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: var(--v-white);
    border: 1px solid var(--v-line);
    color: var(--v-muted);
}

.detail-title[b-4t3lembx2x] { min-width: 0; flex: 1; }
.detail-title h1[b-4t3lembx2x] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Status und Angaben als Einheiten: brechen nur zwischen, nie in den Angaben um. */
.detail-meta[b-4t3lembx2x] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: 8px; }
.detail-meta > span[b-4t3lembx2x] { white-space: nowrap; }
.detail-actions[b-4t3lembx2x] { display: flex; align-items: center; gap: var(--v-space-2); flex-wrap: wrap; }

.detail-stack[b-4t3lembx2x] { display: grid; gap: var(--v-space-4); }

.signers-body[b-4t3lembx2x] { padding-top: 8px; padding-bottom: 8px; }
.signers-body .v-progress[b-4t3lembx2x] { margin: 8px 0 12px; }

/* Avatar | Adresse | Zustand und nächste Aktion | Menü. Schmal rutscht der Zustand unter die Adresse. */
.signer-row[b-4t3lembx2x] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto 36px; }
.signer-text[b-4t3lembx2x] { min-width: 0; }
.signer-state[b-4t3lembx2x] { display: flex; align-items: center; gap: var(--v-space-2); }
.signer-menu[b-4t3lembx2x] { display: grid; justify-items: end; }
.signer-text strong[b-4t3lembx2x] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.signer-text small[b-4t3lembx2x] { display: block; color: var(--v-muted); font-size: var(--v-text-sm); }

.signer-row.is-me[b-4t3lembx2x] {
    margin: 0 -12px;
    padding: 14px 12px;
    border-radius: var(--v-radius-sm);
    background: var(--v-blue-soft);
    border-top-color: transparent;
}

/* Prüfsiegel */
.seal[b-4t3lembx2x] {
    display: grid;
    gap: var(--v-space-4);
    padding: var(--v-space-6);
    border-radius: var(--v-radius);
    background: linear-gradient(160deg, #eefbf3, #fff 60%);
    border: 1px solid #cdeedb;
}

.seal.is-loading[b-4t3lembx2x] { background: var(--v-white); border-color: var(--v-line); }
.seal.is-failed[b-4t3lembx2x] { background: linear-gradient(160deg, var(--v-danger-soft), #fff 60%); border-color: #f3c4c4; }

.seal-top[b-4t3lembx2x] { display: flex; align-items: center; gap: 12px; }

.seal-ic[b-4t3lembx2x] {
    flex: none;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: var(--v-ok);
    color: #fff;
}

.seal.is-loading .seal-ic[b-4t3lembx2x] { background: var(--v-surface); }
.seal.is-failed .seal-ic[b-4t3lembx2x] { background: var(--v-danger); }

.revoke-recipient[b-4t3lembx2x] {
    display: grid;
    gap: 4px;
    margin-top: var(--v-space-4);
    padding: 12px 14px;
    border-radius: var(--v-radius-sm);
    background: var(--v-surface);
}

/* Prüfprotokoll */
.audit-facts[b-4t3lembx2x] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 24px;
    font-size: var(--v-text-sm);
}

.audit-facts div[b-4t3lembx2x] { display: grid; gap: 2px; min-width: 0; }
.audit-facts div.is-wide[b-4t3lembx2x] { grid-column: 1 / -1; }
.audit-facts dt[b-4t3lembx2x] { color: var(--v-muted); font-size: var(--v-text-xs); font-weight: 650; text-transform: uppercase; letter-spacing: .06em; }
.audit-facts dd[b-4t3lembx2x] { font-weight: 600; overflow-wrap: anywhere; }
.audit-facts code[b-4t3lembx2x] { font-size: var(--v-text-xs); }

.audit-signers[b-4t3lembx2x] { display: grid; }

.audit-signer-head[b-4t3lembx2x] { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1; }
.audit-signer-identity[b-4t3lembx2x] { display: grid; min-width: 0; flex: 1; }
.audit-signer-identity strong[b-4t3lembx2x] { color: var(--v-ink); }
.audit-signer-identity small[b-4t3lembx2x], .audit-signer-date[b-4t3lembx2x] { color: var(--v-muted); font-size: var(--v-text-xs); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.timeline[b-4t3lembx2x] { display: grid; margin: 0; padding: 0; list-style: none; }
.timeline li[b-4t3lembx2x] { position: relative; display: grid; grid-template-columns: 20px 1fr auto; gap: 12px; padding: 10px 0; font-size: var(--v-text-sm); }
.timeline li[b-4t3lembx2x]::before { content: ""; position: absolute; left: 9px; top: 26px; bottom: -10px; width: 2px; background: var(--v-line); }
.timeline li:last-child[b-4t3lembx2x]::before { display: none; }
.timeline i[b-4t3lembx2x] { position: relative; z-index: 1; width: 10px; height: 10px; margin: 5px; border-radius: 50%; background: var(--v-ok); }
.timeline small[b-4t3lembx2x] { display: block; color: var(--v-muted); }
.timeline time[b-4t3lembx2x] { color: var(--v-muted); font-size: var(--v-text-xs); white-space: nowrap; }

@media (max-width: 600px) {
    .signer-row[b-4t3lembx2x] { grid-template-columns: auto minmax(0, 1fr) 36px; row-gap: 10px; }
    .signer-state[b-4t3lembx2x] { grid-column: 2 / -1; grid-row: 2; flex-wrap: wrap; }
    .signer-menu[b-4t3lembx2x] { grid-column: 3; grid-row: 1; }
}

@media (max-width: 900px) {
    .detail-actions[b-4t3lembx2x] { width: 100%; }
    .detail-title h1[b-4t3lembx2x] { font-size: var(--v-text-xl); }
    .audit-facts[b-4t3lembx2x] { grid-template-columns: 1fr; }
}

/* Abgeschlossen: das Prüfergebnis steht vor der Liste der Unterzeichnenden. */
.detail-stack .seal[b-4t3lembx2x] { order: -1; }
/* /Features/DocumentManagement/Documents.razor.rz.scp.css */
/* Übersicht. */

.dash-title[b-aeoj2n4ncj] { margin-top: 8px; }

.dash-top[b-aeoj2n4ncj] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: var(--v-space-4);
}

/* Die eine Sache, die gerade wichtig ist */
.priority[b-aeoj2n4ncj] {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: var(--v-space-5);
    align-content: space-between;
    min-height: 240px;
    padding: var(--v-space-8);
    border-radius: var(--v-radius-lg);
    background: var(--v-ink);
    color: #fff;
}

.priority[b-aeoj2n4ncj]::after {
    content: "";
    position: absolute;
    right: -80px;
    top: -120px;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 102, 255, .55), rgba(0, 102, 255, 0) 68%);
    pointer-events: none;
}

.priority > *[b-aeoj2n4ncj] { position: relative; z-index: 1; }
.priority .v-eyebrow[b-aeoj2n4ncj] { color: rgba(255, 255, 255, .6); }
.priority h2[b-aeoj2n4ncj] { margin-top: 10px; font-size: var(--v-text-2xl); font-weight: var(--v-weight-strong); letter-spacing: var(--v-tracking-title); line-height: 1.15; overflow-wrap: anywhere; }
.priority p[b-aeoj2n4ncj] { margin-top: 6px; color: rgba(255, 255, 255, .72); }

.priority-meta[b-aeoj2n4ncj] { display: flex; align-items: center; gap: var(--v-space-3); flex-wrap: wrap; }
.priority-meta small[b-aeoj2n4ncj] { display: inline-flex; align-items: center; gap: 6px; color: rgba(255, 255, 255, .6); font-size: var(--v-text-sm); }
.priority-meta[b-aeoj2n4ncj]  .v-btn-secondary { background: #fff; border-color: #fff; }
.priority[b-aeoj2n4ncj]  .priority-ghost { color: #fff; }
.priority[b-aeoj2n4ncj]  .priority-ghost:hover { background: rgba(255, 255, 255, .12) !important; color: #fff !important; }

.first-run[b-aeoj2n4ncj] { min-height: 0; }

.first-run-steps[b-aeoj2n4ncj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--v-space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.first-run-steps li[b-aeoj2n4ncj] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: var(--v-radius-sm);
    background: rgba(255, 255, 255, .08);
    font-size: var(--v-text-sm);
    font-weight: 600;
}

.first-run-steps b[b-aeoj2n4ncj] {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    flex: none;
    border-radius: 50%;
    background: var(--v-blue);
    font-size: 12px;
}

/* Kennzahlen */
.stats[b-aeoj2n4ncj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--v-line);
    border-radius: var(--v-radius-lg);
    background: var(--v-line);
}

.stats > div[b-aeoj2n4ncj] {
    display: grid;
    align-content: center;
    gap: 4px;
    padding: var(--v-space-5) var(--v-space-6);
    background: var(--v-white);
}

.stats .v-stat-value.is-warn[b-aeoj2n4ncj] { color: var(--v-warn-text); }
.stats .v-stat-value.is-danger[b-aeoj2n4ncj] { color: var(--v-danger-text); }

/* Dokumente */
.docs-head[b-aeoj2n4ncj] { flex-wrap: wrap; }

.doc-table[b-aeoj2n4ncj] { table-layout: fixed; }

.doc-name[b-aeoj2n4ncj] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.doc-ic[b-aeoj2n4ncj] {
    flex: none;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: var(--v-surface);
    color: var(--v-muted);
}

.doc-link[b-aeoj2n4ncj] {
    min-width: 0;
    max-width: 44ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 650;
    color: var(--v-ink);
}

.signers[b-aeoj2n4ncj] { display: flex; align-items: center; gap: 10px; min-width: 0; }
.signers small[b-aeoj2n4ncj] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--v-muted); font-size: var(--v-text-sm); }

.load-error[b-aeoj2n4ncj] { width: 100%; flex-wrap: wrap; }

/* Stack before the sidebar leaves too little room for the signing action. */
@media (min-width: 900.01px) and (max-width: 1100px) {
    .doc-table thead[b-aeoj2n4ncj] { display: none; }
    .doc-table[b-aeoj2n4ncj], .doc-table tbody[b-aeoj2n4ncj], .doc-table tr[b-aeoj2n4ncj], .doc-table td[b-aeoj2n4ncj] { display: block; }
    .doc-table tr[b-aeoj2n4ncj] { padding: 14px 16px; border-bottom: 1px solid var(--v-line); }
    .doc-table tr:last-child[b-aeoj2n4ncj] { border-bottom: 0; }
    .doc-table td[b-aeoj2n4ncj] { padding: 2px 0; border: 0; }
}

@media (max-width: 900px) {
    .dash-top[b-aeoj2n4ncj] { grid-template-columns: 1fr; }
    .priority[b-aeoj2n4ncj] { min-height: 0; padding: var(--v-space-6); }
    .priority h2[b-aeoj2n4ncj] { font-size: var(--v-text-xl); }
    .first-run-steps[b-aeoj2n4ncj] { grid-template-columns: 1fr; }
    .docs-head[b-aeoj2n4ncj]  .v-seg { width: 100%; }
    .docs-head[b-aeoj2n4ncj]  .v-seg > * { flex: 1; justify-content: center; }
    .doc-link[b-aeoj2n4ncj] { max-width: 100%; }
}
/* /Features/DocumentManagement/UploadDocument.razor.rz.scp.css */
/* Neue Anfrage: Hochladen → Felder setzen → Versenden.
   Leitlinie: Das Dokument ist der Mittelpunkt; es ist immer nur der nächste Schritt sichtbar. */

.ws-file[b-y9ugn78c9c] { max-width: 34ch; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ws-center[b-y9ugn78c9c] {
    place-items: center;
    padding-bottom: 12vh;
}

/* Datei irgendwo auf der Seite ablegen */
.page-drop-overlay[b-y9ugn78c9c] {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    background: rgba(0, 102, 255, .08);
    border: 3px dashed var(--v-blue);
    pointer-events: none;
}

.page-drop-overlay-card[b-y9ugn78c9c] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 22px;
    border-radius: var(--v-radius-pill);
    background: var(--v-white);
    color: var(--v-blue-text);
    font-weight: var(--v-weight-strong);
    box-shadow: var(--v-shadow-lg);
}

/* ── 1 · Hochladen ───────────────────────── */
.upload-start[b-y9ugn78c9c] {
    width: min(640px, 100%);
    gap: var(--v-space-6);
}

.upload-head[b-y9ugn78c9c] {
    display: grid;
    justify-items: center;
    gap: 6px;
    text-align: center;
}

.upload-pick[b-y9ugn78c9c] { margin-top: 12px; }

.upload-preparing[b-y9ugn78c9c] {
    cursor: default;
}

.upload-preparing-copy[b-y9ugn78c9c] {
    justify-items: center;
    gap: 6px;
    text-align: center;
}

.upload-card[b-y9ugn78c9c] { width: min(560px, 100%); }

/* ── 2 · Felder setzen ───────────────────── */
.pdf-viewer-container[b-y9ugn78c9c] { -webkit-user-select: none; user-select: none; }
.panel-head[b-y9ugn78c9c] { gap: 6px; }
.panel-check[b-y9ugn78c9c] { padding: 10px 12px; font-size: var(--v-text-sm); }

.ws-rail[b-y9ugn78c9c]  .pdf-page-thumbnail {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    font: inherit;
    cursor: pointer;
    opacity: .72;
    transition: opacity var(--v-fast), transform var(--v-fast);
}

.ws-rail[b-y9ugn78c9c]  .pdf-page-thumbnail-canvas {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 0 1px var(--v-line), var(--v-shadow-xs);
    transition: box-shadow var(--v-fast);
}

/* Seitenzahl als kleine Marke auf der Seite statt als Zeile darunter */
.ws-rail[b-y9ugn78c9c]  .pdf-page-thumbnail-label {
    position: absolute;
    left: 50%;
    bottom: 6px;
    transform: translateX(-50%);
    min-width: 22px;
    padding: 1px 6px;
    border-radius: var(--v-radius-pill);
    background: rgba(17, 18, 20, .68);
    color: #fff;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.5;
}

.ws-rail[b-y9ugn78c9c]  .pdf-page-thumbnail:hover { opacity: 1; }
.ws-rail[b-y9ugn78c9c]  .pdf-page-thumbnail:hover .pdf-page-thumbnail-canvas { box-shadow: 0 0 0 1px var(--v-line-strong), var(--v-shadow-sm); }
.ws-rail[b-y9ugn78c9c]  .pdf-page-thumbnail.is-active { opacity: 1; }
.ws-rail[b-y9ugn78c9c]  .pdf-page-thumbnail.is-active .pdf-page-thumbnail-label { background: var(--v-blue); }
.ws-rail[b-y9ugn78c9c]  .pdf-page-thumbnail-marks {
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 3px;
    max-width: calc(100% - 10px);
}
.ws-rail[b-y9ugn78c9c]  .pdf-page-thumbnail-marks i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--c);
    box-shadow: 0 0 0 2px var(--v-white);
}
.ws-rail[b-y9ugn78c9c]  .pdf-page-thumbnail.is-active .pdf-page-thumbnail-canvas { box-shadow: 0 0 0 2px var(--v-blue), var(--v-shadow-sm); }
.ws-rail[b-y9ugn78c9c]  .pdf-page-thumbnail:focus-visible { outline: none; opacity: 1; }
.ws-rail[b-y9ugn78c9c]  .pdf-page-thumbnail:focus-visible .pdf-page-thumbnail-canvas { box-shadow: var(--v-focus), 0 0 0 2px var(--v-blue); }

/* Am Rechner blättert die Seitenleiste; die schwebende Seitenanzeige bleibt für schmale Ansichten ohne Leiste. */
@media (min-width: 901px) {
    .ws-body:has(> .ws-rail:not([hidden])) .ws-pager[b-y9ugn78c9c] { display: none; }
}

.pdf-canvas-wrapper[b-y9ugn78c9c] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    overflow-anchor: none;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 56px var(--v-space-6) 96px;
    touch-action: pan-x pan-y;
    overscroll-behavior: contain;
    outline: none;
}

.pdf-canvas-stage[b-y9ugn78c9c] {
    flex: 0 0 auto;
    position: relative;
    width: fit-content;
    margin: 0 auto;
    cursor: crosshair;
}

.pdf-page-stack[b-y9ugn78c9c] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: fit-content;
}

.pdf-page-stack[b-y9ugn78c9c]  .pdf-page-container {
    position: relative;
    background: #fff;
    margin: 0 auto;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(17, 18, 20, .06), 0 12px 32px -16px rgba(17, 40, 90, .22) !important;
}

.pdf-page-stack[b-y9ugn78c9c]  .pdf-page-canvas {
    display: block;
    max-width: none;
}

.pdf-overlay-stage[b-y9ugn78c9c] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

/* Seitenwechsel unten rechts */
.ws-pager[b-y9ugn78c9c] {
    position: absolute;
    z-index: 6;
    right: 20px;
    bottom: 20px;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 4px;
    border-radius: var(--v-radius-pill);
    background: var(--v-white);
    box-shadow: var(--v-shadow-sm);
}

.ws-pager button[b-y9ugn78c9c] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--v-soft);
}

.ws-pager button:hover:not(:disabled)[b-y9ugn78c9c] { background: var(--v-surface); color: var(--v-ink); }
.ws-pager button:disabled[b-y9ugn78c9c] { opacity: .35; }

.page-info[b-y9ugn78c9c] {
    min-width: 96px;
    padding: 0 4px;
    text-align: center;
    font-size: var(--v-text-xs);
    font-weight: 650;
    color: var(--v-soft);
    white-space: nowrap;
}

/* Laden / Fehler der Vorschau */
.pdf-load-status[b-y9ugn78c9c] {
    position: absolute;
    inset: 0;
    z-index: 7;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 8px;
    padding: var(--v-space-6);
    text-align: center;
    background: var(--v-surface);
}

.pdf-load-status > p[b-y9ugn78c9c] { max-width: 32em; color: var(--v-muted); }
.pdf-load-actions[b-y9ugn78c9c] { justify-content: center; margin-top: 8px; }

/* Unterschriftsfelder im Dokument (Farbe der Person) */
.sig-rect[b-y9ugn78c9c] {
    box-sizing: border-box;
    position: absolute;
    z-index: 4;
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--c);
    border-radius: 6px;
    background: color-mix(in srgb, var(--c) 10%, rgba(255, 255, 255, .88));
    color: var(--c);
    cursor: grab;
    touch-action: none;
    transition: box-shadow var(--v-fast);
}

.sig-rect:hover[b-y9ugn78c9c] { box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 20%, transparent); }
.sig-rect:active[b-y9ugn78c9c] { cursor: grabbing; }

.sig-rect-content[b-y9ugn78c9c] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--sig-gap, 2px) * 3);
    padding: 0 8px;
    pointer-events: none;
}

.sig-rect-content[b-y9ugn78c9c]  .sig-rect-icon {
    width: var(--sig-icon-size, 14px);
    height: var(--sig-icon-size, 14px);
    flex: none;
}

.sig-rect-name[b-y9ugn78c9c] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--sig-name-size, 12px);
    line-height: 1.1;
    font-weight: 700;
}

.btn-remove-pos[b-y9ugn78c9c] {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 5;
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--v-ink);
    color: #fff;
    cursor: pointer;
    opacity: 0;
    transition: opacity var(--v-fast);
}

.btn-remove-pos[b-y9ugn78c9c]  .v-ic { width: 12px; height: 12px; stroke-width: 2.6; }

.resize-handle[b-y9ugn78c9c] {
    position: absolute;
    z-index: 5;
    width: 12px;
    height: 12px;
    border: 2px solid var(--c);
    border-radius: 3px;
    background: #fff;
    opacity: 0;
    transition: opacity var(--v-fast);
}

.resize-handle.nw[b-y9ugn78c9c] { top: -6px; left: -6px; cursor: nwse-resize; }
.resize-handle.sw[b-y9ugn78c9c] { bottom: -6px; left: -6px; cursor: nesw-resize; }
.resize-handle.se[b-y9ugn78c9c] { bottom: -6px; right: -6px; cursor: nwse-resize; }

.sig-rect:hover .btn-remove-pos[b-y9ugn78c9c],
.sig-rect:hover .resize-handle[b-y9ugn78c9c],
.sig-rect:focus-within .btn-remove-pos[b-y9ugn78c9c] { opacity: 1; }

@media (hover: none) {
    .btn-remove-pos[b-y9ugn78c9c], .resize-handle[b-y9ugn78c9c] { opacity: 1; }
}

/* Checkboxen, die im PDF erkannt wurden */
.document-field-control[b-y9ugn78c9c] {
    position: absolute;
    z-index: 3;
    pointer-events: auto;
}

.document-field-control.is-open[b-y9ugn78c9c] { z-index: 8; }

.document-field-marker[b-y9ugn78c9c] {
    box-sizing: border-box;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 1.5px solid var(--v-blue);
    border-radius: 4px;
    background: rgba(232, 240, 255, .5);
    color: #fff;
    cursor: pointer;
}

.document-field-marker.is-selected[b-y9ugn78c9c] { background: var(--v-blue); }
.document-field-marker.is-selected[b-y9ugn78c9c]::after { content: "✓"; font-size: .7rem; font-weight: 800; line-height: 1; }
.document-field-marker.is-disabled[b-y9ugn78c9c] { border-style: dashed; border-color: var(--v-faint); background: rgba(245, 246, 248, .7); opacity: .6; }
.document-field-control.is-open .document-field-marker[b-y9ugn78c9c] { box-shadow: 0 0 0 4px var(--v-blue-soft); }

.document-field-popout[b-y9ugn78c9c] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    display: grid;
    gap: 12px;
    width: 240px;
    padding: 14px;
    border-radius: var(--v-radius-sm);
    background: var(--v-white);
    box-shadow: var(--v-shadow-lg);
    color: var(--v-ink);
    cursor: default;
}

.document-field-popout strong[b-y9ugn78c9c] { display: block; font-size: var(--v-text-sm); }
.document-field-popout small[b-y9ugn78c9c] { display: block; font-size: var(--v-text-xs); color: var(--v-muted); }

/* „Wer unterschreibt hier?“ – das Skript setzt Position und auf dem Handy die Sheet-Form */
.signer-picker-anchor[b-y9ugn78c9c] {
    position: fixed;
    width: 1px;
    height: 1px;
    pointer-events: none;
}

.signer-picker[b-y9ugn78c9c] {
    position: fixed;
    z-index: 60;
    width: 340px;
    max-width: calc(100vw - 24px);
    overflow: auto;
    display: grid;
    gap: 12px;
    padding: 14px 14px 16px;
    border-radius: 18px;
    background: var(--v-white);
    box-shadow: var(--v-shadow-lg);
    animation: picker-in-b-y9ugn78c9c .18s var(--v-ease);
    outline: none;
}

.signer-picker[data-placement="sheet"][b-y9ugn78c9c] {
    max-width: none;
    border-radius: var(--v-radius-lg) var(--v-radius-lg) 0 0;
    padding: 16px var(--v-space-5) calc(var(--v-space-5) + env(safe-area-inset-bottom));
}

.picker-people[b-y9ugn78c9c] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.picker-person[b-y9ugn78c9c] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 0 12px;
    border: 1.5px solid var(--v-line);
    border-radius: var(--v-radius-pill);
    background: #fff;
    font: inherit;
    font-size: var(--v-text-sm);
    font-weight: 600;
    color: var(--v-ink);
    cursor: pointer;
    max-width: 100%;
}

.picker-person > span:not(.swatch)[b-y9ugn78c9c] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.picker-person:hover[b-y9ugn78c9c], .picker-person:focus-visible[b-y9ugn78c9c] { border-color: var(--c); background: color-mix(in srgb, var(--c) 7%, #fff); outline: none; }
.picker-person.is-rec[b-y9ugn78c9c] { border-color: var(--c); background: color-mix(in srgb, var(--c) 9%, #fff); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 16%, transparent); }
.picker-person small[b-y9ugn78c9c] { font-size: 11px; font-weight: 600; color: var(--v-muted); }
.picker-person .swatch[b-y9ugn78c9c] { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--c); }

.signer-picker[b-y9ugn78c9c]  .v-combo-list { position: static; margin-top: 8px; box-shadow: none; border: 0; padding: 0; }

@keyframes picker-in-b-y9ugn78c9c { from { opacity: 0; transform: translateY(-6px); } }

.person-remove[b-y9ugn78c9c] {
    flex: none;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    margin: -4px -6px -4px 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--v-faint);
    cursor: pointer;
    opacity: 0;
    transition: opacity var(--v-fast);
}

.person:hover .person-remove[b-y9ugn78c9c], .person-remove:focus-visible[b-y9ugn78c9c] { opacity: 1; }
.person-remove:hover[b-y9ugn78c9c] { background: var(--v-danger-soft); color: var(--v-danger-text); }

.people-empty[b-y9ugn78c9c] {
    padding: 12px 14px;
    border-radius: var(--v-radius-sm);
    background: var(--v-surface);
    color: var(--v-muted);
    font-size: var(--v-text-sm);
}

/* Sich selbst aufnehmen: eine Zeile wie die Personen darüber, gestrichelt als „noch nicht dabei“. */
.person-add[b-y9ugn78c9c] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin-top: var(--v-space-2);
    padding: 10px 12px;
    border: 1.5px dashed var(--v-line-strong);
    border-radius: var(--v-radius-sm);
    background: transparent;
    color: var(--v-ink);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color var(--v-fast), background var(--v-fast);
}

.person-add:hover[b-y9ugn78c9c] { border-color: var(--v-blue); background: var(--v-blue-soft); }
.person-add:focus-visible[b-y9ugn78c9c] { outline: none; box-shadow: var(--v-focus); }
.person-add strong[b-y9ugn78c9c] { display: block; font-size: var(--v-text-sm); }
.person-add small[b-y9ugn78c9c] { display: block; color: var(--v-muted); font-size: var(--v-text-xs); }

.person-add-ic[b-y9ugn78c9c] {
    flex: none;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--v-blue-soft);
    color: var(--v-blue-text);
}

.document-fields-list[b-y9ugn78c9c] { display: grid; gap: 2px; margin-top: 8px; }

.document-field-location[b-y9ugn78c9c] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    margin: 0 -10px;
    border: 0;
    border-radius: var(--v-radius-xs);
    background: transparent;
    font: inherit;
    font-size: var(--v-text-sm);
    color: var(--v-soft);
    text-align: left;
    cursor: pointer;
}

.document-field-location:hover[b-y9ugn78c9c] { background: var(--v-surface); color: var(--v-ink); }
.document-field-location small[b-y9ugn78c9c] { margin-left: auto; font-size: var(--v-text-xs); color: var(--v-muted); }

.mobile-signers-backdrop[b-y9ugn78c9c] { border: 0; }
.signer-overview[b-y9ugn78c9c] { z-index: 92; }
.signer-overview .person-remove[b-y9ugn78c9c] { opacity: 1; }

/* ── 3 · Versenden ───────────────────────── */
.review-card[b-y9ugn78c9c] {
    width: min(560px, 100%);
    gap: var(--v-space-5);
}

.review-head[b-y9ugn78c9c] { gap: 4px; }


/* ── Mobil ───────────────────────────────── */
/* Rückgängig-Toast: mobil über Dock, Hinweis und Seitenanzeige */
@media (max-width: 900px) {
    .ws[b-y9ugn78c9c]  .upload-undo { bottom: calc(180px + env(safe-area-inset-bottom)); }
}

@media (max-width: 900px) {
    .pdf-canvas-wrapper[b-y9ugn78c9c] { padding: 16px 10px 110px; }
    .ws-pager[b-y9ugn78c9c] { right: 50%; transform: translateX(50%); bottom: calc(136px + env(safe-area-inset-bottom)); }
    .person-remove[b-y9ugn78c9c] { opacity: 1; }
}

/* Adressen im Versandhinweis als Einheit: kein Umbruch am Bindestrich, nur wenn eine Adresse allein zu lang ist. */
.send-note-address[b-y9ugn78c9c] {
    display: inline-block;
    max-width: 100%;
    overflow-wrap: anywhere;
}

/* Versand (Free): Zusatzfunktionen als eine ruhige Zeile */
.review-locked[b-y9ugn78c9c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--v-space-3);
    padding: 12px 14px;
    border-radius: var(--v-radius-sm);
    background: var(--v-surface);
}

.review-locked > span[b-y9ugn78c9c] { display: grid; min-width: 0; }
.review-locked strong[b-y9ugn78c9c] { font-size: var(--v-text-sm); }
.review-locked small[b-y9ugn78c9c] { color: var(--v-muted); font-size: var(--v-text-xs); }
.review-locked[b-y9ugn78c9c]  .v-badge { flex: none; }

/* Dateiname und Angaben als Einheiten, damit „Stellen“ nicht allein umbricht */
.review-meta span[b-y9ugn78c9c] { display: inline-block; max-width: 100%; overflow-wrap: anywhere; }

.picker-new-label[b-y9ugn78c9c] { margin-top: 2px; font-size: var(--v-text-sm); }

@media (max-width: 900px) {
    /* Unten nur Dock und – solange etwas fehlt – der Hinweis; die Seitenanzeige wandert nach oben. */
    .ws-pager[b-y9ugn78c9c] { top: 12px; bottom: auto; }
    .ws-coach.is-done[b-y9ugn78c9c] { display: none; }
    /* Entfernen mit Daumen: 44 px Trefferfläche, Symbol bleibt klein */
    .person-remove[b-y9ugn78c9c] { width: 44px; height: 44px; margin: -10px -12px -10px 0; }
}
/* /Features/Identity/Account.razor.rz.scp.css */
/* Einstellungen. */

.settings[b-eck3znmhjz] { width: min(760px, 100%); }

.profile[b-eck3znmhjz] { display: flex; align-items: center; gap: var(--v-space-4); }
.profile-text[b-eck3znmhjz] { min-width: 0; flex: 1; display: grid; }
.profile-text strong[b-eck3znmhjz] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-text small[b-eck3znmhjz] { color: var(--v-muted); font-size: var(--v-text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.usage[b-eck3znmhjz] { display: grid; gap: 8px; }
.usage .v-progress.is-warn > i[b-eck3znmhjz] { background: var(--v-warn); }
.usage .v-progress.is-danger > i[b-eck3znmhjz] { background: var(--v-danger); }
.is-warn-text[b-eck3znmhjz] { color: var(--v-warn-text); }
.is-danger-text[b-eck3znmhjz] { color: var(--v-danger-text); }

.setting-row[b-eck3znmhjz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--v-space-4);
    padding: 14px 0;
    border-top: 1px solid var(--v-line);
}

.v-card-body > .setting-row:first-child[b-eck3znmhjz] { border-top: 0; padding-top: 0; }
.setting-row > span:first-child[b-eck3znmhjz] { min-width: 0; }
.setting-row strong[b-eck3znmhjz] { display: block; font-size: var(--v-text-base); }
.setting-row small[b-eck3znmhjz] { display: block; max-width: 46em; color: var(--v-muted); font-size: var(--v-text-sm); overflow-wrap: anywhere; }

.pk-row[b-eck3znmhjz] { display: flex; align-items: center; gap: 14px; }

.pk-ic[b-eck3znmhjz] {
    flex: none;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--v-surface);
    color: var(--v-soft);
}

.pk-text[b-eck3znmhjz] { min-width: 0; flex: 1; display: grid; }
.pk-text strong[b-eck3znmhjz] { font-size: var(--v-text-base); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-text small[b-eck3znmhjz] { color: var(--v-muted); font-size: var(--v-text-sm); }
.pk-badges[b-eck3znmhjz] { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }

.delete-copy[b-eck3znmhjz] { gap: var(--v-space-3); }
.delete-copy ul[b-eck3znmhjz] { margin: 0; padding-left: 20px; list-style: disc; color: var(--v-soft); display: grid; gap: 4px; }

.settings-legal[b-eck3znmhjz] { display: none; }

@media (max-width: 900px) {
    .settings-legal[b-eck3znmhjz] { display: flex; padding: 0; }
    .pk-row[b-eck3znmhjz] { flex-wrap: wrap; }
    .pk-badges[b-eck3znmhjz] { order: 3; flex-basis: 100%; justify-content: flex-start; padding-left: 54px; }
    .setting-row[b-eck3znmhjz] { flex-wrap: wrap; }
}
/* /Features/Identity/AuthSplit.razor.rz.scp.css */
.auth-split[b-i3tdsz1gdi] {
    width: min(1040px, 100%);
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: var(--v-radius-lg);
    overflow: hidden;
    background: var(--v-white);
    box-shadow: var(--v-shadow-lg);
}

.auth-art[b-i3tdsz1gdi] {
    position: relative;
    overflow: hidden;
    min-height: 560px;
    padding: var(--v-space-10);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: var(--v-space-3);
    color: #fff;
    background: #0b1b3a;
}

.auth-art[b-i3tdsz1gdi]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(10, 20, 40, 0) 35%, rgba(10, 20, 40, .82));
}

.auth-art > :not(.art-bg)[b-i3tdsz1gdi] { position: relative; z-index: 2; }
.auth-art h2[b-i3tdsz1gdi] { font-size: var(--v-text-2xl); font-weight: var(--v-weight-strong); letter-spacing: var(--v-tracking-title); line-height: 1.15; }
.auth-art p[b-i3tdsz1gdi] { color: rgba(255, 255, 255, .78); max-width: 26em; }
.auth-art .auth-art-eyebrow[b-i3tdsz1gdi] { color: rgba(255, 255, 255, .7); }

/* Foto wie background-size: cover, aber als Element, damit der Bildschirm darüber passt */
.art-bg[b-i3tdsz1gdi] { position: absolute; inset: 0; overflow: hidden; container-type: size; }
.art-shot[b-i3tdsz1gdi] { position: absolute; left: 50%; top: 30%; width: max(100cqw, 80cqh); aspect-ratio: 4 / 5; transform: translate(-50%, -30%); }
.art-shot > img[b-i3tdsz1gdi] { position: absolute; inset: 0; width: 100%; height: 100%; }
/* Bildschirmfläche des Handys im Foto (vermessen für hero-a.webp) */
.art-screen[b-i3tdsz1gdi] { position: absolute; left: 33.6%; top: 15.84%; width: 30.2%; height: 50.38%; container-type: size; }

/* Handy-Bildschirm: validor-Seite, darüber die System-Abfrage für den Passkey (Maße in em) */
.lg-ui[b-i3tdsz1gdi] { position: absolute; inset: 0; overflow: hidden; font-size: calc(100cqw / 23.08); color: var(--v-ink); background: #fff; border-radius: 3.15em 3.15em 2.85em 2.85em / 3.3em 3.3em 2.9em 2.9em; }
.lg-status[b-i3tdsz1gdi] { position: absolute; z-index: 3; top: 0; left: 0; right: 0; height: 3.5em; display: flex; align-items: center; justify-content: space-between; padding: .45em 2em 0 2.3em; font-size: 1.04em; font-weight: 700; }
.lg-island[b-i3tdsz1gdi] { position: absolute; left: 50%; top: .85em; width: 7.1em; height: 2.1em; margin-left: -3.55em; border-radius: 1.5em; background: #0b0c0e; }
.lg-sys[b-i3tdsz1gdi] { display: inline-flex; align-items: center; gap: .3em; }
.lg-sys i[b-i3tdsz1gdi] { width: .25em; border-radius: .1em; background: currentColor; }
.lg-sys i:nth-child(1)[b-i3tdsz1gdi] { height: .35em; }
.lg-sys i:nth-child(2)[b-i3tdsz1gdi] { height: .5em; }
.lg-sys i:nth-child(3)[b-i3tdsz1gdi] { height: .65em; }
.lg-sys b[b-i3tdsz1gdi] { position: relative; width: 1.6em; height: .8em; margin-left: .25em; border-radius: .25em; border: .09em solid currentColor; }
.lg-sys b[b-i3tdsz1gdi]::after { content: ""; position: absolute; inset: .12em .35em .12em .12em; border-radius: .1em; background: currentColor; }
.lg-page[b-i3tdsz1gdi] { position: absolute; inset: 0; padding: 6.2em 1.8em 0; display: grid; align-content: start; justify-items: center; gap: .7em; text-align: center; background: #fff; }
.lg-page img[b-i3tdsz1gdi] { width: 3.4em; height: auto; margin-bottom: .6em; }
.lg-page strong[b-i3tdsz1gdi] { font-size: 1.6em; letter-spacing: -.03em; }
.lg-page small[b-i3tdsz1gdi] { font-size: .9em; color: var(--v-muted); }
.lg-page .lg-btn[b-i3tdsz1gdi] { margin-top: 1.2em; width: 100%; height: 3.3em; border-radius: 99em; background: var(--v-blue); }
.lg-dim[b-i3tdsz1gdi] { position: absolute; inset: 0; z-index: 1; background: rgba(8, 10, 14, .16); }
.lg-sheet[b-i3tdsz1gdi] { position: absolute; z-index: 2; left: .6em; right: .6em; bottom: .6em; display: grid; justify-items: center; gap: .2em; padding: .9em 1.5em 2em; text-align: center; background: rgba(250, 251, 253, .97); border-radius: 2.3em; box-shadow: 0 -.8em 3em rgba(8, 10, 14, .18); }
.lg-sheet[b-i3tdsz1gdi]::before { content: ""; width: 2.8em; height: .38em; border-radius: 1em; background: #d5d8de; margin-bottom: 1em; }
.lg-sheet strong[b-i3tdsz1gdi] { font-size: 1.23em; letter-spacing: -.02em; }
.lg-sheet small[b-i3tdsz1gdi] { font-size: .92em; color: var(--v-muted); }
.lg-face[b-i3tdsz1gdi] { width: 6.2em; height: 6.2em; margin: 1.4em 0 .8em; color: var(--v-blue); }
.lg-face svg[b-i3tdsz1gdi] { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; }
.lg-face .corners[b-i3tdsz1gdi] { transform-origin: 32px 32px; animation: lg-breath-b-i3tdsz1gdi 2.4s ease-in-out infinite; }
.lg-sheet .lg-label[b-i3tdsz1gdi] { font-size: 1em; font-weight: 650; }

@keyframes lg-breath-b-i3tdsz1gdi { 50% { transform: scale(.92); } }

.auth-form[b-i3tdsz1gdi] {
    padding: var(--v-space-10);
    display: grid;
    align-content: center;
    gap: var(--v-space-6);
}

@media (max-width: 900px) {
    .auth-split[b-i3tdsz1gdi] { grid-template-columns: 1fr; box-shadow: none; background: transparent; overflow: visible; }
    .auth-art[b-i3tdsz1gdi] { display: none; }
    .auth-form[b-i3tdsz1gdi] { padding: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .lg-face .corners[b-i3tdsz1gdi] { animation: none; }
}
/* /Features/Identity/Pages/AddPasskey.razor.rz.scp.css */
.auth-head[b-9pma7msncd] { gap: 6px; }

.done-ic[b-9pma7msncd] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 8px;
    border-radius: 50%;
    background: var(--v-ok);
    color: #fff;
    box-shadow: 0 0 0 8px var(--v-ok-soft);
}

.code-field[b-9pma7msncd]  .v-input {
    text-align: center;
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    font-size: var(--v-text-xl);
    letter-spacing: .2em;
    text-transform: uppercase;
}

.enroll-user[b-9pma7msncd] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: var(--v-radius-sm);
    background: var(--v-blue-soft);
}

.enroll-user > span[b-9pma7msncd] { min-width: 0; display: grid; }
.enroll-user strong[b-9pma7msncd] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.enroll-user small[b-9pma7msncd] { display: inline-flex; align-items: center; gap: 4px; color: var(--v-soft); font-size: var(--v-text-sm); }
.enroll-user small[b-9pma7msncd]  .v-ic { color: var(--v-ok); }

.enroll-note[b-9pma7msncd] { text-align: center; }
/* /Features/Identity/Pages/AddPasskeyFromTrustedDevice.razor.rz.scp.css */
/* Weiteres Gerät hinzufügen. */

.enroll[b-n2toir0g3j] { width: min(760px, 100%); }

.enroll-live[b-n2toir0g3j] {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--v-ok-text);
    font-size: var(--v-text-xs);
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.enroll-live i[b-n2toir0g3j] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--v-ok);
    animation: enroll-pulse-b-n2toir0g3j 1.6s var(--v-ease) infinite;
}

@keyframes enroll-pulse-b-n2toir0g3j {
    0% { box-shadow: 0 0 0 0 rgba(22, 163, 74, .45); }
    100% { box-shadow: 0 0 0 10px rgba(22, 163, 74, 0); }
}

.enroll-intro[b-n2toir0g3j] { display: flex; align-items: center; gap: var(--v-space-5); }
.enroll-copy[b-n2toir0g3j] { gap: 6px; }

.enroll-orb[b-n2toir0g3j] {
    flex: none;
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: 20px;
    background: var(--v-blue-soft);
    color: var(--v-blue);
}

.enroll-body[b-n2toir0g3j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--v-space-6);
    align-items: center;
}

.enroll-qr-col[b-n2toir0g3j] { display: grid; justify-items: center; gap: 10px; }

.enroll-qr[b-n2toir0g3j] {
    width: 220px;
    padding: 14px;
    border-radius: var(--v-radius);
    background: var(--v-white);
    border: 1px solid var(--v-line);
}

.enroll-qr[b-n2toir0g3j]  svg { display: block; width: 100%; height: auto; }

.enroll-exp[b-n2toir0g3j] { display: inline-flex; align-items: center; gap: 6px; }

.enroll-code[b-n2toir0g3j] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }

.enroll-code span[b-n2toir0g3j] {
    padding: 10px 14px;
    border-radius: var(--v-radius-sm);
    background: var(--v-surface);
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    font-size: var(--v-text-xl);
    font-weight: 650;
    letter-spacing: .12em;
}

.enroll-link[b-n2toir0g3j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--v-space-3);
    padding: 12px 14px;
    border-radius: var(--v-radius-sm);
    border: 1px solid var(--v-line);
}

.enroll-link > span[b-n2toir0g3j] { display: grid; min-width: 0; }
.enroll-link strong[b-n2toir0g3j] { font-size: var(--v-text-sm); }
.enroll-link small[b-n2toir0g3j] { color: var(--v-muted); font-size: var(--v-text-xs); }
.enroll-secret[b-n2toir0g3j] { justify-content: flex-start; text-align: left; }

.enroll-foot[b-n2toir0g3j] { justify-content: space-between; }

@media (max-width: 700px) {
    .enroll[b-n2toir0g3j] { width: 100%; min-height: 100dvh; max-height: none; border-radius: 0; padding: var(--v-space-5) var(--v-space-4) calc(var(--v-space-6) + env(safe-area-inset-bottom)); }
    .enroll-body[b-n2toir0g3j] { grid-template-columns: 1fr; }
    .enroll-intro[b-n2toir0g3j] { flex-direction: column; align-items: flex-start; }
    .enroll-foot[b-n2toir0g3j] { flex-direction: column-reverse; align-items: stretch; }
}

.enroll-orb.is-ok[b-n2toir0g3j] { background: var(--v-ok-soft); color: var(--v-ok-text); }
/* /Features/Identity/Pages/CompleteRegistration.razor.rz.scp.css */
.complete-form[b-nfg9fhmeud] {
    width: 100%;
    text-align: left;
}
/* /Features/Identity/Pages/Login.razor.rz.scp.css */
.auth-head[b-x4laje2gdm] { gap: 6px; }

/* Passkey als eine große Aktion (Entwurf: login.html) */
.pk-cta[b-x4laje2gdm] {
    display: grid;
    place-items: center;
    gap: 14px;
    padding: var(--v-space-8) var(--v-space-6);
    border-radius: var(--v-radius);
    background: var(--v-surface);
    text-align: center;
}

.pk-disc[b-x4laje2gdm] {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: 20px;
    background: var(--v-white);
    color: var(--v-ink);
    box-shadow: 0 0 0 1px var(--v-line), var(--v-shadow-sm);
}

.pk-disc[b-x4laje2gdm]  .v-ic { width: 30px; height: 30px; }
/* /Features/Identity/Pages/Register.razor.rz.scp.css */
.auth-head[b-vtxxxt930z] { gap: 6px; }
.auth-head[b-vtxxxt930z]  .v-steps { margin-bottom: 12px; }
/* /Features/Identity/Pages/RegisterSuccess.razor.rz.scp.css */
/* Fortschritt über dem Symbol wie bei Registrierung und Tarifwahl; die Adresse steht für sich, damit sie nicht mitten im Wort umbricht. */
.register-success-top[b-hicqs9ere1] {
    display: grid;
    justify-items: center;
    gap: var(--v-space-5);
}

.register-success-email[b-hicqs9ere1] {
    max-width: 100%;
    padding: 8px 16px;
    border-radius: var(--v-radius-sm);
    background: var(--v-surface);
    color: var(--v-ink);
    font-weight: var(--v-weight-strong);
    overflow-wrap: anywhere;
}
/* /Features/Identity/Pages/ResendConfirmationAlert.razor.rz.scp.css */
.resend-link[b-2h04rzrm8q] {
    margin-top: 4px;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    cursor: pointer;
}
/* /Features/Identity/Pages/SelectTier.razor.rz.scp.css */
/* Tarifwahl (Onboarding und Planwechsel).
   Die Klassen tier-card, tier-badge, tier-card-top, tier-card-name prüfen die Tests – nicht umbenennen. */

.tier-page[b-bjxjt4wir0] {
    width: min(1040px, 100%);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--v-space-6);
}

.tier-head[b-bjxjt4wir0] { display: flex; }

/* Überschrift, Intervall, Karten und Hinweise untereinander mit gleichem Abstand */
.tier-body[b-bjxjt4wir0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--v-space-6);
}

/* Die Wischpunkte gehören zu den Karten und rücken näher heran. */
.tier-body[b-bjxjt4wir0]  .v-snap-dots { margin-top: calc(var(--v-space-3) * -1); }

.tier-headline-block[b-bjxjt4wir0] {
    display: grid;
    gap: 6px;
}

.tier-billing[b-bjxjt4wir0] { display: grid; gap: 10px; }

.tier-billing-switch[b-bjxjt4wir0] { display: flex; }

.tier-billing-note[b-bjxjt4wir0] {
    font-size: var(--v-text-sm);
    color: var(--v-muted);
}

/* Karten: Desktop drei nebeneinander, mobil als Wischreihe (.v-snap) */
@media (min-width: 901px) {
    .tier-page[b-bjxjt4wir0]  .tier-cards {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--v-space-4);
        align-items: stretch;
    }

    .tier-page[b-bjxjt4wir0]  .tier-cards--upgrade:not(:has(> .tier-card:nth-child(3))) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.tier-card[b-bjxjt4wir0] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--v-space-4);
    padding: var(--v-space-6);
    border-radius: var(--v-radius-lg);
    background: var(--v-white);
    border: 1.5px solid var(--v-line);
    transition: border-color var(--v-base), box-shadow var(--v-base);
}

.tier-card:hover[b-bjxjt4wir0] { border-color: var(--v-line-strong); }

.tier-card--featured[b-bjxjt4wir0] {
    border-color: var(--v-blue);
    box-shadow: var(--v-focus);
}

.tier-badge[b-bjxjt4wir0] {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 10px;
    border-radius: var(--v-radius-pill);
    background: var(--v-blue-soft);
    color: var(--v-blue-text);
    font-size: var(--v-text-xs);
    font-weight: var(--v-weight-bold);
}

.tier-card-top[b-bjxjt4wir0] { display: grid; gap: 4px; }

.tier-card-name[b-bjxjt4wir0] {
    font-size: var(--v-text-lg);
    font-weight: var(--v-weight-bold);
    letter-spacing: -.015em;
}

.tier-card-tagline[b-bjxjt4wir0] {
    font-size: var(--v-text-sm);
    color: var(--v-muted);
}

.tier-card-price[b-bjxjt4wir0] { display: grid; gap: 2px; margin-top: var(--v-space-3); }
.tier-price-row[b-bjxjt4wir0] { display: flex; align-items: baseline; gap: 6px; }

.tier-price-big[b-bjxjt4wir0] {
    font-size: 40px;
    font-weight: 650;
    letter-spacing: -.04em;
    line-height: 1;
}

.tier-price-sub[b-bjxjt4wir0],
.tier-price-yearly-note[b-bjxjt4wir0] {
    font-size: var(--v-text-sm);
    color: var(--v-muted);
}

.tier-feature-list[b-bjxjt4wir0] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--v-text-sm);
    color: var(--v-soft);
}

.tier-feature-list li[b-bjxjt4wir0] { display: flex; gap: 8px; }
.tier-feature-list li[b-bjxjt4wir0]  .v-ic { flex: none; margin-top: 2px; color: var(--v-blue); }

.tier-form[b-bjxjt4wir0] { display: grid; }
.tier-btn[b-bjxjt4wir0] { margin-top: auto; }
.tier-form .tier-btn[b-bjxjt4wir0] { margin-top: 0; }
.tier-card > .tier-form[b-bjxjt4wir0] { margin-top: auto; }

.tier-card-note[b-bjxjt4wir0] {
    font-size: var(--v-text-xs);
    color: var(--v-muted);
    text-align: center;
}

.tier-upgrade-assurance[b-bjxjt4wir0] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--v-text-sm);
    color: var(--v-muted);
}

.tier-confirm-summary[b-bjxjt4wir0] {
    display: grid;
    gap: 8px;
    margin: var(--v-space-5) 0 var(--v-space-3);
    padding: 12px 14px;
    border-radius: var(--v-radius-sm);
    background: var(--v-surface);
}

/* Mobil: Karten nicht auf die Höhe der längsten strecken – sonst entsteht in Free ein Loch vor dem Button. */
@media (max-width: 900px) {
    .tier-page[b-bjxjt4wir0]  .tier-cards { align-items: flex-start; }
}
/* /Features/Sign/SignDocument.razor.rz.scp.css */
/* Unterschreiben (Eingeladene und Absender).
   Rahmen, Panel und Dock kommen aus der CI (ci/workspace.css); hier nur das Seitenspezifische. */

/* ── Dokument ─────────────────────────────── */
.sign-viewer-stage[b-tyaufoqxpi]  .sign-viewer {
    position: relative;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.sign-viewer-stage[b-tyaufoqxpi]  .pdf-viewer-container {
    flex: 1;
    min-height: 0;
    overflow: auto;
    overflow-anchor: none;
    padding: 32px var(--v-space-6) 110px;
    overscroll-behavior: contain;
}

.sign-viewer-stage[b-tyaufoqxpi]  .pdf-page-container {
    max-width: none;
    margin: 0 auto 16px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(17, 18, 20, .06), 0 12px 32px -16px rgba(17, 40, 90, .22);
}

/* Eigene Stellen: blau, pulsierend, mit „Hier unterschreiben“ */
.sign-viewer-stage[b-tyaufoqxpi]  .signature-mark {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--v-blue);
    border-radius: 6px;
    /* Fast deckend wie die Felder im Editor: darunterliegender PDF-Text darf die Beschriftung nicht überlagern. */
    background: rgba(236, 243, 255, .94);
    color: var(--v-blue-text);
    pointer-events: none;
    container-type: inline-size;
    animation: sign-mark-pulse-b-tyaufoqxpi 2.2s var(--v-ease) infinite;
}

.sign-viewer-stage[b-tyaufoqxpi]  .signature-mark-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 8px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-size: clamp(10px, 1.1vw, 13px);
    font-weight: 700;
}

.sign-viewer-stage[b-tyaufoqxpi]  .signature-mark-label .v-ic { width: 1.2em; height: 1.2em; flex: none; }

/* Schmale Stellen (z. B. Handy): kurze Beschriftung statt abgeschnittenem Text */
.sign-viewer-stage[b-tyaufoqxpi]  .signature-mark-short { display: none; }

@container (max-width: 150px) {
    .sign-viewer-stage[b-tyaufoqxpi]  .signature-mark-label { padding: 0 4px; gap: 4px; }
    .sign-viewer-stage[b-tyaufoqxpi]  .signature-mark-long { display: none; }
    .sign-viewer-stage[b-tyaufoqxpi]  .signature-mark-short { display: inline; }
}

.sign-viewer-stage[b-tyaufoqxpi]  .signature-mark.pulse-highlight {
    box-shadow: 0 0 0 5px rgba(0, 102, 255, .25);
    animation: none;
}

@keyframes sign-mark-pulse-b-tyaufoqxpi {
    50% { background: rgba(214, 229, 255, .97); }
}

/* Im PDF erkannte Checkboxen zum Ankreuzen */
.sign-viewer-stage[b-tyaufoqxpi]  .document-checkbox {
    position: absolute;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
}

.sign-viewer-stage[b-tyaufoqxpi]  .document-checkbox-box {
    position: relative;
    width: var(--detected-checkbox-size);
    height: var(--detected-checkbox-size);
    border: 1.5px solid var(--v-muted);
    border-radius: 3px;
    background: #fff;
}

.sign-viewer-stage[b-tyaufoqxpi]  .document-checkbox:hover .document-checkbox-box,
.sign-viewer-stage[b-tyaufoqxpi]  .document-checkbox:focus-visible .document-checkbox-box {
    border-color: var(--v-blue);
    box-shadow: 0 0 0 3px var(--v-blue-soft);
}

.sign-viewer-stage[b-tyaufoqxpi]  .document-checkbox:focus-visible { outline: none; }
.sign-viewer-stage[b-tyaufoqxpi]  .document-checkbox:disabled { cursor: default; }

.sign-viewer-stage[b-tyaufoqxpi]  .document-checkbox.is-checked .document-checkbox-box {
    border-color: var(--v-blue);
    background: var(--v-blue);
}

.sign-viewer-stage[b-tyaufoqxpi]  .document-checkbox.is-checked .document-checkbox-box::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 45%;
    width: 55%;
    height: 30%;
    border: solid #fff;
    border-width: 0 0 2px 2px;
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* ── Panel ────────────────────────────────── */
.sign-action-content[b-tyaufoqxpi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--v-space-5);
    min-height: 0;
}

.sign-panel-head[b-tyaufoqxpi] { gap: 6px; }

/* Absender und persönliche Nachricht (Entwurf sign.html: Nachricht auf zwei Zeilen gekürzt, „Mehr“) */
.sign-from[b-tyaufoqxpi] { display: flex; align-items: center; gap: 12px; min-width: 0; }
.sign-from > span:last-child[b-tyaufoqxpi] { display: grid; min-width: 0; }
.sign-from strong[b-tyaufoqxpi] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sign-from small[b-tyaufoqxpi] { color: var(--v-muted); font-size: var(--v-text-sm); overflow-wrap: anywhere; }

.sign-message[b-tyaufoqxpi] {
    margin: 0;
    padding: 12px 14px;
    border-radius: var(--v-radius-sm);
    background: var(--v-surface);
    color: var(--v-soft);
    font-size: var(--v-text-sm);
    white-space: pre-line;
    overflow-wrap: anywhere;
}

details.sign-message summary[b-tyaufoqxpi] { display: grid; gap: 4px; list-style: none; cursor: pointer; }
details.sign-message summary[b-tyaufoqxpi]::-webkit-details-marker { display: none; }
.sign-message-preview[b-tyaufoqxpi] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.sign-message-more[b-tyaufoqxpi] { color: var(--v-blue-text); font-weight: 650; }
details.sign-message p[b-tyaufoqxpi] { display: none; margin: 0; }
details.sign-message[open] summary[b-tyaufoqxpi] { display: none; }
details.sign-message[open] p[b-tyaufoqxpi] { display: block; }

.sign-spots[b-tyaufoqxpi] { display: grid; gap: 2px; }
.sign-spots .v-eyebrow[b-tyaufoqxpi] { margin-bottom: 6px; }

/* ── Mobil: Sheet mit dem Formular ────────── */
.msign-sheet[b-tyaufoqxpi],
.msign-backdrop[b-tyaufoqxpi] { display: none; }

@media (max-width: 900px) {
    .msign-sheet.msign-sheet--open[b-tyaufoqxpi] { display: grid; }
    .msign-backdrop.msign-backdrop--open[b-tyaufoqxpi] { display: grid; }
    .msign-sheet .sign-action-content[b-tyaufoqxpi] { gap: var(--v-space-4); }
    .sign-viewer-stage[b-tyaufoqxpi]  .pdf-viewer-container { padding: 16px 10px 150px; }
}

/* ── Unterschrift wird eingefügt (Overlay vom Passkey-Skript) ── */
[b-tyaufoqxpi] .sign-loading-overlay[hidden] { display: none; }

.sign-loading-state[b-tyaufoqxpi] {
    width: min(420px, 100%);
}

.sign-signature-svg[b-tyaufoqxpi] {
    display: block;
    width: min(280px, 100%);
    height: auto;
    aspect-ratio: 8 / 3;
}

.sign-signature-guide[b-tyaufoqxpi],
.sign-signature-stroke[b-tyaufoqxpi] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sign-signature-guide[b-tyaufoqxpi] {
    stroke: var(--v-line-strong);
    stroke-width: 5;
    opacity: .75;
}

.sign-signature-stroke[b-tyaufoqxpi] {
    stroke: var(--v-blue);
    stroke-width: 5.5;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: sign-draw-b-tyaufoqxpi 2.8s ease-in-out infinite;
}

@keyframes sign-draw-b-tyaufoqxpi {
    0% { stroke-dashoffset: 100; opacity: .4; }
    18% { opacity: 1; }
    72%, 100% { stroke-dashoffset: 0; opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .sign-signature-stroke[b-tyaufoqxpi] { animation: none; stroke-dashoffset: 0; }
    .sign-viewer-stage[b-tyaufoqxpi]  .signature-mark { animation: none; }
}
/* /Features/Validate/ValidateDocument.razor.rz.scp.css */
/* Öffentliche Signaturprüfung (/validate) auf der validor-CI. */

.validate-page[b-dnps8ypb5t] {
    padding: calc(var(--v-topbar) + var(--v-space-12)) var(--v-space-4) var(--v-space-12);
    background: var(--v-surface);
    min-height: 100dvh;
}

.validate-grid[b-dnps8ypb5t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: clamp(32px, 6vw, 80px);
    align-items: center;
    width: min(1080px, 100%);
    margin: 0 auto;
}

.validate-copy[b-dnps8ypb5t] { display: grid; gap: var(--v-space-4); }
.validate-copy .v-eyebrow[b-dnps8ypb5t] { display: inline-flex; align-items: center; gap: 6px; }

.validate-checks[b-dnps8ypb5t] { display: grid; gap: var(--v-space-4); margin-top: var(--v-space-4); }
.validate-checks li[b-dnps8ypb5t] { display: flex; align-items: flex-start; gap: 14px; }
.validate-checks strong[b-dnps8ypb5t] { display: block; }
.validate-checks small[b-dnps8ypb5t] { display: block; color: var(--v-muted); font-size: var(--v-text-sm); }

.validate-check-ic[b-dnps8ypb5t] {
    flex: none;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--v-white);
    color: var(--v-blue);
    box-shadow: var(--v-shadow-sm);
}

.validate-cert[b-dnps8ypb5t] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: var(--v-space-2); font-size: var(--v-text-sm); color: var(--v-muted); }

/* Bühne: dieselbe blaue Fläche wie die Vorschau auf der Website; darauf liegt immer genau eine weiße Karte. */
.validate-stage[b-dnps8ypb5t] {
    display: grid;
    align-content: center;
    gap: var(--v-space-4);
    min-height: 440px;
    padding: 28px;
    border-radius: var(--v-radius-lg);
    background:
        radial-gradient(55% 45% at 88% 8%, rgba(0, 102, 255, .5), transparent 70%),
        radial-gradient(45% 40% at 5% 100%, rgba(0, 102, 255, .16), transparent 70%),
        linear-gradient(160deg, #f5f8fd, #dde7f5);
    box-shadow: 0 24px 48px -32px rgba(17, 40, 90, .35);
}

.validate-drop[b-dnps8ypb5t] {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 4px;
    min-height: 384px;
    padding: 36px 20px;
    border: 2px dashed rgba(0, 102, 255, .3);
    border-radius: 18px;
    background: rgba(255, 255, 255, .92);
    text-align: center;
    cursor: pointer;
    transition: border-color var(--v-fast), background var(--v-fast);
}

.validate-drop:hover[b-dnps8ypb5t], .validate-drop.is-over[b-dnps8ypb5t] { border-color: var(--v-blue); background: #fff; }

.validate-drop-ic[b-dnps8ypb5t] {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin-bottom: 10px;
    border-radius: 20px;
    background: var(--v-blue-soft);
    color: var(--v-blue);
}

.validate-run[b-dnps8ypb5t] { display: grid; gap: var(--v-space-3); }

.validate-file[b-dnps8ypb5t] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 14px 16px;
    border-radius: 14px;
    background: #fff;
    color: var(--v-soft);
}

.validate-file strong[b-dnps8ypb5t], .validate-file span[b-dnps8ypb5t] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.validate-file.is-result[b-dnps8ypb5t] { padding: 0; font-size: var(--v-text-sm); color: var(--v-muted); }

.validate-steps[b-dnps8ypb5t] { display: grid; gap: 8px; }

.validate-steps li[b-dnps8ypb5t] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 14px;
    background: #fff;
    font-weight: 600;
    animation: v-state-in .5s var(--v-ease) both;
}

.validate-steps li:nth-child(2)[b-dnps8ypb5t] { animation-delay: .08s; }
.validate-steps li:nth-child(3)[b-dnps8ypb5t] { animation-delay: .16s; }
.validate-steps li:nth-child(4)[b-dnps8ypb5t] { animation-delay: .24s; }

.step-ic[b-dnps8ypb5t] {
    flex: none;
    width: 20px;
    height: 20px;
    border: 2px solid var(--v-blue);
    border-top-color: transparent;
    border-radius: 50%;
    animation: v-spin .8s linear infinite;
}

.validate-result[b-dnps8ypb5t] {
    padding: 24px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 30px 60px -30px rgba(17, 18, 20, .35);
    animation: v-state-in .5s var(--v-ease) both;
}

.validate-result-banner[b-dnps8ypb5t] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-radius: var(--v-radius);
    border: 1px solid transparent;
}

.validate-result-banner > span:last-child[b-dnps8ypb5t] { display: grid; min-width: 0; }
.validate-result-banner strong[b-dnps8ypb5t] { font-size: var(--v-text-md); }
.validate-result-banner small[b-dnps8ypb5t] { color: var(--v-soft); font-size: var(--v-text-sm); }

.validate-result-banner.is-ok[b-dnps8ypb5t] { background: var(--v-ok-soft); border-color: #cdeedb; }
.validate-result-banner.is-warn[b-dnps8ypb5t] { background: var(--v-warn-soft); border-color: #f5dfae; }
.validate-result-banner.is-danger[b-dnps8ypb5t] { background: var(--v-danger-soft); border-color: #f3c4c4; }

.result-ic[b-dnps8ypb5t], .validate-seal-ic[b-dnps8ypb5t] {
    flex: none;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    color: #fff;
}

.is-ok > .result-ic[b-dnps8ypb5t], .validate-seal-ic.is-ok[b-dnps8ypb5t] { background: var(--v-ok); }
.is-warn > .result-ic[b-dnps8ypb5t], .validate-seal-ic.is-warn[b-dnps8ypb5t] { background: var(--v-warn); }
.is-danger > .result-ic[b-dnps8ypb5t], .validate-seal-ic.is-danger[b-dnps8ypb5t] { background: var(--v-danger); }

.validate-group[b-dnps8ypb5t] { gap: 6px; }

.check-row[b-dnps8ypb5t] { display: flex; align-items: flex-start; gap: 12px; }
.check-row > .v-badge[b-dnps8ypb5t] { flex: none; }

.check-text[b-dnps8ypb5t] { min-width: 0; flex: 1; display: grid; gap: 2px; }
.check-text strong[b-dnps8ypb5t] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.check-text small[b-dnps8ypb5t] { color: var(--v-muted); font-size: var(--v-text-sm); overflow-wrap: anywhere; }
.check-text small.is-error[b-dnps8ypb5t] { color: var(--v-danger-text); }

.trust-badges[b-dnps8ypb5t] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }

.validate-hash[b-dnps8ypb5t] { display: block; overflow-wrap: anywhere; font-size: var(--v-text-sm); color: var(--v-soft); }

@media (max-width: 900px) {
    .validate-grid[b-dnps8ypb5t] { grid-template-columns: minmax(0, 1fr); gap: var(--v-space-8); }
    .validate-checks[b-dnps8ypb5t] { margin-top: 0; }
}

@media (max-width: 700px) {
    .validate-page[b-dnps8ypb5t] { padding-top: calc(var(--v-topbar) + var(--v-space-6)); }
    .validate-stage[b-dnps8ypb5t] { min-height: 0; padding: 16px; }
    .validate-drop[b-dnps8ypb5t] { min-height: 260px; }
    .validate-result[b-dnps8ypb5t] { padding: 18px; }
    .check-row[b-dnps8ypb5t] { flex-wrap: wrap; }
}