/*
 * Portal-Bausteine (Resources/Private/Components): Abschnittskarten <lm:section> und der Kopf <lm:page.hero>
 * (Grundstil in EXT:lm_pim/Resources/Public/Css/ListHero.css, global geladen). Farben aus der BrandPalette.
 */

/* Abschnittskarte */
.lm-section { border: 1px solid rgba(11, 27, 43, .08); border-radius: .75rem; box-shadow: 0 1px 2px rgba(11, 27, 43, .04); margin-bottom: 1.25rem; overflow: hidden; }
.lm-section-head { display: flex; align-items: center; gap: .85rem; padding: .9rem 1.15rem; border-bottom: 1px solid rgba(11, 27, 43, .08); background: #fff; }
.lm-section-icon { flex: 0 0 2.25rem; height: 2.25rem; border-radius: .6rem; display: inline-flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--lm-deep-accent-strong, #0066bc) 10%, transparent); color: var(--lm-deep-accent-strong, #0066bc); font-size: 1.2rem; }
.lm-section-titles { display: flex; flex-direction: column; min-width: 0; margin-right: auto; }
.lm-section-title { font-size: 1rem; font-weight: 600; color: #0b1b2b; line-height: 1.3; }
.lm-section-subtitle { color: #7a8898; font-size: .8rem; line-height: 1.3; }
.lm-section-actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.lm-section-actions:empty { display: none; }
.lm-section-flush > .table, .lm-section-flush > .table-responsive > .table { margin-bottom: 0; }
.lm-section-foot { background: #f8fafc; border-top: 1px solid rgba(11, 27, 43, .08); display: flex; flex-wrap: wrap; gap: .5rem; justify-content: flex-end; }

/* einklappbar */
.lm-section--collapsible > summary { cursor: pointer; list-style: none; }
.lm-section--collapsible > summary::-webkit-details-marker { display: none; }
.lm-section--collapsible > summary:hover { background: #f8fafc; }
.lm-section--collapsible:not([open]) > summary { border-bottom: 0; }
.lm-section-chevron { color: #7a8898; transition: transform .15s; }
.lm-section--collapsible:not([open]) .lm-section-chevron { transform: rotate(-90deg); }

/* Kopf: Titel-Zusatz (Badge) und Zurück */
.lm-list-hero-title .badge { font-size: .75rem; vertical-align: middle; margin-left: .75rem; }
.lm-list-hero-actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }

/* Meldungen oben rechts (window.lmToast, js/lm-toast.js; Komponente <lm:toast/>) - unter der Kopfleiste */
.lm-toast-stack { top: 4.5rem; right: 0; left: auto !important; z-index: 2100; display: grid; gap: .5rem; max-width: min(26rem, calc(100vw - 1rem)); }
.lm-toast { --lm-toast-color: var(--bs-info, #39afd1); width: auto; margin: 0 !important; border: 0; border-left: 4px solid var(--lm-toast-color); border-radius: .6rem; background: var(--bs-body-bg, #fff); color: var(--bs-body-color, #212529); box-shadow: 0 12px 30px -12px rgba(11, 27, 43, .45); }
.lm-toast .toast-body { padding: .7rem .8rem; }
.lm-toast-icon { color: var(--lm-toast-color); font-size: 1.25rem; line-height: 1.1; }
.lm-toast-text { line-height: 1.35; padding-top: .1rem; }
.lm-toast-success { --lm-toast-color: var(--bs-success, #0acf97); }
.lm-toast-danger { --lm-toast-color: var(--bs-danger, #fa5c7c); }
.lm-toast-warning { --lm-toast-color: var(--bs-warning, #ffbc00); }
.lm-toast-info { --lm-toast-color: var(--bs-info, #39afd1); }