/* /Components/VorgangReportEditor.razor.rz.scp.css */
.report-editor[b-rz9yuamgu3] {
    --report-red: #cf102d;
    --report-ink: #202124;
    color: var(--report-ink);
}

.report-editor__intro[b-rz9yuamgu3] {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.report-editor__intro h2[b-rz9yuamgu3] {
    font-size: 1.15rem;
    margin: 0 0 .2rem;
}

.report-editor__intro p[b-rz9yuamgu3] {
    color: #5f6368;
    margin: 0;
}

.report-editor__status[b-rz9yuamgu3] {
    background: #f3f6f8;
    border-radius: 999px;
    color: #47515a;
    flex: 0 0 auto;
    font-size: .82rem;
    padding: .45rem .8rem;
}

.report-editor__empty[b-rz9yuamgu3],
.report-editor__error[b-rz9yuamgu3] {
    border-radius: .4rem;
    padding: .8rem 1rem;
}

.report-editor__empty[b-rz9yuamgu3] { background: #f3f6f8; }
.report-editor__error[b-rz9yuamgu3] { background: #fff0f0; color: #9d1625; margin-bottom: 1rem; }

.report-sheet[b-rz9yuamgu3] {
    background: #fff;
    border: 1px solid #d8dde2;
    border-radius: .35rem;
    box-shadow: 0 .35rem 1.2rem rgba(31, 35, 40, .08);
    margin: 0 auto;
    max-width: 70rem;
    padding: clamp(1rem, 3vw, 3.2rem);
}

.report-sheet__masthead[b-rz9yuamgu3] {
    display: grid;
    gap: 1.4rem;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 2rem;
}

.report-sheet__logo[b-rz9yuamgu3] {
    color: var(--report-red);
    font-family: Georgia, serif;
    font-size: clamp(2rem, 5vw, 3.5rem);
    grid-column: 1 / -1;
    text-align: center;
}

.report-sheet__address-placeholder[b-rz9yuamgu3],
.report-sheet__meta-placeholder[b-rz9yuamgu3] {
    display: grid;
    gap: .38rem;
}

.report-sheet__address-placeholder span[b-rz9yuamgu3],
.report-sheet__meta-placeholder span[b-rz9yuamgu3] {
    background: #edf0f2;
    border-radius: .2rem;
    display: block;
    height: .65rem;
}

.report-sheet__address-placeholder span:nth-child(2)[b-rz9yuamgu3] { width: 88%; }
.report-sheet__address-placeholder span:nth-child(3)[b-rz9yuamgu3] { width: 72%; }
.report-sheet__address-placeholder span:nth-child(4)[b-rz9yuamgu3] { width: 48%; }
.report-sheet__meta-placeholder[b-rz9yuamgu3] { align-self: end; justify-items: end; }
.report-sheet__meta-placeholder span[b-rz9yuamgu3] { width: 72%; }
.report-sheet__meta-placeholder span:first-child[b-rz9yuamgu3] { height: .85rem; width: 86%; }

.report-field[b-rz9yuamgu3] {
    display: block;
    margin: 0;
}

.report-field__label[b-rz9yuamgu3] {
    display: block;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .03em;
    margin-bottom: .3rem;
    text-transform: uppercase;
}

.report-field input[b-rz9yuamgu3],
.report-field select[b-rz9yuamgu3],
.report-field textarea[b-rz9yuamgu3] {
    background: #fffdf8;
    border: 1px solid #aeb7c0;
    border-radius: .25rem;
    color: var(--report-ink);
    font: inherit;
    padding: .45rem .55rem;
    resize: none;
    width: 100%;
    field-sizing: content;
}

.report-field input:hover[b-rz9yuamgu3],
.report-field select:hover[b-rz9yuamgu3],
.report-field textarea:hover[b-rz9yuamgu3] { border-color: #6b7680; }

.report-field input:focus[b-rz9yuamgu3],
.report-field select:focus[b-rz9yuamgu3],
.report-field textarea:focus[b-rz9yuamgu3] {
    border-color: var(--report-red);
    box-shadow: 0 0 0 .18rem rgba(207, 16, 45, .12);
    outline: none;
}

.report-field input:disabled[b-rz9yuamgu3],
.report-field select:disabled[b-rz9yuamgu3],
.report-field textarea:disabled[b-rz9yuamgu3] { background: #f2f3f4; color: #5f6368; }

.report-field small[b-rz9yuamgu3] {
    color: #6b737b;
    display: block;
    font-size: .75rem;
    margin-top: .25rem;
}

.report-field--introduction[b-rz9yuamgu3] { margin-bottom: 1.5rem; }

.report-field--credit-note-introduction[b-rz9yuamgu3] {
    background: #f5f7f9;
    border-left: 3px solid #718494;
    border-radius: .25rem;
    margin: -1rem 0 1.5rem;
    padding: .6rem .7rem .7rem;
}

.report-field__alternate-title[b-rz9yuamgu3] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: .2rem .65rem;
    margin-bottom: .35rem;
}

.report-field__alternate-title .report-field__alternate-label[b-rz9yuamgu3] {
    color: #334754;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .015em;
}

.report-field__alternate-title small[b-rz9yuamgu3] {
    color: #667680;
    font-size: .72rem;
    margin: 0;
}

.report-field--credit-note-introduction textarea[b-rz9yuamgu3] { background: #fff; }

.report-details[b-rz9yuamgu3] {
    align-items: start;
    display: grid;
    column-gap: 1.25rem;
    grid-template-columns: minmax(9.5rem, 22%) 1fr;
    row-gap: 0;
}

.report-details__label[b-rz9yuamgu3] {
    padding: 0;
    padding-top: .45rem;
    display: block;
    font-size: inherit;
    font-weight: 700;
    line-height: 1.3;
}

.report-details__input-label-spacer[b-rz9yuamgu3] {
    min-height: 1px;
}

.report-details__input-label[b-rz9yuamgu3] {
    color: #6b737b;
    display: block;
    line-height: 1.2;
    margin: 0 0 .25rem;
}

.report-details__input-label small[b-rz9yuamgu3] {
    font-size: .75rem;
}

.report-details__control[b-rz9yuamgu3] {
    margin-bottom: .75rem;
}

.report-details__control--last[b-rz9yuamgu3] {
    margin-bottom: 0;
}

.report-field--with-action button[b-rz9yuamgu3]  > img {
    width: 1.2em;
    height: 1.2em;
}

.positions-skeleton[b-rz9yuamgu3] {
    border-bottom: 2px solid #34383c;
    margin-top: 2.4rem;
    padding-bottom: .55rem;
    position: relative;
}

.positions-skeleton__hint[b-rz9yuamgu3] {
    background: #f3f5f7;
    border: 1px solid #d9dee3;
    border-radius: .25rem;
    color: #66717b;
    font-size: .8rem;
    margin-bottom: .7rem;
    padding: .45rem;
    text-align: center;
}

.positions-skeleton__header[b-rz9yuamgu3],
.positions-skeleton__row[b-rz9yuamgu3] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 13% 1fr 14% 16%;
}

.positions-skeleton__header[b-rz9yuamgu3] {
    border-bottom: 1px solid #34383c;
    font-size: .85rem;
    padding: .3rem .25rem;
}

.positions-skeleton__row[b-rz9yuamgu3] { padding: .6rem .25rem 0; }
.positions-skeleton__row i[b-rz9yuamgu3] { background: #e7eaed; border-radius: .15rem; height: .55rem; }

.report-total-skeleton[b-rz9yuamgu3] {
    border-bottom: 1px solid #34383c;
    display: flex;
    justify-content: space-between;
    padding: 1rem .25rem .5rem;
}

.report-total-skeleton span[b-rz9yuamgu3] { background: #e7eaed; border-radius: .15rem; height: .65rem; width: 28%; }
.report-total-skeleton span:last-child[b-rz9yuamgu3] { width: 16%; }

.report-field--footer[b-rz9yuamgu3] { margin-top: 1rem; max-width: 70%; }

@media (max-width: 720px) {
    .report-editor__intro[b-rz9yuamgu3] { align-items: start; flex-direction: column; gap: .65rem; }
    .report-sheet__masthead[b-rz9yuamgu3] { grid-template-columns: 1fr; }
    .report-sheet__meta-placeholder[b-rz9yuamgu3] { display: none; }
    .report-details[b-rz9yuamgu3] { column-gap: .65rem; grid-template-columns: minmax(7rem, 32%) 1fr; }
    .report-details__label[b-rz9yuamgu3] { margin-top: 0; padding: 0; }
    .positions-skeleton__header[b-rz9yuamgu3], .positions-skeleton__row[b-rz9yuamgu3] { grid-template-columns: 22% 1fr 18%; }
    .positions-skeleton__header span:nth-child(3)[b-rz9yuamgu3], .positions-skeleton__row i:nth-child(3)[b-rz9yuamgu3] { display: none; }
    .report-field--footer[b-rz9yuamgu3] { max-width: 100%; }
}

/* Keep the editor aligned with the two-page invoice instead of a generic form. */
.report-editor[b-rz9yuamgu3] {
    font-family: Arial, Helvetica, sans-serif;
}

.report-sheet[b-rz9yuamgu3] {
    border: 0;
    border-radius: 0;
    box-shadow: 0 .6rem 2rem rgba(31, 35, 40, .16);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    max-width: 58rem;
    min-height: 74rem;
    padding: 3.2rem 4.2rem 2rem;
}

.report-sheet__masthead[b-rz9yuamgu3] {
    align-items: end;
    display: grid;
    gap: 2.5rem 3rem;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 3.5rem;
}

.report-sheet__logo[b-rz9yuamgu3] {
    display: block;
    grid-column: 1 / -1;
    height: auto;
    justify-self: center;
    max-width: 17rem;
    width: 42%;
}

.report-sheet__recipient[b-rz9yuamgu3] {
    display: flex;
    flex-direction: column;
    font-style: normal;
    line-height: 1.32;
    min-height: 7.2rem;
}

.report-sheet__header-data[b-rz9yuamgu3] {
    grid-row: 3;
    grid-column: 2;
}

.report-sheet__header-data > h1[b-rz9yuamgu3] {
    font-size: 1em;
    text-decoration: underline;
    font-weight: bold;
}

.report-sheet__meta[b-rz9yuamgu3] {
    display: grid;
    grid-template-columns: max-content 1fr;
    margin: 0;
}

.report-sheet__meta dt[b-rz9yuamgu3],
.report-sheet__meta dd[b-rz9yuamgu3] {
    line-height: 1.45;
    margin: 0;
}

.report-sheet__meta dt[b-rz9yuamgu3]::after {
    content: ":";
    padding: 0 .65rem 0 .25rem;
}

.report-field input[b-rz9yuamgu3],
.report-field select[b-rz9yuamgu3],
.report-field textarea[b-rz9yuamgu3] {
    background: linear-gradient(90deg, #fffdf8, #fff);
    border-color: rgba(207, 16, 45, .52);
    border-style: dashed;
    border-radius: 2px;
    line-height: 1.3;
}

.report-field input:hover[b-rz9yuamgu3],
.report-field select:hover[b-rz9yuamgu3],
.report-field textarea:hover[b-rz9yuamgu3] {
    background: #fff6f7;
    border-color: var(--report-red);
    border-style: solid;
}

.report-field__label[b-rz9yuamgu3] {
    color: var(--report-red);
    font-size: .66rem;
}

.report-details[b-rz9yuamgu3] {
    column-gap: 1rem;
    grid-template-columns: 12rem 1fr;
    row-gap: 0;
}

.positions-skeleton[b-rz9yuamgu3] {
    margin-top: 4rem;
}

.positions-skeleton__hint[b-rz9yuamgu3] {
    background: repeating-linear-gradient(-45deg, #f7f7f7, #f7f7f7 8px, #f0f0f0 8px, #f0f0f0 16px);
    border-color: #d2d2d2;
    color: #5d6267;
    font-size: .72rem;
}

.positions-skeleton__hint span[b-rz9yuamgu3] {
    color: var(--report-red);
    margin-right: .35rem;
}

.report-sheet__footer-svg[b-rz9yuamgu3] {
    margin-top: auto;
    user-select: text;
    width: 100%;
}

.report-sheet__footer-svg[b-rz9yuamgu3]  svg {
    display: block;
    height: auto;
    overflow: visible;
    width: 100%;
}

.report-sheet__footer-error[b-rz9yuamgu3] {
    background: #fff0f0;
    border-top: 1px solid #c83a4e;
    color: #8c1d2d;
    font-size: .72rem;
    margin-top: auto;
    padding: .55rem;
}

.report-page-divider[b-rz9yuamgu3] {
    align-items: center;
    color: #687078;
    display: flex;
    font-size: .7rem;
    font-weight: 700;
    gap: .8rem;
    letter-spacing: .08em;
    margin: 1.2rem auto;
    max-width: 58rem;
    text-transform: uppercase;
}

.report-page-divider[b-rz9yuamgu3]::before,
.report-page-divider[b-rz9yuamgu3]::after {
    border-top: 1px dashed #aeb4ba;
    content: "";
    flex: 1;
}

.report-sheet--continuation[b-rz9yuamgu3] {
    min-height: 46rem;
}

.positions-skeleton--continuation[b-rz9yuamgu3] {
    border-bottom: 2px solid #222;
    margin-top: 0;
    padding-bottom: .4rem;
}

.report-option-toggle[b-rz9yuamgu3] {
    align-items: center;
    align-self: flex-start;
    background: #f3f6f8;
    border: 1px solid #d5dce1;
    border-radius: .35rem;
    display: flex;
    gap: .8rem;
    margin: .8rem 0 1rem;
    padding: .5rem .65rem;
}

.report-option-toggle__copy[b-rz9yuamgu3] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.report-option-toggle__copy .report-option-toggle__label[b-rz9yuamgu3] { color: #6b737b; font-size: .75rem; font-weight: 400; }
.report-option-toggle__copy small[b-rz9yuamgu3] { color: #68747d; font-size: .68rem; }

.report-switch[b-rz9yuamgu3] {
    display: inline-flex;
    flex: 0 0 auto;
    position: relative;
}

.report-switch input[b-rz9yuamgu3] {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}

.report-switch span[b-rz9yuamgu3] {
    background: #9aa4ac;
    border-radius: 999px;
    cursor: pointer;
    display: block;
    height: 1.35rem;
    position: relative;
    transition: background-color .15s ease;
    width: 2.45rem;
}

.report-switch span[b-rz9yuamgu3]::after {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    content: "";
    height: 1.05rem;
    left: .15rem;
    position: absolute;
    top: .15rem;
    transition: transform .15s ease;
    width: 1.05rem;
}

.report-switch input:checked + span[b-rz9yuamgu3] { background: var(--report-red); }
.report-switch input:checked + span[b-rz9yuamgu3]::after { transform: translateX(1.1rem); }
.report-switch input:focus-visible + span[b-rz9yuamgu3] { outline: 3px solid rgba(35, 90, 135, .28); outline-offset: 2px; }
.report-switch input:disabled + span[b-rz9yuamgu3] { cursor: default; opacity: .55; }

.report-field--delivery-note[b-rz9yuamgu3] {
    align-self: center;
    margin: .4rem 0 1.4rem;
    width: 66%;
}

.report-field--delivery-note small[b-rz9yuamgu3] {
    color: #555f67;
}

.report-field--delivery-note textarea[b-rz9yuamgu3] { min-height: 4.2rem; }

.report-total-line[b-rz9yuamgu3] {
    align-items: center;
    border-bottom: 1px solid #222;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr auto 8.5rem;
    padding: .65rem 0 .4rem;
}

.report-field--footer[b-rz9yuamgu3] {
    margin: 0;
    max-width: none;
}

.report-field--footer input[b-rz9yuamgu3] {
    font-size: 14px;
}

.report-total-line__amount[b-rz9yuamgu3] {
    background: #e5e8eb;
    border-radius: 2px;
    height: .7rem;
    justify-self: end;
    width: 6.5rem;
}

.report-invoice-breakdown[b-rz9yuamgu3] {
    align-items: start;
    column-gap: .75rem;
    display: grid;
    grid-template-columns: 1fr 6.5rem;
    margin-top: .55rem;
    row-gap: 0;
    width: 15rem;
}

.report-invoice-breakdown__report-label[b-rz9yuamgu3] {
    padding-top: 0.45rem;
    font-size: .82rem;
    font-weight: 500;
    line-height: 1.3;
}

.report-invoice-breakdown__input-label-spacer[b-rz9yuamgu3] {
    min-height: 1px;
}

.report-invoice-breakdown__input-label[b-rz9yuamgu3] {
    color: #6b737b;
    display: block;
    line-height: 1.2;
    margin: 0 0 .25rem;
}

.report-invoice-breakdown__input-label small[b-rz9yuamgu3] {
    font-size: .75rem;
}

.report-invoice-breakdown__control[b-rz9yuamgu3] {
    margin-bottom: .45rem;
}

.report-invoice-breakdown__control--last[b-rz9yuamgu3] {
    margin-bottom: 0;
}

.report-invoice-breakdown__control input[b-rz9yuamgu3] {
    background: #fffdf8;
    border: 1px dashed rgba(207, 16, 45, .52);
    border-radius: 2px;
    font: inherit;
    padding: .2rem .35rem;
    text-align: right;
    width: 100%;
}

.report-invoice-breakdown__control input:hover:not(:read-only)[b-rz9yuamgu3] {
    background: #fff6f7;
    border-color: var(--report-red);
    border-style: solid;
}

.report-invoice-breakdown__control input:focus[b-rz9yuamgu3] {
    border-color: var(--report-red);
    border-style: solid;
    box-shadow: 0 0 0 .18rem rgba(207, 16, 45, .12);
    outline: none;
}

.report-invoice-breakdown__control input:read-only[b-rz9yuamgu3] {
    background: #eef1f3;
    border-color: #c9cfd4;
    color: #4d565d;
}

.report-signature[b-rz9yuamgu3] {
    display: flex;
    flex-direction: column;
    line-height: 1.45;
    margin-top: 1.5rem;
}

@media (max-width: 760px) {
    .report-sheet[b-rz9yuamgu3] {
        min-height: auto;
        padding: 2rem 1.25rem 1.25rem;
    }

    .report-sheet__masthead[b-rz9yuamgu3] {
        grid-template-columns: 1fr;
    }

    .report-sheet__meta[b-rz9yuamgu3] {
        margin-top: .5rem;
    }

    .report-details[b-rz9yuamgu3] {
        column-gap: .65rem;
        grid-template-columns: minmax(7rem, 32%) 1fr;
    }

    .report-details__label[b-rz9yuamgu3] {
        margin-top: 0;
        padding: 0;
    }

    .report-total-line[b-rz9yuamgu3] {
        grid-template-columns: 1fr auto;
    }

    .report-option-toggle[b-rz9yuamgu3] { align-self: stretch; justify-content: space-between; }
    .report-field--delivery-note[b-rz9yuamgu3] { width: 100%; }
    .report-invoice-breakdown[b-rz9yuamgu3] { width: min(100%, 15rem); }

    .report-field--footer[b-rz9yuamgu3] {
        grid-column: 1 / -1;
    }

}