/* ROSE CRM – Listen und Kopfbereiche (ab 0.47.0), Bereich: kunden (Verträge, Abläufe, Bewertungen, Kundenakte-Reiter).
   Zeilen als Raster (.rcrm-lk__z), Spalten je Liste über --sp. Keine Pillenform: Knöpfe/Filter 8px, Marken 5px. */

/* ---------- Suche, Chips, Umschalter (wie Kundenliste) ---------- */
.rcrm-app .rcrm-lk__leiste { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0 0 14px; }
.rcrm-app .rcrm-lk__leiste .rcrm-suche, .rcrm-app .rcrm-lk__leiste .rcrm-filterzeile { margin: 0; }
.rcrm-app .rcrm-lk__filter a { padding: 6px 12px; }
.rcrm-app .rcrm-lk__n { display: inline-block; margin-left: 3px; font-weight: 600; opacity: .7; }
.rcrm-app .rcrm-lk__n--warn { color: #b26a00; opacity: 1; }
.rcrm-app .rcrm-lk__n--rot { color: #c2412d; opacity: 1; }
.rcrm-app .rcrm-lk__filter a.ist-aktiv .rcrm-lk__n { color: #fff; }
.rcrm-app .rcrm-lk__ansicht { margin-left: auto; display: inline-flex; border: 1px solid var(--rc-linie, #e3e9ef); border-radius: 8px; overflow: hidden; background: #fff; }
.rcrm-app .rcrm-lk__ansicht a { padding: 6px 12px; font-size: 13px; color: #5b6e7f; text-decoration: none; white-space: nowrap; }
.rcrm-app .rcrm-lk__ansicht a + a { border-left: 1px solid var(--rc-linie, #e3e9ef); }
.rcrm-app .rcrm-lk__ansicht a.ist-aktiv { background: var(--rc-navy, #10273a); color: #fff; }

/* ---------- Liste ---------- */
.rcrm-app .rcrm-lk { --sp: minmax(0, 1fr); background: #fff; border: 1px solid var(--rc-linie, #e3e9ef); border-radius: 12px; margin: 0 0 16px; }
.rcrm-app .rcrm-lk--eingebettet { margin: 4px 0 0; }
.rcrm-app .rcrm-lk__z { display: grid; grid-template-columns: var(--sp); gap: 0 16px; align-items: center; padding: 13px 16px; border-top: 1px solid var(--rc-linie, #e3e9ef); }
.rcrm-app .rcrm-lk__z:first-child { border-top: 0; }
.rcrm-app .rcrm-lk__z:not(.rcrm-lk__th):hover { background: #f8fbfd; }
.rcrm-app .rcrm-lk__z.ist-leise { opacity: .72; }
.rcrm-app .rcrm-lk__z.ist-rot { box-shadow: inset 3px 0 0 #c0392b; }
.rcrm-app .rcrm-lk__z:last-child { border-radius: 0 0 12px 12px; }
.rcrm-app .rcrm-lk__th { padding-top: 11px; padding-bottom: 11px; 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-lk__r { text-align: right; }
.rcrm-app .rcrm-lk__c { min-width: 0; }
.rcrm-app .rcrm-lk__c small { display: block; font-size: 12.5px; color: #6a7a8b; line-height: 1.45; }
.rcrm-app .rcrm-lk__leise { color: #6a7a8b; font-size: 13px; }
.rcrm-app .rcrm-lk__titel { display: block; font-size: 14.5px; font-weight: 600; color: #10273a; text-decoration: none; overflow-wrap: anywhere; }
.rcrm-app .rcrm-lk__titel:hover { color: var(--rc-blau, #165f85); text-decoration: underline; }
.rcrm-app .rcrm-lk__datum { font-variant-numeric: tabular-nums; color: #3d4f60; }
.rcrm-app .rcrm-lk__leer { padding: 22px 18px; background: #fff; border: 1px solid var(--rc-linie, #e3e9ef); border-radius: 12px; color: #6a7a8b; margin: 0 0 16px; }

/* Auswahl (Sammel-Löschen) erst nach Klick auf „Auswählen“ */
.rcrm-app .rcrm-lk__check { display: none; align-items: center; }
.rcrm-app .rcrm-lk.ist-auswahl .rcrm-lk__z:not(.rcrm-lk__gruppe) { grid-template-columns: 26px var(--sp); }
.rcrm-app .rcrm-lk.ist-auswahl .rcrm-lk__check { display: flex; }
.rcrm-app .rcrm-lk__sammel { display: none; }
.rcrm-app .rcrm-lk.ist-auswahl + .rcrm-lk__sammel { display: flex; align-items: center; gap: 12px; }

/* Gruppenkopf „Nach Kunde“ */
.rcrm-app .rcrm-lk__gruppe { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; background: #f4f7fa; border-top: 1px solid var(--rc-linie, #e3e9ef); }
.rcrm-app .rcrm-lk__th + .rcrm-lk__gruppe { border-top-color: var(--rc-linie, #e3e9ef); }

/* Kunde mit Kürzel-Avatar */
.rcrm-app .rcrm-lk__kunde { display: flex; align-items: center; gap: 12px; min-width: 0; }
.rcrm-app .rcrm-lk__kunde > div { min-width: 0; }
.rcrm-app .rcrm-lk__kname { display: block; font-weight: 600; color: #10273a; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rcrm-app .rcrm-lk__kname:hover { color: var(--rc-blau, #165f85); text-decoration: underline; }
.rcrm-app .rcrm-lk__av { flex: none; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--f); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .02em; }
.rcrm-app .rcrm-lk__av--k { width: 32px; height: 32px; font-size: 11.5px; }

/* Marken (5px) */
.rcrm-app .rcrm-lk__mk { display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px; border-radius: 5px; font-size: 12px; font-weight: 600; line-height: 1.45; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.rcrm-app .rcrm-lk__mk--gruen { background: #e4f4ea; color: #1f7a4d; }
.rcrm-app .rcrm-lk__mk--rot { background: #fdeaea; color: #c0392b; }
.rcrm-app .rcrm-lk__mk--warn { background: #fff3df; color: #b26a00; }
.rcrm-app .rcrm-lk__mk--blau { background: #e3f0f8; color: #165f85; }
.rcrm-app .rcrm-lk__mk--grau { background: #eceff3; color: #45525f; }
.rcrm-app .rcrm-lk__mk--lila { background: #efe9fa; color: #6b4bb8; }
.rcrm-app .rcrm-lk__c--status small { margin-top: 3px; }
.rcrm-app .rcrm-lk__c--status .rcrm-lk__knopf { display: flex; width: max-content; height: 30px; margin-top: 6px; }

/* Anhänge unter dem Hauptvertrag */
.rcrm-app .rcrm-lk__anhaenge { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.rcrm-app .rcrm-lk__anh { display: inline-block; max-width: 100%; padding: 2px 8px; border-radius: 5px; background: #eef2f6; color: #3d4f60; font-size: 12px; font-weight: 600; line-height: 1.5; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rcrm-app .rcrm-lk__anh:hover { background: #e3f0f8; color: var(--rc-blau, #165f85); }
.rcrm-app .rcrm-lk__anh.ist-offen { background: #e3f0f8; color: #165f85; }
.rcrm-app .rcrm-lk__anh.ist-warn { background: #fff3df; color: #b26a00; }
.rcrm-app .rcrm-lk__anh.ist-rot { background: #fdeaea; color: #c0392b; }

/* Laufzeit-Balken: Füllung bis heute, Kündigungsfrist als Zone, Strich „heute“ */
.rcrm-app .rcrm-lk__lz { min-width: 0; }
.rcrm-app .rcrm-lk__bahn { position: relative; display: block; max-width: 260px; height: 8px; margin: 4px 0 6px; border-radius: 4px; background: #e8eef4; }
.rcrm-app .rcrm-lk__fuell { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; background: #5aa9d6; }
.rcrm-app .rcrm-lk__zone { position: absolute; top: 0; bottom: 0; border-radius: 0 4px 4px 0; background: repeating-linear-gradient( 135deg, #f6d9a8 0 4px, #fbe9cb 4px 8px ); }
.rcrm-app .rcrm-lk__heute { position: absolute; top: -4px; width: 2px; height: 16px; margin-left: -1px; border-radius: 1px; background: #10273a; }
.rcrm-app .rcrm-lk__lz.ist-bald .rcrm-lk__zone { background: #f2b65a; }
.rcrm-app .rcrm-lk__lz.ist-bald .rcrm-lk__heute { background: #d48612; }
.rcrm-app .rcrm-lk__lz.ist-akut .rcrm-lk__zone { background: #e57b6c; }
.rcrm-app .rcrm-lk__lz.ist-akut .rcrm-lk__heute { background: #c0392b; }
.rcrm-app .rcrm-lk__lz.ist-gek .rcrm-lk__fuell { background: #c0392b; }
.rcrm-app .rcrm-lk__lz.ist-gek .rcrm-lk__heute { background: #c0392b; }

/* Betrag */
.rcrm-app .rcrm-lk__c--betrag { text-align: right; }
.rcrm-app .rcrm-lk__c--betrag b { font-size: 15px; font-weight: 700; color: #10273a; white-space: nowrap; font-variant-numeric: tabular-nums; }

/* Aktionen: ein Knopf + ⋯-Menü */
.rcrm-app .rcrm-lk__c--akt { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.rcrm-app .rcrm-lk__knopf-form { display: inline; margin: 0; }
.rcrm-app .rcrm-lk__knopf { display: inline-flex; align-items: center; height: 34px; padding: 0 12px; border: 1px solid #b7cbd8; border-radius: 8px; background: #fff; color: var(--rc-blau, #165f85); font: inherit; font-size: 13px; font-weight: 600; white-space: nowrap; text-decoration: none; cursor: pointer; }
.rcrm-app .rcrm-lk__knopf:hover { background: var(--rc-blau-hell, #e3f0f8); border-color: var(--rc-blau, #165f85); }
.rcrm-app .rcrm-lk__mehr { position: relative; }
.rcrm-app .rcrm-lk__mehr > summary { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid #d5dee7; border-radius: 8px; background: #fff; color: #5b6e7f; font-weight: 700; font-size: 16px; line-height: 1; cursor: pointer; list-style: none; user-select: none; }
.rcrm-app .rcrm-lk__mehr > summary::-webkit-details-marker { display: none; }
.rcrm-app .rcrm-lk__mehr > summary:hover, .rcrm-app .rcrm-lk__mehr[open] > summary { border-color: var(--rc-blau, #165f85); color: var(--rc-blau, #165f85); background: #f3f8fb; }
.rcrm-app .rcrm-lk__menue { position: absolute; right: 0; top: calc( 100% + 6px ); z-index: 30; width: 230px; 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; }
.rcrm-app .rcrm-lk__mehr.nach-oben .rcrm-lk__menue { top: auto; bottom: calc( 100% + 6px ); }
.rcrm-app .rcrm-lk__menue a, .rcrm-app .rcrm-lk__menue button { display: block; width: 100%; padding: 8px 10px; border: 0; border-radius: 6px; background: none; color: #1b2a38; font: inherit; font-size: 13.5px; text-align: left; text-decoration: none; cursor: pointer; }
.rcrm-app .rcrm-lk__menue a:hover, .rcrm-app .rcrm-lk__menue button:hover, .rcrm-app .rcrm-lk__menue a:focus-visible, .rcrm-app .rcrm-lk__menue button:focus-visible { background: #eef4f8; color: var(--rc-blau, #165f85); outline: none; }
.rcrm-app .rcrm-lk__menue button.ist-rot { color: #c0392b; }
.rcrm-app .rcrm-lk__menue button.ist-rot:hover { background: #fdf3f1; color: #c0392b; }
.rcrm-app .rcrm-lk__menue form { margin: 0; }
.rcrm-app .rcrm-lk__menue hr { border: 0; border-top: 1px solid var(--rc-linie, #e3e9ef); margin: 4px 0; }

/* ---------- Spalten je Liste ---------- */
.rcrm-app .rcrm-lk--v { --sp: minmax(0, 1.5fr) minmax(0, 1.05fr) minmax(200px, 1.75fr) minmax(130px, .85fr) minmax(86px, .5fr) 84px; }
.rcrm-app .rcrm-lk--v.ohne-kunde { --sp: minmax(0, 1.8fr) minmax(190px, 1.6fr) minmax(130px, 1fr) minmax(86px, .6fr) 84px; }
.rcrm-app .rcrm-lk--a { --sp: minmax(0, 1.15fr) minmax(0, 1.6fr) minmax(130px, .9fr) minmax(120px, .85fr) minmax(0, .8fr) 150px; }
.rcrm-app .rcrm-lk--a.ohne-kunde { --sp: minmax(0, 2fr) minmax(130px, .9fr) minmax(120px, .9fr) minmax(0, .8fr) 150px; }
.rcrm-app .rcrm-lk--b { --sp: minmax(0, 1.1fr) minmax(150px, .75fr) minmax(0, 1.1fr) minmax(0, 1.7fr) 150px; }

/* Abläufe */
.rcrm-app .rcrm-lk__ab b { display: block; font-size: 14px; font-weight: 600; color: #10273a; font-variant-numeric: tabular-nums; }
.rcrm-app .rcrm-lk__ab small.ist-rot { color: #c0392b; font-weight: 600; }
.rcrm-app .rcrm-lk__ab small.ist-warn { color: #b26a00; font-weight: 600; }
.rcrm-app .rcrm-lk__neu { margin: 0 0 16px; }
.rcrm-app .rcrm-lk__neu > summary { margin-bottom: 8px; }

/* Bewertungen */
.rcrm-app .rcrm-lk__sterne { color: #f5a623; font-size: 15px; letter-spacing: 1px; white-space: nowrap; }
.rcrm-app .rcrm-lk__sterne span { color: #d5dee7; }
.rcrm-app .rcrm-lk__sterne.ist-warn { color: #c0392b; }
.rcrm-app .rcrm-lk__kommentar { margin: 0; font-size: 13.5px; color: #1b2a38; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.rcrm-app .rcrm-lk__kommentar.ist-leer { color: #8a9aa8; }

/* ---------- Schmale Bildschirme: Zeile als Block, Aktionen oben rechts ---------- */
@media ( max-width: 1100px ) {
	.rcrm-app .rcrm-lk--v { --sp: minmax(0, 1.5fr) minmax(0, 1.1fr) minmax(170px, 1.3fr) minmax(120px, .9fr) 84px; }
	.rcrm-app .rcrm-lk--v .rcrm-lk__c--betrag, .rcrm-app .rcrm-lk--v .rcrm-lk__th > .rcrm-lk__r { display: none; }
	.rcrm-app .rcrm-lk--v.ohne-kunde { --sp: minmax(0, 1.6fr) minmax(170px, 1.4fr) minmax(120px, 1fr) minmax(86px, .6fr) 84px; }
	.rcrm-app .rcrm-lk--v.ohne-kunde .rcrm-lk__c--betrag { display: block; }
	.rcrm-app .rcrm-lk--v.ohne-kunde .rcrm-lk__th > .rcrm-lk__r { display: block; }
}
@media ( max-width: 860px ) {
	.rcrm-app .rcrm-lk__th { display: none; }
	.rcrm-app .rcrm-lk__z, .rcrm-app .rcrm-lk.ist-auswahl .rcrm-lk__z:not(.rcrm-lk__gruppe) { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; align-items: start; }
	.rcrm-app .rcrm-lk__z > .rcrm-lk__c { grid-column: 1 / -1; }
	.rcrm-app .rcrm-lk__z > .rcrm-lk__c:first-of-type { grid-column: 1; grid-row: 1; }
	.rcrm-app .rcrm-lk__z > .rcrm-lk__c--akt { grid-column: 2; grid-row: 1; }
	.rcrm-app .rcrm-lk.ist-auswahl .rcrm-lk__z:not(.rcrm-lk__gruppe) { grid-template-columns: 26px minmax(0, 1fr) auto; }
	.rcrm-app .rcrm-lk.ist-auswahl .rcrm-lk__z > .rcrm-lk__check { grid-column: 1; grid-row: 1; }
	.rcrm-app .rcrm-lk.ist-auswahl .rcrm-lk__z > .rcrm-lk__c { grid-column: 2 / -1; }
	.rcrm-app .rcrm-lk.ist-auswahl .rcrm-lk__z > .rcrm-lk__c:first-of-type { grid-column: 2; }
	.rcrm-app .rcrm-lk.ist-auswahl .rcrm-lk__z > .rcrm-lk__c--akt { grid-column: 3; }
	.rcrm-app .rcrm-lk--v .rcrm-lk__c--betrag, .rcrm-app .rcrm-lk--v.ohne-kunde .rcrm-lk__c--betrag { display: block; }
	.rcrm-app .rcrm-lk--v .rcrm-lk__z > .rcrm-lk__c--status { grid-column: 1; }
	.rcrm-app .rcrm-lk--v .rcrm-lk__z > .rcrm-lk__c--betrag { grid-column: 2; align-self: center; }
	.rcrm-app .rcrm-lk--v.ist-auswahl .rcrm-lk__z > .rcrm-lk__c--status { grid-column: 2; }
	.rcrm-app .rcrm-lk--v.ist-auswahl .rcrm-lk__z > .rcrm-lk__c--betrag { grid-column: 3; }
	.rcrm-app .rcrm-lk__c--betrag:has( > .rcrm-lk__leise ) { visibility: hidden; }
	.rcrm-app .rcrm-lk--a .rcrm-lk__z { grid-auto-flow: row dense; }
	.rcrm-app .rcrm-lk--a .rcrm-lk__z > .rcrm-lk__ab { grid-column: 1; }
	.rcrm-app .rcrm-lk--a .rcrm-lk__z > .rcrm-lk__c--status { grid-column: 2; align-self: center; text-align: right; }
	.rcrm-app .rcrm-lk--b .rcrm-lk__z > .rcrm-lk__c--sterne { grid-column: 1; }
	.rcrm-app .rcrm-lk--b .rcrm-lk__z > .rcrm-lk__c--einsatz { grid-column: 1 / -1; }
	.rcrm-app .rcrm-lk__bahn { max-width: none; }
	.rcrm-app .rcrm-lk__ansicht { margin-left: 0; }
	.rcrm-app .rcrm-lk__gruppe { flex-wrap: wrap; }
}
@media ( max-width: 560px ) {
	.rcrm-app .rcrm-lk__leiste .rcrm-suche { width: 100%; display: flex; gap: 6px; }
	.rcrm-app .rcrm-lk__leiste .rcrm-suche input[type="search"] { flex: 1; min-width: 0; width: auto; }
	.rcrm-app .rcrm-lk__z { padding: 12px 14px; }
}