/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-wyi6utut3h],
.components-reconnect-repeated-attempt-visible[b-wyi6utut3h],
.components-reconnect-failed-visible[b-wyi6utut3h],
.components-pause-visible[b-wyi6utut3h],
.components-resume-failed-visible[b-wyi6utut3h],
.components-rejoining-animation[b-wyi6utut3h] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-wyi6utut3h],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-wyi6utut3h],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-wyi6utut3h],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-wyi6utut3h],
#components-reconnect-modal.components-reconnect-retrying[b-wyi6utut3h],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-wyi6utut3h],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-wyi6utut3h],
#components-reconnect-modal.components-reconnect-failed[b-wyi6utut3h],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-wyi6utut3h] {
    display: block;
}


#components-reconnect-modal[b-wyi6utut3h] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-wyi6utut3h 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-wyi6utut3h 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-wyi6utut3h 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-wyi6utut3h]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-wyi6utut3h 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-wyi6utut3h {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-wyi6utut3h {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-wyi6utut3h {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-wyi6utut3h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-wyi6utut3h] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-wyi6utut3h] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-wyi6utut3h] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-wyi6utut3h] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-wyi6utut3h] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-wyi6utut3h] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-wyi6utut3h 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-wyi6utut3h] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-wyi6utut3h {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Customers/Kunden.razor.rz.scp.css */
/* Preisliste-Filter wie der Knopf «Preisliste ▾» im Canvas (native Auswahl) */
.price-filter[b-6pggk5spjm] {
    flex: none;
    field-sizing: content; /* so breit wie die gewählte Option, wie der Knopf im Canvas */
    appearance: none;
    padding: 10px 32px 10px 14px;
    border-radius: var(--radius-control-sm);
    border: 1px solid var(--color-border);
    background: var(--color-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%233E5249' stroke-width='3'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 13px center;
    font: 500 13px var(--font-body);
    line-height: 1.2;
    color: var(--color-ink-secondary);
    cursor: pointer;
    outline: none;
    transition: border-color .15s, color .15s;
}

.price-filter:hover[b-6pggk5spjm],
.price-filter:focus-visible[b-6pggk5spjm] {
    border-color: var(--color-primary-700);
    color: var(--color-ink);
}

.price-filter.is-active[b-6pggk5spjm] {
    border-color: var(--color-primary-700);
    color: var(--color-primary-700);
    font-weight: 600;
}

/* Kundentabelle: Kopf 12 px hoch gepolstert, Aussenspalten 18 px wie im Canvas */
.customers-table[b-6pggk5spjm]  .fp-grid .rz-grid-table thead th > div:not(.rz-cell-filter) {
    padding-top: 12px;
    padding-bottom: 12px;
}

.customers-table[b-6pggk5spjm]  .fp-grid .rz-grid-table th:first-child > div:not(.rz-cell-filter),
.customers-table[b-6pggk5spjm]  .fp-grid .rz-grid-table td:first-child {
    padding-left: 18px;
}

.customers-table[b-6pggk5spjm]  .fp-grid .rz-grid-table th:last-child > div:not(.rz-cell-filter),
.customers-table[b-6pggk5spjm]  .fp-grid .rz-grid-table td:last-child {
    padding-right: 18px;
}

/* Zweizeilige Kundenzellen kompakt wie im Canvas (Zeile 61 px) */
.customers-table[b-6pggk5spjm]  .fp-grid .rz-grid-table td .rz-cell-data {
    line-height: 1.25;
}
/* /Components/Pages/Invoices/Belege.razor.rz.scp.css */
/* Aktionen in der Tabelle: Links wie im Canvas (13 px, halbfett, 12 px Abstand) */
.belege-action[b-vs12hhr24f] {
  margin-left: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  font: 600 13px var(--font-body);
  color: var(--color-primary-700);
}

.belege-action:hover[b-vs12hhr24f] {
  color: var(--color-link-hover);
  text-decoration: underline;
}

.belege-action-warn[b-vs12hhr24f] {
  color: var(--color-warning-fg);
}

.belege-action-warn:hover[b-vs12hhr24f] {
  color: var(--color-warning-fg);
}

/* Gutschriften hinterlegt (#FFFBEB) */
.belege-table[b-vs12hhr24f]  .rz-data-row.belege-row-credit > td {
  background-color: var(--color-warning-subtle);
}

.belege-table[b-vs12hhr24f]  .rz-data-row.belege-row-credit:hover > td {
  background-color: var(--color-warning-bg);
}

/* Zeilen 13 px statt 14 px Innenabstand oben/unten (Canvas Belege) */
.belege-table[b-vs12hhr24f]  .rz-grid-table td {
  padding-top: 13px;
  padding-bottom: 13px;
}

/* Zeilenhöhe wie im Canvas (Schrift mit normaler Zeilenhöhe) */
.belege-table[b-vs12hhr24f]  .rz-grid-table td,
.belege-table[b-vs12hhr24f]  .rz-grid-table td * {
  line-height: normal;
}
/* /Components/Pages/Invoices/InvoiceDialog.razor.rz.scp.css */
/* Wasserzeichen auf Testbelegen (wie im PDF) */
.invoice-test[b-ndovvjvl9i] {
  overflow: hidden;
}

.invoice-test[b-ndovvjvl9i]::after {
  content: "Testbeleg – keine Rechnung";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-18deg);
  white-space: nowrap;
  font: 600 44px var(--font-display);
  color: rgba(138, 106, 31, .13);
  pointer-events: none;
}
/* /Components/Pages/Settings/SettingsTable.razor.rz.scp.css */
/* Schmale Bildschirme: Tabelle scrollt waagrecht statt zu quetschen */
.settings-table[b-zxcc58pyx9]  .rz-data-grid {
    min-width: 640px;
}

/* Engere Zellen als in den Seitentabellen, wie in der Nummernkreis-Tabelle des Canvas */
.settings-table[b-zxcc58pyx9]  .rz-grid-table thead th > div:not(.rz-cell-filter) {
    padding-top: 12px;
    padding-bottom: 12px;
}

.settings-table[b-zxcc58pyx9]  .rz-grid-table td {
    padding-top: 13px;
    padding-bottom: 13px;
}

.settings-table[b-zxcc58pyx9]  .rz-grid-table th:first-child > div:not(.rz-cell-filter),
.settings-table[b-zxcc58pyx9]  .rz-grid-table td:first-child {
    padding-left: 18px;
}

.settings-table[b-zxcc58pyx9]  .rz-grid-table th:last-child > div:not(.rz-cell-filter),
.settings-table[b-zxcc58pyx9]  .rz-grid-table td:last-child {
    padding-right: 18px;
}