/* ROSE CRM – Listen und Kopfbereiche (ab 0.47.0), Bereich: finanzen */
/* Rechnungen (RechnungenPage) und Angebote (AngebotePage): Liste nach Status, ⋯-Menü, Ansicht „Nach Kunde“. */

.rcrm-app .rcrm-lf__rot { color: #b32d2e !important; }
.rcrm-app .rcrm-lf__leise { color: #8a9aa8; }
.rcrm-app .rcrm-lf__n--rot { color: #b32d2e; opacity: 1 !important; }
.rcrm-app .rcrm-kl__filter a.ist-aktiv .rcrm-lf__n--rot { color: #fff; }
.rcrm-app .rcrm-lf__leer { padding: 22px 26px; }
.rcrm-app .rcrm-lf__leer p { margin: 0; }

/* Aufklapper (Monat, ⋯-Menü, Bezahlt-Panel): <details data-rcrm-lf-pop>, Schließen über liste-finanzen.js */
.rcrm-app .rcrm-lf__pop { position: relative; }
.rcrm-app .rcrm-lf__pop > summary { list-style: none; cursor: pointer; }
.rcrm-app .rcrm-lf__pop > summary::-webkit-details-marker { display: none; }
.rcrm-app .rcrm-lf__monat > summary { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid var(--rc-linie, #e3e9ef); border-radius: 8px; background: #fff; font-size: 13px; color: var(--rc-text, #1b2a38); white-space: nowrap; }
.rcrm-app .rcrm-lf__monat > summary span { font-size: 10px; color: #6a7a8b; }
.rcrm-app .rcrm-lf__monat > summary.ist-aktiv { background: var(--rc-navy, #10273a); border-color: var(--rc-navy, #10273a); color: #fff; }
.rcrm-app .rcrm-lf__monat > summary.ist-aktiv span { color: #fff; }
.rcrm-app .rcrm-lf__menue { position: absolute; right: 0; top: calc( 100% + 6px ); z-index: 40; min-width: 210px; max-height: 70vh; overflow-y: auto; padding: 6px; background: #fff; border: 1px solid var(--rc-linie, #e3e9ef); border-radius: 10px; box-shadow: 0 12px 30px rgba( 16, 39, 58, .14 ); text-align: left; white-space: nowrap; }
.rcrm-app .rcrm-lf__menue--links { left: 0; right: auto; }
.rcrm-app .rcrm-lf__menue > a,
.rcrm-app .rcrm-lf__menue > form > .button-link,
.rcrm-app .rcrm-lf__menue > details > summary { display: block; width: 100%; box-sizing: border-box; padding: 8px 10px; border: 0; border-radius: 6px; background: none; font: inherit; font-size: 13.5px; font-weight: 500; line-height: 1.35; color: var(--rc-text, #1b2a38) !important; text-align: left; text-decoration: none; cursor: pointer; }
.rcrm-app .rcrm-lf__menue > a:hover,
.rcrm-app .rcrm-lf__menue > form > .button-link:hover,
.rcrm-app .rcrm-lf__menue > details > summary:hover,
.rcrm-app .rcrm-lf__menue > a:focus-visible { background: #eef4f9; }
.rcrm-app .rcrm-lf__menue > a.ist-aktiv { background: #eef4f9; font-weight: 600; }
.rcrm-app .rcrm-lf__menue > form { display: block; margin: 0; }
.rcrm-app .rcrm-lf__menue > form > .button-link.rcrm-rot { color: #b32d2e !important; }
.rcrm-app .rcrm-lf__menue > hr { border: 0; border-top: 1px solid var(--rc-linie, #e3e9ef); margin: 4px 2px; }
.rcrm-app .rcrm-lf__menue > details.rcrm-re-bez { display: block; margin: 0; }
.rcrm-app .rcrm-lf__menue .rcrm-re-bez__panel { width: auto; margin: 4px 4px 6px; box-shadow: none; background: #f7f9fb; }

/* Liste nach Status */
.rcrm-app .rcrm-lf__liste { --lf-sp: minmax( 0, 1.6fr ) minmax( 0, 1.45fr ) minmax( 100px, .8fr ) minmax( 110px, .85fr ) minmax( 130px, 1fr ) 168px; margin: 0 0 20px; background: #fff; border: 1px solid var(--rc-linie, #e3e9ef); border-radius: 12px; }
.rcrm-app .rcrm-lf__liste--ohne { --lf-sp: minmax( 0, 1.5fr ) minmax( 100px, .8fr ) minmax( 110px, .85fr ) minmax( 130px, 1fr ) 168px; margin: 0 0 4px; }
.rcrm-app .rcrm-lf__kopfzeile,
.rcrm-app .rcrm-lf__zeile { display: grid; grid-template-columns: var(--lf-sp); gap: 14px; align-items: center; padding: 0 18px; }
.rcrm-app .rcrm-lf__kopfzeile { padding-top: 12px; padding-bottom: 11px; border-bottom: 1px solid var(--rc-linie, #e3e9ef); background: #fafbfc; border-radius: 12px 12px 0 0; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #6a7a8b; }
.rcrm-app .rcrm-lf__r { text-align: right; }
.rcrm-app .rcrm-lf__gruppe { padding: 8px 18px; background: #f5f7fa; border-bottom: 1px solid var(--rc-linie, #e3e9ef); font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #5b6e7f; }
.rcrm-app .rcrm-lf__gruppe em { font-style: normal; margin-left: 6px; padding: 1px 6px; border-radius: 5px; background: #e6ecf1; letter-spacing: 0; font-size: 11px; }
.rcrm-app .rcrm-lf__gruppe--ueberfaellig { color: #b32d2e; background: #fdf5f4; }
.rcrm-app .rcrm-lf__gruppe--ueberfaellig em { background: #f8e1de; }
.rcrm-app .rcrm-lf__zeile { min-height: 64px; padding-top: 11px; padding-bottom: 11px; border-bottom: 1px solid var(--rc-linie, #e3e9ef); transition: background .12s; }
.rcrm-app .rcrm-lf__zeile:last-child { border-bottom: 0; border-radius: 0 0 12px 12px; }
.rcrm-app .rcrm-lf__zeile:hover { background: #f8fbfd; }
.rcrm-app .rcrm-lf__zeile--storniert .rcrm-lf__nr,
.rcrm-app .rcrm-lf__zeile--storniert .rcrm-lf__betrag { color: #8a9aa8; text-decoration: line-through; text-decoration-color: rgba( 138, 154, 168, .6 ); }
.rcrm-app .rcrm-lf__zeile > div { min-width: 0; }
.rcrm-app .rcrm-lf__zeile small { display: block; font-size: 12.5px; color: #6a7a8b; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rcrm-app .rcrm-lf__kunde { display: flex; align-items: center; gap: 12px; }
.rcrm-app .rcrm-lf__kunde > div { min-width: 0; }
.rcrm-app .rcrm-lf__name { display: block; font-size: 14.5px; font-weight: 600; color: #10273a !important; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rcrm-app a.rcrm-lf__name:hover { color: var(--rc-blau, #165f85) !important; text-decoration: underline; }
.rcrm-app .rcrm-lf__nr { font-weight: 700; font-size: 14px; color: #10273a; text-decoration: none; font-variant-numeric: tabular-nums; }
.rcrm-app .rcrm-lf__nr:hover { color: var(--rc-blau, #165f85); text-decoration: underline; }
.rcrm-app .rcrm-lf__re small.rcrm-lf__notiz { color: #8a9aa8; font-size: 12px; }
.rcrm-app .rcrm-lf__betrag { text-align: right; font-size: 15.5px; font-weight: 700; color: #10273a; white-space: nowrap; font-variant-numeric: tabular-nums; }
.rcrm-app .rcrm-lf__faellig b { display: block; font-weight: 600; font-size: 13.5px; color: #10273a; white-space: nowrap; }
.rcrm-app .rcrm-lf__faellig b.rcrm-lf__rot { font-weight: 700; }
.rcrm-app .rcrm-lf__status small.rcrm-lf__stufe { margin-top: 3px; color: #b26a00; font-size: 12px; }

/* Status-Marken (5px) */
.rcrm-app .rcrm-lf__mk { display: inline-flex; align-items: center; gap: 6px; padding: 3px 8px; border-radius: 5px; font-size: 12px; font-weight: 600; line-height: 1.4; white-space: nowrap; background: #eceff3; color: #45525f; }
.rcrm-app .rcrm-lf__mk i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.rcrm-app .rcrm-lf__mk--ueberfaellig { background: #fdeaea; color: #b32d2e; }
.rcrm-app .rcrm-lf__mk--offen, .rcrm-app .rcrm-lf__mk--gesendet { background: #e3f0f8; color: #165f85; }
.rcrm-app .rcrm-lf__mk--bezahlt, .rcrm-app .rcrm-lf__mk--angenommen { background: #e4f4ea; color: #1f7a4d; }
.rcrm-app .rcrm-lf__mk--entwurf { background: #fff3df; color: #a8660a; }
.rcrm-app .rcrm-lf__mk--abgelehnt, .rcrm-app .rcrm-lf__mk--abgelaufen { background: #fdeaea; color: #a3301f; }

/* Aktionen: ein Knopf + ⋯ */
.rcrm-app .rcrm-lf__akt { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.rcrm-app .rcrm-lf__knopf { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 0 11px; border: 1px solid #c9d6e2; border-radius: 8px; background: #fff; color: var(--rc-blau, #165f85) !important; font-size: 13px; font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; cursor: pointer; box-sizing: border-box; }
.rcrm-app .rcrm-lf__knopf:hover { background: #eef4f9; border-color: var(--rc-blau, #165f85); }
.rcrm-app .rcrm-lf__knopf--rot { color: #b32d2e !important; border-color: #efc6c0; }
.rcrm-app .rcrm-lf__knopf--rot:hover { background: #fdf3f2; border-color: #b32d2e; }
.rcrm-app .rcrm-lf__knopf--gruen { color: #1f7a4d !important; border-color: #bfe0cc; }
.rcrm-app .rcrm-lf__knopf--gruen:hover { background: #f0f9f3; border-color: #1f7a4d; }
.rcrm-app .rcrm-lf__knopf--zweit { color: var(--rc-blau, #165f85) !important; }
.rcrm-app .rcrm-lf__akt > details.rcrm-re-bez { position: relative; margin: 0; }
.rcrm-app .rcrm-lf__akt > details.rcrm-re-bez > summary { list-style: none; font-size: 13px; }
.rcrm-app .rcrm-lf__akt > details.rcrm-re-bez > summary::-webkit-details-marker { display: none; }
.rcrm-app .rcrm-lf__akt > details.rcrm-re-bez > .rcrm-re-bez__panel { position: absolute; right: 0; top: calc( 100% + 6px ); z-index: 40; margin: 0; }
.rcrm-app .rcrm-lf__mehr > summary { display: inline-grid; place-items: center; width: 34px; height: 32px; border: 1px solid #d5dee7; border-radius: 8px; background: #fff; color: #5b6e7f; font-weight: 700; font-size: 16px; line-height: 1; letter-spacing: .02em; }
.rcrm-app .rcrm-lf__mehr > summary:hover,
.rcrm-app .rcrm-lf__mehr[open] > summary { background: #eef4f9; border-color: #b9cfdf; color: #10273a; }

/* Ansicht „Nach Kunde“ */
.rcrm-app .rcrm-lf__raster { display: grid; grid-template-columns: repeat( auto-fill, minmax( 360px, 1fr ) ); gap: 14px; margin: 0 0 20px; }
.rcrm-app .rcrm-lf__karte { display: flex; flex-direction: column; gap: 10px; padding: 18px 20px; background: #fff; border: 1px solid var(--rc-linie, #e3e9ef); border-radius: 12px; }
.rcrm-app .rcrm-lf__karte .rcrm-lf__kunde small { display: block; font-size: 12.5px; color: #6a7a8b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rcrm-app .rcrm-lf__offen { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-top: 4px; }
.rcrm-app .rcrm-lf__offen span { font-size: 13px; color: #6a7a8b; }
.rcrm-app .rcrm-lf__offen b { font-size: 24px; font-weight: 700; color: #10273a; white-space: nowrap; font-variant-numeric: tabular-nums; }
.rcrm-app .rcrm-lf__karte--rot .rcrm-lf__offen b { color: #b32d2e; }
.rcrm-app .rcrm-lf__karte--gruen .rcrm-lf__offen b { color: #1f7a4d; }
.rcrm-app .rcrm-lf__balken { display: block; height: 6px; border-radius: 3px; background: #e8eef4; overflow: hidden; }
.rcrm-app .rcrm-lf__balken i { display: block; height: 100%; border-radius: 3px; background: #165f85; }
.rcrm-app .rcrm-lf__karte--rot .rcrm-lf__balken i { background: #c0392b; }
.rcrm-app .rcrm-lf__posten { list-style: none; margin: 2px 0 0; padding: 0; font-size: 12.5px; color: #6a7a8b; }
.rcrm-app .rcrm-lf__posten li { margin: 0 0 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rcrm-app .rcrm-lf__posten a { color: #3d4f60; text-decoration: none; font-variant-numeric: tabular-nums; }
.rcrm-app .rcrm-lf__posten a:hover { color: var(--rc-blau, #165f85); text-decoration: underline; }
.rcrm-app .rcrm-lf__knoepfe { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 4px; }

/* Balken in den Kennzahl-Kacheln ohne den Einzug aus den Berichten (.rcrm-bk__balken in crm-wp.css) */
.rcrm-app .rcrm-ui__zahlen .rcrm-bk__balken { margin-left: 0; }

/* Kundenakte: Liste in der Karte ohne eigenen Rahmen-Abstand */
.rcrm-app .rcrm-lf__akte .rcrm-lf__liste { margin-top: 4px; }
.rcrm-app .rcrm-lf__akte .rcrm-re-upload { margin-top: 16px; }

/* Angebote */
.rcrm-app .rcrm-lf__an .rcrm-lf__liste { --lf-sp: minmax( 0, 1.5fr ) minmax( 0, 1.6fr ) minmax( 100px, .8fr ) minmax( 100px, .8fr ) minmax( 130px, 1fr ) 168px; }
.rcrm-app .rcrm-lf__an .rcrm-lf__liste--ohne { --lf-sp: minmax( 0, 1.6fr ) minmax( 100px, .8fr ) minmax( 100px, .8fr ) minmax( 130px, 1fr ) 168px; }
.rcrm-app .rcrm-lf__an .rcrm-lf__betrag small { font-weight: 500; text-decoration: none; }
.rcrm-app .rcrm-lf__an-reiter { margin-bottom: 14px; }

@media ( max-width: 1100px ) {
	.rcrm-app .rcrm-lf__liste { --lf-sp: minmax( 0, 1.5fr ) minmax( 0, 1.3fr ) minmax( 90px, .8fr ) minmax( 100px, .8fr ) minmax( 112px, .9fr ) 132px; }
	.rcrm-app .rcrm-lf__kopfzeile, .rcrm-app .rcrm-lf__zeile { gap: 10px; padding-left: 14px; padding-right: 14px; }
	.rcrm-app .rcrm-lf__av { width: 34px; height: 34px; font-size: 12px; }
}

/* Schmal: jede Rechnung als Block */
@media ( max-width: 782px ) {
	.rcrm-app .rcrm-lf__liste, .rcrm-app .rcrm-lf__liste--ohne, .rcrm-app .rcrm-lf__an .rcrm-lf__liste, .rcrm-app .rcrm-lf__an .rcrm-lf__liste--ohne { --lf-sp: minmax( 0, 1fr ) auto; }
	.rcrm-app .rcrm-lf__kopfzeile { display: none; }
	.rcrm-app .rcrm-lf__gruppe { border-radius: 0; }
	.rcrm-app .rcrm-lf__liste > .rcrm-lf__gruppe:nth-child( 2 ) { border-radius: 12px 12px 0 0; }
	.rcrm-app .rcrm-lf__zeile { grid-template-columns: minmax( 0, 1fr ) auto; grid-template-areas: "kunde kunde" "re betrag" "faellig status" "akt akt"; gap: 8px 12px; padding: 14px; }
	.rcrm-app .rcrm-lf__liste--ohne .rcrm-lf__zeile { grid-template-areas: "re betrag" "faellig status" "akt akt"; }
	.rcrm-app .rcrm-lf__zeile > .rcrm-lf__kunde { grid-area: kunde; }
	.rcrm-app .rcrm-lf__zeile > .rcrm-lf__re { grid-area: re; }
	.rcrm-app .rcrm-lf__zeile > .rcrm-lf__betrag { grid-area: betrag; align-self: start; }
	.rcrm-app .rcrm-lf__zeile > .rcrm-lf__faellig { grid-area: faellig; }
	.rcrm-app .rcrm-lf__zeile > .rcrm-lf__status { grid-area: status; text-align: right; }
	.rcrm-app .rcrm-lf__zeile > .rcrm-lf__akt { grid-area: akt; justify-content: flex-start; }
	.rcrm-app .rcrm-lf__zeile > .rcrm-lf__akt > .rcrm-lf__mehr { margin-left: auto; }
	/* Ohne Hauptknopf: ⋯ neben den Kunden statt einer eigenen Zeile */
	.rcrm-app .rcrm-lf__zeile.ist-ohne-knopf { grid-template-areas: "kunde akt" "re betrag" "faellig status"; }
	.rcrm-app .rcrm-lf__liste--ohne .rcrm-lf__zeile.ist-ohne-knopf { grid-template-areas: "re akt" "faellig betrag" ". status"; }
	.rcrm-app .rcrm-lf__zeile.ist-ohne-knopf > .rcrm-lf__akt { justify-content: flex-end; }
	.rcrm-app .rcrm-lf__akt > details.rcrm-re-bez > .rcrm-re-bez__panel { left: 0; right: auto; }
	.rcrm-app .rcrm-lf__raster { grid-template-columns: 1fr; }
	.rcrm-app .rcrm-lf__monat { order: 3; }
	/* Angebote: einmalig und monatlich nebeneinander, mit Beschriftung */
	.rcrm-app .rcrm-lf__an .rcrm-lf__zeile { grid-template-areas: "kunde kunde" "re re" "einmalig monat" "status status" "akt akt"; grid-template-columns: minmax( 0, 1fr ) minmax( 0, 1fr ); }
	.rcrm-app .rcrm-lf__an .rcrm-lf__zeile.ist-ohne-knopf { grid-template-areas: "kunde akt" "re re" "einmalig monat" "status status"; }
	.rcrm-app .rcrm-lf__an .rcrm-lf__zeile > .rcrm-lf__betrag--e { grid-area: einmalig; text-align: left; }
	.rcrm-app .rcrm-lf__an .rcrm-lf__zeile > .rcrm-lf__betrag--m { grid-area: monat; text-align: left; }
	.rcrm-app .rcrm-lf__an .rcrm-lf__betrag::before { display: block; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #6a7a8b; }
	.rcrm-app .rcrm-lf__an .rcrm-lf__betrag--e::before { content: "einmalig"; }
	.rcrm-app .rcrm-lf__an .rcrm-lf__betrag--m::before { content: "monatlich"; }
	.rcrm-app .rcrm-lf__an .rcrm-lf__zeile > .rcrm-lf__status { text-align: left; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
	.rcrm-app .rcrm-lf__an .rcrm-lf__zeile > .rcrm-lf__status small { margin: 0; }
	.rcrm-app .rcrm-lf__an-reiter { display: flex; max-width: 100%; overflow-x: auto; box-sizing: border-box; }
	.rcrm-app .rcrm-lf__an-reiter a { white-space: nowrap; padding: 7px 12px; }
}