/* Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-change-provenance, @skill-css-rules, @skill-modal-popup-windows | Edit-Modal + Owner-Button */

/* .screen-speaker-profile-page | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Kein Extra-Top/Side-Padding: Abstand nur via .base-layout-content-area wie Dashboard/Preferences */
.screen-speaker-profile-page {
    max-width: 920px;
    margin: 0 auto;
    padding: 0;
    color: var(--color-home-text);
}

/* .screen-speaker-profile-hero | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Hero Grid: Media links, Copy+Talk rechts daneben */
.screen-speaker-profile-hero {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    column-gap: 1.75rem;
    align-items: start;
    margin-bottom: 2.75rem;
}

/* .screen-speaker-profile-media | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | Media-Spalte 260px; Logo-Chip gleiche Breite wie Foto */
.screen-speaker-profile-media {
    grid-column: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
    width: 260px;
    margin: 0;
}

/* .screen-speaker-profile-photo | Änderungsprotokoll: 2026-10-05 | parent-agent | @skill-css-rules, @skill-change-provenance | KI-Composite-Portrait cover */
.screen-speaker-profile-photo {
    width: 260px;
    height: 260px;
    object-fit: cover;
    object-position: center center;
    border-radius: 8px;
    flex-shrink: 0;
    background: var(--color-home-panel-2);
}

/* .screen-speaker-profile-company | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | Logo-Chip 260px; minimales Passepartout, Querlogos fuellen die Breite */
.screen-speaker-profile-company {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
    max-width: 100%;
    min-height: 0;
    height: auto;
    padding: 0.15rem 0.35rem;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid var(--color-home-line);
}

/* .screen-speaker-profile-company-image | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | Querlogos volle Chip-Breite; eng zugeschnittene Assets ohne grossen Weißraum */
.screen-speaker-profile-company-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 5.5rem;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    object-fit: contain;
    object-position: center;
    background: transparent;
}

/* .screen-speaker-profile-hero-copy | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Rechte Spalte: Name/Meta + Talk nahtlos darunter neben Media */
.screen-speaker-profile-hero-copy {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

/* .screen-speaker-profile-talk | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Vortrag unter Meta in rechter Spalte neben dem Bild */
.screen-speaker-profile-talk {
    width: 100%;
    margin: 1.35rem 0 0;
    min-width: 0;
}

/* .screen-speaker-profile-name | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Hero-Name Schriftgröße reduziert (zu groß) */
.screen-speaker-profile-name {
    margin: 0 0 0.75rem;
    font-size: clamp(1.5rem, 2.8vw, 1.85rem);
    font-weight: 850;
    letter-spacing: -0.035em;
    line-height: 1.15;
    color: var(--color-home-text);
}

/* .screen-speaker-profile-job | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Jobtitel als hochwertige Role-Line (Cyan, Tracking) */
.screen-speaker-profile-job {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    margin: 0 0 0.85rem;
    color: var(--color-home-cyan);
    font-family: var(--font-family-mono);
    font-size: clamp(0.85rem, 1.6vw, 0.95rem);
    font-weight: 750;
    letter-spacing: 0.12em;
    line-height: 1.3;
    text-transform: uppercase;
}

.screen-speaker-profile-job::before {
    content: "";
    width: 1.75rem;
    height: 1px;
    flex-shrink: 0;
    background: currentColor;
}

/* .screen-speaker-profile-meta-row | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Meta-Leiste gleiche Zeilenhoehe wie Jobtitel (~20px) */
.screen-speaker-profile-meta-row {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    max-width: 100%;
    min-width: 0;
    min-height: 1.25rem;
    line-height: 1.3;
}

/* .screen-speaker-profile-meta | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Stadtblock gleiche Hoehe wie Jobtitel-Zeile */
.screen-speaker-profile-meta {
    display: inline-flex;
    align-items: center;
    margin: 0;
    min-width: 0;
    min-height: 1.25rem;
    color: var(--color-home-text);
    line-height: 1.3;
}

/* .screen-speaker-profile-text | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Body-Text weiss auf Dark Theme */
.screen-speaker-profile-text {
    margin: 0.35rem 0;
    color: var(--color-home-text);
    line-height: 1.55;
}

/* .screen-speaker-profile-meta-city | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Label und Stadtname gleiche Zeilenhoehe wie Jobtitel */
.screen-speaker-profile-meta-city {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.45rem;
    margin: 0;
    min-height: 1.25rem;
    line-height: 1.3;
}

/* .screen-speaker-profile-meta-city-label | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Kicker-Typografie an Jobtitel-Zeilenhoehe angeglichen */
.screen-speaker-profile-meta-city-label {
    display: inline-flex;
    align-items: center;
    color: var(--color-home-cyan);
    font-family: var(--font-family-mono);
    font-size: clamp(0.85rem, 1.6vw, 0.95rem);
    font-weight: 750;
    letter-spacing: 0.12em;
    line-height: 1.3;
    text-transform: uppercase;
    flex-shrink: 0;
}

/* .screen-speaker-profile-meta-city-value | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Stadtname gleiche Zeilenhoehe wie Jobtitel */
.screen-speaker-profile-meta-city-value {
    display: inline-flex;
    align-items: center;
    color: var(--color-home-text);
    font-size: clamp(0.85rem, 1.6vw, 0.95rem);
    font-weight: 650;
    letter-spacing: -0.015em;
    line-height: 1.3;
    white-space: nowrap;
}

/* .screen-speaker-profile-links | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Icon-Gruppe gleiche Hoehe wie Jobtitel-Zeile */
.screen-speaker-profile-links {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.3rem;
    margin: 0;
    min-height: 1.25rem;
    flex-shrink: 0;
}

/* .screen-speaker-profile-links-with-city | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Vertikaler Trenner zwischen Stadt und Icons */
.screen-speaker-profile-links-with-city {
    padding-left: 0.55rem;
    border-left: 1px solid var(--color-home-line);
}

/* .screen-speaker-profile-link | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Icon-Tile auf Jobtitel-Zeilenhoehe (1.25rem) */
.screen-speaker-profile-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid var(--color-home-line);
    border-radius: 4px;
    background: var(--color-home-panel);
    color: var(--color-home-text);
    text-decoration: none;
    line-height: 1;
    transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.screen-speaker-profile-link:hover {
    border-color: var(--color-border-highlight);
    background: var(--color-home-panel-2);
    color: var(--color-home-text);
    text-decoration: none;
}

/* .screen-speaker-profile-link-linkedin | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | LinkedIn-Link in Markenblau */
.screen-speaker-profile-link-linkedin {
    color: var(--color-linkedin);
}

.screen-speaker-profile-link-linkedin:hover {
    color: var(--color-linkedin-hover);
    text-decoration: none;
}

/* .screen-speaker-profile-link-website | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Website-Link Cyan */
.screen-speaker-profile-link-website {
    color: var(--color-home-cyan);
}

.screen-speaker-profile-link-website:hover {
    color: var(--color-home-text);
    text-decoration: none;
}

/* .screen-speaker-profile-link-icon | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Icon-Groesse passend zur 1.25rem-Tile */
.screen-speaker-profile-link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.72rem;
    height: 0.72rem;
    flex-shrink: 0;
    color: inherit;
}

.screen-speaker-profile-link-icon-svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* .screen-speaker-profile-owner-actions | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-modal-popup-windows, @skill-change-provenance | Nur Bearbeiten-Button; Preferences über Secure-Tabs */
.screen-speaker-profile-owner-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-top: 1.25rem;
}

/* .screen-speaker-profile-open-edit-modal-button | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-modal-popup-windows, @skill-change-provenance | CTA öffnet Edit-Modal */
.screen-speaker-profile-open-edit-modal-button {
    width: auto;
    max-width: none;
    min-width: 9.5rem;
    white-space: nowrap;
}

/* .screen-speaker-profile-open-edit-modal-icon | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Stift-Icon links neben Bearbeiten-Text */
.screen-speaker-profile-open-edit-modal-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
    color: inherit;
}

.screen-speaker-profile-open-edit-modal-icon .base-button-icon-svg {
    width: 100%;
    height: 100%;
    display: block;
}

.screen-speaker-profile-open-edit-modal-label {
    display: inline-block;
    line-height: 1.2;
}

.screen-speaker-profile-section {
    margin-bottom: 2.35rem;
    padding-top: 0.15rem;
}

/* .screen-speaker-profile-section-title | Änderungsprotokoll: 2026-10-03 | agent-router | @skill-css-rules, @skill-change-provenance | Fachliche Section-Titel ruhiger und klarer */
.screen-speaker-profile-section-title {
    margin: 0 0 0.85rem;
    font-size: 1.15rem;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: var(--color-home-text);
}

/* .screen-speaker-profile-speaker-facts | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | Speaker-Facts Section als hochwertiger Steckbrief-Panel */
.screen-speaker-profile-speaker-facts {
    position: relative;
    margin-bottom: 2.75rem;
    padding: 1.5rem 1.55rem 1.2rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--color-home-cyan) 34%, var(--color-home-line));
    border-left: 5px solid var(--color-home-cyan);
    border-radius: 16px;
    background:
        radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--color-home-cyan) 16%, transparent) 0%, transparent 55%),
        linear-gradient(165deg, var(--color-home-panel-2) 0%, var(--color-home-panel) 62%, color-mix(in srgb, var(--color-home-bg) 55%, var(--color-home-panel)) 100%);
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--color-home-cyan) 10%, transparent),
        0 22px 56px rgba(0, 0, 0, 0.42);
}

/* .screen-speaker-profile-speaker-facts-title | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | Speaker-Facts Headline wie Talk-Accent */
.screen-speaker-profile-speaker-facts-title {
    margin: 0 0 1.2rem;
    padding-left: 0;
    border-left: 0;
    color: var(--color-home-text);
    font-size: clamp(1.45rem, 2.6vw, 1.85rem);
    font-weight: 900;
    letter-spacing: -0.035em;
    line-height: 1.15;
}

/* .screen-speaker-profile-speaker-facts-table | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Gemeinsames Grid: Kennzahl max-content, Wert Rest */
.screen-speaker-profile-speaker-facts-table {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 1.25rem;
    width: 100%;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow-x: visible;
    overflow: visible;
}

/* .screen-speaker-profile-speaker-facts-table-header | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Header-Wrapper display contents fuer Subgrid */
.screen-speaker-profile-speaker-facts-table-header {
    display: contents;
}

/* .screen-speaker-profile-speaker-facts-table-body | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Body-Wrapper display contents fuer Subgrid */
.screen-speaker-profile-speaker-facts-table-body {
    display: contents;
}

/* .screen-speaker-profile-speaker-facts-head-row | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Spaltenkicker; Subgrid teilt Tabellen-Spaltenbahn */
.screen-speaker-profile-speaker-facts-head-row {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
    align-items: end;
    column-gap: 1.25rem;
    row-gap: 0;
    margin: 0 0 0.35rem;
    padding: 0 0.35rem 0.55rem;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--color-home-cyan) 35%, var(--color-home-line));
    background: transparent;
    background-color: transparent;
    box-shadow: none;
}

/* .screen-speaker-profile-speaker-facts-head-fact | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | Spaltenkopf Kennzahl content-breit */
.screen-speaker-profile-speaker-facts-head-fact {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    background-color: transparent;
    color: var(--color-home-cyan);
    font-family: var(--font-family-mono);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.14em;
    line-height: 1.3;
    text-transform: uppercase;
    white-space: nowrap;
    width: max-content;
    max-width: none;
}

/* .screen-speaker-profile-speaker-facts-head-value | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | Spaltenkopf Angabe Premium */
.screen-speaker-profile-speaker-facts-head-value {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    background-color: transparent;
    color: var(--color-home-cyan);
    font-family: var(--font-family-mono);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.14em;
    line-height: 1.3;
    text-transform: uppercase;
}

/* .screen-speaker-profile-speaker-facts-row | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Key/Value-Zeile; Subgrid teilt Tabellen-Spaltenbahn */
.screen-speaker-profile-speaker-facts-row {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
    align-items: center;
    column-gap: 1.25rem;
    row-gap: 0;
    margin: 0;
    padding: 0.62rem 0.35rem;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--color-home-line) 78%, transparent);
    background: transparent;
    background-color: transparent;
    box-shadow: none;
}

/* .screen-speaker-profile-speaker-facts-row:nth-child(odd) | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Dezente Alternierung ohne Hover */
.screen-speaker-profile-speaker-facts-row:nth-child(odd) {
    background: color-mix(in srgb, var(--color-home-cyan) 5%, transparent);
    background-color: color-mix(in srgb, var(--color-home-cyan) 5%, transparent);
    border-radius: 8px;
}

/* .screen-speaker-profile-speaker-facts-fact | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | Kennzahl content-breit, nowrap ohne Ellipsis */
.screen-speaker-profile-speaker-facts-fact {
    display: block;
    margin: 0;
    padding: 0.1rem 0 0.1rem 0.55rem;
    border: 0;
    border-left: 2px solid color-mix(in srgb, var(--color-home-cyan) 55%, transparent);
    background: transparent;
    background-color: transparent;
    color: var(--color-home-cyan);
    font-family: var(--font-family-mono);
    font-size: 0.74rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    line-height: 1.3;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: visible;
    width: max-content;
    max-width: none;
}

/* .screen-speaker-profile-speaker-facts-fact::before | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Kein mobile data-label Präfix bei Fact-Zellen */
.screen-speaker-profile-speaker-facts-fact::before {
    content: none;
    display: none;
    margin: 0;
}

/* .screen-speaker-profile-speaker-facts-value | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | Fact-Wert in fester zweiter Spalte */
.screen-speaker-profile-speaker-facts-value {
    display: block;
    margin: 0;
    padding: 0.1rem 0.15rem 0.1rem 0;
    border: 0;
    background: transparent;
    background-color: transparent;
    color: var(--color-home-text);
    font-size: clamp(1.05rem, 1.6vw, 1.14rem);
    font-weight: 650;
    letter-spacing: -0.015em;
    line-height: 1.45;
    min-width: 0;
    max-width: 100%;
    width: auto;
    word-break: break-word;
}

/* .screen-speaker-profile-speaker-facts-value::before | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Kein mobile data-label Präfix bei Value-Zellen */
.screen-speaker-profile-speaker-facts-value::before {
    content: none;
    display: none;
    margin: 0;
}

/* .screen-speaker-profile-speaker-facts-external-link | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | ClawNews-Link in Fact-Werten */
.screen-speaker-profile-speaker-facts-external-link {
    color: var(--color-home-cyan);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

/* .screen-speaker-profile-speaker-facts-external-link:hover | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | Hover ClawNews-Link */
.screen-speaker-profile-speaker-facts-external-link:hover {
    color: var(--color-home-text);
}

/* .screen-speaker-profile-talk-title | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Vortragstitel im Hero-Umfluss, Schriftgröße reduziert */
.screen-speaker-profile-talk-title {
    margin: 0 0 1.1rem;
    padding-left: 18px;
    border-left: 4px solid var(--color-home-cyan);
    color: var(--color-home-text);
    font-size: clamp(1.35rem, 2.4vw, 1.65rem);
    font-weight: 900;
    letter-spacing: -0.03em;
    line-height: 1.25;
}

/* .screen-speaker-profile-talk-tags | Änderungsprotokoll: 2026-10-05 | parent-agent | @skill-css-rules, @skill-change-provenance | Themen-Tags unter Vortragstitel */
.screen-speaker-profile-talk-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: -0.4rem 0 1rem 18px;
}

/* .screen-speaker-profile-talk-tag | Änderungsprotokoll: 2026-10-05 | parent-agent | @skill-css-rules, @skill-change-provenance | Tag-Badge */
.screen-speaker-profile-talk-tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--color-home-cyan) 45%, transparent);
    background: color-mix(in srgb, var(--color-home-cyan) 12%, var(--color-home-panel));
    color: var(--color-home-cyan);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.3;
}

/* .screen-speaker-profile-edit-modal | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-modal-popup-windows, @skill-change-provenance | Modal Overlay Fixed */
.screen-speaker-profile-edit-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.screen-speaker-profile-edit-modal[hidden] {
    display: none;
}

/* html.screen-speaker-profile-edit-modal-page-scroll-locked | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-modal-popup-windows, @skill-change-provenance | Seiten-Scroll sperren */
html.screen-speaker-profile-edit-modal-page-scroll-locked,
html.screen-speaker-profile-edit-modal-page-scroll-locked body {
    overflow: hidden;
}

/* .screen-speaker-profile-edit-modal-backdrop | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-modal-popup-windows, @skill-change-provenance | Backdrop 90 Prozent */
.screen-speaker-profile-edit-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 0;
    background-color: rgba(7, 7, 13, 0.9);
}

/* .screen-speaker-profile-edit-modal-content | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-modal-popup-windows, @skill-change-provenance | Modal Content Scroll Container */
.screen-speaker-profile-edit-modal-content {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    max-width: 36rem;
    max-height: calc(100dvh - 2rem);
    margin: auto;
    padding: 1.25rem 1.25rem 1rem;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    background: linear-gradient(145deg, #13141e, #0c0d14);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.65);
    color: var(--color-home-text, #f5f5f5);
}

/* .screen-speaker-profile-edit-modal-header-close-button | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-modal-popup-windows, @skill-change-provenance | × oben rechts */
.screen-speaker-profile-edit-modal-header-close-button {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    background: rgba(8, 9, 16, 0.85);
    color: var(--color-home-text, #f5f5f5);
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}

.screen-speaker-profile-edit-modal-header-close-button:hover {
    border-color: var(--color-home-accent, #ff7a18);
    color: var(--color-home-accent, #ff7a18);
}

/* .screen-speaker-profile-edit-modal-title | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-modal-popup-windows, @skill-change-provenance | Modal H2 */
.screen-speaker-profile-edit-modal-title {
    margin: 0 2.5rem 1rem 0;
    font-size: clamp(1.35rem, 3vw, 1.75rem);
    font-weight: 750;
    line-height: 1.15;
}

.screen-speaker-profile-form {
    display: grid;
    gap: 0.85rem;
}

/* .screen-speaker-profile-speaker-facts-edit | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-change-provenance, @skill-briefing-first | Speaker-Facts nur im Edit-Modal */
.screen-speaker-profile-speaker-facts-edit {
    display: grid;
    gap: 0.85rem;
    margin-top: 0.35rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

/* .screen-speaker-profile-speaker-facts-edit-title | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-change-provenance, @skill-briefing-first | Abschnittstitel Speaker Facts */
.screen-speaker-profile-speaker-facts-edit-title {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-home-cyan, #5ce1e6);
}

.screen-speaker-profile-form .base-form-input,
.screen-speaker-profile-form .base-form-textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.25);
    color: inherit;
}

/* .screen-speaker-profile-image-upload | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Upload-Block mit Typ-Titel und Vorschau */
.screen-speaker-profile-image-upload {
    display: grid;
    gap: 0.65rem;
    padding: 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
}

/* .screen-speaker-profile-image-upload-title | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Sichtbarer Bild-Typ-Titel */
.screen-speaker-profile-image-upload-title {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--color-home-text, #f5f5f5);
}

/* .screen-speaker-profile-image-upload-preview | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Profilbild-Vorschau-Rahmen */
.screen-speaker-profile-image-upload-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.5rem;
    height: 7.5rem;
    overflow: hidden;
    border: 1px dashed rgba(255, 255, 255, 0.28);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.28);
}

/* .screen-speaker-profile-image-upload-preview-company | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Firmenlogo-Vorschau Querformat */
.screen-speaker-profile-image-upload-preview-company {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14rem;
    height: 4.5rem;
    overflow: hidden;
    border: 1px dashed rgba(255, 255, 255, 0.28);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.92);
}

/* .screen-speaker-profile-image-upload-preview-img | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Profilbild-Thumbnail cover */
.screen-speaker-profile-image-upload-preview-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .screen-speaker-profile-image-upload-preview-company-img | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Firmenlogo-Thumbnail contain */
.screen-speaker-profile-image-upload-preview-company-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.45rem;
    box-sizing: border-box;
}

/* .screen-speaker-profile-image-upload-empty | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Leerer Profilbild-Platzhalter */
.screen-speaker-profile-image-upload-empty {
    display: block;
    padding: 0.5rem;
    text-align: center;
    font-size: 0.8rem;
    line-height: 1.25;
    color: rgba(245, 245, 245, 0.72);
}

/* .screen-speaker-profile-image-upload-empty-company | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Leerer Firmenlogo-Platzhalter auf hellem Grund */
.screen-speaker-profile-image-upload-empty-company {
    display: block;
    padding: 0.5rem;
    text-align: center;
    font-size: 0.8rem;
    line-height: 1.25;
    color: rgba(20, 22, 30, 0.72);
}

/* .screen-speaker-profile-edit-modal-content .base-form-textarea | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-modal-popup-windows, @skill-change-provenance | Textarea ohne Resize im Modal */
.screen-speaker-profile-edit-modal-content .base-form-textarea {
    resize: none;
    overflow-x: hidden;
    overflow-y: auto;
}

/* .screen-speaker-profile-form-textarea-tall | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Abstract/Vita höher editierbar */
.screen-speaker-profile-form-textarea-tall {
    min-height: 12rem;
    max-height: 18rem;
}

/* .screen-speaker-profile-edit-modal-actions | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-modal-popup-windows, @skill-change-provenance | Aktionszeile nur Speichern-CTA */
.screen-speaker-profile-edit-modal-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

/* .screen-speaker-profile-edit-modal-submit-button | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-modal-popup-windows, @skill-change-provenance | Speichern-CTA width auto */
.screen-speaker-profile-edit-modal-submit-button {
    width: auto;
    max-width: none;
    min-width: 12.5rem;
    white-space: nowrap;
}

.screen-speaker-profile-edit-modal-submit-icon {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--color-white, #fff);
}

.screen-speaker-profile-edit-modal-submit-label {
    display: inline-block;
    line-height: 1.2;
}

.screen-speaker-profile-success {
    color: #7dffa3;
}

.screen-speaker-profile-error {
    color: #ff8d8d;
}

@media (max-width: 720px) {
    /* .screen-speaker-profile-hero | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Mobile eine Spalte */
    .screen-speaker-profile-hero {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    /* .screen-speaker-profile-media | Änderungsprotokoll: 2026-10-04 | parent-agent | @skill-css-rules, @skill-change-provenance | Mobile Media oben zentriert; Chip unter Foto mittig */
    .screen-speaker-profile-media {
        grid-column: 1;
        width: 100%;
        max-width: 240px;
        margin: 0 0 1.25rem;
        align-items: center;
    }

    /* .screen-speaker-profile-photo | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | Mobile Foto volle Media-Breite */
    .screen-speaker-profile-photo {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
    }

    /* .screen-speaker-profile-company | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | Mobile Logo-Chip gleiche Breite wie Foto */
    .screen-speaker-profile-company {
        width: 100%;
    }

    /* .screen-speaker-profile-hero-copy | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Mobile volle Copy-Breite */
    .screen-speaker-profile-hero-copy {
        grid-column: 1;
        width: 100%;
    }

    /* .screen-speaker-profile-talk | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Mobile Talk volle Breite unter Copy */
    .screen-speaker-profile-talk {
        width: 100%;
    }

    /* .screen-speaker-profile-speaker-facts | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | Mobile Steckbrief kompakter */
    .screen-speaker-profile-speaker-facts {
        padding: 1.1rem 1rem 0.95rem;
    }

    /* .screen-speaker-profile-speaker-facts-table | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Mobile kein gemeinsames 2-Spalten-Subgrid */
    .screen-speaker-profile-speaker-facts-table {
        display: block;
        grid-template-columns: none;
        column-gap: 0;
    }

    /* .screen-speaker-profile-speaker-facts-table-header | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Mobile Header wieder Block */
    .screen-speaker-profile-speaker-facts-table-header {
        display: block;
    }

    /* .screen-speaker-profile-speaker-facts-table-body | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Mobile Body wieder Block */
    .screen-speaker-profile-speaker-facts-table-body {
        display: block;
    }

    /* .screen-speaker-profile-speaker-facts-head-row | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Mobile Spaltenkicker gestapelt */
    .screen-speaker-profile-speaker-facts-head-row {
        display: grid;
        grid-column: auto;
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }

    /* .screen-speaker-profile-speaker-facts-row | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Mobile Fact über Angabe */
    .screen-speaker-profile-speaker-facts-row {
        display: grid;
        grid-column: auto;
        grid-template-columns: 1fr;
        gap: 0.3rem;
        padding: 0.85rem 0.05rem;
    }

    /* .screen-speaker-profile-speaker-facts-value | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | Mobile Angabe etwas größer */
    .screen-speaker-profile-speaker-facts-value {
        font-size: 1.05rem;
    }

    /* .screen-speaker-profile-speaker-facts-fact | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | Mobile Kennzahl ohne Umbruch */
    .screen-speaker-profile-speaker-facts-fact {
        white-space: nowrap;
        width: max-content;
        max-width: 100%;
        overflow-x: auto;
    }
}

/* Desktop: Subgrid-Spaltenbahn gegen base data-columns=2 Equal-Columns absichern */
@media (min-width: 577px) {
    /* .screen-speaker-profile-speaker-facts-table | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Desktop Kennzahl max-content, Wert Rest */
    .screen-speaker-profile-speaker-facts-table {
        display: grid;
        grid-template-columns: max-content minmax(0, 1fr);
        column-gap: 1.25rem;
    }

    /* .screen-speaker-profile-speaker-facts-table-header | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Desktop Header contents */
    .screen-speaker-profile-speaker-facts-table-header {
        display: contents;
    }

    /* .screen-speaker-profile-speaker-facts-table-body | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Desktop Body contents */
    .screen-speaker-profile-speaker-facts-table-body {
        display: contents;
    }

    /* .screen-speaker-profile-speaker-facts-head-row[data-columns="2"] | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Desktop Subgrid Header */
    .screen-speaker-profile-speaker-facts-head-row[data-columns="2"] {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: subgrid;
        column-gap: 1.25rem;
        row-gap: 0;
        padding-left: 0.35rem;
        padding-right: 0.35rem;
    }

    /* .screen-speaker-profile-speaker-facts-row[data-columns="2"] | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Desktop Subgrid Body */
    .screen-speaker-profile-speaker-facts-row[data-columns="2"] {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: subgrid;
        column-gap: 1.25rem;
        row-gap: 0;
        padding-left: 0.35rem;
        padding-right: 0.35rem;
    }

    /* .screen-speaker-profile-speaker-facts-fact | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-change-provenance | Desktop Kennzahl content-breit */
    .screen-speaker-profile-speaker-facts-fact {
        white-space: nowrap;
        overflow: visible;
        width: max-content;
        max-width: none;
    }

    /* .screen-speaker-profile-speaker-facts-head-fact | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Desktop Kopfzelle Kennzahl content-breit */
    .screen-speaker-profile-speaker-facts-head-fact {
        width: max-content;
        max-width: none;
        white-space: nowrap;
    }

    /* .screen-speaker-profile-speaker-facts-head-value | Änderungsprotokoll: 2026-10-06 | parent-agent | @skill-css-rules, @skill-div-table-structure, @skill-change-provenance | Desktop Kopfzelle Wert Restbreite */
    .screen-speaker-profile-speaker-facts-head-value {
        min-width: 0;
        max-width: 100%;
        width: auto;
    }
}