:root {
        color-scheme: light;
        --primary: #155fe4;
        --primary-hover: #0d4fc4;
        --primary-soft: #eaf1ff;
        --sidebar-bg: #062f75;
        --sidebar-bg-strong: #05235f;
        --sidebar-active: #155fe4;
        --module-care-rgb: 85, 158, 232;
        --module-stakeholders-rgb: 67, 179, 145;
        --module-planning-rgb: 224, 164, 77;
        --module-formats-rgb: 169, 128, 218;
        --module-care-strong: #0b5cad;
        --module-stakeholders-strong: #0f766e;
        --module-planning-strong: #a84c16;
        --module-formats-strong: #7a3e91;
        --care-overview-atlas-start: #dff3ff;
        --care-overview-atlas-end: #d9e1f8;
        --care-overview-atlas-text: #0a2f66;
        --care-overview-atlas-muted: #35577f;
        --care-overview-atlas-highlight: #0b5cad;
        --care-overview-atlas-counter: var(--care-map-density-cobalt);
        --care-overview-atlas-halo: 0 0 0 2px rgba(11, 92, 173, 0.20), 0 12px 28px rgba(8, 36, 93, 0.16);
        --care-overview-contacts-accent: #0b5cad;
        --care-overview-contacts-soft: #edf6ff;
        --care-overview-contacts-border: #9cccf2;
        --care-overview-organizations-accent: #0f6b63;
        --care-overview-organizations-soft: #e9f7f4;
        --care-overview-organizations-border: #9bd6cc;
        --care-overview-analytics-accent: #5b3fa8;
        --care-overview-analytics-soft: #f2efff;
        --care-overview-analytics-border: #cbbcf0;
        --care-overview-activities-accent: #8a4f08;
        --care-overview-activities-soft: #fff4e5;
        --care-overview-activities-border: #e8c48f;
        --care-map-density-empty: #dbe4ef;
        --care-map-density-low: #737aa0;
        --care-map-density-mid: #4d5686;
        --care-map-density-cobalt: #27346b;
        --care-map-density-high: #010e52;
        --stakeholder-patients-bg: #fff1f2;
        --stakeholder-patients-border: #fecdd3;
        --stakeholder-patients-color: #be123c;
        --stakeholder-politics-bg: #f5f3ff;
        --stakeholder-politics-border: #ddd6fe;
        --stakeholder-politics-color: #6d28d9;
        --stakeholder-press-bg: #f0f9ff;
        --stakeholder-press-border: #bae6fd;
        --stakeholder-press-color: #0369a1;
        --stakeholder-kv-bg: #f0fdfa;
        --stakeholder-kv-border: #99f6e4;
        --stakeholder-kv-color: #0f766e;
        --stakeholder-insurance-bg: #eff6ff;
        --stakeholder-insurance-border: #bfdbfe;
        --stakeholder-insurance-color: #1d4ed8;
        --stakeholder-hospitals-bg: #fff7ed;
        --stakeholder-hospitals-border: #fed7aa;
        --stakeholder-hospitals-color: #c2410c;
        --stakeholder-physicians-bg: #eef2ff;
        --stakeholder-physicians-border: #c7d2fe;
        --stakeholder-physicians-color: #4338ca;
        --stakeholder-experts-bg: #f7fee7;
        --stakeholder-experts-border: #d9f99d;
        --stakeholder-experts-color: #4d7c0f;
        --background: #f5f7fb;
        --surface: #ffffff;
        --surface-muted: #f8faff;
        --border: #dce3f5;
        --border-strong: #b8c7e8;
        --text-primary: #17275f;
        --text-secondary: #334155;
        --text-muted: #64748b;
        --success: #16a34a;
        --success-soft: #eaf8ef;
        --warning: #b7791f;
        --warning-soft: #fff7e8;
        --danger: #dc2626;
        --danger-soft: #fff1f1;
        --info: #2563eb;
        --info-soft: #edf4ff;
        --sidebar-width: 248px;
        --topbar-height: 56px;
        --content-max-width: none;
        --page-padding: 22px;
        --card-padding: 16px;
        --section-gap: 16px;
        --row-height: 44px;
        --page-header-logo-height: 42px;
        --page-header-gap: 16px;
        --toolbar-control-height: 48px;
        --table-header-height: 44px;
        --table-cell-padding-inline: 10px;
        --radius-sm: 6px;
        --radius-md: 8px;
        --radius-lg: 12px;
        --radius-xl: 16px;
        --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
        --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
        --shadow-lg: 0 18px 48px rgba(15, 23, 42, 0.12);
        --font-family: Inter, "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        --font-size-xs: 0.74rem;
        --font-size-sm: 0.84rem;
        --font-size-md: 0.94rem;
        --font-size-lg: 1.12rem;
        --font-size-xl: 1.42rem;
        --line-height-tight: 1.15;
        --line-height-normal: 1.45;
        --page: var(--background);
        --page-2: var(--surface-muted);
        --text: var(--text-primary);
        --muted: var(--text-muted);
        --line: var(--border);
        --white: var(--surface);
        --green: var(--success);
        --orange: var(--warning);
        --purple: #7c3aed;
        --blue: var(--primary);
        --yellow: #f8c044;
        --soft-blue: var(--primary-soft);
        --soft-green: var(--success-soft);
        --soft-orange: var(--warning-soft);
        --soft-red: var(--danger-soft);
        --shadow: var(--shadow-md);
      }

      /* Hospitation · Muster: einspaltige, interaktive Evidenzkarte im Stil der Beobachtungsseite. */
      .hospitation-patterns-page {
        gap: 12px;
      }

      .hospitation-patterns-page .hospitation-patterns-header {
        min-width: 0;
      }

      .hospitation-patterns-section-head {
        align-items: center;
        padding-inline: 2px;
      }

      .hospitation-patterns-section-head > .hospitation-patterns-section-count {
        display: inline-flex;
        width: auto;
        min-width: 0;
        height: 26px;
        align-items: center;
        justify-content: center;
        padding: 3px 9px;
        border: 1px solid #cbdcf7;
        border-radius: 999px;
        background: #f0f5fd;
        color: #315786;
        font-size: 0.7rem;
        font-weight: 850;
        white-space: nowrap;
      }

      .hospitation-patterns-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        align-items: start;
        width: 100%;
        min-width: 0;
      }

      .hospitation-pattern-card {
        display: block;
        min-width: 0;
        overflow: hidden;
        border: 1px solid #dce4f1;
        border-left: 3px solid #b9c8dc;
        border-radius: 12px;
        background: #ffffff;
        padding: 0;
        box-shadow: none;
        transition: border-color 160ms ease, box-shadow 160ms ease;
      }

      .hospitation-pattern-card.is-selected {
        border-color: #a9c6ef;
        border-left-color: #1c9a67;
        box-shadow: 0 8px 26px rgba(28, 67, 129, 0.08);
      }

      .hospitation-pattern-card__row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        min-width: 0;
        background: #ffffff;
      }

      .hospitation-pattern-card.is-selected .hospitation-pattern-card__row {
        background: #fbfdff;
      }

      .hospitation-pattern-card__select {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr) auto 20px;
        align-items: center;
        gap: 12px;
        width: 100%;
        min-width: 0;
        min-height: 92px;
        border: 0;
        background: transparent;
        color: inherit;
        padding: 12px 10px 12px 13px;
        cursor: pointer;
        font: inherit;
        text-align: left;
      }

      .hospitation-pattern-card__select:hover,
      .hospitation-pattern-card__select:focus-visible {
        background: #f6f9fd;
        outline: none;
      }

      .hospitation-pattern-card__select:focus-visible {
        box-shadow: inset 0 0 0 2px rgba(31, 104, 214, 0.32);
      }

      .hospitation-pattern-card__rank {
        display: inline-grid;
        width: 42px;
        min-width: 42px;
        height: 28px;
        place-items: center;
        border: 1px solid #cdd9eb;
        border-radius: 999px;
        background: #f0f4fb;
        color: #31527f;
        font-size: 0.68rem;
        font-weight: 900;
        letter-spacing: 0.035em;
      }

      .hospitation-pattern-card.is-selected .hospitation-pattern-card__rank {
        border-color: #a9dfc5;
        background: #e8f7ef;
        color: #117251;
      }

      .hospitation-pattern-card__main {
        display: grid;
        gap: 5px;
        min-width: 0;
      }

      .hospitation-pattern-card__title {
        color: #162f58;
        font-size: 0.91rem;
        font-weight: 900;
        line-height: 1.3;
      }

      .hospitation-pattern-card__main .hospitation-dashboard-derived-code-badges {
        gap: 5px;
      }

      .hospitation-pattern-card__main .hospitation-dashboard-derived-code-badge {
        padding: 3px 7px;
        font-size: 0.64rem;
      }

      .hospitation-pattern-card__summary {
        display: -webkit-box;
        overflow: hidden;
        color: #67758e;
        font-size: 0.74rem;
        font-weight: 680;
        line-height: 1.4;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
      }

      .hospitation-pattern-card__support {
        display: grid;
        gap: 2px;
        min-width: 112px;
        color: #506481;
        text-align: right;
      }

      .hospitation-pattern-card__support strong,
      .hospitation-pattern-card__support small {
        display: block;
        white-space: nowrap;
      }

      .hospitation-pattern-card__support strong {
        color: #284a79;
        font-size: 0.72rem;
        font-weight: 900;
      }

      .hospitation-pattern-card__support small {
        color: #75849b;
        font-size: 0.66rem;
        font-weight: 760;
      }

      .hospitation-pattern-card__chevron {
        width: 18px;
        height: 18px;
        color: #72829a;
        transition: transform 160ms ease;
      }

      .hospitation-pattern-card.is-selected .hospitation-pattern-card__chevron {
        color: #197755;
        transform: rotate(180deg);
      }

      .hospitation-pattern-card__open {
        width: auto;
        margin-right: 12px;
        white-space: nowrap;
      }

      .hospitation-pattern-evidence-map {
        display: grid;
        gap: 14px;
        min-width: 0;
        border-top: 1px solid #dbe5f4;
        background: #f7f9fd;
        padding: 16px;
      }

      .hospitation-pattern-evidence-chain {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
      }

      .hospitation-pattern-evidence-chain > span {
        display: inline-grid;
        grid-template-columns: auto auto;
        align-items: baseline;
        gap: 5px;
        min-height: 30px;
        padding: 5px 10px;
        border: 1px solid #d5dfed;
        border-radius: 999px;
        background: #ffffff;
      }

      .hospitation-pattern-evidence-chain > span.is-pattern {
        border-color: #aadfc4;
        background: #eaf8f1;
      }

      .hospitation-pattern-evidence-chain strong {
        color: #284a79;
        font-size: 0.76rem;
        font-weight: 900;
      }

      .hospitation-pattern-evidence-chain .is-pattern strong {
        color: #117251;
      }

      .hospitation-pattern-evidence-chain small {
        color: #6c7b93;
        font-size: 0.67rem;
        font-weight: 760;
      }

      .hospitation-pattern-evidence-chain > svg {
        width: 16px;
        height: 16px;
        flex: 0 0 auto;
        fill: none;
        stroke: #8a98ad;
        stroke-width: 2;
      }

      .hospitation-pattern-evidence-summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 18px;
        min-width: 0;
        border: 1px solid #d7e3f3;
        border-radius: 12px;
        background: #ffffff;
        padding: 14px;
      }

      .hospitation-pattern-evidence-summary__copy {
        display: grid;
        gap: 7px;
        min-width: 0;
      }

      .hospitation-pattern-evidence-summary__copy > span:first-child {
        color: #16815c;
        font-size: 0.65rem;
        font-weight: 900;
        letter-spacing: 0.055em;
        text-transform: uppercase;
      }

      .hospitation-pattern-evidence-summary h4,
      .hospitation-pattern-evidence-summary p,
      .hospitation-pattern-evidence-list-head h4,
      .hospitation-pattern-evidence-list-head p,
      .hospitation-pattern-evidence-note {
        margin: 0;
      }

      .hospitation-pattern-evidence-summary h4 {
        color: #17335d;
        font-size: 0.95rem;
        font-weight: 900;
        line-height: 1.35;
      }

      .hospitation-pattern-evidence-summary p {
        max-width: 900px;
        color: #586a85;
        font-size: 0.78rem;
        font-weight: 680;
        line-height: 1.48;
      }

      .hospitation-pattern-evidence-summary__meta {
        display: grid;
        align-content: center;
        justify-items: end;
        gap: 10px;
        min-width: 190px;
      }

      .hospitation-pattern-evidence-summary__meta .hospitation-pattern-card__sources {
        justify-content: flex-end;
        max-width: 280px;
      }

      .hospitation-pattern-evidence-summary__meta .hospitation-pattern-card__next-use {
        justify-items: end;
      }

      .hospitation-pattern-evidence-summary__meta .hospitation-pattern-card__next-use strong {
        max-width: 220px;
        color: #117251;
      }

      .hospitation-pattern-evidence-list-head {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 14px;
        min-width: 0;
      }

      .hospitation-pattern-evidence-list-head h4 {
        color: #17335d;
        font-size: 0.86rem;
        font-weight: 900;
      }

      .hospitation-pattern-evidence-list-head p {
        margin-top: 2px;
        color: #748199;
        font-size: 0.7rem;
        line-height: 1.4;
      }

      .hospitation-pattern-evidence-list-head > span {
        flex: 0 0 auto;
        color: #516884;
        font-size: 0.7rem;
        font-weight: 850;
      }

      .hospitation-pattern-observation-list {
        min-width: 0;
        overflow: hidden;
        border: 1px solid #dce4f0;
        border-radius: 11px;
        background: #ffffff;
      }

      .hospitation-pattern-observation-row {
        display: grid;
        grid-template-columns: 34px minmax(150px, 0.72fr) minmax(240px, 1.22fr) minmax(220px, 0.92fr) 18px;
        align-items: center;
        gap: 10px;
        width: 100%;
        min-width: 0;
        min-height: 82px;
        border: 0;
        border-bottom: 1px solid #e3e8f0;
        border-left: 3px solid transparent;
        background: #ffffff;
        color: inherit;
        padding: 10px 11px 10px 8px;
        cursor: pointer;
        font: inherit;
        text-align: left;
        transition: background 150ms ease, border-color 150ms ease;
      }

      .hospitation-pattern-observation-row:last-child {
        border-bottom: 0;
      }

      .hospitation-pattern-observation-row:hover,
      .hospitation-pattern-observation-row:focus-visible {
        border-left-color: #27875f;
        background: #f7fafc;
        outline: none;
      }

      .hospitation-pattern-observation-row:focus-visible {
        box-shadow: inset 0 0 0 2px rgba(31, 104, 214, 0.25);
      }

      .hospitation-pattern-observation-row__number {
        display: inline-grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border: 1px solid #d5dfed;
        border-radius: 999px;
        background: #f2f5fa;
        color: #60718c;
        font-size: 0.66rem;
        font-weight: 900;
        font-variant-numeric: tabular-nums;
      }

      .hospitation-pattern-observation-row__contact {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        align-items: center;
        gap: 8px;
        min-width: 0;
      }

      .hospitation-pattern-observation-row__avatar,
      .hospitation-pattern-observation-row__avatar .avatar {
        width: 34px;
        height: 34px;
      }

      .hospitation-pattern-observation-row__avatar .avatar {
        border: 2px solid #ffffff;
        box-shadow: 0 0 0 1px #d8e1ee;
      }

      .hospitation-pattern-observation-row__identity,
      .hospitation-pattern-observation-row__finding,
      .hospitation-pattern-observation-row__coding {
        display: grid;
        gap: 3px;
        min-width: 0;
      }

      .hospitation-pattern-observation-row__identity strong,
      .hospitation-pattern-observation-row__finding strong {
        overflow: hidden;
        color: #233b5f;
        font-size: 0.76rem;
        font-weight: 860;
        line-height: 1.35;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-pattern-observation-row__finding strong {
        color: #17335d;
        font-size: 0.8rem;
        font-weight: 900;
      }

      .hospitation-pattern-observation-row__identity small,
      .hospitation-pattern-observation-row__finding small {
        display: -webkit-box;
        overflow: hidden;
        color: #718098;
        font-size: 0.68rem;
        line-height: 1.4;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }

      .hospitation-pattern-observation-row__badges,
      .hospitation-pattern-observation-row__context {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px;
      }

      .hospitation-pattern-observation-row__badges .observation-coding-badge {
        min-height: 22px;
        padding: 3px 7px;
        font-size: 0.64rem;
      }

      .hospitation-pattern-observation-row__context .contact-sector-pill,
      .hospitation-pattern-observation-row__context .observation-evidence-label {
        min-height: 21px;
        padding: 2px 7px;
        font-size: 0.62rem;
      }

      .hospitation-pattern-observation-row__arrow {
        width: 17px;
        height: 17px;
        color: #8090a7;
      }

      .hospitation-pattern-evidence-note {
        color: #77849a;
        font-size: 0.68rem;
        line-height: 1.45;
      }

      @media (max-width: 980px) {
        .hospitation-pattern-evidence-summary {
          grid-template-columns: minmax(0, 1fr);
        }

        .hospitation-pattern-evidence-summary__meta {
          grid-template-columns: minmax(0, 1fr) auto;
          align-items: center;
          justify-items: start;
          min-width: 0;
        }

        .hospitation-pattern-evidence-summary__meta .hospitation-pattern-card__sources {
          justify-content: flex-start;
        }

        .hospitation-pattern-evidence-summary__meta .hospitation-pattern-card__next-use {
          justify-items: end;
        }

        .hospitation-pattern-observation-row {
          grid-template-columns: 34px minmax(0, 0.72fr) minmax(0, 1.28fr) 18px;
        }

        .hospitation-pattern-observation-row__coding {
          grid-column: 3;
          margin-top: 3px;
        }

        .hospitation-pattern-observation-row__arrow {
          grid-column: 4;
          grid-row: 1;
        }
      }

      @media (max-width: 900px) {
        .hospitation-patterns-section-head {
          display: flex;
          align-items: flex-start;
        }

        .hospitation-pattern-card__row {
          grid-template-columns: minmax(0, 1fr);
        }

        .hospitation-pattern-card__select {
          grid-template-columns: 42px minmax(0, 1fr) 18px;
          gap: 9px;
          min-height: 0;
          padding: 11px;
        }

        .hospitation-pattern-card__rank {
          width: 38px;
          min-width: 38px;
        }

        .hospitation-pattern-card__support {
          grid-column: 2;
          display: flex;
          gap: 8px;
          min-width: 0;
          text-align: left;
        }

        .hospitation-pattern-card__chevron {
          grid-column: 3;
          grid-row: 1;
        }

        .hospitation-pattern-card__summary {
          -webkit-line-clamp: 2;
        }

        .hospitation-pattern-card__open {
          width: auto;
          max-width: calc(100% - 73px);
          margin: 0 11px 11px 62px;
          justify-self: start;
        }

        .hospitation-pattern-evidence-map {
          gap: 12px;
          padding: 12px;
        }

        .hospitation-pattern-evidence-chain {
          gap: 5px;
          overflow-x: auto;
          padding-bottom: 2px;
        }

        .hospitation-pattern-evidence-chain > span {
          flex: 0 0 auto;
          padding-inline: 8px;
        }

        .hospitation-pattern-evidence-summary {
          gap: 12px;
          padding: 12px;
        }

        .hospitation-pattern-evidence-summary__meta {
          grid-template-columns: minmax(0, 1fr);
          justify-items: start;
        }

        .hospitation-pattern-evidence-summary__meta .hospitation-pattern-card__next-use {
          justify-items: start;
        }

        .hospitation-pattern-evidence-list-head {
          align-items: flex-start;
        }

        .hospitation-pattern-observation-row {
          grid-template-columns: 29px minmax(0, 1fr) 16px;
          gap: 8px;
          min-height: 0;
          padding: 10px 8px;
        }

        .hospitation-pattern-observation-row__number {
          width: 24px;
          height: 24px;
        }

        .hospitation-pattern-observation-row__contact,
        .hospitation-pattern-observation-row__finding,
        .hospitation-pattern-observation-row__coding {
          grid-column: 2;
        }

        .hospitation-pattern-observation-row__contact {
          grid-row: 1;
        }

        .hospitation-pattern-observation-row__finding {
          grid-row: 2;
        }

        .hospitation-pattern-observation-row__coding {
          grid-row: 3;
          margin-top: 4px;
        }

        .hospitation-pattern-observation-row__arrow {
          grid-column: 3;
          grid-row: 1;
        }
      }

      /* Hospitation: dedicated live pattern overview. */
      #hospitation-patterns-panel,
      .hospitation-patterns-workbench,
      .hospitation-patterns-page {
        width: 100%;
        min-width: 0;
      }

      .hospitation-patterns-workbench,
      .hospitation-patterns-page {
        display: grid;
        gap: 12px;
      }

      .dashboard-card.hospitation-patterns-hero {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 24px;
        min-width: 0;
        overflow: hidden;
        border-color: #c8d8f1;
        background:
          radial-gradient(circle at 8% 22%, rgba(32, 168, 107, 0.14) 0 105px, transparent 107px),
          linear-gradient(135deg, #ffffff 0%, #f4fbf8 100%);
        padding: 24px 28px;
      }

      .hospitation-patterns-hero__copy {
        display: grid;
        gap: 6px;
        min-width: 0;
      }

      .hospitation-patterns-hero__copy > span {
        color: #0f766e;
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.055em;
        text-transform: uppercase;
      }

      .hospitation-patterns-hero__copy h2,
      .hospitation-patterns-hero__copy p,
      .hospitation-patterns-section-head h3,
      .hospitation-patterns-section-head p,
      .hospitation-pattern-card h3,
      .hospitation-pattern-card p,
      .hospitation-pattern-card blockquote,
      .hospitation-patterns-empty p {
        margin: 0;
      }

      .hospitation-patterns-hero__copy h2 {
        color: #10245c;
        font-size: clamp(1.55rem, 2.5vw, 2.45rem);
        font-weight: 930;
        line-height: 1;
        letter-spacing: -0.035em;
      }

      .hospitation-patterns-hero__copy p {
        max-width: 760px;
        color: #61708d;
        font-size: 0.94rem;
        font-weight: 680;
        line-height: 1.45;
      }

      .hospitation-patterns-hero__count {
        display: grid;
        min-width: 150px;
        min-height: 108px;
        place-content: center;
        gap: 4px;
        border: 1px solid #b7e5d0;
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.88);
        color: #0f766e;
        text-align: center;
        box-shadow: 0 14px 30px rgba(15, 118, 110, 0.1);
      }

      .hospitation-patterns-hero__count strong {
        font-size: 2.55rem;
        font-weight: 950;
        line-height: 0.95;
      }

      .hospitation-patterns-hero__count span {
        color: #486879;
        font-size: 0.72rem;
        font-weight: 880;
      }

      .hospitation-patterns-metrics {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }

      .hospitation-patterns-metrics article {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 2px 12px;
        min-width: 0;
        border: 1px solid #d9e5f8;
        border-radius: 14px;
        background: #ffffff;
        padding: 13px 15px;
      }

      .hospitation-patterns-metrics span {
        color: #53637f;
        font-size: 0.76rem;
        font-weight: 850;
      }

      .hospitation-patterns-metrics strong {
        grid-row: span 2;
        color: #10245c;
        font-size: 1.75rem;
        font-weight: 950;
        line-height: 1;
      }

      .hospitation-patterns-metrics small {
        color: #7c8ba5;
        font-size: 0.68rem;
        font-weight: 740;
      }

      .hospitation-patterns-section-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-width: 0;
        padding: 2px 2px 0;
      }

      .hospitation-patterns-section-head h3 {
        color: #10245c;
        font-size: 1.08rem;
        font-weight: 920;
      }

      .hospitation-patterns-section-head p {
        margin-top: 3px;
        color: #6f7f9b;
        font-size: 0.78rem;
        font-weight: 700;
      }

      .hospitation-patterns-section-head > span {
        display: inline-grid;
        min-width: 34px;
        height: 28px;
        place-items: center;
        border: 1px solid #b7e5d0;
        border-radius: 999px;
        background: #eaf8f1;
        color: #0f766e;
        font-size: 0.78rem;
        font-weight: 930;
      }

      .hospitation-patterns-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        align-items: start;
        width: 100%;
        min-width: 0;
      }

      .hospitation-pattern-card {
        position: relative;
        display: block;
        gap: 0;
        min-width: 0;
        overflow: hidden;
        border: 1px solid #dce4f1;
        border-left: 3px solid #b9c8dc;
        border-radius: 12px;
        background: #ffffff;
        padding: 0;
        box-shadow: none;
      }

      .hospitation-pattern-card__head,
      .hospitation-pattern-card__footer,
      .hospitation-pattern-card__sources,
      .hospitation-pattern-card__tags {
        display: flex;
        align-items: center;
      }

      .hospitation-pattern-card__head {
        justify-content: space-between;
        gap: 10px;
      }

      .hospitation-pattern-card__rank {
        display: inline-grid;
        width: 42px;
        min-width: 42px;
        height: 28px;
        place-items: center;
        border: 1px solid #cdd9eb;
        border-radius: 999px;
        background: #f0f4fb;
        color: #31527f;
        font-size: 0.68rem;
        font-weight: 900;
        letter-spacing: 0.035em;
      }

      .hospitation-pattern-card__support {
        color: #4d6680;
        font-size: 0.7rem;
        font-weight: 860;
        text-align: right;
      }

      .hospitation-pattern-card__body {
        display: grid;
        align-content: start;
        gap: 10px;
        min-width: 0;
      }

      .hospitation-pattern-card h3 {
        color: #10245c;
        font-size: 1.02rem;
        font-weight: 930;
        line-height: 1.28;
      }

      .hospitation-pattern-card__body > p {
        color: #53637f;
        font-size: 0.8rem;
        font-weight: 700;
        line-height: 1.46;
      }

      .hospitation-pattern-card__tags {
        flex-wrap: wrap;
        gap: 6px;
      }

      .hospitation-pattern-card__tag {
        display: inline-flex;
        min-height: 24px;
        align-items: center;
        border: 1px solid #d7e3f4;
        border-radius: 999px;
        background: #f7f9fd;
        color: #53637f;
        padding: 3px 8px;
        font-size: 0.66rem;
        font-weight: 820;
        line-height: 1.15;
      }

      .hospitation-pattern-card__tag--sector {
        border-color: #c9d7ff;
        background: #eef3ff;
        color: #3156ba;
      }

      .hospitation-pattern-card__tag--setting {
        border-color: #bde5d2;
        background: #edf9f3;
        color: #0f766e;
      }

      .hospitation-pattern-card__tag--product {
        border-color: #dfd2ff;
        background: #f6f1ff;
        color: #7041b9;
      }

      .hospitation-pattern-card__examples {
        display: grid;
        gap: 7px;
        border-top: 1px solid #e7edf7;
        padding-top: 10px;
      }

      .hospitation-pattern-card__examples > span {
        color: #7786a0;
        font-size: 0.66rem;
        font-weight: 880;
        letter-spacing: 0.035em;
        text-transform: uppercase;
      }

      .hospitation-pattern-card__examples blockquote {
        position: relative;
        border-left: 2px solid #b7e5d0;
        color: #53637f;
        padding-left: 10px;
        font-size: 0.74rem;
        font-style: normal;
        font-weight: 690;
        line-height: 1.42;
      }

      .hospitation-pattern-card__footer {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto auto;
        gap: 10px;
        border-top: 1px solid #e7edf7;
        padding-top: 12px;
      }

      .hospitation-pattern-card__sources {
        min-width: 0;
        gap: 8px;
      }

      .hospitation-pattern-card__avatars {
        display: inline-flex;
        flex: 0 0 auto;
        padding-left: 5px;
      }

      .hospitation-pattern-card__avatars .avatar,
      .hospitation-pattern-card__avatars img.avatar {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
        margin-left: -5px;
        border: 2px solid #ffffff;
        font-size: 0.62rem;
      }

      .hospitation-pattern-card__source-copy {
        min-width: 0;
        overflow: hidden;
        color: #53637f;
        font-size: 0.68rem;
        font-weight: 780;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-pattern-card__next-use {
        display: grid;
        gap: 1px;
        min-width: 0;
      }

      .hospitation-pattern-card__next-use small {
        color: #7a879f;
        font-size: 0.61rem;
        font-weight: 820;
      }

      .hospitation-pattern-card__next-use strong {
        max-width: 150px;
        overflow: hidden;
        color: #0f766e;
        font-size: 0.69rem;
        font-weight: 880;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-pattern-card__footer .action-button {
        width: auto;
        white-space: nowrap;
      }

      .dashboard-card.hospitation-patterns-empty {
        display: grid;
        place-items: center;
        gap: 5px;
        min-height: 220px;
        color: #53637f;
        padding: 28px;
        text-align: center;
      }

      .hospitation-patterns-empty strong {
        color: #10245c;
        font-size: 1.05rem;
      }

      .hospitation-patterns-empty p {
        max-width: 560px;
        font-size: 0.82rem;
        font-weight: 700;
        line-height: 1.45;
      }

      @media (max-width: 980px) {
        .hospitation-patterns-grid {
          grid-template-columns: 1fr;
        }

        .hospitation-pattern-card__footer {
          grid-template-columns: minmax(0, 1fr) auto auto;
        }
      }

      @media (max-width: 900px) {
        .hospitation-patterns-workbench,
        .hospitation-patterns-page {
          gap: 12px;
        }

        .dashboard-card.hospitation-patterns-hero {
          grid-template-columns: 1fr;
          gap: 14px;
          padding: 18px;
        }

        .hospitation-patterns-hero__count {
          grid-template-columns: auto 1fr;
          min-width: 0;
          min-height: 62px;
          place-content: center start;
          align-items: center;
          padding: 10px 14px;
          text-align: left;
        }

        .hospitation-patterns-hero__count strong {
          font-size: 2rem;
        }

        .hospitation-patterns-metrics {
          grid-template-columns: 1fr;
        }

        .hospitation-patterns-section-head {
          align-items: center;
        }

        .hospitation-pattern-card {
          gap: 0;
          padding: 0;
        }

        .hospitation-pattern-card__footer {
          grid-template-columns: 1fr;
          align-items: stretch;
        }

        .hospitation-pattern-card__next-use strong {
          max-width: none;
          white-space: normal;
        }

        .hospitation-pattern-card__footer .action-button {
          width: 100%;
          justify-content: center;
        }
      }

      /* Hospitation · Muster: reduzierte, schnell erfassbare Akkordeonansicht. */
      .hospitation-patterns-page {
        gap: 10px;
      }

      .hospitation-patterns-page .hospitation-pattern-framework-reminder,
      .hospitation-observations-workbench .hospitation-pattern-framework-reminder {
        --hospitation-dashboard-blue: #2f6fec;
        --hospitation-dashboard-green: #20a86b;
        --hospitation-dashboard-amber: #c77a08;
        --hospitation-dashboard-red: #d94c45;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        min-width: 0;
        border-color: #d5e1f1;
        border-radius: 10px;
        background: linear-gradient(110deg, #f7faff 0%, #ffffff 52%, #f8fbff 100%);
        padding: 8px 12px;
        box-shadow: 0 4px 14px rgba(28, 67, 129, 0.05);
      }

      .hospitation-pattern-framework-reminder__intro {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
        gap: 7px;
        min-width: 0;
      }

      .hospitation-pattern-framework-reminder__intro > strong {
        color: #17335f;
        font-size: 0.76rem;
        font-weight: 920;
        line-height: 1.2;
      }

      .hospitation-pattern-framework-reminder__intro > span {
        color: #718097;
        font-size: 0.68rem;
        font-weight: 650;
        line-height: 1.25;
      }

      .hospitation-pattern-framework-reminder__flow {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        align-items: center;
        gap: 18px;
        min-width: 0;
      }

      .hospitation-pattern-framework-reminder__step {
        position: relative;
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        align-items: center;
        gap: 8px;
        min-width: 0;
        min-height: 44px;
        border: 1px solid transparent;
        border-radius: 9px;
        padding: 4px 7px;
      }

      .hospitation-pattern-framework-reminder__step:not(:last-child)::after {
        content: "→";
        position: absolute;
        top: 50%;
        right: -15px;
        color: #9aa9bd;
        font-size: 0.82rem;
        font-weight: 900;
        line-height: 1;
        transform: translateY(-50%);
      }

      .hospitation-pattern-framework-reminder__badge {
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: var(--framework-step-color, #2f6fec);
        color: #ffffff;
        font-size: 0.72rem;
        font-weight: 950;
        line-height: 1;
        box-shadow: 0 4px 10px color-mix(in srgb, var(--framework-step-color, #2f6fec) 22%, transparent);
      }

      .hospitation-pattern-framework-reminder__copy {
        display: grid;
        gap: 1px;
        min-width: 0;
      }

      .hospitation-pattern-framework-reminder__copy strong {
        color: #445a78;
        font-size: 0.68rem;
        font-weight: 850;
        line-height: 1.18;
      }

      .hospitation-pattern-framework-reminder__step.is-current {
        border-color: color-mix(in srgb, var(--framework-step-color, #2f6fec) 24%, transparent);
        background: color-mix(in srgb, var(--framework-step-color, #2f6fec) 8%, #ffffff);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
      }

      .hospitation-pattern-framework-reminder__step.is-current .hospitation-pattern-framework-reminder__badge {
        width: 40px;
        height: 40px;
        margin: -2px;
        border: 3px solid #ffffff;
        outline: 3px solid color-mix(in srgb, var(--framework-step-color, #2f6fec) 42%, transparent);
        box-shadow: 0 6px 15px color-mix(in srgb, var(--framework-step-color, #2f6fec) 38%, transparent);
      }

      .hospitation-pattern-framework-reminder__step.is-current .hospitation-pattern-framework-reminder__copy strong {
        color: color-mix(in srgb, var(--framework-step-color, #2f6fec) 82%, #17335f);
        font-weight: 950;
      }

      .hospitation-patterns-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
      }

      .hospitation-pattern-table-scroll {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        border: 1px solid #dce4f1;
        border-radius: 10px;
        background: #ffffff;
        overflow-x: auto;
      }

      .hospitation-pattern-table {
        min-width: 980px;
      }

      .hospitation-pattern-table-head,
      .hospitation-pattern-card__select {
        display: grid;
        grid-template-columns: 44px minmax(300px, 1.45fr) minmax(230px, 0.95fr) 112px 104px 18px;
        align-items: center;
        gap: 10px;
        min-width: 0;
      }

      .hospitation-pattern-table-head {
        min-height: 42px;
        padding: 0 14px;
        border-bottom: 1px solid #dce4f1;
        background: #f7f9fd;
        color: #687992;
        font-size: 0.67rem;
        font-weight: 850;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .hospitation-pattern-table-head span:first-child,
      .hospitation-pattern-table-head span:nth-child(4),
      .hospitation-pattern-table-head span:nth-child(5) {
        text-align: center;
      }

      .hospitation-pattern-card {
        border: 0;
        border-bottom: 1px solid #dce4f1;
        border-left: 3px solid transparent;
        border-radius: 0;
      }

      .hospitation-pattern-card:last-child {
        border-bottom: 0;
      }

      .hospitation-pattern-card.is-selected {
        border-bottom-color: #dce4f1;
        border-left-color: #1c9a67;
        box-shadow: none;
      }

      .hospitation-pattern-card__row {
        display: block;
      }

      .hospitation-pattern-card__select {
        min-height: 70px;
        padding: 9px 14px 9px 11px;
      }

      .hospitation-pattern-card__rank {
        width: 36px;
        min-width: 36px;
        height: 25px;
        font-size: 0.65rem;
      }

      .hospitation-pattern-card__main {
        gap: 3px;
      }

      .hospitation-pattern-card__title {
        font-size: 0.86rem;
        line-height: 1.28;
      }

      .hospitation-pattern-card__summary {
        font-size: 0.7rem;
        line-height: 1.35;
        -webkit-line-clamp: 1;
      }

      .hospitation-pattern-card__coding {
        display: block;
        min-width: 0;
      }

      .hospitation-pattern-card__coding .hospitation-dashboard-derived-code-badges {
        flex-wrap: wrap;
        gap: 4px;
      }

      .hospitation-pattern-card__coding .hospitation-dashboard-derived-code-badge {
        min-height: 20px;
        padding: 2px 6px;
        font-size: 0.59rem;
      }

      .hospitation-pattern-card__metrics {
        display: contents;
      }

      .hospitation-pattern-card__metric {
        display: grid;
        min-width: 0;
        place-items: center;
        gap: 1px;
        color: #35577f;
        font-variant-numeric: tabular-nums;
        text-align: center;
      }

      .hospitation-pattern-card__metric strong {
        font-size: 0.8rem;
        font-weight: 900;
      }

      .hospitation-pattern-card__metric small {
        display: none;
      }

      .hospitation-pattern-evidence-map {
        gap: 8px;
        border-top-color: #dce5f1;
        background: #f8fafc;
        padding: 10px 12px 12px;
      }

      .hospitation-pattern-evidence-filter {
        display: flex;
        min-width: 0;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
        padding: 0 2px;
      }

      .hospitation-pattern-evidence-filter > span:first-child {
        margin-right: 2px;
        color: #6a7a91;
        font-size: 0.65rem;
        font-weight: 860;
      }

      .hospitation-pattern-evidence-filter .hospitation-dashboard-derived-code-badges {
        gap: 5px;
      }

      .hospitation-pattern-evidence-filter .hospitation-dashboard-derived-code-badge {
        min-height: 21px;
        padding: 2px 7px;
        font-size: 0.62rem;
      }

      .hospitation-pattern-evidence-list-head {
        display: block;
        padding: 1px 2px 0;
      }

      .hospitation-pattern-evidence-list-head h4 {
        margin: 0;
        color: #2a456b;
        font-size: 0.72rem;
        font-weight: 880;
      }

      .hospitation-pattern-observation-list {
        border-radius: 9px;
      }

      .hospitation-pattern-observation-row {
        grid-template-columns: 30px minmax(170px, 0.72fr) minmax(260px, 1.38fr) auto 16px;
        gap: 9px;
        min-height: 66px;
        padding: 8px 10px 8px 7px;
      }

      .hospitation-pattern-observation-row__number {
        width: 23px;
        height: 23px;
        font-size: 0.62rem;
      }

      .hospitation-pattern-observation-row__contact {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 7px;
      }

      .hospitation-pattern-observation-row__avatar,
      .hospitation-pattern-observation-row__avatar .avatar {
        width: 30px;
        height: 30px;
      }

      .hospitation-pattern-observation-row__identity,
      .hospitation-pattern-observation-row__finding {
        gap: 2px;
      }

      .hospitation-pattern-observation-row__identity strong,
      .hospitation-pattern-observation-row__finding strong {
        font-size: 0.72rem;
      }

      .hospitation-pattern-observation-row__finding strong {
        font-size: 0.76rem;
      }

      .hospitation-pattern-observation-row__identity small,
      .hospitation-pattern-observation-row__finding small {
        font-size: 0.65rem;
        -webkit-line-clamp: 1;
      }

      .hospitation-pattern-observation-row__context {
        justify-content: flex-start;
        flex-wrap: wrap;
        max-width: 170px;
      }

      .hospitation-pattern-observation-row__context .contact-sector-pill,
      .hospitation-pattern-observation-row__context .observation-evidence-label {
        min-height: 20px;
        padding: 2px 6px;
        font-size: 0.59rem;
      }

      @media (max-width: 980px) {
        .hospitation-pattern-observation-row {
          grid-template-columns: 30px minmax(0, 0.76fr) minmax(0, 1.24fr) auto 16px;
        }
      }

      @media (max-width: 900px) {
        .hospitation-patterns-page .hospitation-pattern-framework-reminder,
        .hospitation-observations-workbench .hospitation-pattern-framework-reminder {
          grid-template-columns: minmax(0, 1fr);
          gap: 9px;
          padding: 8px 9px 9px;
        }

        .hospitation-pattern-framework-reminder__intro > strong {
          font-size: 0.73rem;
        }

        .hospitation-pattern-framework-reminder__flow {
          gap: 5px;
        }

        .hospitation-pattern-framework-reminder__step {
          grid-template-columns: minmax(0, 1fr);
          justify-items: center;
          align-content: center;
          gap: 4px;
          min-height: 67px;
          padding: 5px 2px;
          text-align: center;
        }

        .hospitation-pattern-framework-reminder__step:not(:last-child)::after {
          right: -5px;
          font-size: 0.68rem;
        }

        .hospitation-pattern-framework-reminder__badge {
          width: 30px;
          height: 30px;
          font-size: 0.64rem;
        }

        .hospitation-pattern-framework-reminder__step.is-current .hospitation-pattern-framework-reminder__badge {
          width: 34px;
          height: 34px;
          margin: -2px;
          border-width: 2px;
          outline-width: 2px;
        }

        .hospitation-pattern-framework-reminder__copy {
          justify-items: center;
        }

        .hospitation-pattern-framework-reminder__copy strong {
          font-size: 0.59rem;
        }

        .hospitation-pattern-table-scroll {
          border: 0;
          background: transparent;
          overflow: hidden;
        }

        .hospitation-pattern-table {
          min-width: 0;
        }

        .hospitation-pattern-table-head {
          display: none;
        }

        .hospitation-patterns-grid {
          gap: 6px;
        }

        .hospitation-pattern-card {
          border: 1px solid #dce4f1;
          border-left: 2px solid #b9c8dc;
          border-radius: 10px;
        }

        .hospitation-pattern-card:last-child {
          border-bottom: 1px solid #dce4f1;
        }

        .hospitation-pattern-card.is-selected {
          border-color: #b9cee9;
          border-left-color: #1c9a67;
          box-shadow: 0 5px 16px rgba(28, 67, 129, 0.06);
        }

        .hospitation-pattern-card__select {
          grid-template-columns: 38px minmax(0, 1fr) 16px;
          gap: 8px;
          min-height: 0;
          padding: 9px 10px;
        }

        .hospitation-pattern-card__rank {
          width: 34px;
          min-width: 34px;
        }

        .hospitation-pattern-card__main {
          grid-column: 2;
          grid-row: 1;
        }

        .hospitation-pattern-card__coding {
          grid-column: 2;
          grid-row: 2;
        }

        .hospitation-pattern-card__metrics {
          display: flex;
          grid-column: 2;
          grid-row: 3;
          align-items: center;
          flex-wrap: wrap;
          gap: 5px 12px;
        }

        .hospitation-pattern-card__metric {
          display: inline-flex;
          align-items: baseline;
          gap: 4px;
          color: #667791;
          text-align: left;
        }

        .hospitation-pattern-card__metric strong {
          color: #35577f;
          font-size: 0.7rem;
        }

        .hospitation-pattern-card__metric small {
          display: inline;
          color: inherit;
          font-size: 0.65rem;
          font-weight: 760;
        }

        .hospitation-pattern-card__chevron {
          grid-column: 3;
          grid-row: 1;
        }

        .hospitation-pattern-card__summary {
          -webkit-line-clamp: 1;
        }

        .hospitation-pattern-evidence-map {
          gap: 7px;
          padding: 9px 9px 10px;
        }

        .hospitation-pattern-evidence-filter {
          gap: 5px;
        }

        .hospitation-pattern-observation-row {
          grid-template-columns: 27px minmax(0, 1fr) 15px;
          gap: 7px;
          min-height: 0;
          padding: 8px 7px;
        }

        .hospitation-pattern-observation-row__number {
          width: 22px;
          height: 22px;
        }

        .hospitation-pattern-observation-row__contact,
        .hospitation-pattern-observation-row__finding,
        .hospitation-pattern-observation-row__context {
          grid-column: 2;
        }

        .hospitation-pattern-observation-row__contact {
          grid-row: 1;
        }

        .hospitation-pattern-observation-row__finding {
          grid-row: 2;
        }

        .hospitation-pattern-observation-row__context {
          grid-row: 3;
          max-width: none;
          margin-top: 2px;
        }

        .hospitation-pattern-observation-row__arrow {
          grid-column: 3;
          grid-row: 1;
        }
      }

      @media (max-width: 360px) {
        .hospitation-pattern-framework-reminder__flow {
          gap: 2px;
        }

        .hospitation-pattern-framework-reminder__step:not(:last-child)::after {
          right: -3px;
        }

        .hospitation-pattern-framework-reminder__copy strong {
          font-size: 0.55rem;
        }
      }

      .hospitation-appointment-export-card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 14px;
        border: 1px solid #ccdaf5;
        border-radius: 15px;
        background: linear-gradient(135deg, #f7faff 0%, #ffffff 62%, #f0faf7 100%);
        box-shadow: 0 10px 24px rgba(36, 75, 164, 0.07);
      }

      .hospitation-appointment-export-card__copy {
        display: flex;
        align-items: center;
        gap: 11px;
        min-width: 0;
      }

      .hospitation-appointment-export-card__copy > span:last-child {
        display: grid;
        gap: 3px;
        min-width: 0;
      }

      .hospitation-appointment-export-card__copy strong {
        color: var(--text);
        font-size: 0.92rem;
        font-weight: 900;
      }

      .hospitation-appointment-export-card__copy small {
        color: var(--text-muted);
        font-size: 0.77rem;
        font-weight: 650;
        line-height: 1.35;
      }

      .hospitation-appointment-export-card__icon {
        display: inline-grid;
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        place-items: center;
        border: 1px solid #cbdcfb;
        border-radius: 12px;
        background: #eaf2ff;
        color: #215cb8;
      }

      .hospitation-appointment-export-card__icon svg {
        width: 22px;
        height: 22px;
      }

      .hospitation-appointment-export-actions {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        flex: 0 0 auto;
      }

      .hospitation-appointment-export-actions .hospitation-export-button {
        width: auto;
        min-width: 82px;
        justify-content: center;
        padding-inline: 12px;
        font-size: 0.78rem;
      }

      @media (max-width: 760px) {
        .hospitation-appointment-export-card {
          align-items: stretch;
          flex-direction: column;
          gap: 12px;
          padding: 12px;
        }

        .hospitation-appointment-export-actions {
          width: 100%;
        }

        .hospitation-appointment-export-actions .hospitation-export-button {
          width: auto;
          min-width: 0;
          flex: 1 1 0;
          min-height: 42px;
          padding-inline: 10px;
          font-size: 0.78rem;
        }
      }

      /* Shared desktop usability and keyboard-accessibility safeguards. */
      .skip-link {
        position: fixed;
        top: 10px;
        left: 10px;
        z-index: 10000;
        padding: 10px 14px;
        border: 2px solid #ffffff;
        border-radius: 8px;
        color: #ffffff;
        background: #0b54c7;
        box-shadow: 0 4px 16px rgba(7, 39, 94, 0.28);
        font-weight: 750;
        text-decoration: none;
        opacity: 0;
        pointer-events: none;
        transform: translateY(calc(-100% - 24px));
        transition: opacity 140ms ease, transform 140ms ease;
      }

      .skip-link:focus,
      .skip-link:focus-visible {
        outline: 3px solid #f8c84a;
        outline-offset: 2px;
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
      }

      .row[tabindex]:focus-visible,
      [role="row"][tabindex]:focus-visible {
        position: relative;
        z-index: 2;
        outline: 3px solid #1d64d8;
        outline-offset: -3px;
        box-shadow: inset 0 0 0 1px #ffffff;
      }

      #main-content:focus {
        outline: none;
      }

      @media (min-width: 761px) {
        .app-main {
          grid-template-columns: minmax(0, 1fr);
          width: 100%;
          min-width: 0;
          max-width: 100%;
          overflow-x: clip;
        }

        .wrap,
        .crm-shell,
        .view-panel,
        .view-card,
        .table-wrap {
          min-width: 0;
          max-width: 100%;
        }

        .table-wrap {
          width: 100%;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          scrollbar-gutter: stable;
        }

        .table-wrap > .table {
          width: max-content;
          min-width: 100%;
          max-width: none;
        }
      }

      /* Stakeholder information architecture: keep long specialist labels legible. */
      .sidebar-nav .primary-tab--nested {
        height: auto;
        padding-block: 7px;
      }

      .sidebar-nav .primary-tab--nested > span {
        flex: 1 1 0;
        width: 0;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: normal;
      }

      .app-shell[data-active-view="patients"][data-patient-mode="indications"] .table-command-row--patient-actions {
        display: none;
      }

      @media (max-width: 520px) {
        .app-shell[data-active-view="patients"] #patient-mode-actions .experts-mode-nav--header {
          gap: 2px;
          padding: 4px;
        }

        .app-shell[data-active-view="patients"] #patient-mode-actions .settings-tab-button {
          min-height: 48px;
          gap: 0;
          padding-inline: 4px;
          font-size: 0.78rem;
        }

        .app-shell[data-active-view="patients"] #patient-mode-actions .experts-mode-label {
          display: block;
          max-width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        .app-shell[data-active-view="patients"] #patient-mode-actions .experts-mode-count {
          display: none;
        }
      }

      .global-status {
        position: fixed;
        right: 24px;
        bottom: calc(64px + env(safe-area-inset-bottom));
        z-index: 9999;
        max-width: min(400px, calc(100vw - 48px));
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 8px 13px 8px 9px;
        border: 1px solid rgba(137, 156, 191, 0.42);
        border-radius: 15px;
        color: #34435e;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 8px 24px rgba(16, 35, 110, 0.13);
        backdrop-filter: blur(14px);
        font-size: 0.8rem;
        font-weight: 760;
        line-height: 1.35;
      }

      .global-status[hidden] {
        display: none;
      }

      .global-status__icon {
        width: 24px;
        height: 24px;
        display: inline-grid;
        flex: 0 0 24px;
        place-items: center;
        border-radius: 50%;
        color: #0b5cad;
        background: #eaf3fc;
        font-size: 0.76rem;
        font-weight: 950;
      }

      .global-status__icon::before {
        content: "✓";
      }

      .global-status__mark {
        display: none;
        width: 20px;
        height: 20px;
      }

      .global-status.is-entering {
        animation: globalStatusEnter 360ms cubic-bezier(0.22, 1, 0.36, 1) both;
      }

      .global-status.is-ready {
        border-color: rgba(67, 179, 145, 0.42);
        color: #174d47;
        background:
          linear-gradient(110deg, rgba(232, 247, 244, 0.94), rgba(255, 255, 255, 0.98) 72%);
        box-shadow: 0 8px 22px rgba(15, 118, 110, 0.12);
      }

      .global-status.is-ready .global-status__icon {
        color: transparent;
        background-color: #ffffff;
      }

      .global-status.is-ready .global-status__icon::before {
        content: "";
      }

      .global-status.is-ready .global-status__mark {
        display: block;
      }

      .global-status.is-ready.is-entering .global-status__icon {
        animation: globalStatusSpark 680ms 180ms cubic-bezier(0.22, 1, 0.36, 1) both;
      }

      .global-status.is-error {
        border-color: #e9a5a5;
        color: #8b1e1e;
        background: #fff1f1;
      }

      .global-status.is-error .global-status__icon {
        color: #8b1e1e;
        background: #ffe0e0;
      }

      .global-status.is-error .global-status__icon::before {
        content: "!";
      }

      @keyframes globalStatusEnter {
        from {
          opacity: 0;
          transform: translateY(9px) scale(0.98);
        }

        to {
          opacity: 1;
          transform: translateY(0) scale(1);
        }
      }

      @keyframes globalStatusSpark {
        0% {
          opacity: 0;
          transform: rotate(-16deg) scale(0.62);
        }

        70% {
          transform: rotate(5deg) scale(1.08);
        }

        100% {
          opacity: 1;
          transform: rotate(0) scale(1);
        }
      }

      @media (max-width: 760px) {
        .global-status {
          right: 12px;
          bottom: calc(80px + env(safe-area-inset-bottom));
          left: 96px;
          max-width: none;
          min-height: 40px;
          padding-block: 7px;
          font-size: 0.76rem;
          line-height: 1.3;
        }
      }

      .contact-channel-restricted {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 30px;
        padding: 5px 10px;
        border: 1px solid #cbd5e1;
        border-radius: 999px;
        background: #f8fafc;
        color: #475569;
        font-size: 0.82rem;
        font-weight: 700;
        line-height: 1.2;
      }

      .contact-channel-editor-restriction {
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #cbd5e1;
        border-radius: 12px;
        background: #f8fafc;
      }

      .contact-channel-editor-restriction small {
        color: #64748b;
        line-height: 1.45;
      }

      .demo-profile-switcher {
        display: grid;
        gap: 8px;
        margin: 2px 6px 7px;
        padding: 10px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.08);
        color: #fff;
      }

      .demo-profile-switcher-title {
        margin: 0;
        color: currentColor;
        font-size: 0.82rem;
        font-weight: 850;
        line-height: 1.25;
        letter-spacing: 0.01em;
      }

      .demo-profile-select-shell {
        position: relative;
      }

      .demo-profile-select-shell::after {
        position: absolute;
        top: 50%;
        right: 12px;
        width: 16px;
        height: 16px;
        background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%234d5d8f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
        content: "";
        pointer-events: none;
        transform: translateY(-50%);
      }

      .demo-profile-switcher select {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        padding: 0 36px 0 10px;
        border: 1px solid #d6def9;
        border-radius: 12px;
        background: #fbfcff;
        color: #12224e;
        font: inherit;
        font-size: 0.8rem;
        font-weight: 700;
        appearance: none;
        -webkit-appearance: none;
        cursor: pointer;
        transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
      }

      .demo-profile-switcher select:hover {
        border-color: #b9c8ef;
        background: #ffffff;
      }

      .demo-profile-switcher select:focus-visible {
        border-color: #8eb2ff;
        outline: 2px solid #2f68ef;
        outline-offset: 2px;
        background: #ffffff;
        box-shadow: 0 0 0 3px rgba(74, 121, 237, 0.12);
      }

      .sidebar-profile-switcher-button {
        display: none;
      }

      .app-shell.is-sidebar-collapsed .demo-profile-switcher {
        display: none;
      }

      @media (min-width: 761px) {
        .sidebar-account-section,
        .sidebar-account-row {
          position: relative;
        }

        .demo-profile-switcher {
          position: absolute;
          left: 6px;
          right: 6px;
          bottom: 50px;
          z-index: 125;
          display: none;
          margin: 0;
          padding: 12px;
          border-color: #d7e0ef;
          background: #ffffff;
          color: #173172;
          box-shadow: 0 18px 44px rgba(7, 25, 67, 0.3);
        }

        .demo-profile-switcher.is-avatar-open {
          display: grid;
        }

        .sidebar-profile-switcher-button {
          position: absolute;
          top: 50%;
          left: 24px;
          z-index: 3;
          width: 38px;
          height: 38px;
          display: grid;
          place-items: center;
          padding: 0;
          border: 1px solid transparent;
          border-radius: 999px;
          background: transparent;
          color: #173172;
          cursor: pointer;
          transform: translate(-50%, -50%);
        }

        .sidebar-profile-switcher-button:hover,
        .sidebar-profile-switcher-button:focus-visible {
          border-color: rgba(255, 255, 255, 0.58);
          background: rgba(255, 255, 255, 0.12);
          outline: none;
          box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.14);
        }

        .sidebar-profile-switcher-indicator {
          position: absolute;
          top: -3px;
          right: -3px;
          width: 16px;
          height: 16px;
          display: grid;
          place-items: center;
          margin: 0;
          border: 2px solid #173172;
          border-radius: 999px;
          background: #ffffff;
          color: #173172;
          box-shadow: 0 3px 8px rgba(7, 25, 67, 0.3);
          transition: transform 160ms ease, background 160ms ease, color 160ms ease;
        }

        .sidebar-profile-switcher-indicator svg {
          width: 9px;
          height: 9px;
          stroke: currentColor;
          stroke-width: 2.2;
          stroke-linecap: round;
          stroke-linejoin: round;
        }

        .sidebar-profile-switcher-button[aria-expanded="true"] .sidebar-profile-switcher-indicator {
          background: #2f68ef;
          color: #ffffff;
          transform: rotate(180deg);
        }

        .app-shell.is-sidebar-collapsed .sidebar-profile-switcher-button {
          display: none;
        }
      }

      @media (max-width: 1180px) {
        .topbar {
          flex-wrap: wrap;
          justify-content: space-between;
          padding: 16px 22px;
        }

        .topbar-spacer {
          display: none;
        }

        .primary-nav {
          width: 100%;
          justify-content: stretch;
        }

        .topbar-account {
          margin-left: auto;
        }

        .primary-tab {
          flex: 1 1 0;
          min-width: 0;
        }

        .workspace-header,
        .summary.summary--compact,
        .dashboard-grid {
          grid-template-columns: 1fr;
        }

        .filter-select-grid {
          grid-template-columns: 1fr;
        }
      }

      @media (max-width: 860px) {
        .workspace-header {
          grid-template-columns: 1fr;
          align-items: stretch;
        }

        .filter-toolbar,
        .table-footer {
          flex-direction: column;
          align-items: stretch;
        }

        .filter-results {
          margin-left: 0;
        }

        .filter-shell,
        .filter-panel-button {
          width: 100%;
        }

        .filter-panel {
          left: 0;
          right: auto;
          width: 100%;
        }

        .view-shell {
          padding: 0 14px 18px;
        }

        .controls {
          padding: 0 14px 14px;
        }

        .workspace-header {
          padding: 18px 14px 10px;
        }

        .summary.summary--compact {
          padding: 0 14px 14px;
        }
      }

      * {
        box-sizing: border-box;
      }

      html {
        scroll-behavior: smooth;
      }

      body {
        margin: 0;
        min-height: 100vh;
        font-family: Inter, "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        color: var(--text);
        background: #f5f7fb;
      }

      button,
      input,
      select,
      textarea {
        font: inherit;
      }

      .topbar {
        display: flex;
        align-items: center;
        gap: 14px;
        min-height: 56px;
        padding: 0 24px;
        border-bottom: 1px solid rgba(26, 37, 89, 0.08);
        background: rgba(255, 255, 255, 0.92);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        position: sticky;
        top: 0;
        z-index: 30;
      }

      .topbar-spacer {
        flex: 1;
      }

      .primary-nav {
        display: inline-flex;
        align-items: center;
        gap: 0;
        padding: 5px;
        border: 1px solid #d8e1fb;
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.94);
        box-shadow: 0 16px 34px rgba(49, 75, 153, 0.1);
      }

      .primary-tab {
        min-height: 52px;
        min-width: 154px;
        padding: 0 20px;
        border: 0;
        border-radius: 17px;
        background: transparent;
        color: #4c5d90;
        font-size: 0.95rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
      }

      .primary-tab.is-active {
        background: linear-gradient(135deg, #275ee6, #4d90ff);
        color: #ffffff;
        box-shadow: 0 10px 22px rgba(54, 94, 191, 0.2);
      }

      .primary-tab svg {
        width: 18px;
        height: 18px;
        stroke: currentColor;
      }

      .brand {
        display: flex;
        align-items: center;
        gap: 16px;
        color: inherit;
        text-decoration: none;
      }

      .brand-mark {
        position: relative;
        width: 52px;
        height: 52px;
        flex: 0 0 auto;
      }

      .brand-mark span {
        position: absolute;
        width: 18px;
        height: 18px;
        border-radius: 8px;
        transform: rotate(45deg);
      }

      .brand-mark span:nth-child(1) {
        background: var(--blue);
        top: 2px;
        left: 7px;
      }

      .brand-mark span:nth-child(2) {
        background: #ff7f3f;
        top: 17px;
        left: 21px;
      }

      .brand-mark span:nth-child(3) {
        background: #10236e;
        top: 31px;
        left: 7px;
      }

      .brand-text strong {
        font-size: clamp(1.55rem, 2vw, 2.5rem);
        font-weight: 800;
        letter-spacing: -0.04em;
      }

      .topbar-account {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-left: 14px;
        padding: 6px 8px 6px 6px;
        border: 1px solid #d8e1fb;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.94);
        box-shadow: 0 12px 28px rgba(49, 75, 153, 0.08);
      }

      .topbar-mobile-new {
        display: none;
      }

      .topbar-account__button {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
      }

      .topbar-account__badge {
        width: 42px;
        height: 42px;
        border-radius: 999px;
        display: inline-grid;
        place-items: center;
        background: linear-gradient(135deg, #edf3ff, #dce6ff);
        color: #2d4389;
        font-size: 0.95rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        overflow: hidden;
      }

      .topbar-account__caret {
        color: #6877a8;
        font-size: 0.82rem;
        font-weight: 700;
      }

      .app-shell {
        min-height: 100vh;
        display: grid;
        grid-template-columns: 248px minmax(0, 1fr);
        background: #f5f7fb;
      }

      .app-sidebar {
        position: sticky;
        top: 0;
        height: 100vh;
        display: flex;
        flex-direction: column;
        min-height: 0;
        padding: 22px 14px 18px;
        overflow-x: hidden;
        overflow-y: hidden;
        overscroll-behavior: contain;
        background:
          linear-gradient(180deg, rgba(13, 62, 149, 0.92), rgba(5, 33, 92, 0.98)),
          #06357f;
        color: #ffffff;
        box-shadow: 8px 0 28px rgba(8, 35, 94, 0.16);
        z-index: 50;
      }

      .app-main {
        min-width: 0;
        min-height: 100vh;
        display: grid;
        grid-template-rows: minmax(0, 1fr) auto;
      }

      .versorgungs-app-footer {
        min-height: 48px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 5px 12px;
        padding: 11px 22px 13px;
        border-top: 1px solid var(--border);
        background: rgba(255, 255, 255, 0.94);
        color: var(--text-muted);
        font-size: 0.75rem;
        font-weight: 760;
        line-height: 1.35;
        text-align: center;
      }

      .versorgungs-app-footer a {
        color: var(--primary);
        font-weight: 900;
        text-decoration: none;
      }

      .versorgungs-app-footer a:hover,
      .versorgungs-app-footer a:focus-visible {
        text-decoration: underline;
        text-underline-offset: 3px;
      }

      .versorgungs-app-footer a:focus-visible {
        border-radius: 4px;
        outline: 3px solid rgba(21, 95, 228, 0.2);
        outline-offset: 3px;
      }

      @media (max-width: 760px) {
        .versorgungs-app-footer {
          min-height: 64px;
          flex-direction: column;
          gap: 4px;
          padding: 8px 12px calc(14px + env(safe-area-inset-bottom));
          font-size: 0.72rem;
          line-height: 1.35;
        }
      }

      .sidebar-brand {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        flex-shrink: 0;
        min-height: auto;
        padding: 0 6px 18px;
        color: #ffffff;
        text-decoration: none;
        overflow: visible;
      }

      .sidebar-brand .brand-mark {
        display: block;
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        margin-top: 7px;
        object-fit: contain;
      }

      .sidebar-brand .brand-mark span {
        width: 14px;
        height: 14px;
        border-radius: 6px;
      }

      .sidebar-brand .brand-mark span:nth-child(1) {
        top: 2px;
        left: 6px;
        background: #45a1ff;
      }

      .sidebar-brand .brand-mark span:nth-child(2) {
        top: 14px;
        left: 18px;
        background: #ff9a4d;
      }

      .sidebar-brand .brand-mark span:nth-child(3) {
        top: 26px;
        left: 6px;
        background: #e8f1ff;
      }

      .sidebar-brand strong {
        display: block;
        max-width: 158px;
        color: rgba(232, 241, 255, 0.78);
        font-size: 0.82rem;
        line-height: 1.15;
        font-weight: 800;
        letter-spacing: 0;
      }

      .sidebar-brand-copy {
        display: grid;
        gap: 5px;
        min-width: 0;
        overflow: visible;
      }

      .sidebar-brand-kicker {
        display: block;
        position: relative;
        max-width: 168px;
        padding-bottom: 4px;
        line-height: 0.98;
        letter-spacing: 0;
      }

      .sidebar-brand-kicker {
        color: #ffffff;
        font-size: 1.32rem;
        font-weight: 950;
      }

      .sidebar-brand-kicker::after {
        content: "";
        position: absolute;
        left: 1px;
        right: 18px;
        bottom: 0;
        height: 3px;
        border-radius: 999px;
        background: #ff9a4d;
      }

      .sidebar-nav {
        width: 100%;
        flex: 1 1 auto;
        min-height: 0;
        display: grid;
        align-content: start;
        gap: 16px;
        margin-top: 14px;
        padding: 0 2px 12px 0;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      .sidebar-section,
      .sidebar-account-section {
        display: grid;
        gap: 5px;
      }

      .sidebar-home-entry {
        display: grid;
        margin-bottom: 2px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.14);
      }

      .sidebar-home-tab {
        opacity: 0.9;
      }

      .sidebar-section + .sidebar-section,
      .sidebar-secondary,
      .sidebar-account-section {
        padding-top: 14px;
        border-top: 1px solid rgba(255, 255, 255, 0.14);
      }

      .sidebar-section-toggle {
        display: flex;
        width: 100%;
        min-height: 28px;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 0 10px;
        border: 0;
        border-radius: 7px;
        background: transparent;
        color: rgba(255, 255, 255, 0.46);
        font-size: var(--font-size-xs);
        font-weight: 900;
        letter-spacing: 0.06em;
        line-height: var(--line-height-tight);
        text-align: left;
        text-transform: uppercase;
        cursor: pointer;
      }

      .sidebar-section-toggle:hover,
      .sidebar-section-toggle:focus-visible,
      .sidebar-section.is-active-section .sidebar-section-toggle {
        color: rgba(255, 255, 255, 0.86);
        outline: none;
      }

      .sidebar-section-toggle svg {
        width: 14px;
        height: 14px;
        flex: 0 0 auto;
        opacity: 0.74;
        transition: transform 160ms ease;
      }

      .sidebar-section.is-collapsed .sidebar-section-toggle svg {
        transform: rotate(-90deg);
      }

      .sidebar-section-content {
        display: grid;
        gap: 4px;
      }

      .sidebar-section.is-collapsed .sidebar-section-content {
        display: none;
      }

      .sidebar-section-label {
        display: block;
        padding: 0 12px 2px;
        color: rgba(255, 255, 255, 0.46);
        font-size: var(--font-size-xs);
        font-weight: 900;
        letter-spacing: 0.06em;
        line-height: var(--line-height-tight);
        text-transform: uppercase;
      }

      .sidebar-subnav {
        display: grid;
        gap: 2px;
        padding: 5px 0 4px;
      }

      .sidebar-subnav__label {
        padding: 2px 10px 3px;
        color: rgba(255, 255, 255, 0.54);
        font-size: var(--font-size-xs);
        font-weight: 800;
        letter-spacing: 0.03em;
        text-transform: uppercase;
      }

      .sidebar-nav .primary-tab {
        width: 100%;
        min-width: 0;
        min-height: 44px;
        justify-content: flex-start;
        padding: 0 12px;
        border-radius: 8px;
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.9rem;
        font-weight: 800;
        letter-spacing: 0;
        opacity: 0.74;
      }

      .sidebar-nav .primary-tab--nested {
        min-height: 38px;
        gap: 8px;
        padding-inline: 10px 8px;
        font-size: 0.78rem;
        font-weight: 720;
        line-height: 1.18;
      }

      .sidebar-nav .primary-tab--nested svg {
        width: 15px;
        height: 15px;
        flex: 0 0 auto;
      }

      .sidebar-nav .primary-tab--nested > span {
        min-width: 0;
        text-align: left;
      }

      .app-shell.is-sidebar-collapsed .sidebar-subnav__label {
        display: none;
      }

      @media (max-width: 760px) {
        .app-shell:not(.is-mobile-sidebar-expanded) .sidebar-subnav__label {
          display: none;
        }
      }

      .sidebar-nav .primary-tab:hover,
      .sidebar-nav .primary-tab:focus-visible {
        background: rgba(255, 255, 255, 0.1);
        color: #ffffff;
        opacity: 1;
        outline: none;
      }

      .sidebar-nav .primary-tab.is-active {
        background: #155fe4;
        color: #ffffff;
        opacity: 1;
        box-shadow: 0 8px 22px rgba(0, 24, 80, 0.22);
      }

      .sidebar-section.is-active-section .primary-tab {
        opacity: 0.92;
      }

      .sidebar-section.is-active-section .primary-tab.is-active {
        background: linear-gradient(90deg, #1769f2 0%, #155fe4 100%);
        box-shadow: inset 3px 0 0 rgba(232, 241, 255, 0.9), 0 8px 22px rgba(0, 24, 80, 0.2);
      }

      .sidebar-secondary {
        display: grid;
        gap: 4px;
        margin-top: 16px;
      }

      .sidebar-account-section {
        flex: 0 0 auto;
        margin-top: 0;
      }

      .sidebar-collapse {
        flex: 0 0 auto;
      }

      .sidebar-link {
        min-height: 40px;
        padding: 0 12px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: rgba(255, 255, 255, 0.72);
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 0.86rem;
        font-weight: 750;
        cursor: pointer;
        text-align: left;
      }

      .sidebar-team-link {
        min-height: 50px;
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        padding: 6px 8px;
      }

      .sidebar-team-icon {
        width: 38px;
        height: 38px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.1);
        color: rgba(255, 255, 255, 0.88);
      }

      .sidebar-team-link .sidebar-team-icon svg {
        width: 19px;
        height: 19px;
      }

      .sidebar-team-label {
        min-width: 0;
        font-weight: 850;
      }

      .sidebar-team-link:hover .sidebar-team-icon,
      .sidebar-team-link:focus-visible .sidebar-team-icon,
      .sidebar-team-link.is-active .sidebar-team-icon {
        border-color: rgba(232, 241, 255, 0.42);
        background: rgba(255, 255, 255, 0.16);
        color: #ffffff;
      }

      .sidebar-account-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 40px;
        align-items: center;
        gap: 8px;
        margin-top: 4px;
      }

      .sidebar-notification-button {
        position: relative;
        width: 40px;
        height: 40px;
        min-width: 40px;
        display: inline-grid;
        place-items: center;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: rgba(255, 255, 255, 0.72);
        cursor: pointer;
      }

      .sidebar-link:hover,
      .sidebar-link:focus-visible,
      .sidebar-notification-button:hover,
      .sidebar-notification-button:focus-visible {
        background: rgba(255, 255, 255, 0.09);
        color: #ffffff;
        outline: none;
      }

      .sidebar-link.is-active,
      .sidebar-notification-button.is-active {
        background: var(--sidebar-active);
        color: #ffffff;
      }

      .sidebar-link svg,
      .sidebar-nav svg,
      .sidebar-notification-button svg {
        width: 18px;
        height: 18px;
        flex: 0 0 auto;
      }

      .sidebar-notification-button {
        position: relative;
      }

      .notification-count-indicator {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 18px;
        height: 18px;
        margin-left: auto;
        padding: 0 5px;
        border: 1px solid var(--surface);
        border-radius: 999px;
        background: var(--danger);
        color: var(--surface);
        font-size: 0.68rem;
        font-weight: 900;
        line-height: 1;
        font-variant-numeric: tabular-nums;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.16);
      }

      .notification-count-indicator[hidden] {
        display: none !important;
      }

      .sidebar-notification-button .notification-count-indicator {
        position: absolute;
        top: 4px;
        right: 4px;
        margin: 0;
      }

      .notification-popover {
        position: fixed;
        width: min(440px, calc(100vw - 24px));
        max-height: min(620px, calc(100vh - 24px));
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        gap: 12px;
        padding: 16px;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        background: var(--surface);
        box-shadow: var(--shadow-lg);
        z-index: 120;
      }

      .notification-popover[hidden] {
        display: none;
      }

      .notification-popover__head,
      .notification-popover__footer {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
      }

      .notification-popover__title {
        margin: 0;
        color: var(--text-primary);
        font-size: var(--font-size-lg);
        font-weight: 950;
        line-height: var(--line-height-tight);
      }

      .notification-popover__meta {
        margin: 4px 0 0;
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        font-weight: 800;
        line-height: var(--line-height-normal);
      }

      .notification-popover__list {
        min-height: 0;
        max-height: min(460px, calc(100vh - 200px));
        display: grid;
        align-content: start;
        gap: 10px;
        overflow: auto;
      }

      .notification-preview-item {
        width: 100%;
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: inherit;
        cursor: pointer;
        padding: 12px;
        text-align: left;
      }

      .notification-preview-item:hover,
      .notification-preview-item:focus-visible {
        border-color: var(--border-strong);
        background: var(--surface-muted);
        outline: none;
      }

      .notification-preview-item.is-unread {
        border-color: var(--border-strong);
        box-shadow: inset 3px 0 0 var(--danger);
      }

      .notification-preview-item .notification-item__icon {
        width: 36px;
        height: 36px;
      }

      .notification-preview-item .notification-item__icon svg {
        width: 18px;
        height: 18px;
      }

      .notification-preview-item .notification-preview-item__icon--care {
        background: rgba(var(--module-care-rgb), 0.16);
        color: var(--module-care-strong);
      }

      .notification-preview-item .notification-preview-item__icon--planning {
        background: rgba(var(--module-planning-rgb), 0.18);
        color: var(--module-planning-strong);
      }

      .notification-preview-item .notification-preview-item__icon--formats {
        background: rgba(var(--module-formats-rgb), 0.17);
        color: var(--module-formats-strong);
      }

      .notification-preview-item .notification-preview-item__icon--team {
        background: rgba(var(--module-stakeholders-rgb), 0.16);
        color: var(--module-stakeholders-strong);
      }

      .notification-preview-item .notification-preview-item__icon--product {
        background: var(--info-soft);
        color: var(--info);
      }

      .notification-preview-item .notification-preview-item__icon--neutral {
        background: var(--surface-muted);
        color: var(--text-secondary);
      }

      .notification-preview-item__copy {
        min-width: 0;
      }

      .notification-preview-item__title {
        display: block;
        color: var(--text-primary);
        font-size: var(--font-size-md);
        font-weight: 900;
        line-height: var(--line-height-tight);
        overflow-wrap: anywhere;
      }

      .notification-preview-item__meta {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 7px;
      }

      .notification-preview-item__context {
        min-width: 0;
        max-width: calc(100% - 82px);
        display: inline-flex;
        align-items: center;
        padding: 3px 8px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 800;
        line-height: 1.2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .notification-preview-item__context--care {
        border-color: rgba(var(--module-care-rgb), 0.42);
        background: rgba(var(--module-care-rgb), 0.14);
        color: var(--module-care-strong);
      }

      .notification-preview-item__context--planning {
        border-color: rgba(var(--module-planning-rgb), 0.48);
        background: rgba(var(--module-planning-rgb), 0.16);
        color: var(--module-planning-strong);
      }

      .notification-preview-item__context--formats {
        border-color: rgba(var(--module-formats-rgb), 0.46);
        background: rgba(var(--module-formats-rgb), 0.15);
        color: var(--module-formats-strong);
      }

      .notification-preview-item__context--team {
        border-color: rgba(var(--module-stakeholders-rgb), 0.44);
        background: rgba(var(--module-stakeholders-rgb), 0.14);
        color: var(--module-stakeholders-strong);
      }

      .notification-preview-item__context--product {
        border-color: var(--border-strong);
        background: var(--info-soft);
        color: var(--info);
      }

      .notification-preview-item__date {
        display: block;
        flex: 0 0 auto;
        margin-left: auto;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        line-height: var(--line-height-normal);
        font-weight: 800;
        overflow-wrap: anywhere;
      }

      .notification-popover__empty,
      .notification-popover__error {
        min-height: 92px;
        display: grid;
        place-items: center;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface-muted);
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        font-weight: 850;
        line-height: var(--line-height-normal);
        padding: 18px;
        text-align: center;
      }

      .notification-popover__empty {
        min-height: 104px;
      }

      .notification-popover__error {
        color: var(--danger);
      }

      .notification-popover__footer {
        align-items: center;
        justify-content: flex-end;
        padding-top: 2px;
      }

      .notification-popover__footer .action-button {
        width: 100%;
        justify-content: center;
      }

      .app-shell.is-sidebar-collapsed .sidebar-notification-button .notification-count-indicator {
        position: absolute;
        top: 4px;
        right: 4px;
        display: inline-flex;
        width: auto;
        min-width: 17px;
        height: 17px;
        margin: 0;
        padding: 0 4px;
        overflow: visible;
        clip: auto;
        white-space: nowrap;
        border: 1px solid var(--surface);
        font-size: 0.62rem;
      }

      .app-shell.is-sidebar-collapsed .sidebar-account-row {
        grid-template-columns: 1fr;
      }

      .app-shell.is-sidebar-collapsed .sidebar-notification-button {
        width: 100%;
        min-width: 0;
      }

      .sidebar-footer {
        margin-top: auto;
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 10px;
        align-items: center;
        padding: 12px 8px 0;
        color: #ffffff;
        border: 0;
        background: transparent;
        text-align: left;
        cursor: pointer;
      }

      .sidebar-account-section .sidebar-footer {
        margin-top: 4px;
        padding-top: 4px;
      }

      .sidebar-account-section + .sidebar-collapse {
        margin-top: 12px;
      }

      .sidebar-footer__badge {
        width: 38px;
        height: 38px;
        border-radius: 999px;
        display: grid;
        place-items: center;
        background: rgba(255, 255, 255, 0.16);
        border: 1px solid rgba(255, 255, 255, 0.22);
        font-size: 0.82rem;
        font-weight: 900;
        overflow: hidden;
      }

      .sidebar-footer:hover,
      .sidebar-footer:focus-visible {
        outline: none;
      }

      .sidebar-footer:hover .sidebar-footer__badge,
      .sidebar-footer:focus-visible .sidebar-footer__badge {
        border-color: rgba(255, 255, 255, 0.46);
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.13);
      }

      .sidebar-footer.is-active .sidebar-footer__badge {
        border-color: rgba(255, 255, 255, 0.56);
        background: var(--sidebar-active);
        color: #ffffff;
      }

      .sidebar-footer strong,
      .sidebar-footer span {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .sidebar-footer strong {
        font-size: 0.84rem;
      }

      .sidebar-footer span {
        margin-top: 2px;
        color: rgba(255, 255, 255, 0.66);
        font-size: 0.74rem;
        font-weight: 700;
      }

      .mobile-primary-nav,
      .topbar > .brand {
        display: none;
      }

      .topbar-title {
        display: grid;
        gap: 2px;
        min-width: 0;
      }

      .topbar-title h1 {
        margin: 0;
        color: #17275f;
        font-size: 1.18rem;
        line-height: 1.1;
        font-weight: 900;
        letter-spacing: -0.03em;
      }

      .topbar-title span {
        color: #6b7599;
        font-size: 0.78rem;
        font-weight: 750;
      }

      .topbar-actions {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: flex-end;
      }

      .account-popover {
        position: absolute;
        top: calc(100% + 10px);
        right: 0;
        width: min(380px, calc(100vw - 32px));
        padding: 10px;
        border: 1px solid var(--line);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 22px 50px rgba(26, 37, 89, 0.18);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        z-index: 40;
      }

      .account-popover[hidden] {
        display: none;
      }

      .account-profile-card {
        display: grid;
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        padding: 12px;
        border-radius: 16px;
        background: linear-gradient(135deg, #f7faff 0%, #eef4ff 100%);
      }

      .account-avatar {
        width: 54px;
        height: 54px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: linear-gradient(135deg, #2f68ef, #6aa5ff);
        color: #ffffff;
        font-size: inherit;
        font-weight: 950;
        box-shadow: 0 12px 22px rgba(45, 102, 237, 0.22);
        overflow: hidden;
      }

      .avatar-image,
      .profile-avatar img,
      .profile-photo-preview img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        border-radius: inherit;
      }

      .profile-panel {
        width: min(760px, calc(100vw - 36px));
        max-height: calc(100vh - 48px);
        align-self: center;
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        border: 1px solid #d8e2f7;
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 26px 70px rgba(16, 32, 82, 0.26);
        overflow: hidden;
      }

      .profile-panel__head,
      .profile-panel__footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 20px 24px;
      }

      .profile-panel__footer[hidden] {
        display: none !important;
      }

      .profile-panel__head {
        border-bottom: 1px solid #e5ebfa;
      }

      .profile-panel__head h2 {
        margin: 0;
        color: #17275f;
        font-size: 1.35rem;
        font-weight: 950;
        letter-spacing: 0;
      }

      .profile-panel__head p {
        margin: 4px 0 0;
        color: #596795;
        font-size: 0.9rem;
        font-weight: 650;
      }

      .profile-panel__body {
        display: grid;
        gap: 12px;
        padding: 14px;
        overflow: auto;
        background: #f7f9fd;
      }

      .profile-section {
        border: 1px solid #dfe7f8;
        border-radius: 10px;
        background: #ffffff;
        padding: 18px;
      }

      .profile-section h3 {
        margin: 0 0 14px;
        color: #1d2e68;
        font-size: 0.95rem;
        font-weight: 950;
      }

      .profile-hero {
        display: grid;
        grid-template-columns: 132px minmax(0, 1fr);
        gap: 22px;
        align-items: center;
      }

      .profile-avatar {
        width: 112px;
        height: 112px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: linear-gradient(135deg, #dfe8f8, #edf3ff);
        color: #173172;
        font-size: 1.7rem;
        font-weight: 950;
        overflow: hidden;
      }

      .profile-hero h3 {
        margin-bottom: 8px;
        font-size: 1.45rem;
      }

      .profile-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        margin-bottom: 10px;
      }

      .profile-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }

      .profile-field {
        display: grid;
        gap: 6px;
      }

      .profile-field--wide {
        grid-column: 1 / -1;
      }

      .profile-field label,
      .profile-setting__label,
      .profile-role-label {
        color: #182a66;
        font-size: 0.78rem;
        font-weight: 900;
      }

      .profile-field input,
      .profile-field select,
      .profile-field textarea {
        width: 100%;
        min-height: 42px;
        border: 1px solid #d7e1f5;
        border-radius: 8px;
        background: #ffffff;
        color: #142456;
        padding: 10px 12px;
        font: inherit;
        font-size: 0.88rem;
      }

      .profile-field textarea {
        min-height: 78px;
        resize: vertical;
      }

      .profile-field input[readonly] {
        background: #f3f6fb;
        color: #7a86a7;
      }

      .profile-settings-grid {
        display: grid;
        grid-template-columns: 1fr 1fr auto;
        gap: 14px;
        align-items: end;
      }

      .profile-setting-toggle {
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 42px;
      }

      .profile-setting-toggle--disabled {
        opacity: 0.58;
      }

      .profile-setting-toggle--disabled .profile-setting__label,
      .profile-setting-toggle--disabled .profile-setting__note {
        color: var(--text-muted);
      }

      .profile-setting__note {
        margin-top: 3px;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 750;
        line-height: var(--line-height-normal);
      }

      .profile-switch {
        position: relative;
        width: 48px;
        height: 28px;
        flex: 0 0 auto;
      }

      .profile-switch input {
        position: absolute;
        inset: 0;
        opacity: 0;
      }

      .profile-switch span {
        position: absolute;
        inset: 0;
        border-radius: 999px;
        background: #c9d3e8;
        transition: background 160ms ease;
      }

      .profile-switch span::after {
        content: "";
        position: absolute;
        top: 4px;
        left: 4px;
        width: 20px;
        height: 20px;
        border-radius: 999px;
        background: #ffffff;
        box-shadow: 0 2px 7px rgba(26, 38, 76, 0.24);
        transition: transform 160ms ease;
      }

      .profile-switch input:checked + span {
        background: #155fe4;
      }

      .profile-switch input:checked + span::after {
        transform: translateX(20px);
      }

      .profile-switch input:disabled + span {
        background: var(--border);
        cursor: not-allowed;
      }

      .profile-notice {
        display: flex;
        gap: 9px;
        align-items: flex-start;
        margin-top: 12px;
        padding: 10px 12px;
        border: 1px solid #c8dcff;
        border-radius: 8px;
        background: #f3f7ff;
        color: #27427e;
        font-size: 0.82rem;
        font-weight: 700;
        line-height: 1.4;
      }

      .profile-role-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: start;
      }

      .profile-role-card__copy {
        display: grid;
        gap: 4px;
        min-width: 0;
      }

      .profile-role-card .profile-setting__note {
        margin-top: 0;
      }

      .profile-permission-details {
        grid-column: 1 / -1;
        min-width: 0;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        overflow: hidden;
      }

      .profile-permission-details summary {
        min-height: 38px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 0 12px;
        color: var(--text-primary);
        cursor: pointer;
        font-size: var(--font-size-sm);
        font-weight: 900;
        list-style: none;
      }

      .profile-permission-details summary::-webkit-details-marker {
        display: none;
      }

      .profile-permission-details summary::after {
        content: "⌄";
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        line-height: 1;
        transition: transform 0.16s ease;
      }

      .profile-permission-details[open] summary::after {
        transform: rotate(180deg);
      }

      .profile-permission-details summary:focus-visible {
        outline: 2px solid var(--primary);
        outline-offset: -2px;
      }

      .profile-permission-list {
        display: grid;
        gap: 0;
        border-top: 1px solid var(--border);
      }

      .profile-permission-item {
        display: grid;
        grid-template-columns: 26px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        padding: 10px 12px;
        color: var(--text-muted);
      }

      .profile-permission-item + .profile-permission-item {
        border-top: 1px solid var(--border);
      }

      .profile-permission-item.is-allowed {
        color: var(--text-secondary);
      }

      .profile-permission-icon {
        width: 22px;
        height: 22px;
        display: inline-grid;
        place-items: center;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text-muted);
      }

      .profile-permission-item.is-allowed .profile-permission-icon {
        border-color: var(--success);
        background: var(--success-soft);
        color: var(--success);
      }

      .profile-permission-icon svg {
        width: 14px;
        height: 14px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.6;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .profile-permission-copy {
        display: grid;
        gap: 3px;
        min-width: 0;
      }

      .profile-permission-copy strong {
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 900;
        line-height: var(--line-height-tight);
      }

      .profile-permission-copy span {
        font-size: var(--font-size-xs);
        font-weight: 750;
        line-height: var(--line-height-normal);
      }

      .role-matrix-workspace {
        display: grid;
        gap: 16px;
        min-width: 0;
        margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid var(--border);
      }

      .role-matrix-heading {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 16px;
      }

      .role-matrix-heading > div:first-child {
        min-width: 0;
      }

      .role-matrix-eyebrow {
        display: block;
        margin-bottom: 4px;
        color: var(--primary);
        font-size: var(--font-size-xs);
        font-weight: 900;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }

      .role-matrix-heading h4 {
        margin: 0;
        color: var(--text-primary);
        font-size: var(--font-size-lg);
        font-weight: 950;
        line-height: var(--line-height-tight);
      }

      .role-matrix-heading p {
        max-width: 520px;
        margin: 6px 0 0;
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        font-weight: 650;
        line-height: var(--line-height-normal);
      }

      .role-matrix-legend {
        display: flex;
        flex: 0 0 auto;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 12px;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 800;
      }

      .role-matrix-legend > span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        white-space: nowrap;
      }

      .role-matrix-status {
        width: 24px;
        height: 24px;
        display: inline-grid;
        flex: 0 0 auto;
        place-items: center;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        font-weight: 900;
        line-height: 1;
      }

      .role-matrix-status svg {
        width: 14px;
        height: 14px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.7;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .role-matrix-status--allowed {
        border-color: var(--success);
        background: var(--success-soft);
        color: var(--success);
      }

      .role-matrix-status--unavailable {
        background: var(--surface-muted);
        color: var(--text-muted);
      }

      .role-matrix-role-overview {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        overflow: hidden;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
      }

      .role-matrix-role-summary {
        display: grid;
        gap: 7px;
        min-width: 0;
        padding: 12px;
      }

      .role-matrix-role-summary + .role-matrix-role-summary {
        border-left: 1px solid var(--border);
      }

      .role-matrix-role-summary.is-current-role {
        background: var(--primary-soft);
      }

      .role-matrix-role-summary__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
      }

      .role-matrix-current-label {
        color: var(--primary);
        font-size: var(--font-size-xs);
        font-weight: 900;
        text-transform: uppercase;
        white-space: nowrap;
      }

      .role-matrix-role-summary > strong {
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 900;
        line-height: 1.35;
      }

      .role-matrix-role-summary p {
        margin: 0;
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 650;
        line-height: var(--line-height-normal);
      }

      .role-matrix-role-count {
        align-self: end;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-variant-numeric: tabular-nums;
        font-weight: 900;
      }

      .role-matrix-role-summary.is-current-role .role-matrix-role-count {
        color: var(--primary);
      }

      .role-matrix-table-wrap {
        min-width: 0;
        overflow: auto;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
      }

      .role-matrix-table-wrap:focus-visible {
        outline: 2px solid var(--primary);
        outline-offset: 2px;
      }

      .role-matrix-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: fixed;
      }

      .role-matrix-permission-column {
        width: 55%;
      }

      .role-matrix-role-column {
        width: 15%;
      }

      .role-matrix-table th,
      .role-matrix-table td {
        padding: 10px;
        border: 0;
        text-align: left;
        vertical-align: middle;
      }

      .role-matrix-table thead th {
        min-height: var(--row-height);
        border-bottom: 1px solid var(--border);
        background: var(--surface-muted);
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 900;
        text-transform: uppercase;
      }

      .role-matrix-table thead th:not(:first-child),
      .role-matrix-table td {
        text-align: center;
      }

      .role-matrix-table tbody tr + tr th,
      .role-matrix-table tbody tr + tr td {
        border-top: 1px solid var(--border);
      }

      .role-matrix-table tbody th {
        background: var(--surface);
      }

      .role-matrix-table tbody th strong,
      .role-matrix-table tbody th span {
        display: block;
      }

      .role-matrix-table tbody th strong {
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 900;
        line-height: 1.3;
      }

      .role-matrix-table tbody th span {
        margin-top: 3px;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 650;
        line-height: 1.4;
      }

      .role-matrix-table .is-current-role {
        background: var(--primary-soft);
        box-shadow: inset 1px 0 var(--border-strong), inset -1px 0 var(--border-strong);
      }

      .role-matrix-cell .role-matrix-status {
        margin: 0 auto;
      }

      .role-matrix-notes {
        display: grid;
        gap: 8px;
        padding: 12px;
        border: 1px solid var(--border-strong);
        border-radius: var(--radius-md);
        background: var(--primary-soft);
        color: var(--text-secondary);
      }

      .role-matrix-notes p {
        margin: 0;
        font-size: var(--font-size-xs);
        font-weight: 650;
        line-height: var(--line-height-normal);
      }

      .role-matrix-notes strong {
        color: var(--text-primary);
        font-weight: 900;
      }

      @media (max-width: 640px) {
        .role-matrix-heading {
          align-items: flex-start;
          flex-direction: column;
          gap: 12px;
        }

        .role-matrix-legend {
          justify-content: flex-start;
        }

        .role-matrix-role-overview {
          grid-template-columns: 1fr;
        }

        .role-matrix-role-summary + .role-matrix-role-summary {
          border-top: 1px solid var(--border);
          border-left: 0;
        }

        .role-matrix-table-wrap {
          overflow: visible;
          border: 0;
          background: transparent;
        }

        .role-matrix-table,
        .role-matrix-table tbody {
          display: block;
          width: 100%;
        }

        .role-matrix-table colgroup {
          display: none;
        }

        .role-matrix-table thead {
          position: absolute;
          width: 1px;
          height: 1px;
          margin: -1px;
          padding: 0;
          overflow: hidden;
          clip: rect(0 0 0 0);
          white-space: nowrap;
          border: 0;
        }

        .role-matrix-table tbody {
          display: grid;
          gap: 8px;
        }

        .role-matrix-table tbody tr {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          overflow: hidden;
          border: 1px solid var(--border);
          border-radius: var(--radius-md);
          background: var(--surface);
        }

        .role-matrix-table tbody tr + tr th,
        .role-matrix-table tbody tr + tr td {
          border-top: 0;
        }

        .role-matrix-table tbody th {
          grid-column: 1 / -1;
          padding: 12px;
          border-bottom: 1px solid var(--border);
          background: var(--surface-muted);
        }

        .role-matrix-table td {
          min-width: 0;
          min-height: 56px;
          display: flex;
          align-items: center;
          flex-direction: column;
          justify-content: center;
          gap: 5px;
          padding: 8px 4px;
        }

        .role-matrix-table td + td {
          border-left: 1px solid var(--border);
        }

        .role-matrix-table td::before {
          content: attr(data-role-label);
          color: var(--text-muted);
          font-size: var(--font-size-xs);
          font-weight: 900;
          text-transform: uppercase;
        }

        .role-matrix-table .is-current-role {
          box-shadow: none;
        }

        .role-matrix-table td.is-current-role {
          background: var(--primary-soft);
        }
      }

      .profile-label-with-info {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-width: 0;
      }

      .profile-team-line {
        margin-top: 4px;
      }

      .profile-owner-details {
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        overflow: hidden;
      }

      .profile-owner-details summary {
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        padding: 0 12px;
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 850;
        cursor: pointer;
        list-style: none;
      }

      .profile-owner-summary-label {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
      }

      .profile-owner-details summary::-webkit-details-marker {
        display: none;
      }

      .profile-owner-details summary::after {
        content: "Anzeigen";
        margin-left: auto;
        color: var(--primary);
        font-size: var(--font-size-xs);
        font-weight: 900;
      }

      .profile-owner-details[open] summary::after {
        content: "Ausblenden";
      }

      .profile-owner-count {
        min-width: 26px;
        min-height: 24px;
        display: inline-grid;
        place-items: center;
        padding: 0 8px;
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: var(--font-size-xs);
        font-weight: 950;
        font-variant-numeric: tabular-nums;
      }

      .profile-owner-list {
        display: grid;
        gap: 0;
        border-top: 1px solid var(--border);
      }

      .profile-owner-contact {
        width: 100%;
        min-height: 44px;
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
        padding: 8px 12px;
        border: 0;
        border-bottom: 1px solid var(--border);
        background: var(--surface);
        color: var(--text-primary);
        text-align: left;
        cursor: pointer;
      }

      .profile-owner-contact:last-child {
        border-bottom: 0;
      }

      .profile-owner-contact:hover,
      .profile-owner-contact:focus-visible {
        background: var(--surface-muted);
        outline: none;
      }

      .profile-owner-contact strong,
      .profile-owner-contact span:not(.avatar) {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .profile-owner-contact strong {
        display: block;
        font-size: var(--font-size-sm);
      }

      .profile-owner-contact span,
      .profile-owner-contact small {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 750;
      }

      .profile-owner-empty {
        padding: 12px;
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        font-weight: 750;
      }

      .profile-status {
        min-height: 18px;
        color: #596795;
        font-size: 0.82rem;
        font-weight: 750;
      }

      .profile-status.is-error {
        color: #c83232;
      }

      .profile-panel__footer {
        border-top: 1px solid #e5ebfa;
        background: #ffffff;
      }

      .profile-photo-modal {
        position: fixed;
        inset: 0;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 20px;
        background: rgba(18, 28, 59, 0.52);
        z-index: 110;
      }

      .profile-photo-modal.is-open {
        display: flex;
      }

      .profile-photo-panel {
        width: min(520px, calc(100vw - 32px));
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 24px 70px rgba(15, 31, 79, 0.3);
        padding: 22px;
      }

      .profile-photo-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
      }

      .profile-photo-preview {
        width: 148px;
        height: 148px;
        display: grid;
        place-items: center;
        margin: 20px auto;
        border-radius: 999px;
        background: #e7edf8;
        color: #173172;
        font-size: 2rem;
        font-weight: 950;
        overflow: hidden;
      }

      .profile-photo-actions {
        display: grid;
        justify-items: center;
        gap: 10px;
      }

      .profile-photo-remove {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        margin-top: 22px;
        padding-top: 18px;
        border-top: 1px solid #e5ebfa;
      }

      .profile-photo-remove strong {
        display: block;
        color: #17275f;
        font-size: 0.9rem;
      }

      .profile-photo-remove span {
        color: #596795;
        font-size: 0.82rem;
        font-weight: 650;
      }

      .account-popover__name {
        min-width: 0;
        color: #2a3d78;
        font-size: 1rem;
        font-weight: 950;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .account-popover__meta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin: 8px 0;
        padding: 0 4px;
      }

      .account-popover__email {
        min-width: 0;
        color: #6a76a3;
        font-size: 0.78rem;
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .account-role-pill {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 10px;
        border-radius: 999px;
        background: #eef4ff;
        color: #2f55ad;
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        white-space: nowrap;
      }

      .account-role-pill--admin {
        background: #eaf1ff;
        color: #2451c4;
      }

      .account-role-pill--editor {
        background: #eaf8ef;
        color: #237247;
      }

      .account-role-pill--viewer {
        background: var(--warning-soft);
        color: #8a5b14;
      }

      .account-permission-note {
        margin: 8px 0;
        padding: 10px 12px;
        border-radius: 12px;
        background: #f7f9ff;
        color: #526395;
        font-size: 0.8rem;
        font-weight: 700;
        line-height: 1.35;
      }

      .account-settings-preview {
        display: grid;
        gap: 7px;
        margin: 8px 0;
        padding: 10px 12px;
        border: 1px solid #e1e7fb;
        border-radius: 12px;
        background: #ffffff;
      }

      .account-settings-preview strong {
        color: #243271;
        font-size: 0.8rem;
      }

      .account-settings-preview span {
        color: #6f7ca8;
        font-size: 0.76rem;
        font-weight: 700;
        line-height: 1.35;
      }

      .account-onboarding-list {
        display: grid;
        gap: 7px;
        margin: 2px 0 0;
      }

      .account-onboarding-item {
        display: grid;
        grid-template-columns: 22px minmax(0, 1fr);
        gap: 8px;
        align-items: start;
        color: #526395;
        font-size: 0.76rem;
        font-weight: 750;
        line-height: 1.35;
      }

      .account-onboarding-dot {
        width: 22px;
        height: 22px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: #eef4ff;
        color: #3155ad;
        font-size: 0.7rem;
        font-weight: 950;
      }

      .account-onboarding-item strong {
        display: block;
        margin-bottom: 1px;
        color: #243271;
        font-size: 0.76rem;
      }

      .account-quick-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        margin: 8px 0;
      }

      .account-quick-action {
        min-height: 38px;
        border: 1px solid #dfe7ff;
        border-radius: 12px;
        background: #ffffff;
        color: #2f55ad;
        font-size: 0.78rem;
        font-weight: 900;
        cursor: pointer;
      }

      .saved-view-list {
        display: grid;
        gap: 8px;
        margin: 8px 0;
      }

      .saved-view-item {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-height: 42px;
        padding: 8px 10px;
        border: 1px solid #dfe6fa;
        border-radius: 12px;
        background: #ffffff;
        color: #2c3e7d;
        text-align: left;
        cursor: pointer;
      }

      .saved-view-item:hover {
        border-color: #b9c9ff;
        background: #f7faff;
      }

      .saved-view-item strong {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.82rem;
      }

      .saved-view-item span {
        display: block;
        margin-top: 2px;
        color: #7180ad;
        font-size: 0.72rem;
        font-weight: 700;
      }

      .saved-view-pill {
        min-height: 24px;
        padding: 0 8px;
        border-radius: 999px;
        background: #edf3ff;
        color: #3155ad;
        font-size: 0.66rem;
        font-weight: 900;
        text-transform: uppercase;
      }

      .saved-view-empty {
        padding: 10px 12px;
        border-radius: 12px;
        background: #f7f9ff;
        color: #6c78a5;
        font-size: 0.78rem;
        font-weight: 700;
        line-height: 1.35;
      }

      .saved-view-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 8px;
      }

      .permission-banner {
        display: none;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        border: 1px solid #dbe4fb;
        border-radius: 14px;
        background: #f7f9ff;
        color: #4f6094;
        font-size: 0.84rem;
        font-weight: 750;
        line-height: 1.35;
      }

      .permission-banner.is-visible {
        display: flex;
      }

      .permission-banner strong {
        color: #263a7a;
      }

      .permission-banner__icon {
        display: inline-grid;
        place-items: center;
        width: 26px;
        height: 26px;
        border-radius: 999px;
        background: #e8efff;
        color: #3155ad;
        flex: 0 0 auto;
      }

      .is-role-hidden {
        display: none !important;
      }

      .readonly-control {
        opacity: 0.72;
      }

      .wrap {
        width: 100%;
        margin: 0;
        padding: 12px 22px 28px;
      }

      .crm-shell {
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        overflow: visible;
        position: relative;
      }

      .welcome {
        padding: 24px 300px 12px 28px;
      }

      .welcome h2 {
        margin: 0;
        font-size: clamp(1.9rem, 3vw, 3.2rem);
        letter-spacing: -0.05em;
      }

      .welcome p {
        max-width: none;
        margin: 8px 0 0;
        color: var(--muted);
        line-height: 1.42;
        font-size: 0.94rem;
        white-space: nowrap;
      }

      .summary {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        padding: 10px 28px 20px;
      }

      .summary-card {
        min-height: 92px;
        padding: 16px 18px;
        border: 1px solid var(--line);
        border-radius: 20px;
        background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        align-items: center;
        gap: 14px;
        box-shadow: 0 12px 28px rgba(49, 75, 153, 0.06);
      }

      .summary-card:nth-child(1) {
        background: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%);
      }

      .summary-card:nth-child(2) {
        background: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%);
      }

      .summary-card:nth-child(3) {
        background: linear-gradient(180deg, #ffffff 0%, #ffece6 100%);
      }

      .summary-label {
        color: var(--muted);
        font-size: 0.74rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }

      .summary-value {
        margin-top: 4px;
        font-size: 2rem;
        font-weight: 800;
        letter-spacing: -0.05em;
      }

      .summary-value span {
        margin-left: 7px;
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0;
      }

      .summary-sub {
        display: none;
      }

      .summary-icon {
        width: 48px;
        height: 48px;
        border-radius: 16px;
        display: inline-grid;
        place-items: center;
        font-size: 1.15rem;
        color: #28488f;
      }

      .summary-icon--blue {
        background: #e8f0ff;
        color: #2463d3;
      }

      .summary-icon--amber {
        background: #fff1da;
        color: #b17912;
      }

      .summary-icon--rose {
        background: #ffe7e1;
        color: #bd5b47;
      }

      .summary-copy {
        min-width: 0;
      }

      .workspace-header {
        display: grid;
        grid-template-columns: minmax(220px, 1fr) auto;
        align-items: center;
        gap: 14px;
        padding: 0 0 10px;
      }

      .workspace-copy h2 {
        margin: 0;
        color: #17275f;
        font-size: clamp(1.45rem, 2vw, 1.9rem);
        line-height: 1.08;
        letter-spacing: -0.035em;
      }

      .workspace-copy p {
        margin: 6px 0 0;
        color: var(--muted);
        font-size: 0.95rem;
      }

      .workspace-brand {
        display: flex;
        min-width: 0;
        min-height: 36px;
        align-items: flex-start;
        justify-content: flex-end;
      }

      .workspace-brand[hidden] {
        display: none;
      }

      .workspace-brand img {
        display: block;
        width: auto;
        max-width: min(220px, 24vw);
        height: 36px;
        object-fit: contain;
        object-position: right top;
      }

      .app-shell:is([data-active-view="framework"], [data-active-view="questionnaire"]) .workspace-header {
        display: none;
      }

      .workspace-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: flex-end;
      }

      .filter-toolbar[hidden] {
        display: none !important;
      }

      .workspace-expert-switcher[hidden] {
        display: none !important;
      }

      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="stakeholders"], [data-active-view="analytics"], [data-active-view="quality"], [data-active-view="activities"]) .workspace-header {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
      }

      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="stakeholders"], [data-active-view="analytics"], [data-active-view="quality"], [data-active-view="activities"]) .workspace-header .workspace-actions {
        justify-content: stretch;
        width: 100%;
        min-width: 0;
      }

      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="stakeholders"]) #care-mode-actions,
      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="stakeholders"]) #care-mode-actions .experts-mode-nav--header,
      .app-shell:is([data-active-view="analytics"], [data-active-view="quality"]) #analytics-mode-actions,
      .app-shell:is([data-active-view="analytics"], [data-active-view="quality"]) #analytics-mode-actions .experts-mode-nav--header {
        width: 100%;
        min-width: 0;
      }

      #care-mode-actions .experts-mode-nav--header,
      #analytics-mode-actions .experts-mode-nav--header {
        width: min(100%, 540px);
      }

      .app-shell[data-active-view="experts"] .workspace-header {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
      }

      .app-shell[data-active-view="stakeholders"] .workspace-header {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
      }

      .app-shell[data-active-view="experts"] .workspace-header .workspace-actions,
      .app-shell[data-active-view="patients"] .workspace-header .workspace-actions,
      .app-shell[data-active-view="stakeholders"] .workspace-header .workspace-actions {
        justify-content: stretch;
        width: 100%;
        min-width: 0;
      }

      .app-shell[data-active-view="experts"] .workspace-expert-switcher,
      .app-shell[data-active-view="experts"] .experts-mode-nav--header,
      .app-shell[data-active-view="patients"] .workspace-expert-switcher,
      .app-shell[data-active-view="patients"] .experts-mode-nav--header,
      .app-shell[data-active-view="stakeholders"] .workspace-expert-switcher,
      .app-shell[data-active-view="stakeholders"] .experts-mode-nav--header {
        width: 100%;
        min-width: 0;
      }

      .app-shell[data-active-view="experts"] .experts-mode-nav--header .settings-tab-button,
      .app-shell[data-active-view="patients"] .experts-mode-nav--header .settings-tab-button,
      .app-shell[data-active-view="stakeholders"] .experts-mode-nav--header .settings-tab-button {
        min-width: 0;
      }

      .app-shell[data-active-view="experts"] .workspace-header:not(.workspace-header--unified) .workspace-copy {
        display: none;
      }

      .app-shell[data-active-view="patients"] .workspace-copy,
      .app-shell[data-active-view="stakeholders"] .workspace-copy {
        display: grid;
        gap: 3px;
        margin-bottom: 10px;
      }

      .workspace-header-search[hidden] {
        display: none !important;
      }

      .workspace-header-search {
        display: flex;
        grid-column: 1 / -1;
        justify-content: stretch;
        min-width: 0;
        width: 100%;
      }

      .workspace-header-search .search-shell {
        width: 100%;
        min-height: 66px;
        padding: 0 18px;
        gap: 14px;
        border-color: var(--border-strong);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-sm);
      }

      .workspace-header-search .search-shell svg {
        width: 34px;
        height: 34px;
        padding: 8px;
        border-radius: var(--radius-sm);
        background: var(--primary-soft);
        color: var(--primary);
      }

      .workspace-header-search .search-input {
        font-size: 1rem;
        font-weight: 700;
      }

      .workspace-header-search .search-input::placeholder {
        color: var(--text-muted);
        font-weight: 650;
      }

      .workspace-expert-switcher {
        display: flex;
        justify-content: flex-start;
        min-width: 0;
      }

      #stakeholder-mode-actions {
        flex-direction: column;
        gap: 8px;
      }

      .experts-mode-nav--header {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        width: min(100%, 390px);
        min-height: 66px;
        padding: 5px;
        border: 1px solid var(--border-strong);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-sm);
      }

      .experts-mode-nav--header .settings-tab-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        flex: 1 1 0;
        min-width: 0;
        min-height: 54px;
        padding: 0 16px;
        border: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-radius: var(--radius-sm);
        background: transparent;
        color: var(--text-secondary);
        font-size: inherit;
        font-weight: 750;
        line-height: 1.1;
        text-align: center;
      }

      .experts-mode-nav--header .settings-tab-button:hover,
      .experts-mode-nav--header .settings-tab-button:focus-visible {
        border-color: var(--border-strong);
        background: var(--surface);
        color: var(--text-primary);
      }

      .experts-mode-nav--header .settings-tab-button.is-active {
        border-color: var(--primary);
        background: var(--primary-soft);
        color: var(--primary);
      }

      .experts-mode-label,
      .experts-mode-count {
        display: inline-flex;
        align-items: center;
      }

      .experts-mode-count {
        justify-content: center;
        min-width: 30px;
        min-height: 26px;
        padding: 0 8px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface-muted);
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        font-weight: 750;
        line-height: 1;
        font-variant-numeric: tabular-nums;
      }

      .experts-mode-nav--header .settings-tab-button.is-active .experts-mode-count {
        border-color: var(--primary);
        background: var(--surface);
        color: var(--primary);
      }

      .app-shell[data-active-view="stakeholders"] .experts-mode-nav--header {
        width: min(100%, 540px);
      }

      #stakeholder-mode-actions .stakeholder-type-nav {
        justify-content: flex-start;
        min-height: 54px;
        overflow-x: auto;
        scrollbar-width: none;
      }

      #stakeholder-mode-actions .stakeholder-type-nav::-webkit-scrollbar {
        display: none;
      }

      #stakeholder-mode-actions .stakeholder-type-nav .settings-tab-button {
        flex: 1 0 auto;
        min-width: 132px;
        min-height: 44px;
        flex-direction: row;
      }

      .app-shell[data-active-view="stakeholders"] .experts-mode-nav--header .settings-tab-button {
        flex-direction: column;
        gap: 6px;
        min-height: 58px;
        padding-inline: 8px;
        padding-block: 6px;
      }

      .app-shell[data-active-view="stakeholders"] .experts-mode-label {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .app-shell[data-active-view="stakeholders"] .experts-mode-count {
        flex: 0 0 auto;
      }

      @media (max-width: 760px) {
        .app-shell[data-active-view="experts"] .experts-mode-nav--header .settings-tab-button,
        .app-shell[data-active-view="stakeholders"] .experts-mode-nav--header .settings-tab-button {
          flex: 1 1 auto;
          gap: 4px;
          padding-inline: 8px;
          font-size: var(--font-size-sm);
        }

        .app-shell[data-active-view="stakeholders"] .experts-mode-nav--header .settings-tab-button {
          flex-direction: column;
          padding-block: 6px;
        }

        .app-shell[data-active-view="experts"] .experts-mode-count,
        .app-shell[data-active-view="stakeholders"] .experts-mode-count {
          min-width: 34px;
          min-height: 22px;
          padding-inline: 4px;
          font-size: var(--font-size-xs);
        }
      }

      .app-shell[data-active-view="experts"] #summary-grid,
      .app-shell[data-active-view="patients"] #summary-grid {
        display: none;
      }

      .app-shell[data-active-view="stakeholders"] #summary-grid {
        display: none;
      }

      .app-shell[data-active-view="activities"] #summary-grid {
        display: none;
      }

      .app-shell[data-active-view="experts"] .workspace-header {
        grid-template-columns: minmax(280px, 390px) minmax(320px, 1fr);
        gap: 12px 14px;
      }

      .app-shell[data-active-view="stakeholders"] .workspace-header {
        grid-template-columns: minmax(340px, 480px) minmax(320px, 1fr);
        gap: 12px 14px;
      }

      @media (max-width: 980px) {
        .app-shell[data-active-view="experts"] .workspace-header,
        .app-shell[data-active-view="stakeholders"] .workspace-header {
          grid-template-columns: minmax(0, 1fr);
        }
      }

      .summary.summary--compact {
        grid-auto-flow: column;
        grid-auto-columns: minmax(150px, max-content);
        grid-template-columns: none;
        gap: 10px;
        padding: 0;
        align-self: center;
        width: auto;
        max-width: 100%;
        overflow-x: auto;
      }

      .summary.summary--compact .summary-card {
        min-width: 150px;
        min-height: 52px;
        padding: 7px 10px;
        border-radius: 8px;
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 10px;
      }

      .summary.summary--compact .summary-label {
        font-size: 0.62rem;
      }

      .summary.summary--compact .summary-value {
        margin-top: 1px;
        font-size: 1.15rem;
      }

      .summary.summary--compact .summary-icon {
        width: 30px;
        height: 30px;
        border-radius: 11px;
        font-size: 0.88rem;
      }

      .filter-toolbar {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
        min-height: 38px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      .controls-stack .filter-toolbar {
        grid-column: 1 / -1;
        width: 100%;
        justify-content: flex-start;
        padding-top: 2px;
      }

      .filter-toolbar-spacer {
        flex: 1 1 auto;
        min-width: 0;
      }

      .filter-results {
        color: #1f3270;
        font-size: 0.88rem;
        font-weight: 800;
        white-space: nowrap;
        margin-left: 0;
      }

      .filter-toolbar .filter-results {
        order: 2;
      }

      .filter-toolbar .active-filter-row {
        order: 1;
        flex: 1 1 auto;
        min-width: 0;
      }

      .filter-toolbar .filter-shell {
        order: 4;
        margin-left: 0;
      }

      .filter-toolbar .filter-reset {
        order: 3;
        margin-left: auto;
      }

      .filter-toolbar .filter-reset[hidden] + .filter-shell {
        margin-left: auto;
      }

      .active-filter-list {
        display: flex;
        align-items: center;
        gap: 8px;
        flex: 1;
        flex-wrap: nowrap;
        min-width: 180px;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 2px;
        -ms-overflow-style: none;
        scrollbar-width: none;
      }

      .active-filter-list::-webkit-scrollbar {
        display: none;
      }

      .active-filter-chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        flex: 0 0 auto;
        min-height: 30px;
        padding: 0 7px 0 10px;
        border: 1px solid #d9e2f7;
        border-radius: 999px;
        background: #f7faff;
        color: #384d86;
        font-size: 0.76rem;
        font-weight: 800;
      }

      .active-filter-chip button {
        width: 18px;
        height: 18px;
        padding: 0;
        border: 0;
        border-radius: 999px;
        background: rgba(54, 82, 165, 0.1);
        color: inherit;
        cursor: pointer;
      }

      .active-filter-empty {
        flex: 0 0 auto;
        color: var(--muted);
        font-size: 0.88rem;
      }

      .filter-shell {
        position: relative;
        flex: 0 0 auto;
      }

      .filter-panel-button {
        min-height: 46px;
        padding: 0 16px 0 18px;
        border: 1px solid #d4dffc;
        border-radius: 16px;
        background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
        color: #334a86;
        font-size: 0.92rem;
        font-weight: 800;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        box-shadow: 0 10px 24px rgba(49, 75, 153, 0.08);
      }

      .filter-panel-button:hover,
      .filter-panel-button[aria-expanded="true"] {
        border-color: #9db6ff;
        background: linear-gradient(180deg, #fdfefe 0%, #eef4ff 100%);
        color: #24428c;
      }

      .filter-panel-button svg {
        width: 16px;
        height: 16px;
      }

      .filter-panel-button__label {
        display: inline-flex;
        align-items: center;
        gap: 10px;
      }

      .filter-panel-button__badge {
        display: none;
        min-width: 22px;
        height: 22px;
        padding: 0 7px;
        border-radius: 999px;
        background: linear-gradient(135deg, #2d66ed, #4f95ff);
        color: #ffffff;
        font-size: 0.74rem;
        font-weight: 800;
        line-height: 22px;
        text-align: center;
        box-shadow: 0 10px 18px rgba(54, 94, 191, 0.18);
      }

      .filter-panel-button__badge.is-visible {
        display: inline-block;
      }

      .filter-panel-button__caret {
        color: #7888b8;
        font-size: 0.92rem;
      }

      .filter-reset--all {
        min-width: 188px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding-inline: 12px;
        white-space: nowrap;
      }

      .filter-reset__icon {
        width: 16px;
        height: 16px;
        flex: 0 0 auto;
      }

      .filter-panel {
        position: absolute;
        top: calc(100% + 10px);
        right: 0;
        width: min(420px, calc(100vw - 32px));
        padding: 14px;
        border: 1px solid #d8e1fb;
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 22px 40px rgba(22, 38, 96, 0.16);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        z-index: 30;
      }

      .filter-panel-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 12px;
      }

      .filter-panel-title {
        margin: 0;
        color: #20346f;
        font-size: 0.94rem;
        font-weight: 900;
        letter-spacing: -0.02em;
      }

      .filter-panel-copy {
        margin: 4px 0 0;
        color: #6b7aa7;
        font-size: 0.78rem;
      }

      .filter-panel-actions {
        display: inline-flex;
        align-items: center;
        gap: 10px;
      }

      .filter-panel-close {
        width: 34px;
        height: 34px;
        border: 1px solid #d8e1fb;
        border-radius: 10px;
        background: #ffffff;
        color: #5a6ea6;
        font-size: 1rem;
        cursor: pointer;
      }

      .filter-panel-apply {
        display: none;
      }

      .filter-panel-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        width: 100%;
      }

      .filter-section {
        display: grid;
        gap: 10px;
        padding: 12px;
        border: 1px solid #dfe6fb;
        border-radius: 16px;
        background: linear-gradient(180deg, #fbfcff 0%, #f6f9ff 100%);
      }

      .filter-section-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
      }

      .filter-section-title {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin: 0;
        color: #2a3f7b;
        font-size: 0.84rem;
        font-weight: 900;
        letter-spacing: -0.01em;
      }

      .filter-section-icon {
        width: 28px;
        height: 28px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: #edf3ff;
        color: #3f5ca6;
        font-size: 0.88rem;
      }

      .filter-section-meta {
        color: #7a89b4;
        font-size: 0.72rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.06em;
      }

      .filter-option-list {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .filter-option-list--scroll {
        max-height: 132px;
        overflow: auto;
        padding-right: 4px;
      }

      .filter-option-chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 34px;
        padding: 0 11px;
        border: 1px solid #d8e1fb;
        border-radius: 999px;
        background: #ffffff;
        color: #38508f;
        font-size: 0.8rem;
        font-weight: 700;
        cursor: pointer;
        transition: border-color 120ms ease, background 120ms ease, color 120ms ease, box-shadow 120ms ease;
      }

      .filter-option-chip:hover {
        border-color: #b8c8fb;
        background: #f7faff;
      }

      .filter-option-chip.is-active {
        border-color: #98b0ff;
        background: linear-gradient(135deg, #edf3ff, #f7faff);
        color: #24428c;
        box-shadow: 0 10px 20px rgba(49, 75, 153, 0.08);
      }

      .filter-option-chip--legacy {
        border-style: dashed;
        border-color: #d1d6e5;
        background: #f4f5f8;
        color: #7a8299;
      }

      .filter-option-chip--legacy.is-active {
        border-color: #aeb6cc;
        background: #eef0f5;
        color: #626a7f;
      }

      .filter-option-chip__icon {
        font-size: 0.95rem;
      }

      .filter-empty-note {
        color: #7f8db5;
        font-size: 0.78rem;
        font-weight: 600;
      }

      .filter-reset {
        padding: 0;
        border: 0;
        background: transparent;
        color: #2e63e7;
        font-size: 0.88rem;
        font-weight: 800;
        cursor: pointer;
      }

      .filter-reset:disabled {
        color: #97a3c6;
        cursor: default;
      }

      .view-panel {
        display: none;
      }

      .view-panel.is-active {
        display: block;
      }

      .app-shell[data-active-view="home"] .workspace-header {
        display: none;
      }

      .app-shell[data-active-view="home"] {
        height: 100dvh;
        min-height: 0;
        overflow: hidden;
      }

      .app-shell[data-active-view="home"] .app-main,
      .app-shell[data-active-view="home"] .wrap,
      .app-shell[data-active-view="home"] .crm-shell,
      .app-shell[data-active-view="home"] .view-shell {
        height: 100%;
        min-height: 0;
      }

      .app-shell[data-active-view="home"] .app-main {
        grid-template-rows: minmax(0, 1fr) auto;
      }

      .app-shell[data-active-view="home"] .wrap {
        height: auto;
      }

      .app-shell[data-active-view="home"] .app-main,
      .app-shell[data-active-view="home"] .crm-shell {
        overflow: hidden;
      }

      .app-shell[data-active-view="home"] .wrap {
        padding: 0;
      }

      .home-page {
        height: 100%;
        min-height: 0;
      }

      .home-scroller {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scroll-behavior: smooth;
        scrollbar-gutter: stable;
        scroll-padding-top: 28px;
        background: var(--background);
      }

      .home-scroller:focus-visible {
        outline: 3px solid #155fe4;
        outline-offset: -3px;
      }

      .home-hero {
        min-height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 68px 48px 76px;
        text-align: center;
      }

      .home-hero__brand {
        display: block;
        width: clamp(300px, 28vw, 420px);
        height: auto;
        margin-bottom: 64px;
      }

      .home-welcome-heading {
        width: min(980px, 100%);
        max-width: 980px;
        margin: 0;
        color: var(--text-primary);
        font-size: clamp(3.8rem, 5.8vw, 5.6rem);
        font-weight: 850;
        letter-spacing: -0.045em;
        line-height: 0.98;
        text-align: center;
      }

      .home-compass-rotation {
        width: min(760px, 100%);
        display: grid;
        justify-items: center;
        margin-top: 28px;
      }

      .home-compass-rotation__stage {
        width: 100%;
        min-height: 1.16em;
        display: grid;
        place-items: center;
        overflow: hidden;
        font-size: clamp(1.45rem, 7.3vw, 3.4rem);
      }

      .home-compass-rotation__item {
        grid-area: 1 / 1;
        opacity: 0;
        color: var(--module-care-strong);
        font-size: 1em;
        font-weight: 820;
        letter-spacing: -0.035em;
        line-height: 1.16;
        white-space: nowrap;
        transform: translateY(7px);
        animation: homeCompassRotate 10s cubic-bezier(0.22, 1, 0.36, 1) infinite both;
        will-change: opacity, transform;
      }

      .home-compass-rotation__item--stakeholders {
        color: var(--module-stakeholders-strong);
        animation-delay: -7.5s;
      }

      .home-compass-rotation__item--planning {
        color: var(--module-planning-strong);
        animation-delay: -5s;
      }

      .home-compass-rotation__item--formats {
        color: var(--module-formats-strong);
        animation-delay: -2.5s;
      }

      @keyframes homeCompassRotate {
        0%,
        21% {
          opacity: 1;
          transform: translateY(0);
        }

        25% {
          opacity: 0;
          transform: translateY(-7px);
        }

        96% {
          opacity: 0;
          transform: translateY(7px);
        }

        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .home-scroll-cue {
        min-height: 48px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 44px;
        padding: 12px 20px;
        border: 1px solid #c9d8ef;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.82);
        color: var(--primary);
        font: inherit;
        font-size: 0.875rem;
        font-weight: 850;
        text-decoration: none;
        cursor: pointer;
      }

      .home-destinations-section {
        min-height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 22px;
        padding: 80px 56px;
        scroll-margin-top: 0;
      }

      .home-destinations__intro {
        width: min(1120px, 100%);
        display: flex;
        align-items: center;
        gap: 9px;
        margin: 0;
        color: var(--text-muted);
        font-size: 0.875rem;
        font-weight: 650;
        line-height: 1.45;
        text-align: left;
      }

      .home-destinations__intro::before {
        width: 18px;
        height: 2px;
        flex: 0 0 18px;
        border-radius: 999px;
        background: var(--primary);
        content: "";
        opacity: 0.58;
      }

      .home-destinations {
        width: min(1120px, 100%);
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 22px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .home-destination-card {
        min-width: 0;
      }

      .home-destination-link {
        --home-module-rgb: var(--module-care-rgb);
        --home-module-strong: var(--module-care-strong);
        min-height: 188px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        overflow: hidden;
        padding: 18px 19px 20px;
        border: 1px solid var(--border);
        border-top: 6px solid rgb(var(--home-module-rgb));
        border-radius: 18px;
        background: var(--surface);
        color: inherit;
        box-shadow: 0 14px 34px rgba(16, 35, 110, 0.07);
        text-decoration: none;
        transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
      }

      .home-destination-link[data-home-module="stakeholders"] {
        --home-module-rgb: var(--module-stakeholders-rgb);
        --home-module-strong: var(--module-stakeholders-strong);
      }

      .home-destination-link[data-home-module="planning"] {
        --home-module-rgb: var(--module-planning-rgb);
        --home-module-strong: var(--module-planning-strong);
      }

      .home-destination-link[data-home-module="formats"] {
        --home-module-rgb: var(--module-formats-rgb);
        --home-module-strong: var(--module-formats-strong);
      }

      .home-destination-link__top {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: auto;
        color: var(--home-module-strong);
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.1em;
      }

      .home-destination-link__top > span:last-child {
        font-size: 1.12rem;
        line-height: 1;
      }

      .home-destination-link__identity {
        display: inline-flex;
        align-items: center;
      }

      .home-destination-link__mark {
        width: 44px;
        height: 44px;
        display: block;
        object-fit: contain;
      }

      .home-destination-link strong {
        display: block;
        margin-bottom: 11px;
        color: var(--text-primary);
        font-size: clamp(1.0625rem, 1.2vw, 1.125rem);
        font-weight: 900;
        letter-spacing: -0.02em;
        line-height: 1.18;
        overflow-wrap: anywhere;
      }

      .home-destination-link__copy {
        display: block;
        width: 100%;
        color: var(--text-muted);
        font-size: 0.875rem;
        line-height: 1.45;
        white-space: nowrap;
      }

      .home-destination-link:hover {
        transform: translateY(-3px);
        border-color: rgb(var(--home-module-rgb));
        box-shadow: 0 20px 42px rgba(16, 35, 110, 0.11);
      }

      .home-destination-link:focus-visible,
      .home-scroll-cue:focus-visible {
        outline: 3px solid #155fe4;
        outline-offset: 4px;
      }

      @media (max-width: 1180px) {
        .home-destinations {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .home-destinations-section {
          padding-inline: 30px;
        }
      }

      @media (max-width: 760px) {
        .home-hero {
          padding: 60px 19px 68px;
        }

        .home-hero__brand {
          width: min(280px, 100%);
          margin-bottom: 48px;
        }

        .home-welcome-heading {
          font-size: clamp(2.8rem, 12vw, 3.6rem);
          line-height: 0.98;
        }

        .home-compass-rotation {
          margin-top: 20px;
        }

        .home-scroll-cue {
          margin-top: 38px;
        }

        .home-destinations-section {
          align-items: flex-start;
          gap: 17px;
          padding: 62px 18px;
        }

        .home-destinations {
          grid-template-columns: 1fr;
          gap: 14px;
        }

        .home-destination-link {
          min-height: 148px;
          padding: 17px 18px 18px;
          border-top-width: 5px;
        }
      }

      @media (max-width: 380px) {
        .home-destination-link {
          padding-inline: 14px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .home-scroller {
          scroll-behavior: auto;
        }

        .global-status,
        .global-status__icon {
          animation: none !important;
          opacity: 1;
          filter: none;
          transform: none;
        }

        .home-compass-rotation__stage {
          min-height: 0;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 8px;
          overflow: visible;
          font-size: 1rem;
        }

        .home-compass-rotation__item {
          position: static;
          display: inline-flex;
          align-items: center;
          min-height: 34px;
          padding: 7px 10px;
          border: 1px solid #d7e1f0;
          border-radius: 999px;
          opacity: 1;
          background: rgba(255, 255, 255, 0.72);
          font-size: clamp(0.72rem, 2.2vw, 0.86rem);
          font-weight: 760;
          letter-spacing: -0.01em;
          animation: none !important;
          transform: none;
        }
      }

      .app-initial-skeleton {
        display: none;
        gap: 16px;
        min-height: calc(100vh - 58px);
      }

      .app-shell.is-initializing .workspace-header,
      .app-shell.is-initializing .controls,
      .app-shell.is-initializing .view-panel {
        display: none !important;
      }

      .app-shell.is-initializing .app-initial-skeleton {
        display: grid;
      }

      .app-shell.is-initializing .primary-tab.is-active {
        background: transparent;
        box-shadow: none;
      }

      .app-initial-skeleton__header,
      .app-initial-skeleton__toolbar,
      .app-initial-skeleton__row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
      }

      .app-initial-skeleton__copy {
        display: grid;
        flex: 1 1 auto;
        gap: 10px;
      }

      .app-initial-skeleton__summary {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
      }

      .app-initial-skeleton__summary-card,
      .app-initial-skeleton__toolbar,
      .app-initial-skeleton__list {
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-sm);
      }

      .app-initial-skeleton__summary-card {
        display: grid;
        gap: 12px;
        min-width: 0;
        min-height: 104px;
        padding: 18px;
      }

      .app-initial-skeleton__summary-card .app-initial-skeleton__block--subtitle {
        width: 100%;
        max-width: 100%;
      }

      .app-initial-skeleton__toolbar {
        min-height: 72px;
        padding: 14px 16px;
      }

      .app-initial-skeleton__list {
        display: grid;
        align-content: start;
        overflow: hidden;
      }

      .app-initial-skeleton__row {
        min-height: 76px;
        padding: 14px 16px;
        border-bottom: 1px solid var(--border);
      }

      .app-initial-skeleton__row:last-child {
        border-bottom: 0;
      }

      .app-initial-skeleton__row-copy {
        display: grid;
        flex: 1 1 auto;
        gap: 8px;
      }

      .app-initial-skeleton__block {
        position: relative;
        display: block;
        width: 100%;
        height: 12px;
        overflow: hidden;
        border-radius: 999px;
        background: var(--surface-muted);
      }

      .app-initial-skeleton__block::after {
        content: "";
        position: absolute;
        inset: 0;
        transform: translateX(-100%);
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.78), transparent);
        animation: loadingShimmer 1.45s ease-in-out infinite;
      }

      .app-initial-skeleton__block--title {
        width: min(280px, 58vw);
        height: 24px;
      }

      .app-initial-skeleton__block--subtitle {
        width: min(420px, 72vw);
      }

      .app-initial-skeleton__block--icon,
      .app-initial-skeleton__block--avatar,
      .app-initial-skeleton__block--action {
        flex: 0 0 auto;
      }

      .app-initial-skeleton__block--icon {
        width: 42px;
        height: 42px;
        border-radius: var(--radius-md);
      }

      .app-initial-skeleton__block--metric {
        width: 44%;
        height: 22px;
      }

      .app-initial-skeleton__block--search {
        width: min(520px, 70%);
        height: 42px;
      }

      .app-initial-skeleton__block--action {
        width: 112px;
        height: 38px;
        border-radius: var(--radius-md);
      }

      .app-initial-skeleton__block--avatar {
        width: 44px;
        height: 44px;
      }

      .app-initial-skeleton__block--primary {
        width: min(280px, 72%);
        height: 14px;
      }

      .app-initial-skeleton__block--secondary {
        width: min(420px, 90%);
      }

      @media (max-width: 760px) {
        .app-initial-skeleton {
          min-height: calc(100dvh - 36px);
          gap: 12px;
        }

        .app-initial-skeleton__summary {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .app-initial-skeleton__summary-card:last-child {
          display: none;
        }

        .app-initial-skeleton__summary-card {
          min-height: 88px;
          padding: 14px;
        }

        .app-initial-skeleton__toolbar,
        .app-initial-skeleton__row {
          padding-inline: 12px;
        }

        .app-initial-skeleton__block--action {
          width: 42px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .app-initial-skeleton__block::after {
          animation: none;
        }
      }

      .view-shell {
        padding: 0;
      }

      .view-card {
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 12px 30px rgba(26, 37, 89, 0.06);
        overflow: hidden;
      }

      .mobile-contact-list {
        display: grid;
        gap: 12px;
        padding: 14px;
      }

      .mobile-contact-card {
        border: 1px solid rgba(214, 222, 249, 0.96);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.97);
        box-shadow: 0 10px 26px rgba(38, 52, 105, 0.06);
        padding: 14px;
      }

      .mobile-contact-card.is-active {
        border-color: #8bb6ff;
        background: #f6f9ff;
      }

      .mobile-contact-top {
        display: flex;
        align-items: center;
        gap: 12px;
      }

      .mobile-contact-copy {
        min-width: 0;
        flex: 1 1 auto;
      }

      .mobile-contact-name {
        margin: 0;
        color: #243271;
        font-size: 0.98rem;
        font-weight: 800;
        line-height: 1.2;
      }

      .mobile-contact-organization {
        margin-top: 4px;
        color: #5d6a95;
        font-size: 0.82rem;
        font-weight: 700;
        line-height: 1.35;
      }

      .mobile-contact-meta {
        margin-top: 4px;
        color: #7a84a7;
        font-size: 0.78rem;
        font-weight: 650;
        line-height: 1.3;
      }

      .mobile-contact-consent {
        display: flex;
        align-items: center;
        margin-top: 8px;
      }

      .mobile-contact-actions {
        display: grid;
        flex: 0 0 auto;
        justify-items: center;
        gap: 4px;
      }

      .mobile-contact-chevron {
        color: #667399;
        font-size: 1.7rem;
        line-height: 1;
        flex: 0 0 auto;
      }

      .mobile-contact-badges {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 12px;
      }

      .mobile-badge {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        font-size: 0.75rem;
        font-weight: 800;
        line-height: 1.1;
      }

      .mobile-badge--sector {
        background: #eef3ff;
        color: #3450a3;
      }

      .mobile-badge--owner {
        background: #f5f7ff;
        color: #53608f;
      }

      .mobile-badge--owner-empty {
        background: #fff5e9;
        color: #9b6a1d;
      }

      .view-card--map {
        height: calc(100dvh - 152px);
        min-height: 620px;
      }

      .map-embed-frame {
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
        background: #f4f6ff;
      }

      .analytics-shell {
        padding: 18px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 251, 255, 0.94) 100%);
      }

      .analytics-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 16px;
        padding: 0 2px;
      }

      .analytics-head h3 {
        margin: 0;
        font-size: 1.1rem;
        letter-spacing: -0.02em;
      }

      .analytics-head p {
        margin: 6px 0 0;
        color: var(--muted);
        font-size: 0.88rem;
      }

      .table-footer {
        display: flex;
        position: relative;
        z-index: 8;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 14px 18px 16px;
        border-top: 1px solid var(--line);
        background: rgba(248, 250, 255, 0.82);
        overflow: visible;
      }

      .table-footer__meta {
        color: var(--muted);
        font-size: 0.88rem;
        font-weight: 700;
      }

      .table-footer__controls {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-left: auto;
        flex-wrap: wrap;
        justify-content: flex-end;
        overflow: visible;
      }

      .table-secondary-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        flex-wrap: wrap;
        padding: 10px 18px 16px;
        border-top: 1px solid var(--border);
        background: var(--surface);
      }

      .table-secondary-actions .action-button[hidden] {
        display: none !important;
      }

      .pagination {
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }

      .pagination-button {
        min-width: 38px;
        height: 38px;
        padding: 0 10px;
        border: 1px solid #d8e1fb;
        border-radius: 12px;
        background: #ffffff;
        color: #45568a;
        font-size: 0.86rem;
        font-weight: 800;
        cursor: pointer;
      }

      .pagination-button:hover:not(:disabled) {
        border-color: #b6c8ff;
        background: #f7faff;
      }

      .pagination-button.is-active {
        background: linear-gradient(135deg, #275ee6, #4d90ff);
        border-color: transparent;
        color: #ffffff;
        box-shadow: 0 8px 18px rgba(54, 94, 191, 0.18);
      }

      .pagination-button:disabled {
        cursor: default;
        opacity: 0.46;
      }

      .page-size-shell {
        flex: 0 0 156px;
        min-width: 156px;
        overflow: visible;
      }

      .page-size-shell.is-open {
        z-index: 60;
      }

      .page-size-shell select {
        min-height: 38px;
        padding-right: 34px;
        font-size: 0.86rem;
        font-weight: 700;
      }

      .page-size-shell .custom-select-trigger--compact {
        min-height: 38px;
        padding: 0 10px 0 12px;
        border-radius: var(--radius-sm);
        font-size: 0.86rem;
        font-weight: 800;
      }

      .page-size-shell .custom-select-trigger__label {
        text-overflow: clip;
      }

      .page-size-shell .custom-select-panel--compact {
        top: auto;
        bottom: calc(100% + 8px);
        left: auto;
        right: 0;
        z-index: 52;
        min-width: max(100%, 180px);
      }

      .view-card:has(.page-size-shell.is-open) {
        overflow: visible;
      }

      .contacts-table .thead,
      .contacts-table .row {
        grid-template-columns:
          minmax(235px, 1.25fr)
          minmax(220px, 1.05fr)
          minmax(135px, 0.7fr)
          minmax(190px, 0.9fr)
          minmax(145px, 0.72fr)
          minmax(150px, 0.72fr)
          minmax(130px, 0.6fr);
      }

      .controls {
        padding: 0 0 14px;
        margin-top: 0;
      }

      .controls[hidden],
      .formats-command-row[hidden] {
        display: none !important;
      }

      .controls-stack {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px 12px;
        align-items: center;
        padding: 10px;
        border: 1px solid #dce3f5;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 8px 22px rgba(26, 37, 89, 0.05);
      }

      .controls-stack .search-shell {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        border-radius: 7px;
        box-shadow: none;
      }

      .controls-stack .filter-panel-button {
        min-height: 38px;
        border-radius: 7px;
        box-shadow: none;
      }

      .filters-row {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 2px;
      }

      .admin-row {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
        position: absolute;
        top: 28px;
        right: 28px;
        z-index: 4;
      }

      .admin-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        margin-left: auto;
      }

      .action-button {
        min-height: 38px;
        padding: 0 14px;
        border: 1px solid #d5defb;
        border-radius: 8px;
        background: #ffffff;
        color: #2e427f;
        font-size: 0.86rem;
        font-weight: 800;
        letter-spacing: -0.01em;
        cursor: pointer;
        transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease, background-color 150ms ease;
      }

      .action-button:hover {
        transform: translateY(-1px);
        border-color: #b6c8ff;
        box-shadow: 0 10px 22px rgba(54, 94, 191, 0.12);
      }

      .action-button--primary {
        background: linear-gradient(135deg, #275ee6, #4d90ff);
        border-color: transparent;
        color: white;
      }

      .action-button__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 16px;
        margin-right: 8px;
        font-size: 1rem;
        line-height: 1;
      }

      .action-button__icon svg {
        width: 16px;
        height: 16px;
      }

      .action-button--ghost {
        background: #edf3ff;
        color: #4160af;
      }

      .action-button--danger {
        background: #fff1ec;
        border-color: #f3cec1;
        color: #b8563d;
      }

      .menu-shell {
        position: relative;
      }

      .menu-button {
        width: 42px;
        min-width: 42px;
        padding: 0;
        display: inline-grid;
        place-items: center;
      }

      .menu-button svg {
        width: 18px;
        height: 18px;
      }

      .menu-popover {
        position: absolute;
        top: calc(100% + 10px);
        right: 0;
        min-width: 188px;
        padding: 8px;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 14px 28px rgba(26, 37, 89, 0.12);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        z-index: 40;
      }

      .menu-popover[hidden] {
        display: none;
      }

      .menu-option {
        width: 100%;
        min-height: 38px;
        padding: 0 12px;
        border: 0;
        border-radius: 10px;
        display: flex;
        align-items: center;
        background: transparent;
        color: var(--text);
        text-align: left;
        cursor: pointer;
      }

      .menu-option:hover {
        background: #f3f6ff;
      }

      .visually-hidden {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
      }

      .search-shell,
      .select-shell {
        display: flex;
        align-items: center;
        min-height: 54px;
        border: 1px solid #cfd7fb;
        border-radius: 18px;
        background: white;
        box-shadow: 0 8px 24px rgba(49, 75, 153, 0.06);
      }

      .search-shell {
        padding: 0 12px 0 16px;
        gap: 10px;
        max-width: 100%;
      }

      .search-shell[hidden] {
        display: none !important;
      }

      .search-shell svg {
        width: 22px;
        height: 22px;
        color: #7c86b1;
        flex: 0 0 auto;
      }

      .search-input {
        width: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        color: var(--text);
        font-size: 0.96rem;
      }

      .search-input::placeholder {
        color: #8a92b5;
      }

      .search-clear-button {
        flex: 0 0 auto;
        width: 30px;
        height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 999px;
        background: var(--chip-bg);
        color: var(--text-muted);
        font-size: 1.1rem;
        font-weight: 800;
        line-height: 1;
        cursor: pointer;
      }

      .search-clear-button:hover,
      .search-clear-button:focus-visible {
        background: var(--primary-soft);
        color: var(--primary);
        outline: none;
      }

      .search-clear-button[hidden] {
        display: none !important;
      }

      .select-shell {
        position: relative;
      }

      .select-shell select {
        width: 100%;
        height: 100%;
        padding: 0 42px 0 16px;
        border: 0;
        outline: 0;
        border-radius: 18px;
        background: transparent;
        color: var(--text);
        appearance: none;
      }

      .select-shell::after {
        content: "⌄";
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        color: #7b85b0;
        font-size: 1rem;
        pointer-events: none;
      }

      .select-shell[data-custom-select]::after {
        display: none;
      }

      .select-shell[data-custom-select] select {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        pointer-events: none;
      }

      .quick-filters {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        padding: 0;
        justify-content: flex-start;
      }

      .quick-filters--column {
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding-top: 2px;
      }

      .priority-chip,
      .category-chip {
        min-height: 38px;
        padding: 0 14px;
        border: 1px solid #d5ddfb;
        border-radius: 999px;
        background: #ffffff;
        color: #334170;
        font-size: 0.86rem;
        font-weight: 700;
        letter-spacing: -0.01em;
        cursor: pointer;
        white-space: nowrap;
        transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease, color 160ms ease;
      }

      .priority-chip--dot {
        width: 38px;
        min-width: 38px;
        min-height: 38px;
        height: 38px;
        padding: 0;
        border-radius: 999px;
        border-color: rgba(26, 37, 89, 0.14);
        background: #dfe4f7;
        box-shadow: none;
        position: relative;
        font-size: 0.95rem;
      }

      .priority-chip--dot[data-priority="high"] {
        background: #ffe3dc;
        border-color: #efc5b6;
      }

      .priority-chip--dot[data-priority="medium"] {
        background: #fff0d3;
        border-color: #efd59b;
      }

      .priority-chip--dot[data-priority="low"] {
        background: #e8ffe5;
        border-color: #abdcbb;
      }

      .priority-chip--dot::after {
        content: attr(data-tooltip);
        position: absolute;
        left: 50%;
        bottom: calc(100% + 10px);
        transform: translateX(-50%) translateY(4px);
        padding: 6px 9px;
        border-radius: 999px;
        font-size: 0.72rem;
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
        transition: opacity 140ms ease, transform 140ms ease;
        box-shadow: 0 10px 22px rgba(26, 37, 89, 0.12);
      }

      .priority-chip--dot:hover::after,
      .priority-chip--dot:focus-visible::after {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
      }

      .priority-chip--dot[data-priority="high"]::after {
        background: #fff4f0;
        color: #af4f3f;
      }

      .priority-chip--dot[data-priority="medium"]::after {
        background: #fff8e8;
        color: #9a6a00;
      }

      .priority-chip--dot[data-priority="low"]::after {
        background: #eefbf1;
        color: #2e8557;
      }

      .priority-chip:hover,
      .category-chip:hover {
        transform: translateY(-1px);
        box-shadow: 0 8px 18px rgba(39, 136, 246, 0.1);
        border-color: #b7c7f8;
      }

      .priority-chip.is-active {
        box-shadow: inset 0 0 0 1px rgba(26, 37, 89, 0.14), 0 8px 18px rgba(39, 136, 246, 0.12);
        transform: translateY(-1px);
        color: #1e2d63;
      }

      .priority-chip--dot.is-active {
        box-shadow: 0 0 0 4px rgba(39, 136, 246, 0.14), inset 0 0 0 1px rgba(26, 37, 89, 0.1);
      }

      .priority-chip[data-priority="high"].is-active {
        background: #fff4f0;
        border-color: #efc5b6;
      }

      .priority-chip[data-priority="medium"].is-active {
        background: #fff8e8;
        border-color: #efd59b;
      }

      .priority-chip[data-priority="low"].is-active {
        background: #eefbf1;
        border-color: #abdcbb;
      }

      .category-chip.is-active {
        background: #edf3ff;
        border-color: #9cb7ff;
        color: #28488f;
        box-shadow: 0 8px 18px rgba(39, 136, 246, 0.12);
      }

      .category-chip--icon {
        min-width: 38px;
        width: 38px;
        padding: 0;
        justify-content: center;
        font-size: 1rem;
      }

      .table-wrap {
        border-top: 1px solid var(--line);
        overflow: auto;
        background: #ffffff;
      }

      @media (min-width: 861px) {
        .table-wrap:has(.filter-menu:not([hidden])) {
          min-height: min(460px, calc(100dvh - 220px));
        }
      }

      .table {
        min-width: 1180px;
      }

      .patient-people-table,
      .stakeholder-organizations-table,
      .stakeholder-people-table {
        min-width: 0;
      }

      .thead,
      .row {
        display: grid;
        grid-template-columns:
          minmax(235px, 1.25fr)
          minmax(220px, 1.05fr)
          minmax(135px, 0.7fr)
          minmax(190px, 0.9fr)
          minmax(145px, 0.72fr)
          minmax(150px, 0.72fr)
          minmax(130px, 0.6fr);
        align-items: center;
      }

      .thead {
        min-height: 44px;
        position: sticky;
        top: 0;
        z-index: 5;
        border-bottom: 1px solid var(--line);
        background: #f8faff;
        color: #243271;
        font-size: 0.76rem;
        font-weight: 800;
        letter-spacing: 0.02em;
        text-transform: uppercase;
      }

      .contacts-table .thead:has([data-header-filter-button][aria-expanded="true"]) {
        z-index: 48;
      }

      .thead > div,
      .row > div {
        min-height: 100%;
        display: flex;
        align-items: center;
        padding: 8px 12px;
        border-right: 1px solid #e4e8fb;
      }

      .thead > div:last-child,
      .row > div:last-child {
        border-right: 0;
      }

      .column-head {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-width: 0;
      }

      .column-head--stacked {
        align-items: flex-start;
      }

      .column-head__stack {
        display: grid;
        gap: 8px;
        min-width: 0;
      }

      .column-head__main {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
      }

      .column-head__label {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .column-sort-button {
        width: 100%;
        border: 0;
        border-radius: var(--radius-sm);
        background: transparent;
        color: inherit;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-width: 0;
        padding: 0;
        font: inherit;
        text-align: left;
        text-transform: inherit;
      }

      .column-sort-button:hover,
      .column-sort-button:focus-visible {
        color: var(--primary);
        outline: none;
      }

      .column-sort-indicator {
        width: 22px;
        height: 22px;
        border-radius: var(--radius-sm);
        display: inline-grid;
        flex: 0 0 auto;
        place-items: center;
        color: var(--text-muted);
        font-size: 0.78rem;
        line-height: 1;
      }

      .column-sort-indicator svg {
        width: 14px;
        height: 14px;
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .column-sort-icon__up,
      .column-sort-icon__down {
        opacity: 0.55;
      }

      .column-sort-indicator--asc .column-sort-icon__up,
      .column-sort-indicator--desc .column-sort-icon__down {
        opacity: 1;
      }

      .column-sort-indicator--asc .column-sort-icon__down,
      .column-sort-indicator--desc .column-sort-icon__up {
        opacity: 0.28;
      }

      .column-sort-button.is-active .column-sort-indicator {
        background: var(--primary-soft);
        color: var(--primary);
      }

      .column-head--date .column-sort-button {
        flex: 1 1 auto;
        width: auto;
      }

      .column-head--date .filter-menu {
        right: auto;
        left: 0;
      }

      .column-head--owner {
        gap: 4px;
      }

      .column-head--owner .header-filter {
        margin-left: 0;
      }

      .mini-filters {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        flex-wrap: nowrap;
      }

      .mini-chip {
        min-height: 22px;
        padding: 0 8px;
        border: 1px solid #d9def5;
        border-radius: 999px;
        background: #ffffff;
        color: #61709f;
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: -0.01em;
        cursor: pointer;
        white-space: nowrap;
      }

      .mini-chip.is-active {
        background: #edf3ff;
        border-color: #a9bcff;
        color: #2d4f9d;
      }

      .header-filter {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        position: relative;
        z-index: 15;
        margin-left: auto;
      }

      .filter-icon-button {
        width: 24px;
        height: 24px;
        border: 0;
        border-radius: var(--radius-sm);
        display: inline-grid;
        place-items: center;
        background: transparent;
        color: #8a96b8;
        cursor: pointer;
        box-shadow: none;
        transition: background-color 140ms ease, transform 140ms ease, box-shadow 140ms ease;
      }

      .filter-icon-button:hover,
      .filter-icon-button[aria-expanded="true"] {
        background: var(--primary-soft);
        color: var(--primary);
        box-shadow: none;
        transform: none;
      }

      .filter-icon-button.is-active {
        background: var(--primary-soft);
        color: var(--primary);
      }

      .filter-icon-button svg {
        width: 14px;
        height: 14px;
      }

      .filter-selected {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 30px;
        padding: 0 10px 0 12px;
        border-radius: 999px;
        background: #ebf1ff;
        color: #3652a5;
        font-size: 0.76rem;
        font-weight: 800;
        letter-spacing: -0.01em;
      }

      .filter-selected[hidden] {
        display: none;
      }

      .filter-clear {
        width: 18px;
        height: 18px;
        border: 0;
        border-radius: 999px;
        display: inline-grid;
        place-items: center;
        background: rgba(54, 82, 165, 0.12);
        color: inherit;
        cursor: pointer;
        font-size: 0.82rem;
        line-height: 1;
      }

      .filter-menu {
        position: absolute;
        top: calc(100% + 6px);
        right: 0;
        width: min(360px, calc(100vw - 32px));
        min-width: 240px;
        max-width: min(360px, calc(100vw - 32px));
        max-height: min(58dvh, 420px);
        padding: 6px;
        border: 1px solid var(--line);
        border-radius: var(--radius-md);
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 14px 28px rgba(26, 37, 89, 0.12);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        z-index: 40;
        overflow: auto;
      }

      .filter-menu[hidden] {
        display: none;
      }

      .filter-menu__hint {
        padding: 5px 7px 7px;
        color: var(--muted);
        font-size: 0.74rem;
        line-height: 1.4;
        text-transform: none;
        letter-spacing: 0;
        font-weight: 750;
      }

      .filter-menu__list {
        display: grid;
        gap: 6px;
        grid-auto-flow: row;
      }

      .filter-option {
        width: 100%;
        min-height: 30px;
        padding: 7px 8px;
        border: 0;
        border-radius: var(--radius-sm);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        background: transparent;
        color: var(--text);
        font-size: var(--font-size-xs);
        font-weight: 800;
        line-height: 1.25;
        text-align: left;
        cursor: pointer;
        white-space: normal;
      }

      .filter-option span {
        min-width: 0;
        overflow-wrap: anywhere;
        hyphens: auto;
      }

      .filter-option:hover {
        background: #f3f6ff;
      }

      .filter-option.is-active {
        background: #eaf1ff;
        color: #3450a3;
        font-weight: 800;
      }

      .filter-option small {
        color: var(--muted);
        margin-left: auto;
      }

      .row {
        min-height: 48px;
        background: #ffffff;
        border-bottom: 1px solid #e8ecfb;
        font-size: 0.88rem;
        transition: background-color 160ms ease, transform 160ms ease;
        cursor: pointer;
      }

      body.is-compact-table .row {
        min-height: 40px;
      }

      body.is-compact-table .avatar {
        width: 28px;
        height: 28px;
      }

      .row:hover {
        background: #f8fbff;
      }

      .row.is-active {
        background: #f2f7ff;
        box-shadow: inset 3px 0 0 #155fe4, inset 0 0 0 1px #b7d2ff;
      }

      .index-cell {
        justify-content: center;
        color: #8790b7;
        font-weight: 700;
      }

      .contact-cell {
        display: flex;
        align-items: center;
        gap: 9px;
        justify-content: flex-start;
        min-width: 0;
      }

      .contact-meta {
        display: flex;
        align-items: center;
        min-width: 0;
      }

      .contact-name__line {
        min-width: 0;
      }

      .avatar {
        width: 32px;
        height: 32px;
        border-radius: 999px;
        display: inline-grid;
        place-items: center;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: 0.75rem;
        font-weight: 800;
        letter-spacing: 0;
        flex: 0 0 auto;
        overflow: hidden;
      }

      .avatar--faculty {
        background: #eaf1ff;
        color: #155fe4;
      }

      .avatar--policy {
        background: #fff7ed;
        color: #b7791f;
      }

      .avatar--practice {
        background: #ecfdf3;
        color: #15803d;
      }

      .avatar--network {
        background: #f3f0ff;
        color: #5b45b2;
      }

      .avatar--study {
        background: #ecfeff;
        color: #0e7490;
      }

      .avatar-sm {
        width: 28px;
        height: 28px;
        font-size: 0.68rem;
      }

      .avatar-md {
        width: 40px;
        height: 40px;
        font-size: 0.82rem;
      }

      .avatar-lg {
        width: 72px;
        height: 72px;
        font-size: 1rem;
      }

      .avatar-fallback {
        border: 1px solid var(--border);
      }

      .contact-image {
        display: block;
        object-fit: cover;
        object-position: center;
        background: var(--primary-soft);
      }

      .contact-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
      }

      .contact-image-editor {
        display: grid;
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 16px;
        width: 100%;
        padding: 16px;
        border: 1px solid rgba(96, 111, 171, 0.2);
        border-radius: 18px;
        background: rgba(246, 249, 255, 0.88);
      }

      .contact-image-editor__preview {
        width: 88px;
        height: 88px;
        border-radius: 50%;
        overflow: hidden;
      }

      .contact-image-editor__preview .avatar,
      .contact-image-editor__preview .contact-image {
        width: 88px;
        height: 88px;
        border-radius: 50%;
      }

      .contact-image-editor__controls { display: grid; gap: 12px; min-width: 0; }

      .contact-image-dropzone {
        display: grid;
        place-items: center;
        min-height: 78px;
        padding: 14px;
        border: 2px dashed rgba(90, 79, 207, 0.32);
        border-radius: 14px;
        color: #425189;
        text-align: center;
        cursor: pointer;
        background: white;
      }

      .contact-image-dropzone.is-dragging { border-color: #5a4fcf; background: #f0efff; }
      .contact-image-dropzone input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

      .contact-image-editor__separator {
        display: flex;
        align-items: center;
        gap: 10px;
        color: var(--muted);
        font-size: 0.78rem;
      }

      .contact-image-editor__separator::before,
      .contact-image-editor__separator::after {
        content: "";
        height: 1px;
        flex: 1;
        background: rgba(96, 111, 171, 0.18);
      }

      .contact-image-editor__notice,
      .contact-image-editor__status { color: var(--muted); font-size: 0.8rem; line-height: 1.45; }
      .contact-image-editor__status.is-error { color: #a12c38; }
      .contact-image-editor__status.is-success { color: #16734b; }
      .contact-image-editor__actions { display: flex; gap: 8px; flex-wrap: wrap; }
      .contact-profile-image { position: relative; flex: 0 0 auto; }
      .contact-profile-image__edit {
        position: absolute;
        right: -8px;
        bottom: -8px;
        width: 34px;
        height: 34px;
        padding: 0;
        border-radius: 50%;
        border: 2px solid white;
        box-shadow: 0 5px 16px rgba(26, 37, 89, 0.18);
      }

      @media (max-width: 640px) {
        .contact-image-editor { grid-template-columns: 1fr; }
      }

      .contact-meta {
        min-width: 0;
        width: 100%;
      }

      .contact-subline {
        margin-top: 3px;
        color: var(--muted);
        font-size: 0.78rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .contact-subline--primary {
        margin-top: 0;
        color: #32457f;
        font-size: 0.84rem;
        font-weight: 700;
      }

      .contact-owner-chip {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 28px;
        min-width: 0;
        padding: 0 9px;
        border-radius: 999px;
        background: #f2f5ff;
        color: #43558c;
        font-size: 0.76rem;
        font-weight: 700;
        line-height: 1.2;
        white-space: nowrap;
      }

      .contact-owner-chip--empty {
        background: #fff8ee;
        color: #8a641f;
      }

      .contact-sector-pill,
      .contact-priority-pill {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        max-width: 100%;
        padding: 0 9px;
        border: 1px solid var(--sector-border, #dce4f6);
        border-radius: 999px;
        background: var(--sector-bg, #f8faff);
        color: var(--sector-color, #3f4f80);
        font-size: 0.76rem;
        font-weight: 750;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .contact-priority-pill {
        min-width: 74px;
        justify-content: center;
        border-color: transparent;
        background: transparent;
        color: #6b7498;
        padding-inline: 10px;
      }

      .contact-priority-pill::before {
        content: "";
        width: 7px;
        height: 7px;
        margin-right: 7px;
        border-radius: 999px;
        background: #9aa4c2;
      }

      .contact-priority-pill--high::before {
        background: #c8614b;
      }

      .contact-priority-pill--medium::before {
        background: #c59a32;
      }

      .contact-priority-pill--low::before {
        background: #4a9b66;
      }

      .consent-availability-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        min-height: 26px;
        max-width: 100%;
        padding: 0 9px;
        border: 1px solid #d9dfed;
        border-radius: 999px;
        background: #f4f6fa;
        color: #596581;
        font-size: 0.75rem;
        font-weight: 800;
        line-height: 1.15;
        white-space: nowrap;
      }

      .consent-availability-badge--success {
        border-color: #b9e5cb;
        background: #e1f7ea;
        color: #17633d;
      }

      .consent-availability-badge--warning,
      .consent-availability-badge--limited {
        border-color: #ead9b5;
        background: #fff7e8;
        color: #805d19;
      }

      .consent-availability-badge--limited {
        border-color: #c9d7f5;
        background: #eef4ff;
        color: #294d99;
      }

      .consent-availability-badge--danger {
        border-color: #f2c2c2;
        background: #fff0f0;
        color: #9b2c2c;
      }

      .consent-availability-badge--neutral {
        border-color: #d9dfed;
        background: #f4f6fa;
        color: #596581;
      }

      .consent-availability-badge--compact {
        min-height: 24px;
        padding-inline: 8px;
        font-size: 0.7rem;
      }

      .ehc-profile-badge {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        min-height: 25px;
        padding: 3px 9px;
        border: 1px solid #c9d7f5;
        border-radius: 999px;
        background: #eef4ff;
        color: #294d99;
        font-size: 0.7rem;
        font-weight: 850;
        line-height: 1.15;
        white-space: nowrap;
      }

      .ehc-profile-badge--compact {
        min-height: 21px;
        padding: 2px 6px;
        font-size: 0.62rem;
      }

      .detail-profile-meta .contact-priority-pill {
        min-height: 30px;
        padding: 0 12px;
        border: 1px solid #f2d7a8;
        background: var(--warning-soft);
        color: #8a5b14;
        font-size: 0.82rem;
        font-weight: 850;
      }

      .detail-line__value .contact-priority-pill {
        min-width: 84px;
        justify-content: center;
        padding-inline: 12px;
      }

      .detail-profile-meta .contact-priority-pill::before {
        width: 8px;
        height: 8px;
        margin-right: 7px;
      }

      .detail-profile-actions .action-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 12px;
        border-radius: var(--radius-md);
        background: var(--surface);
        color: var(--primary);
        font-size: 0.8rem;
        font-weight: 850;
        text-decoration: none;
      }

      .detail-profile-actions .action-button:hover {
        text-decoration: none;
      }

      .contact-date {
        color: #667399;
        font-size: 0.8rem;
        font-weight: 700;
        white-space: nowrap;
      }

      .row-editor {
        width: 100%;
        min-height: 38px;
        padding: 8px 10px;
        border: 1px solid transparent;
        border-radius: 10px;
        background: transparent;
        color: var(--text);
        outline: 0;
      }

      .row-editor:hover {
        background: #f6f9ff;
      }

      .row-editor:focus {
        border-color: #8eb2ff;
        background: #ffffff;
        box-shadow: 0 0 0 4px rgba(74, 121, 237, 0.12);
      }

      .row-select {
        appearance: none;
        cursor: pointer;
        font-weight: 500;
        color: #44517f;
      }

      .row-select--priority {
        border-color: #dde4fb;
        box-shadow: inset 3px 0 0 rgba(95, 117, 185, 0.2);
      }

      .row-select--priority.is-high {
        background: #fff8f6;
        box-shadow: inset 3px 0 0 rgba(175, 79, 63, 0.45);
      }

      .row-select--priority.is-medium {
        background: #fffbf2;
        box-shadow: inset 3px 0 0 rgba(154, 106, 0, 0.38);
      }

      .row-select--priority.is-low {
        background: #f4fbf6;
        box-shadow: inset 3px 0 0 rgba(46, 133, 87, 0.35);
      }

      .contact-thumb {
        object-fit: cover;
        object-position: center;
        background: #eef2ff;
      }

      .contact-name-button {
        display: block;
        min-width: 0;
        max-width: 100%;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--text);
        font-size: 0.9rem;
        font-weight: 800;
        letter-spacing: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
        cursor: pointer;
      }

      .contact-name-button:hover {
        color: #264aa6;
      }

      .contact-name {
        font-weight: 800;
        letter-spacing: -0.02em;
        white-space: nowrap;
      }

      .contact-name__line {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        min-width: 0;
        justify-content: flex-start;
      }

      .entity-name-with-marker {
        display: inline-flex;
        min-width: 0;
        align-items: center;
        gap: 7px;
      }

      .test-data-badge {
        display: inline-flex;
        min-height: 20px;
        flex: 0 0 auto;
        align-items: center;
        padding: 1px 7px;
        border: 1px solid #b9a8f5;
        border-radius: 999px;
        color: #5134a3;
        background: #f2efff;
        font-size: 0.67rem;
        font-weight: 850;
        line-height: 1;
        letter-spacing: 0.02em;
        text-transform: uppercase;
      }

      .test-data-badge--compact {
        min-height: 18px;
        padding-inline: 6px;
        font-size: 0.61rem;
        vertical-align: middle;
      }

      body[data-access-scope="test_only"] :is(
        #bulk-export,
        #expert-bulk-export,
        #export-csv-button,
        #export-format-participants,
        #download-format-template,
        [data-hospitation-export],
        [data-observation-export],
        [data-hospitation-action="export-appointment"]
      ) {
        display: none !important;
      }

      .favorite-star {
        width: 28px;
        height: 28px;
        margin-left: auto;
        padding: 0;
        flex: 0 0 auto;
        border: 0;
        border-radius: 999px;
        display: inline-grid;
        place-items: center;
        background: transparent;
        color: #b3b8cf;
        cursor: pointer;
        transition: transform 140ms ease, color 140ms ease, background-color 140ms ease;
      }

      .favorite-star:hover {
        background: #f5f1d6;
        color: #c89e00;
        transform: scale(1.05);
      }

      .favorite-star.is-active {
        color: #d6a300;
        background: #fff6c7;
      }

      .favorite-star:focus-visible {
        outline: 3px solid rgba(21, 95, 228, 0.24);
        outline-offset: 2px;
      }

      .favorite-star:disabled,
      .favorite-star.is-pending {
        cursor: wait;
        opacity: 0.58;
        transform: none;
      }

      .favorite-star--mobile {
        width: 42px;
        height: 42px;
        margin-left: 0;
        border: 1px solid #e0e6f6;
        background: #ffffff;
      }

      .favorite-star--mobile.is-active {
        border-color: #ead889;
      }

      .favorite-star--detail {
        width: 36px;
        height: 36px;
        margin-left: 0;
        border: 1px solid #dce4f6;
        background: #ffffff;
      }

      .favorite-star svg {
        width: 16px;
        height: 16px;
      }

      .favorite-star--mobile svg,
      .favorite-star--detail svg {
        width: 18px;
        height: 18px;
      }

      .favorite-empty-state {
        display: grid;
        justify-items: center;
        gap: 9px;
        min-height: 250px;
        padding: 38px 24px;
        text-align: center;
      }

      .favorite-empty-state strong {
        color: #243271;
        font-size: 1rem;
      }

      .favorite-empty-state > span:not(.favorite-empty-state__icon) {
        max-width: 48ch;
        color: #6a759b;
        line-height: 1.45;
      }

      .favorite-empty-state__icon {
        width: 54px;
        height: 54px;
        display: grid;
        place-items: center;
        border: 1px solid #ead889;
        border-radius: 999px;
        background: #fff9dd;
        color: #bd9200;
      }

      .favorite-empty-state__icon svg {
        width: 25px;
        height: 25px;
      }

      .badge {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        padding: 0 12px;
        border-radius: 10px;
        font-weight: 700;
        white-space: nowrap;
      }

      .badge--high {
        background: var(--soft-red);
        color: #af4f3f;
      }

      .badge--medium {
        background: var(--soft-orange);
        color: #9a6a00;
      }

      .badge--low {
        background: var(--soft-green);
        color: #2e8557;
      }

      .badge--active {
        background: #dff0ff;
        color: #2d6dc8;
      }

      .badge--pending {
        background: #fff0d8;
        color: #aa7a10;
      }

      .badge--quiet {
        background: #f0ecff;
        color: #7156c9;
      }

      .badge--new {
        background: #e5ffe7;
        color: #2f8650;
      }

      .muted {
        color: var(--muted);
      }

      .empty {
        padding: 34px 28px;
        color: var(--muted);
        text-align: center;
      }

      .contacts-loading-state {
        display: grid;
        gap: 14px;
        padding: 16px;
      }

      .contacts-loading-status {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 14px 16px;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        background: linear-gradient(180deg, var(--surface) 0%, var(--surface-muted) 100%);
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        font-weight: 800;
      }

      .contacts-loading-status strong {
        display: block;
        margin-bottom: 3px;
        color: var(--text-primary);
        font-size: var(--font-size-md);
      }

      .contacts-loading-dot {
        width: 12px;
        height: 12px;
        flex: 0 0 auto;
        border-radius: 999px;
        background: var(--primary);
        box-shadow: 0 0 0 0 rgba(21, 95, 228, 0.24);
        animation: loadingPulse 1.35s ease-out infinite;
      }

      .contacts-loading-list {
        display: grid;
        gap: 10px;
      }

      .contacts-loading-row {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr) 26px;
        align-items: center;
        gap: 14px;
        min-height: 76px;
        padding: 12px 14px;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        background: var(--surface);
      }

      .contacts-loading-line,
      .contacts-loading-avatar,
      .summary-card--loading .summary-icon,
      .summary-card--loading .summary-label,
      .summary-card--loading .summary-value {
        position: relative;
        overflow: hidden;
        background: var(--surface-muted);
      }

      .contacts-loading-line::after,
      .contacts-loading-avatar::after,
      .summary-card--loading .summary-icon::after,
      .summary-card--loading .summary-label::after,
      .summary-card--loading .summary-value::after {
        content: "";
        position: absolute;
        inset: 0;
        transform: translateX(-100%);
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.78), transparent);
        animation: loadingShimmer 1.45s ease-in-out infinite;
      }

      .contacts-loading-avatar {
        width: 48px;
        height: 48px;
        border-radius: 999px;
      }

      .contacts-loading-copy {
        display: grid;
        gap: 8px;
        min-width: 0;
      }

      .contacts-loading-line {
        height: 12px;
        border-radius: 999px;
      }

      .contacts-loading-line--name {
        width: min(220px, 78%);
        height: 15px;
      }

      .contacts-loading-line--org {
        width: min(320px, 92%);
      }

      .contacts-loading-line--meta {
        width: min(190px, 62%);
      }

      .contacts-loading-line--chevron {
        width: 18px;
        height: 18px;
      }

      .summary-card--loading .summary-icon {
        color: transparent;
      }

      .summary-card--loading .summary-label {
        width: min(160px, 100%);
        height: 12px;
        border-radius: 999px;
        color: transparent;
      }

      .summary-card--loading .summary-value {
        width: 92px;
        height: 24px;
        border-radius: 999px;
        color: transparent;
      }

      @keyframes loadingShimmer {
        100% {
          transform: translateX(100%);
        }
      }

      @keyframes loadingPulse {
        100% {
          box-shadow: 0 0 0 14px rgba(21, 95, 228, 0);
        }
      }

      .detail-drawer {
        position: fixed;
        inset: 0;
        display: none;
        z-index: 80;
      }

      .detail-drawer.is-open {
        display: block;
      }

      .detail-overlay {
        position: absolute;
        inset: 0;
        background: rgba(18, 28, 64, 0.26);
      }

      .detail-panel {
        position: absolute;
        top: 0;
        right: 0;
        width: min(520px, 100%);
        height: 100%;
        max-height: 100dvh;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        box-shadow: -24px 0 70px rgba(16, 27, 80, 0.16);
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
      }

      .detail-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 16px;
        border-bottom: 1px solid var(--line);
        position: sticky;
        top: 0;
        background: rgba(255, 255, 255, 0.94);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
      }

      .detail-counter {
        color: var(--muted);
        font-weight: 700;
      }

      .detail-toolbar-actions {
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .detail-close {
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 8px;
        background: #f2f5ff;
        color: var(--text);
        font-size: 1.12rem;
        cursor: pointer;
      }

      .detail-content {
        padding: 16px;
      }

      .detail-bottom-actions {
        margin-top: 14px;
        display: flex;
        justify-content: flex-end;
      }

      .detail-overflow-actions {
        position: relative;
      }

      .detail-overflow-actions > summary {
        list-style: none;
      }

      .detail-overflow-actions > summary::-webkit-details-marker {
        display: none;
      }

      .detail-overflow-actions__menu {
        display: grid;
        justify-items: stretch;
        min-width: 210px;
        margin-top: 8px;
        padding: 8px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-md);
      }

      .detail-overflow-actions__menu .action-button {
        justify-content: flex-start;
      }

      .history-card {
        display: grid;
        gap: 14px;
      }

      .history-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 14px;
      }

      .history-head h4 {
        margin: 0;
        color: #243271;
        font-size: 1rem;
      }

      .history-head p {
        margin: 4px 0 0;
        color: #667399;
        font-size: 0.82rem;
        font-weight: 650;
        line-height: 1.35;
      }

      .history-filters {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .history-filter-group {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .history-owner-filter {
        min-width: 160px;
        min-height: 30px;
        border: 1px solid #dce4fb;
        border-radius: 999px;
        background: #ffffff;
        color: #536397;
        font-size: 0.76rem;
        font-weight: 850;
        padding: 0 10px;
      }

      .history-filter {
        min-height: 30px;
        padding: 0 11px;
        border: 1px solid #dce4fb;
        border-radius: 999px;
        background: #ffffff;
        color: #536397;
        font-size: 0.76rem;
        font-weight: 850;
        cursor: pointer;
      }

      .history-filter.is-active {
        border-color: transparent;
        background: #edf3ff;
        color: #2f55ad;
      }

      .history-timeline {
        display: grid;
        gap: 12px;
      }

      .history-loading,
      .history-empty,
      .history-error {
        padding: 18px;
        border: 1px dashed #d9e1f8;
        border-radius: 16px;
        background: #f8faff;
        color: #64719f;
        font-size: 0.86rem;
        font-weight: 750;
        line-height: 1.45;
      }

      .history-error {
        border-color: #f1c7ba;
        background: #fff6f2;
        color: #a5553c;
      }

      .history-item {
        position: relative;
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 12px;
      }

      .history-item::before {
        content: "";
        position: absolute;
        left: 16px;
        top: 38px;
        bottom: -12px;
        width: 2px;
        background: #e1e8fb;
      }

      .history-item:last-child::before {
        display: none;
      }

      .history-dot {
        width: 34px;
        height: 34px;
        border-radius: 999px;
        display: inline-grid;
        place-items: center;
        background: #edf3ff;
        color: #3155ad;
        font-size: 0.86rem;
        font-weight: 900;
        z-index: 1;
      }

      .history-dot--archive {
        background: #fff0ea;
        color: #ba5635;
      }

      .history-dot--restore {
        background: #eefbf1;
        color: #21864a;
      }

      .history-dot--create {
        background: #ecf7ff;
        color: #2268b5;
      }

      .history-entry {
        padding: 12px;
        border: 1px solid #e2e8fb;
        border-radius: 16px;
        background: #ffffff;
      }

      .history-entry-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
      }

      .history-title {
        color: #253777;
        font-size: 0.9rem;
        font-weight: 900;
        line-height: 1.25;
      }

      .history-meta {
        margin-top: 4px;
        color: #6e7aa5;
        font-size: 0.76rem;
        font-weight: 700;
        line-height: 1.35;
      }

      .history-action-pill {
        min-height: 28px;
        padding: 0 11px;
        border-radius: 999px;
        background: #eef2ff;
        border: 1px solid #c7d2fe;
        color: #3730a3;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        font-size: 0.7rem;
        font-weight: 900;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
        box-shadow: inset 0 -1px 0 rgba(15, 23, 42, 0.06);
      }

      .history-action-pill::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background: currentColor;
        opacity: 0.9;
      }

      .history-action-pill--update {
        background: #dbeafe;
        border-color: #60a5fa;
        color: #1d4ed8;
      }

      .history-action-pill--import {
        background: #dcfce7;
        border-color: #4ade80;
        color: #166534;
      }

      .history-action-pill--create {
        background: #ccfbf1;
        border-color: #2dd4bf;
        color: #0f766e;
      }

      .history-action-pill--archive {
        background: #ffe4e6;
        border-color: #fb7185;
        color: #be123c;
      }

      .history-action-pill--restore {
        background: #fef3c7;
        border-color: #f59e0b;
        color: #92400e;
      }

      .history-change-list {
        display: grid;
        gap: 8px;
        margin-top: 10px;
      }

      .history-details {
        margin-top: 10px;
      }

      .history-details summary {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border: 1px solid #dfe7ff;
        border-radius: 999px;
        background: #f7f9ff;
        color: #3155ad;
        font-size: 0.74rem;
        font-weight: 900;
        cursor: pointer;
      }

      .history-change {
        display: grid;
        gap: 6px;
        padding: 9px 10px;
        border-radius: 12px;
        background: #f8faff;
      }

      .history-field {
        color: #354887;
        font-size: 0.78rem;
        font-weight: 900;
      }

      .history-values {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: center;
        gap: 8px;
      }

      .history-value {
        min-width: 0;
        padding: 7px 8px;
        border-radius: 10px;
        background: #ffffff;
        color: #536397;
        font-size: 0.76rem;
        font-weight: 700;
        line-height: 1.35;
        overflow-wrap: anywhere;
      }

      .history-value--old {
        color: #8b6d62;
        background: #fff7f3;
      }

      .history-value--new {
        color: #27633f;
        background: #f1fbf4;
      }

      .history-arrow {
        color: #7e8ab4;
        font-weight: 900;
      }

      .activities-workspace {
        display: grid;
        gap: 0;
        overflow: hidden;
        border: 1px solid #d9e2f5;
        border-radius: 8px;
        background: var(--surface);
        box-shadow: 0 16px 40px rgba(15, 23, 42, 0.07);
      }

      .app-shell[data-active-view="activities"] .controls {
        display: none;
      }

      .activities-toolbar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
        padding: 14px;
        border-bottom: 1px solid #e2e8f0;
        background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
      }

      .activities-search-slot {
        min-width: 0;
      }

      .activities-search-slot .search-shell {
        min-height: 46px;
        width: 100%;
        border: 1px solid #c7d2fe;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 10px 28px rgba(49, 75, 153, 0.08);
      }

      .activities-search-slot .search-shell:focus-within {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
      }

      .activities-search-slot .search-shell svg {
        color: #2563eb;
      }

      .activities-search-slot .search-input {
        font-weight: 800;
      }

      .activities-command-row {
        display: block;
        padding: 12px 14px;
        border-bottom: 1px solid #e2e8f0;
        background: #f8fafc;
      }

      .activities-filters {
        display: grid;
        grid-template-columns: repeat(3, minmax(180px, 1fr));
        align-items: stretch;
        gap: 12px;
        width: 100%;
      }

      .activities-filter-field {
        position: relative;
        display: grid;
        gap: 5px;
        min-width: 0;
        min-height: 62px;
        padding: 9px 36px 10px 12px;
        border: 1px solid #dbe5f7;
        border-radius: 8px;
        background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
        box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
        transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
      }

      .activities-filter-field::after {
        content: "";
        position: absolute;
        right: 14px;
        bottom: 18px;
        width: 8px;
        height: 8px;
        border-right: 2px solid #64748b;
        border-bottom: 2px solid #64748b;
        transform: rotate(45deg);
        pointer-events: none;
      }

      .activities-filter-field:focus-within {
        border-color: var(--primary);
        background: #ffffff;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.11), 0 10px 24px rgba(15, 23, 42, 0.08);
      }

      .activities-filter-field > span {
        color: #64748b;
        font-size: var(--font-size-xs);
        font-weight: 900;
        letter-spacing: 0;
        text-transform: uppercase;
      }

      .activities-filter {
        width: 100%;
        min-height: 22px;
        border: 0;
        border-radius: 0;
        appearance: none;
        background: transparent;
        color: var(--text-primary);
        padding: 0;
        font-size: var(--font-size-sm);
        font-weight: 900;
      }

      .activities-filter:focus-visible {
        outline: none;
      }

      .activities-filter-field[data-custom-select] {
        padding: 9px 11px 10px;
      }

      .activities-filter-field[data-custom-select]::after {
        display: none;
      }

      .activities-filter-field[data-custom-select] .activities-filter {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        pointer-events: none;
      }

      .activities-filter-field[data-custom-select] .custom-select-trigger {
        min-height: 28px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 900;
      }

      .activities-filter-field[data-custom-select].is-open .custom-select-trigger,
      .activities-filter-field[data-custom-select]:focus-within .custom-select-trigger {
        background: transparent;
        box-shadow: none;
      }

      .activities-filter-field[data-custom-select] .custom-select-trigger__label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .activities-filter-field[data-custom-select] .custom-select-trigger__icon {
        width: 17px;
        height: 17px;
        color: #64748b;
      }

      .activities-filter-field[data-custom-select].is-open .custom-select-trigger__icon {
        color: var(--primary);
      }

      .activities-filter-field[data-custom-select] .custom-select-panel {
        top: calc(100% + 8px);
        min-width: 100%;
        border-radius: 8px;
        z-index: 46;
      }

      .activities-filter-field[data-custom-select] .custom-select-option {
        border-radius: 8px;
        padding: 10px 12px;
        color: #1e293b;
        font-size: var(--font-size-sm);
        font-weight: 850;
      }

      .activities-filter-field[data-select-type="activity-user"] .custom-select-trigger__label,
      .activities-filter-field[data-select-type="activity-user"] .custom-select-option__label {
        display: flex;
        align-items: center;
        gap: 9px;
        min-width: 0;
      }

      .activity-user-filter-avatar {
        width: 26px;
        height: 26px;
        flex: 0 0 26px;
        display: inline-grid;
        place-items: center;
        overflow: hidden;
        border: 1px solid rgba(148, 163, 184, 0.32);
        border-radius: 999px;
        background: linear-gradient(135deg, #eaf1ff 0%, #f5f8ff 100%);
        color: #214187;
        font-size: 0.66rem;
        font-weight: 900;
        line-height: 1;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.82);
      }

      .activity-user-filter-avatar .avatar-image,
      .activity-user-filter-avatar img {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        object-fit: cover;
      }

      .activity-user-filter-name {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .activities-filter--native-hidden {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        pointer-events: none;
      }

      .activities-meta {
        min-height: 34px;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0 12px;
        border: 1px solid #bfdbfe;
        border-radius: 999px;
        background: #dbeafe;
        color: #1d4ed8;
        font-size: var(--font-size-sm);
        font-weight: 900;
        white-space: nowrap;
      }

      .activities-feed-shell {
        display: grid;
        gap: 14px;
        padding: 18px;
        background: #f1f5f9;
      }

      .activities-timeline {
        display: grid;
        gap: 16px;
        width: 100%;
      }

      .activity-day-group {
        display: grid;
        gap: 10px;
      }

      .activity-day-label {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 900;
        letter-spacing: 0;
        text-transform: uppercase;
      }

      .activity-day-label::after {
        content: "";
        flex: 1 1 auto;
        height: 1px;
        background: #d7e0f4;
      }

      .activity-feed {
        display: grid;
        gap: 10px;
      }

      .activity-item {
        position: relative;
        display: block;
        cursor: default;
      }

      .activity-item::before {
        display: none;
      }

      .activity-item:last-child::before {
        display: none;
      }

      .activity-actor-avatar {
        width: 24px;
        height: 24px;
        border-radius: 999px;
        display: inline-grid;
        place-items: center;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: var(--font-size-xs);
        font-weight: 900;
        overflow: hidden;
        z-index: 1;
        border: 1px solid #ffffff;
        box-shadow: 0 0 0 1px #dbeafe;
      }

      .activity-actor-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .activity-entry {
        display: grid;
        gap: 0;
        padding: 10px 12px;
        border: 1px solid #d9e2f5;
        border-left: 4px solid #2563eb;
        border-radius: 8px;
        background: var(--surface);
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
        transition: border-color 0.16s ease, box-shadow 0.16s ease;
      }

      .activity-item:hover .activity-entry {
        border-color: #cbd5e1;
        box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
      }

      .activity-item--update .activity-entry {
        border-left-color: #2563eb;
      }

      .activity-item--import .activity-entry {
        border-left-color: #16a34a;
      }

      .activity-item--create .activity-entry {
        border-left-color: #0d9488;
      }

      .activity-item--archive .activity-entry {
        border-left-color: #e11d48;
      }

      .activity-item--restore .activity-entry {
        border-left-color: #f59e0b;
      }

      .activity-item--owner .activity-entry {
        border-left-color: #7c3aed;
      }

      .activity-entry-head {
        display: grid;
        grid-template-columns: minmax(132px, 0.32fr) minmax(0, 1fr) max-content;
        align-items: center;
        column-gap: 12px;
        min-width: 0;
      }

      .activity-head-main {
        display: grid;
        gap: 4px;
        min-width: 0;
      }

      .activity-actor-cell {
        display: grid;
        grid-template-columns: 26px minmax(0, 1fr);
        align-items: center;
        gap: 8px;
        min-width: 0;
        padding-right: 12px;
        border-right: 1px solid #e2e8f0;
      }

      .activity-actor-copy {
        display: grid;
        gap: 2px;
        min-width: 0;
      }

      .activity-actor-name {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #334155;
        white-space: nowrap;
      }

      .activity-actor-team {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #64748b;
        font-size: 0.68rem;
        font-weight: 800;
        line-height: 1.15;
        white-space: nowrap;
      }

      .activity-contact-context {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        flex: 0 1 auto;
        min-width: 0;
        max-width: min(100%, 540px);
        padding: 0;
        border-radius: 0;
        background: transparent;
        color: var(--text-muted);
        font-size: 0.82rem;
        font-weight: 750;
        line-height: 1.25;
      }

      .activity-contact-context .history-action-pill {
        margin-right: 8px;
      }

      .activity-contact-avatar {
        display: inline-flex;
        align-items: center;
        flex: 0 0 auto;
      }

      .activity-contact-avatar .avatar {
        width: 22px;
        height: 22px;
        font-size: 0.64rem;
        box-shadow: none;
      }

      .activity-contact-text {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        min-width: 0;
        white-space: nowrap;
      }

      .activity-contact-name {
        min-width: 0;
        max-width: 15rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #1e293b;
        font-weight: 900;
      }

      .activity-entry-side {
        display: grid;
        align-content: center;
        justify-items: end;
        gap: 5px;
        min-width: 86px;
        padding-left: 12px;
        border-left: 1px solid #e2e8f0;
        text-align: right;
      }

      .activity-details-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        border: 1px solid #c7d2fe;
        background: #ffffff;
        color: #1d4ed8;
        cursor: pointer;
        font: inherit;
        font-size: 0.72rem;
        font-weight: 900;
        line-height: 1;
        white-space: nowrap;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
        transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
      }

      .activity-details-toggle:hover,
      .activity-details-toggle:focus-visible,
      .activity-details-toggle[aria-expanded="true"] {
        border-color: #93c5fd;
        background: #dbeafe;
        color: #1d4ed8;
      }

      .activity-details-toggle:focus-visible {
        outline: 2px solid rgba(37, 99, 235, 0.28);
        outline-offset: 2px;
      }

      .activity-details-toggle:disabled {
        cursor: default;
        opacity: 0.55;
      }

      .activity-contact-meta {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
        max-width: 18rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #64748b;
        font-weight: 800;
      }

      .activity-contact-meta::before {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 999px;
        background: #94a3b8;
      }

      .activities-workspace .history-action-pill {
        min-height: 23px;
        padding: 0 8px;
        border-radius: 999px;
        border: 1px solid #c7d2fe;
        background: #eef2ff;
        color: #3730a3;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        font-size: 0.66rem;
        font-weight: 900;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
        box-shadow: inset 0 -1px 0 rgba(15, 23, 42, 0.06);
      }

      .activities-workspace .history-action-pill--update {
        background: #dbeafe;
        border-color: #60a5fa;
        color: #1d4ed8;
      }

      .activities-workspace .history-action-pill--import {
        background: #dcfce7;
        border-color: #4ade80;
        color: #166534;
      }

      .activities-workspace .history-action-pill--create {
        background: #ccfbf1;
        border-color: #2dd4bf;
        color: #0f766e;
      }

      .activities-workspace .history-action-pill--archive {
        background: #ffe4e6;
        border-color: #fb7185;
        color: #be123c;
      }

      .activities-workspace .history-action-pill--restore {
        background: #fef3c7;
        border-color: #f59e0b;
        color: #92400e;
      }

      .activities-workspace .history-action-pill--owner {
        background: #ede9fe;
        border-color: #a78bfa;
        color: #6d28d9;
      }

      .activities-workspace .history-details {
        margin-top: 0;
      }

      .activities-workspace .history-change-list {
        gap: 8px;
        margin-top: 10px;
      }

      .activities-workspace .activity-detail-panel {
        padding-top: 10px;
        border-top: 1px solid #e2e8f0;
      }

      .activities-workspace .activity-detail-panel[hidden] {
        display: none;
      }

      .activities-workspace .history-change {
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        background: #ffffff;
      }

      .activities-workspace .history-field {
        color: #334155;
      }

      .activity-row {
        --activity-accent: var(--text-muted);
        --activity-soft: var(--surface-muted);
      }

      .activity-row[data-activity-category="master_data"] {
        --activity-accent: var(--info);
        --activity-soft: var(--info-soft);
      }

      .activity-row[data-activity-category="ownership"] {
        --activity-accent: var(--purple);
        --activity-soft: var(--primary-soft);
      }

      .activity-row[data-activity-category="consent"] {
        --activity-accent: var(--success);
        --activity-soft: var(--success-soft);
      }

      .activity-row[data-activity-category="hospitation"] {
        --activity-accent: var(--warning);
        --activity-soft: var(--warning-soft);
      }

      .activity-row[data-activity-category="format"] {
        --activity-accent: var(--primary);
        --activity-soft: var(--primary-soft);
      }

      .activity-row[data-activity-category="note_document"] {
        --activity-accent: var(--text-secondary);
        --activity-soft: var(--surface-muted);
      }

      .activity-row[data-activity-category="unknown"] {
        --activity-accent: var(--text-muted);
        --activity-soft: var(--surface-muted);
      }

      .activity-row.history-item {
        display: block;
      }

      .activity-row.history-item::before {
        display: none;
      }

      .activity-row .activity-entry {
        border-left-color: var(--activity-accent);
      }

      .activity-row .activity-entry-head {
        grid-template-columns: 34px minmax(0, 1fr) max-content;
        align-items: start;
      }

      .activity-category-icon {
        width: 32px;
        height: 32px;
        display: inline-grid;
        place-items: center;
        border-radius: var(--radius-md);
        background: var(--activity-soft);
        color: var(--activity-accent);
      }

      .activity-category-icon svg {
        width: 18px;
        height: 18px;
      }

      .activity-title-row,
      .activity-context-row,
      .activity-meta-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 7px;
        min-width: 0;
      }

      .activity-title {
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 900;
        line-height: 1.3;
      }

      .activity-category-badge {
        min-height: 22px;
        display: inline-flex;
        align-items: center;
        padding: 0 7px;
        border: 1px solid var(--activity-accent);
        border-radius: 999px;
        background: var(--activity-soft);
        color: var(--text-primary);
        font-size: 0.66rem;
        font-weight: 900;
        line-height: 1;
        white-space: nowrap;
      }

      .activity-context-row {
        margin-top: 4px;
        color: var(--text-secondary);
      }

      .activity-row .activity-contact-context {
        gap: 6px;
        max-width: 100%;
      }

      .activity-object-context {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        min-width: 0;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 800;
      }

      .activity-contact-context + .activity-object-context::before {
        content: "·";
        color: var(--text-muted);
      }

      .activity-object-context strong {
        min-width: 0;
        max-width: 18rem;
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--text-secondary);
        white-space: nowrap;
      }

      .activity-meta-row {
        margin-top: 6px;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 750;
      }

      .activity-meta-row > * + *::before {
        content: "·";
        margin-right: 7px;
        color: var(--border-strong);
      }

      .activity-row .activity-actor-cell {
        display: inline-flex;
        grid-template-columns: none;
        align-items: center;
        gap: 5px;
        padding-right: 0;
        border-right: 0;
      }

      .activity-row .activity-actor-name {
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
      }

      .activity-row .activity-actor-team {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
      }

      .activity-row .activity-entry-side {
        min-width: 0;
        padding-left: 10px;
        border-left: 0;
      }

      .activity-row .activity-details-toggle {
        border-radius: var(--radius-md);
        border-color: var(--border);
        color: var(--primary);
        box-shadow: none;
      }

      .activity-row .activity-detail-panel {
        margin: 10px 0 0 46px;
        padding-top: 10px;
        border-top: 1px solid var(--border);
      }

      .activity-row .activity-detail-panel[hidden] {
        display: none;
      }

      .activity-row .history-change {
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
      }

      .activities-workspace .activity-row .activity-entry {
        padding: 10px 12px;
      }

      .activities-workspace .activity-row .activity-entry-head {
        grid-template-columns: minmax(210px, 1.05fr) minmax(0, 2.7fr) max-content max-content;
        grid-template-rows: auto auto;
        align-items: center;
        column-gap: 14px;
        row-gap: 6px;
      }

      .activities-workspace .activity-row .activity-actor-cell {
        display: grid;
        grid-column: 1;
        grid-row: 1 / span 2;
        grid-template-columns: 30px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        min-width: 0;
        padding-right: 14px;
        border-right: 1px solid var(--border);
      }

      .activities-workspace .activity-row .activity-actor-avatar {
        width: 30px;
        height: 30px;
      }

      .activities-workspace .activity-row .activity-actor-copy {
        gap: 4px;
      }

      .activities-workspace .activity-row .activity-actor-name {
        color: var(--text-primary);
        font-size: var(--font-size-sm);
      }

      .activities-workspace .activity-row .activity-actor-team {
        display: inline-flex;
        align-items: center;
        justify-self: start;
        width: max-content;
        max-width: 100%;
        min-height: 22px;
        padding: 3px 7px;
        overflow: visible;
        border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--border));
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: 0.66rem;
        font-weight: 900;
        line-height: 1.2;
        text-overflow: clip;
        white-space: normal;
      }

      .activities-workspace .activity-row .activity-title-cell,
      .activities-workspace .activity-row .activity-subject-cell,
      .activities-workspace .activity-row .activity-category-cell {
        min-width: 0;
      }

      .activities-workspace .activity-row .activity-title-cell,
      .activities-workspace .activity-row .activity-subject-cell {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 30px;
      }

      .activities-workspace .activity-row .activity-title-cell {
        grid-column: 2;
        grid-row: 1;
      }

      .activities-workspace .activity-row .activity-subject-cell {
        grid-column: 2;
        grid-row: 2;
      }

      .activities-workspace .activity-row .activity-title-cell .activity-category-icon {
        width: 30px;
        height: 30px;
        flex: 0 0 auto;
      }

      .activities-workspace .activity-row .activity-title-cell .activity-category-icon svg {
        width: 16px;
        height: 16px;
      }

      .activities-workspace .activity-row .activity-title-cell .activity-title {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .activities-workspace .activity-row .activity-subject-cell,
      .activities-workspace .activity-row .activity-contact-context {
        max-width: none;
      }

      .activities-workspace .activity-row .activity-contact-context {
        gap: 10px;
      }

      .activities-workspace .activity-row .activity-contact-avatar {
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
      }

      .activities-workspace .activity-row .activity-contact-avatar .avatar {
        width: 30px;
        height: 30px;
        font-size: 0.72rem;
      }

      .activities-workspace .activity-row .activity-contact-text {
        display: flex;
        min-width: 0;
      }

      .activities-workspace .activity-row .activity-contact-name,
      .activities-workspace .activity-row .activity-contact-meta {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .activities-workspace .activity-row .activity-category-cell {
        display: flex;
        grid-column: 3;
        grid-row: 1 / span 2;
        align-self: center;
        justify-self: end;
      }

      .activities-workspace .activity-row .activity-entry-side {
        grid-column: 4;
        grid-row: 1 / span 2;
        align-self: center;
        min-width: 76px;
        padding-left: 10px;
        border-left: 1px solid var(--border);
      }

      .activities-workspace .activity-row .activity-detail-panel {
        margin-top: 8px;
        margin-left: 0;
        padding-top: 8px;
      }

      .activity-detail-meta {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 12px 28px;
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 800;
      }

      .activity-detail-meta-item {
        min-width: 150px;
      }

      .activity-detail-time {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        align-items: center;
        gap: 11px;
        min-width: min(100%, 320px);
        padding: 10px 12px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: linear-gradient(135deg, var(--surface), var(--info-soft));
      }

      .activity-detail-time-icon {
        display: grid;
        width: 36px;
        height: 36px;
        place-items: center;
        border-radius: 11px;
        background: var(--info-soft);
        color: var(--info);
      }

      .activity-detail-time-icon svg {
        width: 18px;
        height: 18px;
      }

      .activity-detail-time-copy {
        display: grid;
        gap: 3px;
        min-width: 0;
      }

      .activity-detail-time-copy .history-value-label {
        margin: 0;
      }

      .activity-detail-time time {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
        gap: 5px 10px;
      }

      .activity-detail-date {
        color: var(--text-primary);
        font-weight: 900;
      }

      .activity-detail-clock {
        display: inline-flex;
        padding: 3px 8px;
        border-radius: 999px;
        background: var(--surface);
        color: var(--primary);
        font-weight: 900;
        white-space: nowrap;
      }

      .history-value-label {
        display: block;
        margin-bottom: 3px;
        color: var(--text-muted);
        font-size: 0.62rem;
        font-weight: 900;
        letter-spacing: 0.02em;
        text-transform: uppercase;
      }

      .notifications-workspace {
        display: grid;
        gap: 12px;
        align-content: start;
        min-height: min(70vh, 720px);
      }

      .notifications-command-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: 10px;
      }

      .notifications-filters {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        min-width: 0;
        overflow-x: visible;
        padding-bottom: 0;
        -ms-overflow-style: none;
        scrollbar-width: none;
      }

      .notifications-filters::-webkit-scrollbar {
        display: none;
      }

      .notification-filter {
        flex: 0 0 auto;
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 0 12px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        font-weight: 850;
        line-height: 1;
        cursor: pointer;
      }

      .notification-filter--product {
        position: relative;
        margin-left: 5px;
      }

      .notification-filter--product::before {
        content: "";
        position: absolute;
        top: 7px;
        bottom: 7px;
        left: -7px;
        width: 1px;
        background: var(--border);
        pointer-events: none;
      }

      .notification-filter__count {
        min-width: 22px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 3px 6px;
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 900;
        font-variant-numeric: tabular-nums;
        line-height: 1;
      }

      .notification-filter__count[hidden] {
        display: none !important;
      }

      .notification-filter:hover,
      .notification-filter:focus-visible {
        border-color: var(--border-strong);
        background: var(--surface-muted);
        color: var(--text-primary);
        outline: none;
      }

      .notification-filter.is-active {
        border-color: var(--primary);
        background: var(--primary-soft);
        color: var(--primary);
      }

      .notification-filter.is-active .notification-filter__count {
        background: var(--surface);
        color: var(--primary);
      }

      .notifications-filter-note {
        margin: -2px 0 0;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 750;
        line-height: var(--line-height-normal);
      }

      .notifications-command-actions {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        margin-left: auto;
      }

      .notifications-meta {
        justify-self: end;
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        font-weight: 850;
        white-space: nowrap;
      }

      .notifications-feed-shell {
        min-height: 420px;
        padding: 12px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
      }

      .notifications-feed-shell.is-empty {
        min-height: 210px;
      }

      .notifications-list {
        display: grid;
        gap: 10px;
      }

      .notification-item {
        min-width: 0;
        overflow: hidden;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
      }

      .notification-item.is-unread {
        border-color: var(--border-strong);
        box-shadow: inset 3px 0 0 var(--danger);
      }

      .notification-item__heading {
        margin: 0;
      }

      .notification-item__toggle {
        width: 100%;
        min-height: 48px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 24px;
        align-items: center;
        gap: 12px;
        padding: 12px 14px;
        border: 0;
        background: transparent;
        color: inherit;
        font: inherit;
        text-align: left;
        cursor: pointer;
      }

      .notification-item__summary {
        min-width: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 6px 16px;
      }

      .notification-item__summary-meta {
        min-width: 0;
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 6px;
      }

      .notification-item__summary-status {
        justify-self: end;
      }

      .notification-item__category-group {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        gap: 6px;
      }

      .notification-item__compass-mark {
        width: 22px;
        height: 22px;
        flex: 0 0 22px;
        object-fit: contain;
      }

      .notification-item__category,
      .notification-item__summary-date,
      .notification-item__summary-status {
        min-height: 22px;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 3px 7px;
        border: 1px solid var(--border);
        border-radius: 999px;
        font-size: var(--font-size-xs);
        font-weight: 850;
        line-height: 1;
        white-space: nowrap;
      }

      .notification-item__category {
        border-color: color-mix(in srgb, var(--primary) 24%, var(--border));
        background: var(--primary-soft);
        color: var(--primary);
      }

      .notification-item__summary-date {
        justify-self: end;
        background: var(--surface-muted);
        color: var(--text-muted);
        font-variant-numeric: tabular-nums;
      }

      .notification-item__summary-status.is-unread {
        border-color: color-mix(in srgb, var(--danger) 32%, var(--border));
        background: var(--danger-soft);
        color: var(--danger);
      }

      .notification-item__summary-status.is-read {
        background: var(--surface-muted);
        color: var(--text-muted);
      }

      .notification-item__summary-status.is-info {
        border-color: color-mix(in srgb, var(--primary) 24%, var(--border));
        background: var(--surface-muted);
        color: var(--text-secondary);
      }

      .notification-item__toggle:hover,
      .notification-item__toggle[aria-expanded="true"] {
        background: var(--surface-muted);
      }

      .notification-item__toggle:focus-visible {
        outline: 2px solid var(--primary);
        outline-offset: -3px;
      }

      .notification-item__chevron {
        width: 24px;
        height: 24px;
        display: inline-grid;
        place-items: center;
        color: var(--text-muted);
        transition: transform 0.16s ease;
      }

      .notification-item__chevron svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .notification-item__toggle[aria-expanded="true"] .notification-item__chevron {
        transform: rotate(180deg);
      }

      .notification-item__details {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        align-items: start;
        gap: 12px;
        padding: 12px 14px 14px;
        border-top: 1px solid var(--border);
      }

      .notification-item__details[hidden] {
        display: none !important;
      }

      .notification-item__icon {
        width: 38px;
        height: 38px;
        display: inline-grid;
        place-items: center;
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
      }

      .notification-item__icon svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .notification-item__body {
        min-width: 0;
      }

      .notification-item__title {
        min-width: 0;
        color: var(--text-primary);
        font-size: var(--font-size-md);
        font-weight: 900;
        line-height: var(--line-height-tight);
        overflow-wrap: anywhere;
      }

      .notification-item__text,
      .notification-item__meta {
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        line-height: 1.4;
        overflow-wrap: anywhere;
      }

      .notification-item__meta {
        margin-top: 4px;
        font-weight: 750;
      }

      .notification-item__actions {
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .notification-item__unread-dot,
      .notification-unread-dot {
        width: 9px;
        height: 9px;
        flex: 0 0 auto;
        border-radius: 999px;
        background: var(--danger);
      }

      .notification-open {
        min-height: 32px;
      }

      @media (prefers-reduced-motion: reduce) {
        .notification-item__chevron {
          transition: none;
        }
      }

      .notifications-empty,
      .notifications-error {
        min-height: 240px;
        display: grid;
        place-items: center;
        padding: 24px;
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        font-weight: 850;
        text-align: center;
      }

      .notifications-feed-shell.is-empty .notifications-empty {
        min-height: 180px;
      }

      .notification-empty-state {
        display: grid;
        justify-items: center;
        align-content: center;
        gap: 10px;
        color: var(--text-muted);
        line-height: var(--line-height-normal);
        text-align: center;
      }

      .notification-empty-state__icon {
        width: 34px;
        height: 34px;
        display: inline-grid;
        place-items: center;
        border-radius: 999px;
        border: 1px solid var(--success);
        background: var(--success-soft);
        color: var(--success);
      }

      .notification-empty-state__icon svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.6;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .notifications-error {
        color: var(--danger);
      }

      .notifications-load-more-row {
        display: flex;
        justify-content: center;
        padding-top: 2px;
      }

      .notifications-load-more-row[hidden] {
        display: none;
      }

      .notifications-load-more {
        min-width: 160px;
        justify-content: center;
      }

      .profile-notifications-workspace {
        min-height: 0;
      }

      .profile-notifications-workspace .notifications-feed-shell {
        min-height: 360px;
      }

      .profile-notifications-workspace .notifications-feed-shell.is-empty {
        min-height: 190px;
      }

      .profile-notifications-workspace .notifications-feed-shell.is-empty .notifications-empty {
        min-height: 160px;
      }

      .history-action-pill--owner {
        background: #ede9fe;
        border-color: #a78bfa;
        color: #6d28d9;
      }

      @media (max-width: 760px) {
        .activities-toolbar {
          grid-template-columns: minmax(0, 1fr);
          align-items: stretch;
        }

        .activities-command-row {
          grid-template-columns: minmax(0, 1fr);
          align-items: stretch;
          padding: 12px;
        }

        .activities-filters {
          grid-template-columns: minmax(0, 1fr);
          width: 100%;
        }

        .activities-filter {
          width: 100%;
        }

        .activities-meta {
          justify-content: center;
          white-space: normal;
        }

        .activities-feed-shell {
          padding: 12px;
        }

        .activity-item {
          display: block;
        }

        .activity-actor-avatar {
          width: 24px;
          height: 24px;
        }

        .activity-entry-head {
          grid-template-columns: minmax(0, 1fr);
          align-items: start;
          row-gap: 8px;
        }

        .activity-row .activity-entry-head {
          grid-template-columns: 32px minmax(0, 1fr);
          column-gap: 9px;
        }

        .activity-row .activity-category-icon {
          grid-column: 1;
          grid-row: 1 / span 2;
        }

        .activity-row .activity-head-main,
        .activity-row .activity-entry-side {
          grid-column: 2;
        }

        .activity-row .activity-entry-side {
          justify-items: start;
          padding-left: 0;
        }

        .activity-row .activity-detail-panel {
          margin-left: 0;
        }

        .activity-row .history-values {
          grid-template-columns: minmax(0, 1fr);
        }

        .activity-row .history-arrow {
          display: none;
        }

        .activities-workspace .activity-row .activity-entry-head {
          grid-template-columns: minmax(0, 1fr) max-content;
        }

        .activities-workspace .activity-row .activity-actor-cell {
          grid-column: 1 / -1;
          grid-row: 1;
          padding-right: 0;
          padding-bottom: 8px;
          border-right: 0;
          border-bottom: 1px solid var(--border);
        }

        .activities-workspace .activity-row .activity-title-cell {
          grid-column: 1 / -1;
          grid-row: 2;
        }

        .activities-workspace .activity-row .activity-subject-cell {
          grid-column: 1 / -1;
          grid-row: 3;
        }

        .activities-workspace .activity-row .activity-contact-context {
          flex-wrap: wrap;
        }

        .activities-workspace .activity-row .activity-category-cell {
          grid-column: 2;
          grid-row: 4;
          align-self: center;
        }

        .activities-workspace .activity-row .activity-entry-side {
          grid-column: 1;
          grid-row: 4;
          justify-items: start;
          min-width: 0;
          padding-left: 0;
          border-left: 0;
        }

        .activity-actor-cell {
          padding-right: 0;
          border-right: 0;
        }

        .activity-head-main {
          padding-top: 1px;
        }

        .activity-entry-side {
          justify-items: end;
          min-width: 0;
          padding-left: 0;
          border-left: 0;
          text-align: right;
        }

        .activity-contact-text {
          white-space: normal;
        }

        .activities-workspace .history-values {
          grid-template-columns: minmax(0, 1fr);
        }

        .activities-workspace .history-arrow {
          display: none;
        }

        .notifications-command-row {
          width: 100%;
          min-width: 0;
          align-items: stretch;
          grid-template-columns: minmax(0, 1fr);
        }

        .notifications-filters {
          width: 100%;
          min-width: 0;
          max-width: 100%;
          flex-wrap: nowrap;
          overflow-x: auto;
          padding-bottom: 2px;
          -ms-overflow-style: none;
          scrollbar-width: none;
        }

        .notifications-filters::-webkit-scrollbar {
          display: none;
        }

        .notification-filter {
          flex: 0 0 auto;
        }

        .notifications-command-actions {
          width: 100%;
          min-width: 0;
          max-width: 100%;
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          justify-content: stretch;
          margin-left: 0;
        }

        .notifications-command-actions .action-button {
          width: 100%;
          justify-content: center;
        }

        .notifications-meta {
          white-space: normal;
        }

        .notifications-feed-shell {
          width: 100%;
          min-width: 0;
          min-height: 360px;
          padding: 10px;
        }

        .notifications-list {
          gap: 12px;
        }

        .notifications-empty,
        .notifications-error {
          min-width: 0;
          overflow-wrap: anywhere;
        }

        .notification-item__toggle {
          align-items: end;
          gap: 8px;
          padding: 14px 12px 14px 14px;
        }

        .notification-item__summary {
          grid-template-columns: minmax(0, 1fr);
          gap: 9px;
        }

        .notification-item__summary-meta {
          grid-column: 1;
          justify-content: space-between;
          flex-wrap: wrap;
          column-gap: 10px;
          row-gap: 8px;
        }

        .notification-item__summary-date {
          margin-left: auto;
        }

        .notification-item__title,
        .notification-item__summary-status {
          grid-column: 1;
        }

        .notification-item__summary-status {
          width: min(132px, 100%);
          justify-self: center;
          justify-content: center;
        }

        .notification-item__details {
          grid-template-columns: 34px minmax(0, 1fr);
          gap: 10px;
        }

        .notification-item__icon {
          width: 34px;
          height: 34px;
        }

        .notification-item__actions {
          grid-column: 2;
          justify-content: flex-start;
        }

        .profile-notifications-workspace {
          min-width: 0;
        }

        .sidebar-notification-button .notification-count-indicator {
          position: absolute;
          top: 4px;
          right: 4px;
          display: inline-flex;
          min-width: 17px;
          height: 17px;
          margin-left: 0;
          padding: 0 4px;
          font-size: 0.62rem;
        }

        .notification-count-indicator[hidden] {
          display: none !important;
        }

        .notification-popover {
          max-width: calc(100vw - 24px);
        }

      }

      .detail-actions {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        margin-top: 16px;
      }

      .detail-hero {
        padding: 28px;
        border-radius: 22px;
        background: #eaf3ff;
      }

      .detail-top {
        display: flex;
        align-items: center;
        gap: 16px;
      }

      .detail-top .avatar {
        width: 62px;
        height: 62px;
        border-radius: 18px;
        font-size: 0.98rem;
      }

      .detail-top img.avatar {
        object-fit: cover;
        object-position: center top;
        background: #eef2ff;
      }

      .detail-hero h3 {
        margin: 0;
        font-size: 2rem;
        letter-spacing: -0.04em;
      }

      .detail-hero p {
        margin: 6px 0 0;
        color: var(--muted);
        line-height: 1.5;
      }

      .detail-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        margin-top: 16px;
      }

      .detail-strip {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 16px;
      }

      .role-badge {
        display: inline-flex;
        align-items: center;
        min-height: auto;
        padding: 0;
        border-radius: 0;
        font-weight: 600;
        white-space: nowrap;
        gap: 8px;
        background: transparent;
        color: #425189;
      }

      .role--betreuung {
        color: #425189;
      }

      .role--institution {
        color: #425189;
      }

      .role--versorgung {
        color: #425189;
      }

      .role--methodik {
        color: #425189;
      }

      .role--netzwerk {
        color: #425189;
      }

      .role--freunde {
        color: #425189;
      }

      .section-block {
        margin-top: 14px;
        padding-top: 14px;
        border-top: 1px solid rgba(26, 37, 89, 0.1);
      }

      .section-title {
        margin: 0 0 14px;
        font-size: 0.86rem;
        color: #5a4fcf;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }

      .detail-stack {
        display: grid;
        gap: 12px;
      }

      .detail-stack--duo {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .detail-card {
        padding: 16px 18px;
        border: 1px solid rgba(217, 222, 245, 0.9);
        border-radius: 18px;
        background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(246,249,255,0.92) 100%);
      }

      .detail-label {
        color: var(--muted);
        font-size: 0.82rem;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }

      .detail-value {
        margin-top: 10px;
        line-height: 1.55;
        font-size: 1rem;
      }

      .detail-value--split {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
      }

      .detail-subvalue {
        margin-top: 6px;
        color: var(--muted);
        font-size: 0.92rem;
      }

      .detail-links {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 12px;
      }

      .detail-link {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        justify-content: center;
        min-height: 44px;
        padding: 0 16px;
        border: 0;
        border-radius: 999px;
        background: #eff4ff;
        color: var(--text);
        cursor: pointer;
        font: inherit;
        text-decoration: none;
        font-weight: 700;
      }

      .detail-link--compact {
        min-height: 30px;
        padding: 0 10px;
        font-size: 0.8rem;
        background: #e8efff;
      }

      .detail-list {
        margin: 10px 0 0;
        padding-left: 18px;
      }

      .detail-list li + li {
        margin-top: 6px;
      }

      .linkedin-icon {
        width: 18px;
        height: 18px;
        border-radius: 5px;
        display: inline-grid;
        place-items: center;
        background: #0a66c2;
        color: white;
        font-size: 0.72rem;
        font-weight: 800;
        flex: 0 0 auto;
      }

      .field-icon {
        width: 22px;
        height: 22px;
        display: inline-grid;
        place-items: center;
        border-radius: 7px;
        background: #eef3ff;
        color: #4f63a6;
        font-size: 0.78rem;
        flex: 0 0 auto;
      }

      .field-head {
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .detail-empty-note {
        margin-top: 12px;
        padding: 10px 12px;
        border-radius: 12px;
        background: #fff4e7;
        color: #8a6112;
        font-size: 0.84rem;
        line-height: 1.45;
      }

      .detail-profile {
        display: grid;
        gap: 14px;
      }

      .detail-profile-top {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 18px;
      }

      .detail-profile-side {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        min-width: 0;
      }

      .detail-profile-main {
        display: flex;
        align-items: center;
        gap: 18px;
        min-width: 0;
      }

      .detail-profile-main .avatar,
      .detail-profile-main img.avatar {
        width: 92px;
        height: 92px;
        border-radius: 999px;
        box-shadow: none;
      }

      .detail-profile-main img.avatar,
      .detail-top img.avatar,
      .contact-thumb,
      .mobile-contact-card img.avatar {
        object-fit: cover;
        object-position: center;
      }

      .detail-profile-copy {
        min-width: 0;
        max-width: 100%;
      }

      .detail-profile-copy h3 {
        margin: 0;
        font-size: 1.16rem;
        line-height: 1.15;
        letter-spacing: -0.02em;
        overflow-wrap: anywhere;
      }

      .detail-profile-role {
        margin-top: 5px;
        color: #4d5d8f;
        font-size: 0.92rem;
        font-weight: 700;
        overflow-wrap: anywhere;
      }

      .detail-profile-subline {
        margin-top: 4px;
        color: var(--muted);
        font-size: 0.82rem;
        line-height: 1.4;
        overflow-wrap: anywhere;
      }

      .detail-profile-status {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
        margin-top: 7px;
      }

      .detail-profile-meta {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        gap: 8px;
        margin-top: 0;
      }

      .detail-meta-control {
        display: grid;
        gap: 2px;
        width: 190px;
        max-width: 100%;
      }

      .detail-meta-control__label {
        color: var(--primary);
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        text-align: center;
      }

      .detail-header-select-shell {
        position: relative;
        width: 100%;
        min-width: 0;
        margin: 0;
      }

      .detail-header-select-shell--owner {
        min-width: 156px;
      }

      .detail-header-select-shell select {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        pointer-events: none;
      }

      .detail-profile-meta .custom-select-trigger--detail {
        min-height: 34px;
        padding: 0 12px;
        border-radius: 999px;
        border-color: #bfd3ff;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: 0.78rem;
        font-weight: 850;
        justify-content: center;
      }

      .detail-header-select-shell--priority .custom-select-trigger--detail {
        border-color: #f2d7a8;
        background: var(--warning-soft);
        color: #8a5b14;
      }

      .detail-owner-dropdown {
        position: relative;
        display: block;
        width: 100%;
        max-width: 100%;
      }

      .detail-owner-dropdown .custom-select-trigger--detail {
        background: var(--primary-soft);
      }

      .detail-owner-dropdown select {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
      }

      .detail-profile-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 12px;
      }

      .detail-profile-source-note {
        margin-top: 8px;
        color: var(--text-muted);
        font-size: 0.74rem;
        line-height: 1.35;
      }

      .detail-profile-edit {
        margin-top: 10px;
        min-height: 32px;
        padding: 0 11px;
        border-radius: 8px;
        font-size: 0.78rem;
      }

      .detail-actions--stacked {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        grid-column: span 2;
      }

      .detail-actions .action-button {
        min-height: 40px;
        padding: 0 10px;
        border-radius: 13px;
        font-size: 0.82rem;
        width: 100%;
      }

      .detail-facts-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .detail-profile-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .detail-fact-card {
        min-height: 0;
        padding: 10px 12px;
        border: 1px solid var(--line);
        border-radius: 15px;
        background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
        box-shadow: 0 12px 28px rgba(49, 75, 153, 0.06);
      }

      .detail-fact-card--wide {
        grid-column: span 2;
      }

      .detail-fact-card--stack {
        display: grid;
        align-content: start;
      }

      .detail-fact-card--compact {
        padding: 9px 11px;
      }

      .detail-fact-card--owner {
        border-color: #cfe0ff;
        background: linear-gradient(180deg, #edf3ff 0%, #dfeaff 100%);
        box-shadow: 0 18px 36px rgba(66, 108, 214, 0.16);
      }

      .detail-fact-label {
        color: #61709f;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }

      .detail-fact-value {
        margin-top: 4px;
        color: #203165;
        font-size: 0.88rem;
        font-weight: 800;
        line-height: 1.28;
        word-break: break-word;
      }

      .detail-fact-value .badge,
      .detail-fact-value .role-badge {
        min-height: 32px;
      }

      .detail-section-title {
        margin: 0 0 8px;
        color: #243271;
        font-size: 0.76rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .detail-section-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 8px;
      }

      .detail-section-head .detail-section-title {
        margin: 0;
      }

      .detail-section-edit {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0;
        border: 0;
        border-radius: var(--radius-sm);
        background: transparent;
        color: var(--primary);
        font-size: 0.74rem;
        font-weight: 850;
      }

      .detail-section-edit:hover,
      .detail-section-edit:focus-visible {
        background: transparent;
        text-decoration: underline;
      }

      .detail-communication-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
      }

      .detail-communication-grid .detail-info-card {
        justify-content: flex-start;
      }

      .detail-communication-grid .detail-info-head {
        min-height: 24px;
      }

      .detail-context-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
      }

      .detail-info-card {
        position: relative;
        min-height: 0;
        padding: 12px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.96);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
      }

      .detail-info-card--span-full {
        grid-column: 1 / -1;
      }

      .detail-info-card--map {
        min-height: 0;
        padding-bottom: 14px;
        justify-content: flex-start;
      }

      .detail-info-card--owner {
        border-color: #c9dbff;
        background: #f5f8ff;
        box-shadow: none;
      }

      .detail-info-card--missing {
        border-color: #eadfca;
        background: #fffaf2;
      }

      .detail-info-card--priority {
        min-height: 0;
        padding: 12px;
      }

      .detail-info-card--priority .detail-select-shell {
        margin-top: 8px;
      }

      .detail-info-card--priority-high {
        border-color: #f1c8bf;
        background: linear-gradient(180deg, #fff7f4 0%, #ffefe9 100%);
      }

      .detail-info-card--priority-medium {
        border-color: #f1ddb0;
        background: linear-gradient(180deg, #fffbf3 0%, #fff4df 100%);
      }

      .detail-info-card--priority-low {
        border-color: #bfe0c8;
        background: linear-gradient(180deg, #f7fff8 0%, #ecfaf0 100%);
      }

      .detail-info-card--priority .detail-inline-select {
        background: rgba(255, 255, 255, 0.8);
      }

      @media (min-width: 1024px) {
        body.detail-open {
          --detail-panel-width: clamp(780px, 56vw, 880px);
        }

        body.detail-open .wrap {
          position: relative;
          padding-right: calc(var(--detail-panel-width) + 22px);
        }

        body.detail-open .wrap::after {
          content: "";
          position: absolute;
          inset: 0 calc(var(--detail-panel-width) + 22px) 0 0;
          z-index: 20;
          pointer-events: none;
          background: rgba(238, 243, 252, 0.4);
          backdrop-filter: blur(1px) saturate(0.78);
          -webkit-backdrop-filter: blur(1px) saturate(0.78);
        }

        body.detail-open .view-card {
          box-shadow: 0 10px 24px rgba(26, 37, 89, 0.05);
        }

        .detail-drawer.is-open {
          display: block;
          inset: 0 0 0 auto;
          width: var(--detail-panel-width, 500px);
          height: 100dvh;
          pointer-events: none;
        }

        .detail-drawer.is-open .detail-overlay {
          display: none;
        }

        .detail-drawer.is-open .detail-panel {
          top: 0;
          bottom: 0;
          width: var(--detail-panel-width, 500px);
          height: 100dvh;
          max-height: 100dvh;
          pointer-events: auto;
          border-left: 6px solid var(--primary);
          border-image: linear-gradient(
            180deg,
            #2f6fec 0 25%,
            #20a86b 25% 50%,
            #c77a08 50% 75%,
            #7c4fe4 75% 100%
          ) 1;
          box-shadow: -18px 0 38px rgba(16, 36, 92, 0.16);
          overflow-y: auto;
          overscroll-behavior: contain;
        }

        .detail-tabs {
          overflow-x: auto;
          scrollbar-width: none;
        }

        .detail-tabs::-webkit-scrollbar {
          display: none;
        }

        .detail-drawer .detail-tabs {
          gap: 4px;
        }

        .detail-drawer .detail-tab {
          padding-inline: 8px;
          font-size: 0.72rem;
        }
      }

      @media (min-width: 1024px) and (max-width: 1199px) {
        body.detail-open .wrap {
          padding-right: 22px;
        }
      }

      .detail-info-head {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #61709f;
        font-size: 0.74rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.04em;
      }

      .detail-info-head .field-icon,
      .detail-info-head .linkedin-icon {
        margin-right: 0;
      }

      .detail-info-value {
        margin-top: 8px;
        color: #203165;
        font-size: 0.9rem;
        font-weight: 700;
        line-height: 1.4;
      }

      .detail-info-value--plain {
        font-weight: 500;
      }

      .detail-tabs {
        position: sticky;
        top: 61px;
        z-index: 2;
        display: flex;
        gap: 6px;
        margin: 14px -16px 0;
        padding: 8px 16px;
        border-top: 1px solid #eef2fb;
        border-bottom: 1px solid #eef2fb;
        background: rgba(255, 255, 255, 0.94);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        overflow-x: auto;
      }

      .detail-tab {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        gap: 5px;
        min-height: 30px;
        padding: 0 10px;
        border: 0;
        border-radius: 999px;
        background: transparent;
        color: #5f6e9d;
        font-size: 0.76rem;
        font-weight: 850;
        cursor: pointer;
        white-space: nowrap;
      }

      .detail-tab:focus-visible {
        outline: 2px solid rgba(21, 95, 228, 0.48);
        outline-offset: 2px;
      }

      .detail-tab__count {
        display: inline-grid;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        place-items: center;
        border-radius: 999px;
        background: #edf1f8;
        color: #74809d;
        font-size: 0.62rem;
        font-weight: 850;
        line-height: 1;
      }

      .detail-tab.is-active .detail-tab__count {
        background: rgba(21, 95, 228, 0.1);
        color: var(--primary);
      }

      .detail-tab__status {
        width: 6px;
        height: 6px;
        border-radius: 999px;
        background: #a7b0c5;
      }

      .detail-tab__status--granted {
        background: #54a979;
      }

      .detail-tab__status--withdrawn,
      .detail-tab__status--declined,
      .detail-tab__status--blocked {
        background: #d97373;
      }

      .detail-tab__status--clarification_needed,
      .detail-tab__status--limited,
      .detail-tab__status--not_requested {
        background: #d5a13f;
      }

      .detail-tab.is-active,
      .detail-tab:hover {
        background: #edf3ff;
        color: #244ba4;
      }

      .detail-tab-panel[hidden] {
        display: none;
      }

      .participation-summary-block {
        display: grid;
        gap: 10px;
      }

      .participation-summary-block .detail-section-title {
        margin-bottom: 0;
      }

      .participation-summary {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .participation-summary-card {
        position: relative;
        width: 100%;
        min-width: 0;
        min-height: 138px;
        display: grid;
        grid-template-rows: auto 1fr;
        gap: 13px;
        padding: 14px;
        border: 1px solid var(--border);
        border-radius: 14px;
        color: inherit;
        font: inherit;
        text-align: left;
        cursor: pointer;
        overflow: hidden;
        transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
      }

      .participation-summary-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: currentColor;
      }

      .participation-summary-card--hospitations {
        border-color: #efd5ad;
        background: linear-gradient(145deg, #fffaf2 0%, #fff4df 100%);
        color: #a65308;
      }

      .participation-summary-card--formats {
        border-color: #ddcef3;
        background: linear-gradient(145deg, #fbf8ff 0%, #f2ebfb 100%);
        color: #71419a;
      }

      .participation-summary-card:hover {
        transform: translateY(-1px);
        border-color: currentColor;
        box-shadow: 0 10px 24px rgba(16, 36, 92, 0.1);
      }

      .participation-summary-card:focus-visible {
        outline: 2px solid rgba(21, 95, 228, 0.48);
        outline-offset: 2px;
      }

      .participation-summary-card__header {
        display: flex;
        min-width: 0;
        align-items: center;
        gap: 9px;
      }

      .participation-summary-card__icon {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        display: grid;
        place-items: center;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.78);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.86);
      }

      .participation-summary-card__icon svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .participation-summary-card__title {
        color: var(--text-primary);
        font-size: 0.82rem;
        font-weight: 900;
      }

      .participation-summary-card__chevron {
        margin-left: auto;
        flex: 0 0 auto;
        font-size: 1.25rem;
        font-weight: 900;
        line-height: 1;
      }

      .participation-summary-card__body {
        display: grid;
        align-content: space-between;
        gap: 10px;
        min-width: 0;
      }

      .participation-summary-card__body > strong {
        min-width: 0;
        color: var(--text-primary);
        font-size: 0.8rem;
        font-weight: 850;
        line-height: 1.35;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }

      .participation-summary-card__badges {
        display: flex;
        min-width: 0;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
      }

      .participation-summary-card__count,
      .participation-summary-card__state {
        display: inline-flex;
        min-height: 26px;
        align-items: center;
        padding: 4px 8px;
        border: 1px solid rgba(100, 116, 139, 0.2);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.76);
        color: var(--text-secondary);
        font-size: 0.66rem;
        font-weight: 850;
        white-space: nowrap;
      }

      .participation-summary-card__state--error {
        border-color: color-mix(in srgb, var(--danger) 34%, transparent);
        background: var(--danger-soft);
        color: var(--danger);
      }

      .profile-date-badge {
        display: inline-flex;
        min-height: 28px;
        align-items: center;
        justify-content: center;
        padding: 5px 10px;
        border: 1px solid transparent;
        border-radius: 999px;
        color: #ffffff;
        font-size: 0.69rem;
        font-weight: 900;
        font-variant-numeric: tabular-nums;
        line-height: 1;
        white-space: nowrap;
        box-shadow: 0 3px 8px rgba(16, 36, 92, 0.12);
      }

      .profile-date-badge--hospitation {
        border-color: #78350f;
        background: linear-gradient(135deg, #b45309 0%, #92400e 100%);
      }

      .profile-date-badge--format {
        border-color: #6632a0;
        background: linear-gradient(135deg, #8d5ac5 0%, #6f3aa5 100%);
      }

      .profile-section-heading {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 14px;
        margin-bottom: 12px;
      }

      .profile-section-heading .detail-section-title {
        margin-bottom: 3px;
      }

      #detail-hospitations > [data-hospitation-profile-section],
      #detail-formats > [data-format-profile-section] {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
      }

      .profile-section-heading p {
        margin: 0;
        color: var(--text-muted);
        font-size: 0.71rem;
        font-weight: 700;
        line-height: 1.4;
      }

      .consent-panel {
        display: grid;
        gap: 10px;
      }

      .consent-panel .detail-section-title {
        margin-bottom: 0;
      }

      .consent-panel__heading {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 14px;
      }

      .consent-panel__eyebrow {
        display: block;
        margin-bottom: 3px;
        color: #68769c;
        font-size: 0.65rem;
        font-weight: 850;
        letter-spacing: 0.055em;
        text-transform: uppercase;
      }

      .consent-legend {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        flex-wrap: wrap;
        color: #667394;
        font-size: 0.65rem;
        font-weight: 750;
      }

      .consent-legend span {
        display: inline-flex;
        align-items: center;
        gap: 5px;
      }

      .consent-legend__dot,
      .consent-record__dot {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: #9ba5bc;
      }

      .consent-legend__dot--success,
      .consent-record__dot--success {
        background: #36a269;
      }

      .consent-legend__dot--warning,
      .consent-record__dot--warning {
        background: #d69b28;
      }

      .consent-legend__dot--danger,
      .consent-record__dot--danger {
        background: #d85858;
      }

      .consent-scope-summary {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 11px;
        align-items: start;
        padding: 13px 14px;
        border: 1px solid #d7deed;
        border-radius: 10px;
        background: #f7f9fc;
        color: #33415f;
      }

      .consent-scope-summary--success {
        border-color: #b9e5cb;
        background: #effbf4;
        color: #185d3b;
      }

      .consent-scope-summary--warning {
        border-color: #ead9b5;
        background: #fffaf0;
        color: #715316;
      }

      .consent-scope-summary--danger {
        border-color: #f2c2c2;
        background: #fff3f3;
        color: #8b2d2d;
      }

      .consent-scope-summary--limited {
        border-color: #c9d7f5;
        background: #f2f6ff;
        color: #294d99;
      }

      .consent-scope-summary__icon {
        display: grid;
        width: 32px;
        height: 32px;
        place-items: center;
        border-radius: 9px;
        background: rgba(255, 255, 255, 0.84);
        box-shadow: inset 0 0 0 1px rgba(83, 105, 150, 0.13);
        font-size: 1rem;
        font-weight: 900;
      }

      .consent-scope-summary div {
        display: grid;
        gap: 2px;
      }

      .consent-scope-summary div > span {
        font-size: 0.64rem;
        font-weight: 850;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        opacity: 0.78;
      }

      .consent-scope-summary strong {
        font-size: 0.9rem;
        line-height: 1.25;
      }

      .consent-scope-summary p {
        margin: 2px 0 0;
        font-size: 0.73rem;
        font-weight: 650;
        line-height: 1.42;
        opacity: 0.9;
      }

      .consent-status-list {
        display: grid;
        overflow: hidden;
        border: 1px solid #dce2ed;
        border-radius: 10px;
        background: #ffffff;
      }

      .consent-status-list > [role="listitem"] + [role="listitem"] {
        border-top: 1px solid #e5e9f1;
      }

      .consent-status-row {
        display: grid;
        min-width: 0;
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 11px;
        align-items: center;
        padding: 10px 12px;
        color: #33415f;
      }

      .consent-status-row--success {
        background: #f7fcf9;
      }

      .consent-status-row--warning {
        background: #fffaf0;
      }

      .consent-status-row--danger {
        background: #fff6f6;
      }

      .consent-status-row__icon {
        display: grid;
        width: 27px;
        height: 27px;
        place-items: center;
        border-radius: 999px;
        background: #f1f3f7;
        color: #65708a;
        font-size: 0.82rem;
        font-weight: 950;
      }

      .consent-status-row--success .consent-status-row__icon {
        background: #dff5e8;
        color: #17633d;
      }

      .consent-status-row--warning .consent-status-row__icon {
        background: #fff0cf;
        color: #805d19;
      }

      .consent-status-row--danger .consent-status-row__icon {
        background: #fee7e7;
        color: #9b2c2c;
      }

      .consent-status-row__body {
        display: grid;
        min-width: 0;
        grid-template-columns: minmax(190px, 0.85fr) minmax(150px, 0.7fr) minmax(0, 1fr);
        gap: 12px;
        align-items: center;
      }

      .consent-status-row__title {
        color: #263556;
        font-size: 0.76rem;
        font-weight: 820;
      }

      .consent-status-row strong {
        color: #263556;
        font-size: 0.75rem;
        line-height: 1.3;
      }

      .consent-status-row small {
        color: #65718d;
        font-size: 0.68rem;
        font-weight: 650;
        line-height: 1.35;
      }

      .consent-overview-edit-button {
        flex: 0 0 auto;
      }

      .consent-protection-note {
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 7px;
        align-items: center;
        margin: 0;
        padding: 9px 11px;
        border-radius: 8px;
        background: #f2f6ff;
        color: #34538f;
        font-size: 0.71rem;
        font-weight: 720;
      }

      .consent-disclosure {
        border: 1px solid #dce2ed;
        border-radius: 9px;
        background: #ffffff;
        overflow: clip;
      }

      .consent-disclosure > summary {
        display: flex;
        min-height: 48px;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 9px 12px;
        color: #2f3d60;
        cursor: pointer;
        list-style: none;
      }

      .consent-disclosure > summary::-webkit-details-marker {
        display: none;
      }

      .consent-disclosure > summary > span:first-child {
        display: grid;
        gap: 2px;
      }

      .consent-disclosure > summary strong {
        font-size: 0.78rem;
      }

      .consent-disclosure > summary small {
        color: #74809c;
        font-size: 0.66rem;
        font-weight: 650;
      }

      .consent-disclosure__chevron {
        color: #667394;
        font-size: 1rem;
        transition: transform 160ms ease;
      }

      .consent-disclosure[open] .consent-disclosure__chevron {
        transform: rotate(180deg);
      }

      .consent-disclosure__body {
        display: grid;
        gap: 9px;
        padding: 10px 12px 12px;
        border-top: 1px solid #e7ebf3;
        background: #f8faff;
      }

      .consent-record {
        display: grid;
        gap: 9px;
        padding: 10px;
        border: 1px solid #e0e5ef;
        border-radius: 8px;
        background: #ffffff;
      }

      .consent-record__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }

      .consent-record__head > div {
        display: grid;
        gap: 1px;
      }

      .consent-record__head span {
        color: #77829e;
        font-size: 0.62rem;
        font-weight: 800;
        text-transform: uppercase;
      }

      .consent-record__head strong {
        color: #2f3d60;
        font-size: 0.78rem;
      }

      .consent-record dl {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px 12px;
        margin: 0;
      }

      .consent-record dl > div {
        display: grid;
        gap: 2px;
        min-width: 0;
      }

      .consent-record dt {
        color: #79849f;
        font-size: 0.62rem;
        font-weight: 750;
      }

      .consent-record dd {
        margin: 0;
        color: #344260;
        font-size: 0.7rem;
        font-weight: 700;
        line-height: 1.35;
        overflow-wrap: anywhere;
      }

      .consent-record__wide {
        grid-column: 1 / -1;
      }

      .consent-record--restricted p,
      .consent-protection-copy p {
        margin: 0;
        color: #53617d;
        font-size: 0.72rem;
        font-weight: 650;
        line-height: 1.45;
      }

      .consent-protection-copy p {
        display: grid;
        grid-template-columns: 20px minmax(0, 1fr);
        gap: 6px;
      }

      .consent-overview-editor {
        display: grid;
        gap: 0;
        overflow: hidden;
        border: 1px solid #b9caeb;
        border-radius: 10px;
        background: #ffffff;
        box-shadow: 0 8px 22px rgba(30, 64, 126, 0.09);
      }

      .consent-overview-editor[hidden],
      .consent-overview-fields [hidden] {
        display: none;
      }

      .consent-overview-editor__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 14px;
        border-bottom: 1px solid #dfe5f1;
        background: #f4f7fd;
      }

      .consent-overview-editor__head > div {
        display: grid;
        gap: 2px;
      }

      .consent-overview-editor__head strong {
        color: #263556;
        font-size: 0.82rem;
      }

      .consent-overview-editor__head span {
        color: #697694;
        font-size: 0.67rem;
        font-weight: 650;
      }

      .consent-overview-section {
        display: grid;
        min-width: 0;
        gap: 9px;
        margin: 0;
        padding: 13px 14px 14px;
        border: 0;
      }

      .consent-overview-section + .consent-overview-section {
        border-top: 1px solid #e4e8f1;
      }

      .consent-overview-section legend {
        padding: 0;
        color: #263556;
        font-size: 0.79rem;
        font-weight: 850;
      }

      .consent-overview-section__question {
        margin-top: -4px;
        color: #6f7b97;
        font-size: 0.67rem;
        font-weight: 650;
      }

      .consent-choice-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
      }

      .consent-choice {
        position: relative;
        display: flex;
        min-width: 0;
        min-height: 35px;
        align-items: center;
        gap: 7px;
        padding: 7px 9px;
        border: 1px solid #d6ddea;
        border-radius: 8px;
        background: #ffffff;
        color: #4f5d7d;
        font-size: 0.68rem;
        font-weight: 750;
        line-height: 1.2;
        cursor: pointer;
      }

      .consent-choice input {
        position: static;
        width: 16px;
        height: 16px;
        flex: 0 0 auto;
        margin: 0;
        opacity: 1;
        pointer-events: auto;
        accent-color: #1768d5;
      }

      .consent-choice:hover {
        border-color: #aab9d6;
      }

      .consent-choice:has(input:focus-visible) {
        outline: none;
        box-shadow: var(--focus-ring);
      }

      .consent-choice--success:has(input:checked) {
        border-color: #73c798;
        background: #effaf4;
        color: #195f3c;
      }

      .consent-choice--warning:has(input:checked) {
        border-color: #ddb85f;
        background: #fff8e8;
        color: #765512;
      }

      .consent-choice--danger:has(input:checked) {
        border-color: #df8f8f;
        background: #fff1f1;
        color: #8f2d2d;
      }

      .consent-choice--neutral:has(input:checked) {
        border-color: #aeb8cc;
        background: #f2f4f8;
        color: #4f5c75;
      }

      .consent-overview-fields {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
        padding-top: 2px;
      }

      .consent-field__optional {
        color: #7b87a0;
        font-weight: 600;
      }

      .consent-overview-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 9px;
        padding: 11px 14px;
        border-top: 1px solid #dfe5f1;
        background: #f7f9fd;
      }

      .consent-overview-actions .consent-inline-status {
        margin-right: auto;
      }

      .consent-overview-editor[aria-busy="true"] {
        opacity: 0.72;
      }

      .consent-record-editor {
        display: grid;
        gap: 10px;
        padding: 10px;
        border: 1px solid #cbd8f1;
        border-radius: 8px;
        background: #f7faff;
      }

      .consent-record-editor[hidden] {
        display: none;
      }

      .consent-detail-list .detail-line {
        align-items: start;
      }

      .consent-status-value {
        display: flex;
        align-items: center;
        gap: 7px;
        min-width: 0;
        flex-wrap: wrap;
      }

      .consent-status-pill {
        flex: 0 0 auto;
        padding: 5px 10px;
        border-radius: 999px;
        background: #e7ebf4;
        color: #4d5b83;
        font-size: 0.72rem;
        font-weight: 850;
        white-space: nowrap;
      }

      .consent-status-pill--granted {
        background: #dcf6e8;
        color: #17633d;
      }

      .consent-status-pill--withdrawn,
      .consent-status-pill--declined {
        background: #fee7e7;
        color: #a12828;
      }

      .consent-status-pill--clarification_needed {
        background: #fff0cf;
        color: #855b00;
      }

      .consent-inline-edit {
        width: 28px;
        height: 28px;
        flex: 0 0 auto;
        display: inline-grid;
        place-items: center;
        padding: 0;
        border: 1px solid #d9e2f3;
        border-radius: 999px;
        background: #ffffff;
        color: #506189;
        cursor: pointer;
      }

      .consent-inline-edit:hover,
      .consent-inline-edit:focus-visible {
        border-color: var(--primary);
        color: var(--primary);
        box-shadow: var(--focus-ring);
        outline: none;
      }

      .consent-inline-edit svg {
        width: 14px;
        height: 14px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.1;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .consent-purpose-copy {
        display: grid;
        gap: 6px;
        color: var(--text-primary);
        font-weight: 650;
      }

      .consent-purpose-copy p {
        margin: 0;
      }

      .consent-purpose-list {
        margin: 0;
        padding-left: 18px;
        color: #52618f;
        font-size: 0.8rem;
        font-weight: 650;
        line-height: 1.55;
      }

      .consent-warning-text {
        color: #6f520d;
        font-weight: 700;
      }

      .consent-inline-value {
        display: block;
      }

      .consent-inline-display {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-width: 0;
      }

      .consent-inline-display[hidden],
      .consent-inline-editor[hidden],
      .consent-inline-dependent[hidden] {
        display: none;
      }

      .consent-inline-current {
        min-width: 0;
        overflow-wrap: anywhere;
      }

      .consent-inline-empty {
        color: var(--text-muted);
        font-weight: 650;
      }

      .consent-inline-editor {
        display: grid;
        gap: 10px;
        padding: 10px;
        border: 1px solid #cfdaf0;
        border-radius: 10px;
        background: #f8faff;
        box-shadow: 0 6px 16px rgba(23, 50, 112, 0.08);
      }

      .consent-inline-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .consent-field {
        display: grid;
        gap: 6px;
        color: #53618e;
        font-size: 0.74rem;
        font-weight: 800;
      }

      .consent-field--full {
        grid-column: 1 / -1;
      }

      .consent-field__hint {
        color: #7180a5;
        font-size: 0.68rem;
        font-weight: 650;
        line-height: 1.35;
      }

      .consent-field input,
      .consent-field select,
      .consent-field textarea {
        width: 100%;
        min-height: 40px;
        padding: 9px 10px;
        border: 1px solid #cfd8ec;
        border-radius: 8px;
        background: #ffffff;
        color: #203165;
        font: inherit;
        font-weight: 600;
      }

      .consent-field textarea {
        min-height: 86px;
        resize: vertical;
      }

      .consent-field input:disabled,
      .consent-field select:disabled,
      .consent-field textarea:disabled {
        background: #f5f7fb;
        color: #687597;
        opacity: 1;
      }

      .consent-inline-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        flex-wrap: wrap;
      }

      .consent-inline-status {
        margin-right: auto;
        color: #61709f;
        font-size: 0.76rem;
        font-weight: 700;
      }

      .consent-inline-status.is-error {
        color: #a12828;
      }

      .consent-inline-editor[aria-busy="true"] {
        opacity: 0.72;
      }

      @media (max-width: 680px) {
        .consent-panel__heading {
          align-items: flex-start;
          flex-direction: column;
        }

        .consent-legend {
          justify-content: flex-start;
        }

        .consent-overview-edit-button {
          width: 100%;
        }

        .consent-status-row {
          align-items: start;
        }

        .consent-status-row__body {
          grid-template-columns: 1fr;
          gap: 2px;
        }

        .consent-choice-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .consent-overview-fields {
          grid-template-columns: 1fr;
        }

        .consent-overview-actions {
          align-items: stretch;
          flex-direction: column;
        }

        .consent-overview-actions .consent-inline-status {
          margin-right: 0;
        }

        .consent-record dl {
          grid-template-columns: 1fr;
        }

        .consent-record__wide {
          grid-column: auto;
        }

        .consent-detail-list .detail-line {
          grid-template-columns: 1fr;
          gap: 6px;
        }

        .consent-status-value {
          flex-wrap: nowrap;
        }

        .consent-inline-grid {
          grid-template-columns: 1fr;
        }

        .consent-field--full {
          grid-column: auto;
        }

        .hospitation-profile-summary {
          grid-template-columns: 1fr;
        }
      }

      .detail-missing-summary {
        margin-bottom: 8px;
        padding: 6px 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--text-muted);
        font-size: 0.74rem;
        font-weight: 700;
        line-height: 1.42;
      }

      .detail-missing-summary strong {
        color: var(--text-muted);
      }

      .detail-inline-action {
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--primary);
        font: inherit;
        font-weight: 800;
        cursor: pointer;
      }

      .detail-inline-action:hover,
      .detail-inline-action:focus-visible {
        text-decoration: underline;
        outline: none;
      }

      .detail-inline-action--note {
        margin-top: 8px;
        font-size: 0.78rem;
      }

      .detail-line-list {
        display: grid;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: #ffffff;
        overflow: hidden;
      }

      .detail-line {
        display: grid;
        grid-template-columns: minmax(118px, 0.42fr) minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        min-height: 38px;
        padding: 8px 12px;
        border-bottom: 1px solid #edf1f8;
        color: var(--text-primary);
        font-size: 0.86rem;
      }

      .detail-line:last-child {
        border-bottom: 0;
      }

      .detail-line__label {
        color: var(--text-muted);
        font-size: 0.76rem;
        font-weight: 850;
      }

      .detail-line__value {
        min-width: 0;
        font-weight: 750;
        line-height: 1.35;
        overflow-wrap: anywhere;
      }

      .detail-line__value a {
        color: var(--primary);
        text-decoration: none;
      }

      .expert-context-section {
        display: grid;
        gap: 8px;
        margin-top: 16px;
      }

      .expert-context-line .detail-line__value {
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }

      .expert-context-copy {
        min-width: 0;
        display: grid;
        gap: 3px;
      }

      .expert-context-copy strong {
        display: block;
        min-width: 0;
        overflow: hidden;
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .expert-context-copy span {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 700;
      }

      .expert-context-actions {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        gap: 8px;
      }

      .expert-context-score {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 800;
        white-space: nowrap;
      }

      .detail-line__value a:hover {
        text-decoration: underline;
      }

      .detail-line__value--muted {
        color: var(--text-muted);
        font-weight: 650;
      }

      .detail-line--empty .detail-line__value {
        color: #8a641f;
        font-weight: 650;
      }

      .detail-line--empty {
        background: #fff8e6;
      }

      .detail-line--contact.detail-line--empty {
        background: #fff8e6;
      }

      .detail-line--contact.detail-line--empty .detail-line__value {
        color: #8a641f;
      }

      .detail-more {
        margin-top: 10px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        overflow: hidden;
      }

      .detail-more > summary {
        display: flex;
        min-height: 42px;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 9px 12px;
        list-style: none;
        color: var(--text-primary);
        cursor: pointer;
        font-size: 0.78rem;
        font-weight: 850;
      }

      .detail-more > summary::-webkit-details-marker {
        display: none;
      }

      .detail-more > summary::after {
        content: "+";
        color: var(--text-muted);
      }

      .detail-more[open] > summary::after {
        content: "−";
      }

      .detail-more__content {
        display: grid;
        gap: 10px;
        padding: 0 12px 12px;
      }

      .detail-more__content .detail-line-list {
        border-radius: var(--radius-sm);
      }

      .hospitation-profile-next {
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 68px;
        padding: 12px 14px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
      }

      .hospitation-profile-next--planned {
        border-color: #9cc7f8;
        background: linear-gradient(135deg, #edf7ff 0%, #f4fbff 58%, #fff8ed 100%);
        box-shadow: inset 3px 0 0 #4597e5;
      }

      .hospitation-profile-next__copy {
        display: grid;
        gap: 3px;
        min-width: 0;
        margin-right: auto;
      }

      .hospitation-profile-next__copy span,
      .hospitation-profile-next__owner-label {
        color: var(--text-muted);
        font-size: 0.68rem;
        font-weight: 800;
      }

      .hospitation-profile-next__copy strong {
        color: var(--text-primary);
        font-size: 0.84rem;
        line-height: 1.35;
      }

      .hospitation-profile-next__owner {
        display: grid;
        justify-items: center;
        gap: 1px;
      }

      .hospitation-profile-next__owner .owner-avatar-stack {
        height: 24px;
      }

      .hospitation-profile-next__owner .owner-avatar-stack__item,
      .hospitation-profile-next__owner .owner-avatar-stack__more {
        width: 22px;
        height: 22px;
        font-size: 0.58rem;
      }

      .hospitation-profile-history {
        display: grid;
        gap: 9px;
        margin-top: 14px;
      }

      .hospitation-profile-history__heading {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
      }

      .hospitation-profile-history__heading strong {
        color: var(--text-primary);
        font-size: 0.82rem;
        font-weight: 900;
      }

      .hospitation-profile-history__heading span {
        color: var(--text-muted);
        font-size: 0.7rem;
        font-weight: 800;
      }

      .hospitation-profile-history__list {
        display: grid;
        gap: 8px;
      }

      .hospitation-profile-history__item {
        min-width: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 6px 12px;
        padding: 10px 12px;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: var(--surface);
      }

      .hospitation-profile-history__item--archived {
        border-style: dashed;
        background: var(--surface-muted);
      }

      .hospitation-profile-history__top,
      .hospitation-profile-history__owner,
      .hospitation-profile-history__actions {
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .hospitation-profile-history__top {
        grid-column: 1 / -1;
        min-width: 0;
        justify-content: space-between;
      }

      .hospitation-profile-history__context {
        align-self: center;
      }

      .hospitation-profile-history__date {
        color: var(--text-secondary);
        font-size: 0.75rem;
        font-weight: 900;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
      }

      .hospitation-profile-history__context {
        display: grid;
        gap: 3px;
        min-width: 0;
      }

      .hospitation-profile-history__context strong {
        color: var(--text-primary);
        font-size: 0.8rem;
        line-height: 1.35;
        overflow-wrap: anywhere;
      }

      .hospitation-profile-history__context span {
        color: var(--text-muted);
        font-size: 0.7rem;
        font-weight: 700;
        line-height: 1.35;
      }

      .hospitation-profile-history__meta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        flex-wrap: wrap;
      }

      .hospitation-profile-history__owner {
        min-width: 0;
        color: var(--text-secondary);
        font-size: 0.7rem;
        font-weight: 800;
      }

      .hospitation-profile-history__owner > span:last-child {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-profile-history__owner .owner-avatar-stack {
        flex: 0 0 auto;
        height: 22px;
      }

      .hospitation-profile-history__owner .owner-avatar-stack__item,
      .hospitation-profile-history__owner .owner-avatar-stack__more {
        width: 20px;
        height: 20px;
        font-size: 0.54rem;
      }

      .hospitation-profile-history__documentation {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 4px 8px;
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text-muted);
        font-size: 0.66rem;
        font-weight: 850;
        white-space: nowrap;
      }

      .hospitation-profile-history__documentation--done {
        background: var(--success-soft);
        color: var(--success);
      }

      .hospitation-profile-history__documentation--draft {
        background: var(--warning-soft);
        color: #8a641f;
      }

      .hospitation-profile-history__actions {
        align-self: center;
        justify-content: flex-end;
        flex-wrap: wrap;
      }

      .profile-action-menu {
        position: relative;
      }

      .profile-action-menu > summary {
        width: 34px;
        min-height: 30px;
        display: inline-grid;
        place-items: center;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: var(--surface);
        color: var(--text-muted);
        cursor: pointer;
        list-style: none;
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.08em;
      }

      .profile-action-menu > summary::-webkit-details-marker {
        display: none;
      }

      .profile-action-menu > summary:hover,
      .profile-action-menu > summary:focus-visible {
        border-color: color-mix(in srgb, var(--primary) 42%, var(--border));
        color: var(--primary);
        outline: none;
      }

      .profile-action-menu__popover {
        position: absolute;
        top: calc(100% + 6px);
        right: 0;
        z-index: 5;
        min-width: 190px;
        padding: 6px;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: var(--surface);
        box-shadow: var(--shadow-md);
      }

      .profile-action-menu__popover .action-button {
        width: 100%;
        justify-content: flex-start;
      }

      .hospitation-profile-history__more {
        border: 0;
      }

      .hospitation-profile-history__more > summary {
        min-height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface-muted);
        color: var(--primary);
        cursor: pointer;
        list-style: none;
        font-size: 0.72rem;
        font-weight: 900;
      }

      .hospitation-profile-history__more > summary::-webkit-details-marker {
        display: none;
      }

      .hospitation-profile-history__more[open] > summary {
        margin-bottom: 8px;
      }

      .hospitation-profile-history__state {
        display: grid;
        gap: 3px;
        padding: 12px;
        border: 1px dashed var(--border-strong);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        color: var(--text-muted);
        font-size: 0.73rem;
        font-weight: 700;
        line-height: 1.4;
      }

      .hospitation-profile-history__state strong {
        color: var(--text-primary);
        font-size: 0.78rem;
      }

      .hospitation-profile-history__state--error {
        border-color: color-mix(in srgb, var(--danger) 42%, var(--border));
        background: var(--danger-soft);
      }

      .hospitation-context-filter {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 10px;
        padding: 10px 12px;
        border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--border));
        border-radius: var(--radius-md);
        background: var(--primary-soft);
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 750;
      }

      .hospitation-context-filter strong {
        color: var(--primary);
      }

      .format-profile {
        display: grid;
        gap: 12px;
      }

      .format-profile__group {
        display: grid;
        gap: 8px;
      }

      .format-profile__heading {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 10px;
      }

      .format-profile__heading strong {
        color: var(--text-primary);
        font-size: 0.8rem;
        font-weight: 900;
      }

      .format-profile__heading span {
        color: var(--text-muted);
        font-size: 0.68rem;
        font-weight: 800;
      }

      .format-profile__list {
        display: grid;
        gap: 8px;
      }

      .format-profile__item {
        min-width: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        align-items: center;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: var(--surface);
        padding: 10px 12px;
      }

      .format-profile__item--past {
        background: var(--surface-muted);
      }

      .format-profile__copy {
        min-width: 0;
        display: grid;
        gap: 3px;
      }

      .format-profile__copy strong {
        color: var(--text-primary);
        font-size: 0.8rem;
        font-weight: 900;
        overflow-wrap: anywhere;
      }

      .format-profile__copy span {
        color: var(--text-muted);
        font-size: 0.7rem;
        font-weight: 700;
        line-height: 1.35;
      }

      .format-profile__controls {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        flex-wrap: wrap;
      }

      .format-profile__status-control {
        display: inline-flex;
        min-width: 0;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
      }

      .format-participation-status {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        min-height: 24px;
        border: 1px solid transparent;
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text-muted);
        padding: 4px 8px;
        font-size: 0.66rem;
        font-weight: 900;
      }

      .format-participation-status--eingeladen { border-color: #93c5fd; background: #dbeafe; color: #1e40af; }
      .format-participation-status--zugesagt { border-color: #a7f3d0; background: #ecfdf5; color: #047857; }
      .format-participation-status--teilgenommen { border-color: #6ee7b7; background: #d1fae5; color: #065f46; }
      .format-participation-status--abgesagt { border-color: #fecaca; background: #fef2f2; color: #b91c1c; }

      .format-profile__status-form {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        align-items: end;
        padding: 10px;
        border: 1px solid color-mix(in srgb, var(--primary) 30%, var(--border));
        border-radius: 10px;
        background: var(--primary-soft);
      }

      .format-profile__link-form {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        align-items: end;
        border: 1px dashed var(--border-strong);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        padding: 10px;
      }

      .format-profile__link-field {
        min-width: 0;
        display: grid;
        gap: 4px;
        color: var(--text-muted);
        font-size: 0.68rem;
        font-weight: 850;
      }

      .format-profile__select-shell,
      .format-profile__select-shell .custom-select-trigger {
        width: 100%;
        min-width: 0;
      }

      .format-profile__select-shell .custom-select-trigger--detail {
        min-height: 36px;
        border-radius: 9px;
        background: var(--surface);
        font-size: 0.73rem;
      }

      .format-profile__form-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
      }

      .format-profile__link-form .format-profile__form-actions {
        grid-column: 1 / -1;
      }

      .format-profile__link-disclosure {
        display: flex;
        justify-content: flex-start;
      }

      .format-profile__more {
        border: 1px solid var(--border);
        border-radius: 10px;
        background: var(--surface-muted);
        overflow: visible;
      }

      .format-profile__more > summary {
        display: flex;
        min-height: 40px;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 8px 11px;
        color: var(--text-primary);
        cursor: pointer;
        list-style: none;
        font-size: 0.75rem;
        font-weight: 850;
      }

      .format-profile__more > summary::-webkit-details-marker {
        display: none;
      }

      .format-profile__more > summary::after {
        content: "+";
        color: var(--primary);
        font-size: 0.9rem;
      }

      .format-profile__more > summary > span:last-child {
        margin-left: auto;
        color: var(--text-muted);
        font-size: 0.68rem;
      }

      .format-profile__more[open] > summary::after {
        content: "−";
      }

      .format-profile__more > .format-profile__list {
        padding: 0 8px 8px;
      }

      .format-profile__state {
        display: grid;
        gap: 3px;
        border: 1px dashed var(--border-strong);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        color: var(--text-muted);
        padding: 12px;
        font-size: 0.72rem;
        font-weight: 700;
      }

      .format-profile__state strong {
        color: var(--text-primary);
        font-size: 0.78rem;
      }

      .format-profile__state--error {
        border-color: color-mix(in srgb, var(--danger) 42%, var(--border));
        background: var(--danger-soft);
      }

      .hospitation-profile-record {
        min-width: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px;
        padding: 12px 14px;
        border: 1px solid #ead9be;
        border-left: 4px solid #d97c0b;
        border-radius: 12px;
        background: var(--surface);
        box-shadow: 0 3px 10px rgba(88, 56, 18, 0.05);
      }

      .hospitation-profile-record--archived {
        border-style: dashed;
        opacity: 0.78;
      }

      .hospitation-profile-record__copy {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .hospitation-profile-record__copy > strong {
        min-width: 0;
        color: var(--text-primary);
        font-size: 0.82rem;
        font-weight: 900;
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-profile-record__copy .profile-date-badge,
      .format-profile__copy .profile-date-badge {
        flex: 0 0 auto;
      }

      .hospitation-profile-record__owner {
        min-width: 0;
        max-width: 180px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
      }

      .hospitation-profile-record__owner .owner-badge-group {
        min-width: 0;
        flex-wrap: nowrap;
        justify-content: flex-end;
      }

      .hospitation-profile-record__owner .owner-badge {
        max-width: 160px;
        min-height: 26px;
      }

      .hospitation-profile-record__actions {
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: end;
        gap: 9px;
      }

      .hospitation-profile-history__heading {
        align-items: center;
      }

      .hospitation-profile-next__date,
      .hospitation-profile-history__date {
        color: #ffffff;
        font-size: 0.69rem;
      }

      .format-profile__item {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 14px;
        padding: 12px 14px;
        border-left: 4px solid #8b59b5;
        border-radius: 12px;
        box-shadow: 0 3px 10px rgba(67, 37, 99, 0.05);
      }

      .format-profile__item--past {
        background: #fbf9fe;
      }

      .format-profile__copy {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .format-profile__copy strong {
        min-width: 0;
        flex: 1 1 auto;
        font-size: 0.82rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .format-profile__badges {
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
        flex-wrap: wrap;
      }

      .format-profile__badges .owner-badge {
        max-width: 150px;
        min-height: 26px;
      }

      .format-profile__type-badge {
        display: inline-flex;
        min-height: 26px;
        align-items: center;
        padding: 4px 9px;
        border: 1px solid #d6c2ec;
        border-radius: 999px;
        background: #f1e9fa;
        color: #6f388f;
        font-size: 0.66rem;
        font-weight: 900;
        line-height: 1;
        white-space: nowrap;
      }

      .format-profile__trailing {
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: end;
        gap: 9px;
      }

      .format-profile__more > summary::after {
        content: "›";
        transform: rotate(0deg);
        transition: transform 140ms ease;
      }

      .format-profile__more[open] > summary::after {
        content: "›";
        transform: rotate(90deg);
      }

      .format-profile__link-disclosure {
        justify-content: flex-end;
      }

      @media (max-width: 520px) {
        .participation-summary {
          grid-template-columns: minmax(0, 1fr);
        }

        .participation-summary-card {
          min-height: 128px;
        }

        .hospitation-profile-next {
          flex-wrap: wrap;
        }

        .hospitation-profile-next__copy {
          flex-basis: calc(100% - 48px);
        }

        .hospitation-profile-history__top,
        .hospitation-profile-history__meta,
        .hospitation-context-filter {
          align-items: flex-start;
          flex-direction: column;
        }

        .hospitation-profile-record {
          grid-template-columns: minmax(0, 1fr);
          gap: 10px;
        }

        .hospitation-profile-record__actions {
          display: flex;
          justify-content: end;
          flex-wrap: wrap;
        }

        .hospitation-profile-record__actions .action-button {
          width: auto;
          justify-content: center;
        }

        .profile-section-heading {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
        }

        .profile-section-heading > .action-button {
          width: 100%;
          min-height: 42px;
          justify-content: center;
        }

        .hospitation-context-filter .action-button {
          width: 100%;
          justify-content: center;
        }

        .format-profile__item {
          grid-template-columns: minmax(0, 1fr);
        }

        .format-profile__trailing {
          display: flex;
          justify-content: end;
          flex-wrap: wrap;
        }

        .format-profile__trailing .action-button {
          width: auto;
          justify-content: center;
        }

        .hospitation-profile-record__copy,
        .format-profile__copy {
          flex-wrap: wrap;
        }

        .hospitation-profile-record__copy > strong,
        .format-profile__copy > strong {
          white-space: normal;
          overflow-wrap: anywhere;
        }

        .format-profile__status-form,
        .format-profile__link-form {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          align-items: stretch;
        }

        .format-profile__status-form .action-button,
        .format-profile__link-form .action-button {
          width: 100%;
        }

        .format-profile__form-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      [data-hospitation-profile-section] .hospitation-card__actions {
        margin-top: 10px;
      }

      .detail-edit-grid {
        display: grid;
        gap: 0;
      }

      .detail-edit-row {
        grid-template-columns: minmax(118px, 0.42fr) minmax(0, 1fr);
      }

      .detail-edit-row .detail-line__value {
        display: flex;
        align-items: center;
        min-width: 0;
        min-height: 30px;
      }

      .detail-edit-input,
      .detail-edit-select,
      .detail-note-input,
      .detail-theme-input {
        width: 100%;
        min-height: 30px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: #ffffff;
        color: var(--text-primary);
        font: inherit;
        font-size: 0.86rem;
        font-weight: 700;
        line-height: 1.35;
        padding: 4px 8px;
        outline: none;
        transition: border-color 140ms ease, box-shadow 140ms ease;
      }

      .detail-edit-input:focus,
      .detail-edit-select:focus,
      .detail-note-input:focus,
      .detail-theme-input:focus {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(21, 95, 228, 0.12);
      }

      .detail-edit-row .detail-edit-input,
      .detail-edit-row .detail-edit-select,
      .detail-edit-row .detail-note-input {
        height: 30px;
        min-height: 30px;
        border-color: transparent;
        background: transparent;
        padding: 0;
        line-height: 30px;
      }

      .detail-edit-row .detail-edit-select {
        appearance: none;
        -webkit-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%234d5d8f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 0 center;
        background-size: 16px 16px;
        padding-right: 24px;
      }

      .detail-edit-row .detail-edit-input:hover,
      .detail-edit-row .detail-edit-select:hover,
      .detail-edit-row .detail-note-input:hover {
        border-color: var(--border);
        background: #ffffff;
        padding-left: 8px;
      }

      .detail-edit-row .detail-edit-select:hover {
        background-position: right 8px center;
        padding-right: 32px;
      }

      .detail-edit-row .detail-edit-input:focus,
      .detail-edit-row .detail-edit-select:focus,
      .detail-edit-row .detail-note-input:focus {
        border-color: var(--primary);
        background: #ffffff;
        padding-left: 8px;
      }

      .detail-edit-row .detail-edit-select:focus {
        background-position: right 8px center;
        padding-right: 32px;
      }

      .detail-edit-input--title {
        min-height: 44px;
        font-size: 1.05rem;
        font-weight: 900;
      }

      .detail-profile-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 10px;
      }

      .detail-chip-row {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        padding: 0;
      }

      .detail-media-preview {
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        padding: 12px;
        border-bottom: 1px solid #edf1f8;
      }

      .detail-media-preview .avatar,
      .detail-media-preview img.avatar {
        width: 52px;
        height: 52px;
      }

      .detail-note-block {
        padding: 12px;
        color: var(--text-primary);
        font-size: 0.86rem;
        font-weight: 650;
        line-height: 1.55;
        white-space: pre-wrap;
      }

      .detail-note-block--empty {
        color: var(--text-muted);
        font-weight: 650;
      }

      .detail-note-block--readonly {
        background: var(--surface-muted);
        color: var(--text-muted);
      }

      .detail-note-input--readonly {
        background: var(--surface-muted);
        color: var(--text-muted);
        cursor: not-allowed;
        resize: none;
      }

      .detail-permission-note {
        margin: 10px 12px 12px;
        padding: 10px 12px;
        border: 1px solid #f0d89c;
        border-radius: var(--radius-md);
        background: #fff8e6;
        color: #76561a;
        font-size: 0.8rem;
        font-weight: 750;
        line-height: 1.4;
      }

      .detail-theme-editor {
        display: grid;
        gap: 14px;
        padding: 12px;
      }

      .detail-theme-group {
        display: grid;
        gap: 8px;
      }

      .detail-theme-group--selected {
        padding-bottom: 12px;
        border-bottom: 1px solid var(--border);
      }

      .detail-theme-label {
        color: var(--text-muted);
        font-size: 0.72rem;
        font-weight: 850;
        letter-spacing: 0.04em;
        line-height: 1.2;
        text-transform: uppercase;
      }

      .detail-theme-presets {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
      }

      .theme-tag--editable,
      .theme-tag--preset {
        border: 1px solid #d7e0f3;
        cursor: pointer;
      }

      .theme-tag--editable {
        border-color: #a7c4ff;
        background: #eaf2ff;
        color: #0f4ecf;
        font-weight: 850;
        padding-right: 6px;
      }

      .theme-tag__remove {
        width: 18px;
        height: 18px;
        display: inline-grid;
        place-items: center;
        margin-left: 2px;
        border-radius: 999px;
        background: #ffffff;
        color: #0f4ecf;
        box-shadow: inset 0 0 0 1px #a7c4ff;
        font-size: 0.82rem;
        font-weight: 900;
        line-height: 1;
      }

      .theme-tag--preset.is-active {
        border-color: #cfd8ee;
        background: #f3f6fd;
        color: #506189;
      }

      .detail-theme-editor .theme-tag--editable {
        border-color: #a7c4ff;
        background: #eaf2ff;
        color: #0f4ecf;
        font-weight: 850;
      }

      .detail-theme-editor .theme-tag--preset {
        border-color: #d7e0f3;
        background: #ffffff;
        color: #30447f;
      }

      .detail-theme-editor .theme-tag--preset.is-active {
        border-color: #cfd8ee;
        background: #f3f6fd;
        color: #506189;
      }

      .detail-theme-add {
        display: flex;
        gap: 8px;
      }

      .detail-theme-add .detail-theme-input {
        flex: 1 1 auto;
      }

      .detail-note-block {
        padding: 12px;
        color: var(--text-primary);
        font-size: 0.88rem;
        line-height: 1.5;
      }

      .detail-note-block--empty {
        color: var(--text-muted);
      }

      .detail-note-input {
        min-height: 108px;
        resize: vertical;
        font-weight: 650;
      }

      .detail-note-input--direct {
        min-height: 180px;
        border: 0;
        border-radius: 0;
        background: #ffffff;
        padding: 12px;
      }

      .detail-note-input--direct:focus {
        box-shadow: inset 0 0 0 2px rgba(21, 95, 228, 0.16);
      }

      .detail-note-actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 10px 12px 12px;
        border-top: 1px solid #edf1f8;
      }

      .detail-note-status {
        color: var(--text-muted);
        font-size: 0.76rem;
        font-weight: 700;
      }

      .detail-compact-list {
        display: grid;
        gap: 8px;
      }

      .detail-compact-row {
        display: grid;
        grid-template-columns: 116px minmax(0, 1fr);
        gap: 10px;
        align-items: baseline;
        min-height: 28px;
        color: #253777;
        font-size: 0.86rem;
        line-height: 1.35;
      }

      .detail-compact-row span:first-child {
        color: #6a759b;
        font-size: 0.74rem;
        font-weight: 850;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .detail-compact-row a {
        color: #1f5ed9;
        text-decoration: none;
        font-weight: 750;
        overflow-wrap: anywhere;
      }

      .detail-secondary {
        color: #6b759b;
        font-size: 0.82rem;
        line-height: 1.45;
      }

      .detail-static-value {
        margin-top: 8px;
        color: #203165;
        font-size: 0.88rem;
        font-weight: 800;
      }

      .detail-mini-map {
        position: relative;
        margin-top: 14px;
        width: 100%;
        min-height: 110px;
        border: 1px solid #dbe4fb;
        border-radius: 16px;
        background: linear-gradient(180deg, #f9fbff 0%, #f1f5ff 100%);
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .detail-mini-map-frame {
        display: block;
        width: 100%;
        height: 110px;
        border: 0;
        background: transparent;
      }

      .detail-mini-map-empty {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 18px;
        color: #7a88b2;
        font-size: 0.84rem;
        font-weight: 600;
        text-align: center;
      }

      .detail-mini-map-caption {
        margin-top: 8px;
        color: #5f6e9d;
        font-size: 0.78rem;
        font-weight: 700;
      }

      .detail-warning {
        position: absolute;
        top: 12px;
        right: 12px;
        display: inline-flex;
        align-items: center;
        color: #a46b1f;
        font-size: 0.92rem;
        font-weight: 700;
        line-height: 1;
      }

      .detail-select-shell {
        position: relative;
        margin-top: 14px;
      }

      .detail-inline-select {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        pointer-events: none;
      }

      .custom-select-trigger--detail {
        min-height: 36px;
        padding: 0 12px;
        border-radius: 12px;
        background: #f7f9ff;
        color: #31447d;
        font-size: 0.84rem;
        font-weight: 700;
      }

      .custom-select-trigger--detail .custom-select-trigger__icon {
        width: 16px;
        height: 16px;
      }

      .custom-select-panel--detail {
        top: calc(100% + 6px);
        max-height: min(58dvh, 480px);
        border-radius: 14px;
        padding: 7px;
        box-shadow: 0 14px 28px rgba(23, 37, 84, 0.16);
        overflow-y: auto;
      }

      .custom-select-panel--detail .custom-select-option {
        padding: 9px 10px;
        font-size: 0.82rem;
      }

      .custom-select-trigger--compact {
        min-height: 54px;
        padding: 0 16px;
        border: 0;
        border-radius: 18px;
        background: transparent;
        box-shadow: none;
        font-size: 0.96rem;
        font-weight: 800;
      }

      .custom-select-trigger--compact .custom-select-trigger__icon {
        width: 16px;
        height: 16px;
      }

      .select-shell[data-custom-select].is-open .custom-select-trigger--compact,
      .select-shell[data-custom-select]:focus-within .custom-select-trigger--compact {
        border-color: transparent;
        box-shadow: none;
        background: transparent;
      }

      .custom-select-panel--compact {
        top: auto;
        bottom: calc(100% + 8px);
        min-width: 180px;
      }

      .detail-info-value--muted {
        color: var(--muted);
        font-weight: 600;
      }

      .detail-inline-input,
      .detail-inline-textarea {
        width: 100%;
        margin-top: 8px;
        padding: 10px 12px;
        border: 1px solid #d8def7;
        border-radius: 12px;
        background: #f7f9ff;
        color: #31447d;
        font-size: 0.86rem;
        font-weight: 600;
        outline: 0;
      }

      .detail-inline-input::placeholder,
      .detail-inline-textarea::placeholder {
        color: #7f89b4;
        font-weight: 500;
      }

      .detail-inline-input:focus,
      .detail-inline-textarea:focus {
        border-color: #8eb2ff;
        box-shadow: 0 0 0 4px rgba(74, 121, 237, 0.12);
        background: #ffffff;
      }

      .detail-contact-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 10px;
      }

      .detail-inline-textarea {
        min-height: 104px;
        resize: vertical;
        line-height: 1.45;
      }

      .detail-link-row {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .tag-editor {
        display: grid;
        gap: 12px;
      }

      .tag-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .theme-tag {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 34px;
        padding: 0 12px;
        border: 1px solid #d8e1fb;
        border-radius: 999px;
        background: #ffffff;
        color: #30447f;
        font-size: 0.82rem;
        font-weight: 700;
      }

      .theme-tag button {
        width: 18px;
        height: 18px;
        padding: 0;
        border: 0;
        border-radius: 999px;
        background: #edf3ff;
        color: inherit;
        cursor: pointer;
      }

      .theme-tag--preset {
        border-color: #d7e0f3;
        background: #ffffff;
        color: #30447f;
      }

      .theme-tag--preset.is-active {
        border-color: #cfd8ee;
        background: #f3f6fd;
        color: #506189;
      }

      .tag-input-row {
        display: flex;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap;
      }

      .tag-input-row .detail-inline-input {
        margin-top: 0;
        flex: 1 1 220px;
      }

      .tag-empty {
        color: var(--muted);
        font-size: 0.84rem;
      }

      .detail-footer-meta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;
        padding-top: 4px;
        color: var(--muted);
        font-size: 0.82rem;
      }

      .analytics-head p {
        max-width: 42ch;
      }

      .editor-drawer {
        position: fixed;
        inset: 0;
        display: none;
        z-index: 90;
      }

      .editor-drawer.is-open {
        display: block;
      }

      .map-mode-drawer {
        position: fixed;
        inset: 0;
        display: none;
        z-index: 95;
      }

      .map-mode-drawer.is-open {
        display: block;
      }

      .map-mode-overlay {
        position: absolute;
        inset: 0;
        background: rgba(17, 25, 55, 0.42);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
      }

      .map-mode-panel {
        position: absolute;
        inset: 18px;
        border-radius: 30px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 36px 90px rgba(17, 27, 67, 0.28);
        border: 1px solid rgba(217, 222, 245, 0.9);
      }

      .map-mode-frame {
        width: 100%;
        height: 100%;
        border: 0;
        display: block;
        background: #f3f5f7;
      }

      .map-mode-close {
        position: absolute;
        top: 22px;
        right: 22px;
        left: auto;
        z-index: 3;
        width: 44px;
        height: 44px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.94);
        color: #28406f;
        font-size: 1.5rem;
        line-height: 1;
        cursor: pointer;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
      }

      .dashboard-drawer {
        position: fixed;
        inset: 0;
        display: none;
        z-index: 94;
      }

      .dashboard-drawer.is-open {
        display: block;
      }

      .dashboard-overlay {
        position: absolute;
        inset: 0;
        background: rgba(17, 25, 55, 0.42);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
      }

      .dashboard-panel {
        position: absolute;
        inset: 26px;
        border-radius: 30px;
        overflow: hidden;
        background:
          radial-gradient(circle at top left, rgba(39, 136, 246, 0.08), transparent 24%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 248, 255, 0.98) 100%);
        box-shadow: 0 36px 90px rgba(17, 27, 67, 0.28);
        border: 1px solid rgba(217, 222, 245, 0.9);
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
      }

      .dashboard-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
        padding: 22px 26px 18px;
        border-bottom: 1px solid rgba(217, 222, 245, 0.88);
      }

      .dashboard-header h3 {
        margin: 0;
        font-size: clamp(1.35rem, 2vw, 2rem);
        letter-spacing: -0.04em;
      }

      .dashboard-header p {
        margin: 8px 0 0;
        color: var(--muted);
        font-size: 0.9rem;
      }

      .dashboard-close {
        width: 44px;
        height: 44px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.94);
        color: #28406f;
        font-size: 1.5rem;
        line-height: 1;
        cursor: pointer;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
        flex: 0 0 auto;
      }

      .analytics-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 10px;
      }

      .dashboard-control {
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 0 13px;
        border: 1px solid #d6def9;
        border-radius: 12px;
        background: #fbfcff;
        color: #30427d;
        font-size: 0.84rem;
        font-weight: 800;
        cursor: pointer;
      }

      .dashboard-control svg {
        width: 17px;
        height: 17px;
        stroke: currentColor;
      }

      .dashboard-context {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        margin: -4px 0 16px;
        padding: 10px 12px;
        border: 1px solid rgba(214, 222, 249, 0.86);
        border-radius: 14px;
        background: rgba(248, 250, 255, 0.82);
      }

      .dashboard-context-label {
        color: #53608f;
        font-size: 0.78rem;
        font-weight: 900;
      }

      .dashboard-context-chip {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 9px;
        border: 1px solid #dce5ff;
        border-radius: 999px;
        background: #ffffff;
        color: #33437a;
        font-size: 0.78rem;
        font-weight: 800;
      }

      .dashboard-grid {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 14px;
      }

      .dashboard-cluster-title {
        grid-column: 1 / -1;
        margin: 6px 2px -4px;
        color: #53608f;
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .dashboard-card {
        min-width: 0;
        border: 1px solid rgba(214, 222, 249, 0.96);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.94);
        box-shadow: 0 12px 32px rgba(38, 52, 105, 0.07);
        padding: 16px;
      }

      .dashboard-card--wide {
        grid-column: span 5;
      }

      .dashboard-card--medium {
        grid-column: span 4;
      }

      .dashboard-card--compact {
        grid-column: span 3;
      }

      .dashboard-card--half {
        grid-column: span 6;
      }

      .dashboard-card--fill {
        grid-column: span 8;
      }

      .dashboard-card--distribution-main {
        grid-column: span 8;
      }

      .dashboard-card--distribution-side {
        grid-column: span 4;
      }

      .dashboard-card--geo-map {
        grid-column: span 3;
      }

      .dashboard-card--geo-bars {
        grid-column: span 5;
      }

      .dashboard-card--geo-top {
        grid-column: span 4;
      }

      .dashboard-card--insight,
      .dashboard-card--quality,
      .dashboard-card--quality-link {
        grid-column: span 6;
      }

      .dashboard-card--insight {
        grid-column: span 8;
      }

      .dashboard-card--quality-link {
        grid-column: span 4;
        padding: 12px;
      }

      .dashboard-card--quality-link .dashboard-card-head {
        margin-bottom: 8px;
      }

      .dashboard-card--quality-link h4 {
        font-size: 0.9rem;
      }

      .dashboard-card--quality-link p {
        margin-top: 3px;
        font-size: 0.74rem;
        line-height: 1.3;
      }

      .dashboard-card--care-queue {
        grid-column: span 12;
      }

      .dashboard-card--quality-overview {
        grid-column: span 12;
      }

      .dashboard-card--subtle {
        background: rgba(252, 253, 255, 0.86);
      }

      .dashboard-card-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 12px;
      }

      .dashboard-card h4 {
        margin: 0;
        color: #18245a;
        font-size: 0.96rem;
        letter-spacing: -0.01em;
      }

      .dashboard-card p {
        margin: 5px 0 0;
        color: var(--muted);
        font-size: 0.8rem;
        line-height: 1.35;
      }

      .dashboard-info {
        position: relative;
        width: 18px;
        height: 18px;
        display: inline-grid;
        place-items: center;
        flex: 0 0 auto;
        border: 1px solid #cfd9fb;
        border-radius: 999px;
        color: #5f6fa8;
        font-size: 0.72rem;
        font-weight: 900;
        cursor: help;
      }

      .dashboard-info__popup {
        position: absolute;
        right: -2px;
        top: calc(100% + 8px);
        z-index: 8;
        width: min(280px, 76vw);
        padding: 10px 12px;
        border: 1px solid #d6def9;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 16px 34px rgba(38, 52, 105, 0.15);
        color: #53608f;
        font-size: 0.76rem;
        line-height: 1.35;
        font-weight: 700;
        text-align: left;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-4px);
        transition: opacity 140ms ease, transform 140ms ease;
      }

      .dashboard-info:hover .dashboard-info__popup,
      .dashboard-info:focus-within .dashboard-info__popup {
        opacity: 1;
        transform: translateY(0);
      }

      .stakeholder-member-value {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
      }

      .dashboard-info.stakeholder-member-info {
        display: inline-grid;
      }

      .stakeholder-member-info .dashboard-info__popup {
        right: auto;
        left: 50%;
        width: min(300px, 76vw);
        transform: translate(-50%, -4px);
      }

      .stakeholder-member-info:hover .dashboard-info__popup,
      .stakeholder-member-info:focus-within .dashboard-info__popup {
        transform: translate(-50%, 0);
      }

      .card-menu-dot {
        color: #7b88b4;
        font-weight: 900;
        line-height: 1;
      }

      .dashboard-note {
        margin-top: 12px;
        padding-top: 10px;
        border-top: 1px solid rgba(218, 225, 247, 0.8);
        color: #5d698d;
        font-size: 0.78rem;
      }

      .metric-bars {
        display: grid;
        gap: 10px;
      }

      .metric-row {
        display: grid;
        grid-template-columns: minmax(128px, 0.34fr) minmax(0, 1fr) 48px 58px;
        gap: 12px;
        align-items: center;
      }

      .metric-label {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #243271;
        font-size: 0.82rem;
        font-weight: 900;
      }

      .metric-dot {
        width: 9px;
        height: 9px;
        flex: 0 0 auto;
        border-radius: 999px;
      }

      .metric-track {
        position: relative;
        height: 10px;
        border-radius: 999px;
        background: #edf1ff;
        overflow: hidden;
      }

      .metric-fill {
        position: relative;
        display: block;
        height: 100%;
        min-width: 3px;
        border-radius: inherit;
      }

      .value-count-cell {
        justify-self: end;
        color: #10236e;
        font-size: 0.86rem;
        font-weight: 950;
        line-height: 1;
        text-align: right;
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
      }

      .metric-percent,
      .state-percent,
      .priority-percent {
        display: inline-flex;
        justify-self: end;
        align-items: center;
        justify-content: flex-end;
        min-width: 48px;
        padding: 2px 7px;
        border: 1px solid #dfe7ff;
        border-radius: 999px;
        background: #f5f8ff;
        color: #657099;
        font-size: 0.72rem;
        font-weight: 900;
        text-align: right;
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
      }

      .metric-muted-note {
        margin-top: 10px;
        color: #7a86ad;
        font-size: 0.76rem;
        font-weight: 800;
      }

      .chart-total-row {
        display: grid;
        gap: 10px;
        align-items: center;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid rgba(218, 225, 247, 0.8);
        color: #5d698d;
        font-size: 0.78rem;
        font-weight: 850;
      }

      .chart-total-row--metric {
        grid-template-columns: minmax(128px, 0.34fr) minmax(0, 1fr) 48px 58px;
        gap: 12px;
      }

      .chart-total-row--state {
        grid-template-columns: minmax(112px, 170px) minmax(0, 1fr) 48px 58px;
      }

      .chart-total-row--priority {
        grid-template-columns: minmax(80px, 0.9fr) minmax(0, 1fr) 48px 58px;
      }

      .chart-total-label {
        color: #2f3b73;
        font-size: 0.82rem;
        font-weight: 900;
      }

      .chart-total-count {
        justify-self: end;
        color: #10236e;
        font-size: 0.9rem;
        font-weight: 950;
        font-variant-numeric: tabular-nums;
      }

      .state-bars {
        display: grid;
        gap: 8px;
      }

      .state-row {
        display: grid;
        grid-template-columns: minmax(112px, 170px) minmax(0, 1fr) 48px 58px;
        gap: 10px;
        align-items: center;
      }

      .state-name {
        min-width: 0;
        color: #243271;
        font-size: 0.78rem;
        font-weight: 800;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .state-bar-track {
        position: relative;
        height: 9px;
        border-radius: 999px;
        background: #edf1ff;
        overflow: hidden;
      }

      .state-bar-fill {
        position: relative;
        height: 100%;
        min-width: 3px;
        border-radius: inherit;
        background: linear-gradient(90deg, #2d71f0 0%, #68adff 100%);
      }

      .coverage-map {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        align-items: center;
      }

      .coverage-mini-map {
        width: min(100%, 178px);
        height: auto;
        display: block;
        margin: 0 auto;
        filter: drop-shadow(0 14px 24px rgba(39, 88, 166, 0.12));
      }

      .coverage-state {
        stroke: rgba(255, 255, 255, 0.92);
        stroke-width: 1.25;
        vector-effect: non-scaling-stroke;
        transition: fill 160ms ease, opacity 160ms ease;
      }

      .coverage-state--empty {
        opacity: 0.78;
      }

      .coverage-legend,
      .quality-list,
      .ranking-list,
      .gap-list {
        display: grid;
        gap: 9px;
      }

      .quality-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }

      .coverage-legend-row,
      .quality-row,
      .ranking-row {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 9px;
        align-items: center;
        color: #243271;
        font-size: 0.8rem;
        font-weight: 800;
      }

      .coverage-legend {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px 10px;
      }

      .city-ranking {
        display: grid;
        gap: 8px;
      }

      .city-rank-row {
        display: grid;
        grid-template-columns: 24px 38px minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
        padding: 7px 0;
        border-bottom: 1px solid rgba(218, 225, 247, 0.72);
      }

      .city-rank-number {
        color: #7480a9;
        font-size: 0.78rem;
        font-weight: 900;
      }

      .city-rank-name {
        min-width: 0;
        color: #243271;
        font-size: 0.82rem;
        font-weight: 900;
        line-height: 1.25;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .city-rank-icon {
        width: 36px;
        height: 32px;
        display: grid;
        place-items: center;
        color: #2d66ed;
      }

      .city-rank-icon svg {
        width: 36px;
        height: 32px;
        display: block;
      }

      .city-rank-count {
        color: #10236e;
        font-size: 0.76rem;
        font-weight: 900;
        white-space: nowrap;
      }

      .coverage-legend-swatch {
        width: 12px;
        height: 12px;
        border-radius: 4px;
      }

      .priority-bars {
        display: grid;
        gap: 10px;
      }

      .priority-stack {
        display: flex;
        height: 16px;
        overflow: hidden;
        border-radius: 999px;
        background: #edf1ff;
      }

      .priority-stack-segment {
        min-width: 0;
        height: 100%;
      }

      .priority-row {
        display: grid;
        grid-template-columns: minmax(80px, 0.9fr) minmax(0, 1fr) 48px 58px;
        gap: 10px;
        align-items: center;
      }

      .priority-label {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        color: #243271;
        font-size: 0.8rem;
        font-weight: 900;
      }

      .priority-dot {
        width: 9px;
        height: 9px;
        flex: 0 0 auto;
        border-radius: 999px;
      }

      .priority-track {
        position: relative;
        height: 8px;
        border-radius: 999px;
        background: #edf1ff;
        overflow: hidden;
      }

      .priority-fill {
        position: relative;
        display: block;
        height: 100%;
        min-width: 3px;
        border-radius: inherit;
      }

      .gap-panel {
        display: grid;
        gap: 10px;
        padding: 12px;
        border: 1px solid #dfe7ff;
        border-radius: 14px;
        background: #fbfcff;
      }

      .gap-panel + .gap-panel {
        margin-top: 8px;
      }

      .dashboard-card--insight #gap-analysis {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }

      .dashboard-card--insight .dashboard-link-button {
        grid-column: 1 / -1;
        margin-top: 0;
      }

      .gap-panel-title {
        margin: 0;
        color: #243271;
        font-size: 0.82rem;
        font-weight: 900;
      }

      .gap-panel-head {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        align-items: center;
      }

      .gap-panel-icon {
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: #fff5ec;
        color: #c95b16;
        font-size: 1rem;
        font-weight: 950;
      }

      .gap-panel-icon svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .gap-panel-icon--blue {
        background: #edf4ff;
        color: #2d66ed;
      }

      .gap-panel-kicker {
        margin-top: 2px;
        color: #7480a9;
        font-size: 0.72rem;
        font-weight: 850;
      }

      .gap-item-list {
        display: grid;
        gap: 7px;
      }

      .gap-item {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto auto;
        gap: 8px;
        align-items: center;
        min-height: 32px;
        padding: 7px 8px;
        border: 1px solid #e3eaff;
        border-radius: 10px;
        background: #ffffff;
      }

      .gap-item-name {
        min-width: 0;
        color: #243271;
        font-size: 0.78rem;
        font-weight: 900;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .gap-item-count {
        color: #10236e;
        font-size: 0.78rem;
        font-weight: 950;
        font-variant-numeric: tabular-nums;
      }

      .gap-item-share {
        min-width: 44px;
        padding: 2px 7px;
        border: 1px solid #dfe7ff;
        border-radius: 999px;
        background: #f5f8ff;
        color: #657099;
        font-size: 0.7rem;
        font-weight: 900;
        text-align: center;
        font-variant-numeric: tabular-nums;
      }

      .tag-list {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 8px;
      }

      .gap-tag {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 0 8px;
        border: 1px solid #dce5ff;
        border-radius: 8px;
        background: #f4f7ff;
        color: #2d5ed7;
        font-size: 0.74rem;
        font-weight: 900;
      }

      .gap-tag--warm {
        border-color: #ffd8bb;
        background: #fff5ec;
        color: #c95b16;
      }

      .dashboard-link-button {
        width: 100%;
        min-height: 34px;
        margin-top: 10px;
        border: 1px solid #d6def9;
        border-radius: 10px;
        background: #ffffff;
        color: #285bd6;
        font-size: 0.8rem;
        font-weight: 900;
        cursor: pointer;
      }

      .analytics-quality-link {
        display: grid;
        gap: 8px;
      }

      .analytics-quality-link__metric {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
        padding: 8px 10px;
        border: 1px solid #dfe7ff;
        border-radius: 10px;
        background: #ffffff;
      }

      .analytics-quality-link__metric strong {
        color: #10236e;
        font-size: 1rem;
        font-weight: 950;
        letter-spacing: -0.03em;
      }

      .analytics-quality-link__metric span {
        color: #657099;
        font-size: 0.7rem;
        font-weight: 850;
        text-align: right;
      }

      .analytics-quality-link__button {
        min-height: 30px;
        border: 1px solid #d6def9;
        border-radius: 9px;
        background: #ffffff;
        color: #285bd6;
        font-size: 0.74rem;
        font-weight: 900;
        cursor: pointer;
      }

      .analytics-quality-link__button:hover,
      .analytics-quality-link__button:focus-visible {
        border-color: #b9c9ff;
        background: #f6f9ff;
        outline: none;
      }

      .quality-workspace-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
      }

      .ranking-index {
        color: #7480a9;
        font-weight: 900;
      }

      .quality-row {
        min-height: 0;
        grid-template-columns: 30px minmax(0, 1fr);
        justify-items: stretch;
        align-content: center;
        gap: 9px;
        padding: 10px 12px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        text-align: left;
      }

      .quality-icon {
        width: 30px;
        height: 30px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--primary);
        font-size: 0.78rem;
        font-weight: 900;
      }

      .quality-icon svg,
      .care-queue-icon svg {
        width: 16px;
        height: 16px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .quality-summary {
        display: grid;
        gap: 12px;
      }

      .quality-summary-main {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        padding: 14px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface-muted);
      }

      .quality-summary-copy strong {
        display: block;
        color: var(--text-primary);
        font-size: var(--font-size-md);
        font-weight: 850;
      }

      .quality-summary-copy span {
        display: block;
        margin-top: 2px;
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        font-weight: 600;
      }

      .quality-icon--purple {
        background: #f1e8ff;
        color: #8b4bd9;
      }

      .quality-icon--amber {
        background: #fff3dc;
        color: #d48a10;
      }

      .quality-percent {
        color: var(--text-primary);
        font-size: 0.9rem;
        font-weight: 900;
        letter-spacing: 0;
      }

      .quality-copy span,
      .ranking-row span {
        display: block;
      }

      .quality-copy small {
        display: block;
        margin-top: 2px;
        color: var(--text-muted);
        font-size: 0.72rem;
        font-weight: 600;
      }

      .dashboard-empty {
        margin-top: 8px;
        padding: 13px 14px;
        border-radius: 14px;
        background: #f4f7ff;
        color: var(--muted);
        font-size: 0.86rem;
      }

      .care-queue-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
      }

      .care-queue-card {
        display: grid;
        gap: 12px;
        min-height: 0;
        padding: 0;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        overflow: hidden;
      }

      .care-queue-card--todo {
        border-color: var(--border);
        background: var(--surface);
      }

      .care-queue-card--critical {
        border-color: #fecaca;
        background: var(--surface);
      }

      .care-queue-card--done,
      .care-queue-card--complete {
        border-color: #cfead7;
        background: var(--surface);
      }

      .care-queue-card.is-expanded {
        border-color: #fed7aa;
      }

      .care-queue-head {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr) auto;
        gap: 9px;
        align-items: center;
        padding: 14px;
        border-bottom: 1px solid var(--border);
      }

      .care-queue-head[data-care-open] {
        cursor: pointer;
      }

      .care-queue-head[data-care-open]:hover .care-queue-toggle,
      .care-queue-head[data-care-open]:focus-visible .care-queue-toggle {
        border-color: #b9c9ff;
        background: #f6f9ff;
      }

      .care-queue-head[data-care-open]:focus-visible {
        outline: 3px solid color-mix(in srgb, var(--primary) 22%, transparent);
        outline-offset: -3px;
      }

      .care-queue-card--todo .care-queue-head {
        background: #fff8eb;
        border-bottom-color: #fed7aa;
      }

      .care-queue-card--critical .care-queue-head {
        background: #fff1f2;
        border-bottom-color: #fecaca;
      }

      .care-queue-card--done .care-queue-head,
      .care-queue-card--complete .care-queue-head {
        background: #f0fdf4;
        border-bottom-color: #bde8ca;
      }

      .care-queue-icon {
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: #eef4ff;
        color: #2d66ed;
        font-size: 0.95rem;
        font-weight: 950;
      }

      .care-queue-card--todo .care-queue-icon {
        background: var(--surface-muted);
        color: var(--primary);
      }

      .care-queue-card--critical .care-queue-icon {
        background: #ffe4e6;
        color: #be123c;
      }

      .care-queue-card--done .care-queue-icon,
      .care-queue-card--complete .care-queue-icon {
        background: #e8f8ee;
        color: #1f7a47;
      }

      .care-queue-copy {
        min-width: 0;
      }

      .care-queue-title {
        min-width: 0;
        display: block;
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 850;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .care-queue-status {
        width: fit-content;
        min-height: 22px;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin-top: 4px;
        padding: 0 7px;
        border: 1px solid #bde8ca;
        border-radius: 999px;
        background: #ecfdf3;
        color: #15803d;
        font-size: 0.68rem;
        font-weight: 850;
      }

      .care-queue-status--critical {
        border-color: #fecaca;
        background: #fff1f2;
        color: #be123c;
      }

      .care-queue-status--open {
        border-color: #fed7aa;
        background: #fff7ed;
        color: #b45309;
      }

      .care-queue-status svg {
        width: 13px;
        height: 13px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.4;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .care-queue-count {
        min-width: 34px;
        padding: 4px 8px;
        border-radius: 999px;
        background: #f2f6ff;
        color: #10236e;
        font-size: 0.86rem;
        font-weight: 950;
        text-align: center;
        font-variant-numeric: tabular-nums;
      }

      .care-queue-card--critical .care-queue-count {
        background: #ffe4e6;
        color: #be123c;
      }

      .care-queue-card--done .care-queue-count,
      .care-queue-card--complete .care-queue-count {
        background: #eaf8ef;
        color: #237247;
      }

      .care-queue-meta {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        justify-self: end;
      }

      .care-queue-toggle {
        min-width: 34px;
        height: 34px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        border: 1px solid var(--border-strong);
        border-radius: 999px;
        background: var(--surface);
        color: var(--primary);
        font-size: 0.76rem;
        font-weight: 900;
        transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
      }

      .care-queue-toggle svg {
        width: 16px;
        height: 16px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.4;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: transform 0.16s ease;
      }

      .care-queue-toggle[aria-expanded="true"] svg {
        transform: rotate(180deg);
      }

      .care-queue-contact {
        display: grid;
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 8px;
        align-items: center;
        min-height: 42px;
        padding: 8px;
        border: 1px solid #e3eaff;
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--text-primary);
        font-size: 0.78rem;
        font-weight: 750;
        text-align: left;
        cursor: default;
      }

      button.care-queue-contact {
        cursor: pointer;
      }

      button.care-queue-contact:hover {
        border-color: #b9c9ff;
        background: #f6f9ff;
      }

      .care-queue-contact span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .care-queue-empty {
        min-height: 72px;
        display: grid;
        place-items: center;
        padding: 12px;
        border-radius: 12px;
        background: #f7f9ff;
        color: #6c78a5;
        font-size: 0.78rem;
        font-weight: 800;
        text-align: center;
      }

      .care-queue-inline-list {
        display: grid;
        gap: 8px;
        padding: 12px 14px 14px;
      }

      .care-queue-edit-row {
        display: grid;
        grid-template-columns: 28px minmax(130px, 0.7fr) minmax(180px, 1fr) 34px;
        gap: 8px;
        align-items: center;
        min-height: 42px;
        padding: 8px;
        border: 1px solid #e3eaff;
        border-radius: var(--radius-sm);
        background: var(--surface);
      }

      .care-queue-edit-name {
        min-width: 0;
        border: 0;
        background: transparent;
        color: var(--text-primary);
        font: inherit;
        font-size: 0.78rem;
        font-weight: 750;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
      }

      .care-queue-field {
        min-width: 0;
        min-height: 34px;
        width: 100%;
        border: 1px solid var(--border-strong);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--text-primary);
        font: inherit;
        font-size: 0.78rem;
        padding: 0 9px;
      }

      select.care-queue-field {
        appearance: none;
        padding-right: 34px;
        background-color: #fbfcff;
        background-image:
          linear-gradient(45deg, transparent 50%, currentColor 50%),
          linear-gradient(135deg, currentColor 50%, transparent 50%);
        background-position:
          calc(100% - 17px) 50%,
          calc(100% - 12px) 50%;
        background-size: 5px 5px, 5px 5px;
        background-repeat: no-repeat;
        color: var(--text-primary);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
        cursor: pointer;
      }

      select.care-queue-field:hover {
        border-color: #b9c9ff;
        background-color: #f8fbff;
      }

      .care-queue-field:focus {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent);
        outline: none;
      }

      .care-queue-field-grid {
        display: grid;
        grid-template-columns: minmax(74px, 0.45fr) minmax(0, 1fr);
        gap: 8px;
      }

      .care-queue-note {
        color: var(--text-muted);
        font-size: 0.78rem;
        font-weight: 650;
      }

      .care-queue-confirm {
        width: 34px;
        height: 34px;
        display: inline-grid;
        place-items: center;
        border: 1px solid #bde8ca;
        border-radius: var(--radius-sm);
        background: #ecfdf3;
        color: #15803d;
        cursor: pointer;
      }

      .care-queue-confirm:hover,
      .care-queue-confirm:focus-visible {
        border-color: #86d39a;
        background: #dcfce7;
        outline: none;
      }

      .care-queue-confirm svg {
        width: 16px;
        height: 16px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.5;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      @media (max-width: 760px) {
        .care-queue-edit-row {
          grid-template-columns: 28px minmax(0, 1fr);
        }

        .care-queue-edit-row .care-queue-field,
        .care-queue-edit-row .care-queue-field-grid,
        .care-queue-edit-row .care-queue-note,
        .care-queue-edit-row .care-queue-confirm {
          grid-column: 2;
        }

        .care-queue-edit-row .care-queue-confirm {
          width: 100%;
        }
      }

      .care-workbench {
        margin-top: 14px;
        padding: 14px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
      }

      .care-workbench:focus-visible {
        outline: 3px solid color-mix(in srgb, var(--primary) 24%, transparent);
        outline-offset: 3px;
      }

      .care-workbench[hidden] {
        display: none;
      }

      .care-workbench-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 14px;
        margin-bottom: 12px;
      }

      .care-workbench-title {
        margin: 0;
        color: #18245a;
        font-size: 1rem;
        font-weight: 950;
      }

      .care-workbench-copy {
        margin-top: 4px;
        color: #657099;
        font-size: 0.82rem;
        font-weight: 750;
      }

      .care-workbench-toolbar {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 0 0 12px;
      }

      .care-workbench-toolbar select,
      .care-workbench-table input {
        min-height: 36px;
        border: 1px solid #d6def9;
        border-radius: 10px;
        background: #fbfcff;
        color: #17275f;
        font: inherit;
        font-size: 0.8rem;
      }

      .care-workbench-toolbar select {
        min-width: 220px;
        padding: 0 10px;
      }

      .care-workbench-table {
        width: 100%;
        min-width: 840px;
        border-collapse: collapse;
      }

      .care-workbench-table th,
      .care-workbench-table td {
        padding: 10px 12px;
        border-bottom: 1px solid #e4e8fb;
        color: #17275f;
        font-size: 0.82rem;
        text-align: left;
        vertical-align: middle;
      }

      .care-workbench-table th {
        background: #f4f6ff;
        color: #243271;
        font-size: 0.76rem;
        font-weight: 950;
      }

      .care-workbench-table input {
        width: 100%;
        padding: 0 10px;
      }

      .dashboard-backlog {
        margin-top: 4px;
        border: 1px dashed rgba(112, 126, 172, 0.34);
        border-radius: 18px;
        background: rgba(249, 251, 255, 0.72);
        overflow: hidden;
      }

      .dashboard-backlog summary {
        list-style: none;
        cursor: pointer;
        padding: 12px 16px;
        color: #7280aa;
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        user-select: none;
      }

      .dashboard-backlog summary::-webkit-details-marker {
        display: none;
      }

      .dashboard-backlog summary::after {
        content: "Mehr";
        float: right;
        color: #8a95ba;
        font-size: 0.74rem;
        letter-spacing: 0.03em;
        text-transform: none;
      }

      .dashboard-backlog[open] summary::after {
        content: "Weniger";
      }

      .dashboard-backlog-body {
        padding: 0 16px 16px;
        color: var(--muted);
        font-size: 0.88rem;
      }

      .dashboard-backlog-body ul {
        margin: 0;
        padding-left: 18px;
      }

      .dashboard-backlog-body li + li {
        margin-top: 8px;
      }

      .editor-overlay {
        position: absolute;
        inset: 0;
        background: rgba(17, 25, 55, 0.38);
      }

      .editor-panel {
        position: absolute;
        top: 0;
        right: 0;
        width: min(820px, 100%);
        height: 100%;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        box-shadow: -24px 0 70px rgba(16, 27, 80, 0.2);
      }

      .editor-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 18px 22px;
        border-bottom: 1px solid var(--line);
        background: rgba(255, 255, 255, 0.95);
      }

      .editor-toolbar h3 {
        margin: 0;
        font-size: 1.2rem;
        letter-spacing: -0.03em;
      }

      .editor-toolbar p {
        margin: 4px 0 0;
        color: var(--muted);
        font-size: 0.84rem;
      }

      .editor-form {
        flex: 1 1 auto;
        overflow: auto;
        padding: 18px 22px 22px;
      }

      .editor-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        align-items: start;
      }

      .editor-intro {
        margin-bottom: 16px;
        padding: 12px 14px;
        border: 1px solid #dbe5ff;
        border-radius: 14px;
        background: linear-gradient(180deg, #f9fbff 0%, #f2f6ff 100%);
        color: #53608f;
        font-size: 0.82rem;
        line-height: 1.45;
      }

      .editor-intro strong {
        color: #28488f;
      }

      .editor-section {
        padding: 16px 0 18px;
        border-top: 1px solid rgba(218, 225, 247, 0.9);
      }

      .editor-section:first-of-type {
        padding-top: 4px;
        border-top: 0;
      }

      .editor-section-head {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 14px;
      }

      .editor-section-icon {
        width: 22px;
        height: 22px;
        display: inline-grid;
        place-items: center;
        border-radius: 8px;
        background: #eef3ff;
        color: #4f63a6;
        font-size: 0.82rem;
        flex: 0 0 auto;
      }

      .editor-section-title {
        margin: 0;
        color: #243271;
        font-size: 0.96rem;
        font-weight: 800;
        letter-spacing: -0.02em;
      }

      .editor-section-title small {
        color: var(--muted);
        font-size: 0.82rem;
        font-weight: 700;
      }

      .editor-field {
        display: grid;
        gap: 7px;
        align-content: start;
      }

      .editor-field[hidden] {
        display: none;
      }

      .editor-field--full {
        grid-column: 1 / -1;
      }

      .editor-label {
        font-size: 0.8rem;
        font-weight: 800;
        letter-spacing: 0.03em;
        color: #53608f;
      }

      .editor-label__required {
        color: #e06649;
      }

      .editor-input,
      .editor-textarea {
        width: 100%;
        min-height: 48px;
        padding: 12px 14px;
        border: 1px solid #d6def9;
        border-radius: 14px;
        background: #fbfcff;
        color: var(--text);
        outline: 0;
      }

      .editor-textarea {
        min-height: 118px;
        resize: vertical;
        line-height: 1.5;
      }

      .editor-input:focus,
      .editor-textarea:focus {
        border-color: #8eb2ff;
        box-shadow: 0 0 0 4px rgba(74, 121, 237, 0.12);
        background: #ffffff;
      }

      .editor-select-shell {
        position: relative;
      }

      .editor-select {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        pointer-events: none;
      }

      .custom-select-trigger {
        width: 100%;
        min-height: 48px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 0 14px 0 16px;
        border: 1px solid #d6def9;
        border-radius: 14px;
        background: #fbfcff;
        color: var(--text);
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.2;
        text-align: left;
        transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease;
      }

      .custom-select-trigger__label {
        min-width: 0;
        flex: 1 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .custom-select-label--with-entity {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-width: 0;
      }

      .custom-select-entity-visual {
        display: inline-grid;
        width: 28px;
        height: 28px;
        flex: 0 0 28px;
        place-items: center;
      }

      .custom-select-entity-visual .avatar,
      .custom-select-entity-visual .organization-logo {
        width: 28px;
        height: 28px;
        font-size: 0.66rem;
      }

      .custom-select-entity-visual .organization-logo {
        border-radius: 9px;
      }

      .custom-select-entity-text {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .custom-select-trigger__icon {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        color: #6f7dab;
      }

      .custom-select-trigger__icon svg {
        display: block;
        width: 100%;
        height: 100%;
      }

      .custom-select-trigger.is-placeholder {
        color: #8a96bc;
        font-weight: 600;
      }

      .editor-select-shell.is-open .custom-select-trigger,
      .editor-select-shell:focus-within .custom-select-trigger {
        border-color: #8eb2ff;
        box-shadow: 0 0 0 4px rgba(74, 121, 237, 0.12);
        background: #ffffff;
      }

      .editor-combobox {
        position: relative;
      }

      .editor-combobox .editor-input {
        padding-right: 46px;
      }

      .editor-combobox__toggle {
        position: absolute;
        top: 1px;
        right: 1px;
        width: 44px;
        height: calc(100% - 2px);
        border: 0;
        border-left: 1px solid rgba(214, 222, 249, 0.72);
        border-radius: 0 13px 13px 0;
        display: grid;
        place-items: center;
        background: transparent;
        color: #6f7dab;
        cursor: pointer;
      }

      .editor-combobox__toggle svg {
        width: 18px;
        height: 18px;
      }

      .editor-combobox.is-open .editor-input,
      .editor-combobox:focus-within .editor-input {
        border-color: #8eb2ff;
        box-shadow: 0 0 0 4px rgba(74, 121, 237, 0.12);
        background: #ffffff;
      }

      .editor-combobox__panel {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        z-index: 38;
        max-height: min(58dvh, 420px);
        overflow: auto;
        padding: 8px;
        border-radius: 16px;
        border: 1px solid rgba(18, 34, 78, 0.1);
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 18px 36px rgba(23, 37, 84, 0.16);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
      }

      .editor-combobox__panel[hidden] {
        display: none;
      }

      .custom-select-option--create {
        background: var(--primary-soft);
        color: var(--primary);
        font-weight: 850;
      }

      .custom-select-panel {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        z-index: 36;
        max-height: min(58dvh, 420px);
        overflow: auto;
        padding: 8px;
        border-radius: 16px;
        border: 1px solid rgba(18, 34, 78, 0.1);
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 18px 36px rgba(23, 37, 84, 0.16);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
      }

      .detail-profile-meta .custom-select-panel--detail {
        max-height: min(58dvh, 480px);
      }

      .custom-select-panel[hidden] {
        display: none;
      }

      .custom-select-search {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 4px 4px 8px;
        background: rgba(255, 255, 255, 0.98);
      }

      .custom-select-search input {
        width: 100%;
        min-height: 34px;
        border: 1px solid #d6def9;
        border-radius: 10px;
        background: #f8faff;
        color: var(--text);
        font: inherit;
        font-size: 0.86rem;
        font-weight: 720;
        line-height: 1.2;
        padding: 8px 10px;
      }

      .custom-select-search input:focus {
        border-color: #8eb2ff;
        outline: 0;
        box-shadow: 0 0 0 3px rgba(74, 121, 237, 0.12);
        background: #ffffff;
      }

      .custom-select-options {
        display: grid;
      }

      .custom-select-empty {
        padding: 10px 12px;
        color: #7f8bb3;
        font-size: 0.86rem;
        font-weight: 760;
      }

      .custom-select-empty[hidden] {
        display: none;
      }

      .custom-select-option {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 11px 12px;
        border: 0;
        border-radius: 12px;
        background: transparent;
        color: rgba(18, 34, 78, 0.76);
        font-size: 0.93rem;
        font-weight: 650;
        line-height: 1.25;
        text-align: left;
        transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease;
      }

      .custom-select-option:hover,
      .custom-select-option:focus-visible {
        background: rgba(39, 93, 223, 0.08);
        color: #22489f;
        outline: 0;
      }

      .custom-select-option.is-selected {
        background: rgba(39, 93, 223, 0.12);
        color: #22489f;
      }

      .custom-select-option--legacy {
        border: 1px dashed #d1d6e5;
        background: #f4f5f8;
        color: #7a8299;
      }

      .custom-select-option--legacy:hover,
      .custom-select-option--legacy:focus-visible,
      .custom-select-option--legacy.is-selected {
        border-color: #aeb6cc;
        background: #eef0f5;
        color: #626a7f;
      }

      .custom-select-option.is-placeholder {
        color: #7f8bb3;
      }

      .custom-select-option__check {
        flex: 0 0 auto;
        color: inherit;
        font-size: 0.82rem;
        font-weight: 800;
        opacity: 0;
      }

      .custom-select-option__label {
        min-width: 0;
        flex: 1 1 auto;
      }

      .custom-select-option.is-selected .custom-select-option__check {
        opacity: 1;
      }

      .editor-help {
        color: var(--muted);
        font-size: 0.78rem;
        line-height: 1.45;
      }

      .editor-message {
        display: none;
        font-size: 0.78rem;
        line-height: 1.4;
      }

      .editor-message.is-visible {
        display: block;
      }

      .editor-message--error {
        color: #c24c36;
      }

      .editor-message--warning {
        color: #9a6a18;
      }

      .editor-field.has-error .editor-input,
      .editor-field.has-error .editor-textarea,
      .editor-field.has-error .custom-select-trigger {
        border-color: #f0b8ad;
        background: #fff8f6;
        box-shadow: 0 0 0 3px rgba(226, 102, 73, 0.12);
      }

      .editor-field.has-warning .editor-input,
      .editor-field.has-warning .editor-textarea,
      .editor-field.has-warning .custom-select-trigger {
        border-color: #efd9ab;
        background: #fffbf3;
      }

      .editor-status {
        display: none;
        margin: 0 0 14px;
        padding: 12px 14px;
        border-radius: 14px;
        font-size: 0.82rem;
        line-height: 1.45;
      }

      .editor-status.is-visible {
        display: block;
      }

      .editor-status--error {
        border: 1px solid #f0c5bb;
        background: linear-gradient(180deg, #fff8f5 0%, #fff2ee 100%);
        color: #9b4737;
      }

      .editor-status--warning {
        border: 1px solid #efd8aa;
        background: linear-gradient(180deg, #fffcf5 0%, #fff7e8 100%);
        color: #94651d;
      }

      .editor-help--duplicate {
        display: none;
        color: #3254a3;
      }

      .editor-help--duplicate.is-visible {
        display: block;
      }

      .editor-chip-row {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .editor-chip {
        min-height: 32px;
        padding: 0 12px;
        border: 1px solid #d8e1fb;
        border-radius: 999px;
        background: #ffffff;
        color: #30447f;
        font-size: 0.8rem;
        font-weight: 700;
        cursor: pointer;
      }

      .editor-chip.is-active {
        border-color: #a6bcff;
        background: #edf3ff;
        color: #2b4a90;
      }

      .editor-theme-hidden {
        display: none;
      }

      .editor-fieldset {
        margin: 0;
        padding: 0;
        border: 0;
        min-width: 0;
      }

      .editor-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 16px 20px 20px;
        border-top: 1px solid var(--line);
        background: #ffffff;
      }

      .editor-footer__hint {
        color: var(--muted);
        font-size: 0.8rem;
      }

      .editor-actions {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
      }

      .editor-actions .action-button {
        min-width: 148px;
      }

      .import-drawer {
        position: fixed;
        inset: 0;
        display: none;
        z-index: 100;
      }

      .import-drawer.is-open {
        display: block;
      }

      .import-overlay {
        position: absolute;
        inset: 0;
        background: rgba(17, 25, 55, 0.42);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
      }

      .import-panel {
        position: absolute;
        top: 24px;
        right: 24px;
        bottom: 24px;
        width: min(980px, calc(100vw - 48px));
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        border: 1px solid rgba(217, 222, 245, 0.96);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 34px 80px rgba(17, 27, 67, 0.28);
        overflow: hidden;
      }

      .import-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
        padding: 22px 26px 14px;
      }

      .import-header h3 {
        margin: 0;
        color: #10236e;
        font-size: 1.42rem;
        letter-spacing: -0.03em;
      }

      .import-header p {
        margin: 6px 0 0;
        color: #5d6a9c;
        font-size: 0.9rem;
        line-height: 1.4;
      }

      .import-close {
        width: 38px;
        height: 38px;
        border: 0;
        border-radius: 12px;
        background: transparent;
        color: #10236e;
        font-size: 1.6rem;
        line-height: 1;
        cursor: pointer;
      }

      .import-body {
        overflow: auto;
        padding: 0 26px 22px;
      }

      .import-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 16px 26px;
        border-top: 1px solid var(--line);
        background: #ffffff;
      }

      .import-footer-actions {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        flex-wrap: wrap;
      }

      .import-steps {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 12px;
        margin: 8px 0 26px;
      }

      .import-step {
        display: grid;
        gap: 8px;
        color: #6674a5;
        font-size: 0.8rem;
        font-weight: 800;
        text-align: center;
        position: relative;
        min-width: 0;
      }

      .import-step:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 15px;
        left: calc(50% + 24px);
        right: calc(-50% + 24px);
        height: 2px;
        background: #dfe6fb;
      }

      .import-step span {
        width: 34px;
        height: 34px;
        display: inline-grid;
        place-items: center;
        justify-self: center;
        border: 1px solid #d4def9;
        border-radius: 999px;
        background: #ffffff;
        color: #42558c;
        font-size: 0.9rem;
        font-weight: 900;
        position: relative;
        z-index: 1;
      }

      .import-step.is-active {
        color: #2565ea;
      }

      .import-step.is-active span {
        border-color: transparent;
        background: linear-gradient(135deg, #275ee6, #4d90ff);
        color: #ffffff;
        box-shadow: 0 10px 22px rgba(54, 94, 191, 0.2);
      }

      #editor-drawer.contact-editor-drawer,
      #organization-editor-drawer.contact-editor-drawer,
      #hospitation-editor-drawer.contact-editor-drawer {
        z-index: 100;
      }

      #editor-drawer .editor-overlay,
      #organization-editor-drawer .editor-overlay,
      #hospitation-editor-drawer:not(.is-documentation-mode) .format-participant-overlay {
        background: rgba(17, 25, 55, 0.42);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
      }

      #editor-drawer .contact-editor-panel,
      #organization-editor-drawer .contact-editor-panel,
      #hospitation-editor-drawer:not(.is-documentation-mode) .format-participant-panel {
        top: 18px;
        right: 24px;
        bottom: auto;
        width: min(980px, calc(100vw - 48px));
        height: auto;
        min-height: min(680px, calc(100dvh - 36px));
        max-height: calc(100dvh - 36px);
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        border: 1px solid rgba(217, 222, 245, 0.96);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 34px 80px rgba(17, 27, 67, 0.28);
        overflow: visible;
      }

      #organization-editor-drawer .contact-editor-panel {
        min-height: min(560px, calc(100dvh - 36px));
      }

      #editor-drawer .contact-editor-header,
      #organization-editor-drawer .contact-editor-header,
      #format-editor-drawer .format-participant-header,
      #hospitation-editor-drawer:not(.is-documentation-mode) .format-participant-header {
        align-items: flex-start;
        padding: 18px 24px 8px;
        border-bottom: 0;
        background: transparent;
      }

      #editor-drawer .contact-editor-header h3,
      #organization-editor-drawer .contact-editor-header h3,
      #format-editor-drawer .format-participant-header h3,
      #hospitation-editor-drawer:not(.is-documentation-mode) .format-participant-header h3 {
        color: #10236e;
        font-size: 1.25rem;
      }

      #editor-drawer .contact-editor-header p,
      #organization-editor-drawer .contact-editor-header p,
      #format-editor-drawer .format-participant-header p,
      #hospitation-editor-drawer:not(.is-documentation-mode) .format-participant-header p {
        color: #5d6a9c;
        font-size: 0.82rem;
        line-height: 1.4;
      }

      #editor-drawer .editor-form,
      #organization-editor-drawer .editor-form {
        overflow: visible;
        padding: 0 24px 14px;
      }

      #hospitation-editor-drawer:not(.is-documentation-mode) .format-participant-body {
        display: grid;
        min-height: 0;
        padding: 0;
        overflow: hidden;
      }

      #hospitation-editor-drawer:not(.is-documentation-mode) .hospitation-editor-wizard {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        height: 100%;
        min-height: 0;
        overflow: hidden;
        padding: 0;
      }

      #hospitation-editor-drawer:not(.is-documentation-mode) .contact-editor-steps {
        margin: 4px 24px 14px;
      }

      #hospitation-editor-drawer:not(.is-documentation-mode) .contact-editor-step {
        margin-left: 24px;
        margin-right: 24px;
        overflow: auto;
      }

      #hospitation-editor-drawer:not(.is-documentation-mode) .import-close {
        border-radius: 10px;
        background: #f2f5ff;
        color: #10236e;
        font-size: 1.18rem;
      }

      #hospitation-editor-drawer:not(.is-documentation-mode) .format-editor-field {
        gap: 7px;
        align-content: start;
      }

      #hospitation-editor-drawer:not(.is-documentation-mode) .format-editor-field label {
        color: #53608f;
        font-size: 0.8rem;
        font-weight: 800;
        letter-spacing: 0.03em;
      }

      #hospitation-editor-drawer:not(.is-documentation-mode) .format-editor-field input,
      #hospitation-editor-drawer:not(.is-documentation-mode) .format-editor-field textarea {
        width: 100%;
        min-height: 48px;
        padding: 12px 14px;
        border: 1px solid #d6def9;
        border-radius: 14px;
        background: #fbfcff;
        color: var(--text);
        outline: 0;
      }

      #hospitation-editor-drawer:not(.is-documentation-mode) .format-editor-field textarea {
        min-height: 118px;
        line-height: 1.5;
      }

      #hospitation-editor-drawer:not(.is-documentation-mode) .format-editor-field input:focus,
      #hospitation-editor-drawer:not(.is-documentation-mode) .format-editor-field textarea:focus {
        border-color: #8eb2ff;
        box-shadow: 0 0 0 4px rgba(74, 121, 237, 0.12);
        background: #ffffff;
      }

      .contact-editor-steps {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: start;
        gap: 8px;
        margin: 4px 0 14px;
      }

      .contact-editor-steps .import-step {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
        font-size: 0.72rem;
      }

      .contact-editor-steps .import-step strong {
        display: block;
        min-height: 0;
      }

      .contact-editor-steps .import-step span {
        width: 28px;
        height: 28px;
        font-size: 0.8rem;
      }

      .contact-editor-steps .import-step:not(:last-child)::after {
        top: 13px;
      }

      .contact-editor-step[hidden] {
        display: none;
      }

      #editor-drawer .contact-editor-step,
      #organization-editor-drawer .contact-editor-step,
      #format-editor-drawer .contact-editor-step,
      #hospitation-editor-drawer:not(.is-documentation-mode) .contact-editor-step {
        margin-top: 0;
        padding: 14px 16px 16px;
        border: 1px solid #d8e1fb;
        border-radius: 16px;
        background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
      }

      #editor-drawer .contact-editor-step .editor-section-head,
      #organization-editor-drawer .contact-editor-step .editor-section-head,
      #format-editor-drawer .contact-editor-step .editor-section-head,
      #hospitation-editor-drawer:not(.is-documentation-mode) .contact-editor-step .editor-section-head {
        margin-bottom: 12px;
      }

      #editor-drawer .contact-editor-step .editor-grid,
      #organization-editor-drawer .contact-editor-step .editor-grid,
      #format-editor-drawer .contact-editor-step .format-editor-grid,
      #hospitation-editor-drawer:not(.is-documentation-mode) .contact-editor-step .format-editor-grid {
        gap: 10px 12px;
      }

      .contact-editor-step__meta {
        margin-left: auto;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 850;
        text-transform: uppercase;
      }

      #editor-drawer .editor-footer,
      #organization-editor-drawer .editor-footer,
      #format-editor-drawer .editor-footer,
      #hospitation-editor-drawer:not(.is-documentation-mode) .editor-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 24px;
        border-top: 1px solid var(--line);
        background: #ffffff;
      }

      #editor-drawer .editor-footer__hint[hidden],
      #editor-drawer #editor-back[hidden],
      #editor-drawer #editor-next[hidden],
      #editor-drawer #editor-save[hidden],
      #organization-editor-drawer .editor-footer__hint[hidden],
      #organization-editor-drawer #organization-editor-back[hidden],
      #organization-editor-drawer #organization-editor-next[hidden],
      #organization-editor-drawer #organization-editor-save[hidden],
      #format-editor-drawer #format-editor-back[hidden],
      #format-editor-drawer #format-editor-next[hidden],
      #format-editor-drawer #format-editor-save[hidden],
      #hospitation-editor-drawer #hospitation-editor-back[hidden],
      #hospitation-editor-drawer #hospitation-editor-next[hidden],
      #hospitation-editor-drawer #hospitation-editor-save[hidden] {
        display: none;
      }

      @media (max-width: 760px) {
        #editor-drawer .contact-editor-panel,
        #organization-editor-drawer .contact-editor-panel,
        #hospitation-editor-drawer:not(.is-documentation-mode) .format-participant-panel {
          inset: 10px;
          width: auto;
          border-radius: 18px;
        }

        #editor-drawer .contact-editor-header,
        #editor-drawer .editor-form,
        #editor-drawer .editor-footer,
        #organization-editor-drawer .contact-editor-header,
        #organization-editor-drawer .editor-form,
        #organization-editor-drawer .editor-footer,
        #hospitation-editor-drawer:not(.is-documentation-mode) .format-participant-header,
        #hospitation-editor-drawer:not(.is-documentation-mode) .editor-footer {
          padding-left: 16px;
          padding-right: 16px;
        }

        #hospitation-editor-drawer:not(.is-documentation-mode) .contact-editor-steps {
          margin-left: 16px;
          margin-right: 16px;
        }

        #hospitation-editor-drawer:not(.is-documentation-mode) .contact-editor-step {
          margin-left: 16px;
          margin-right: 16px;
        }

        .contact-editor-steps {
          grid-template-columns: repeat(5, minmax(76px, 1fr));
          overflow-x: auto;
          padding-bottom: 4px;
        }

        .contact-editor-steps .import-step strong {
          font-size: 0.68rem;
          white-space: nowrap;
        }
      }

      .import-dropzone {
        min-height: 210px;
        border: 1.5px dashed #9cb8ff;
        border-radius: 20px;
        background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
        display: grid;
        place-items: center;
        padding: 24px;
        text-align: center;
        color: #20346f;
        cursor: pointer;
        transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
      }

      .import-dropzone.is-dragover,
      .import-dropzone:hover {
        border-color: #2d66ed;
        background: #f4f8ff;
        box-shadow: 0 14px 34px rgba(54, 94, 191, 0.12);
      }

      .import-upload-icon,
      .import-success-mark {
        width: 70px;
        height: 70px;
        display: inline-grid;
        place-items: center;
        margin: 0 auto 16px;
        border-radius: 999px;
        background: #edf3ff;
        color: #17337b;
        font-size: 2rem;
        font-weight: 900;
      }

      .import-success-mark {
        background: #dff6e8;
        color: #159246;
      }

      .import-dropzone strong {
        display: block;
        margin-bottom: 8px;
        font-size: 1.05rem;
      }

      .import-dropzone small,
      .import-muted {
        color: #6573a3;
        font-size: 0.84rem;
        line-height: 1.4;
      }

      .import-format-grid,
      .import-review-metrics,
      .import-next-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        margin-top: 18px;
      }

      .import-format-card,
      .import-info-box,
      .import-file-card,
      .import-metric,
      .import-profile-card,
      .import-action-card,
      .import-defaults,
      .import-bulk-card {
        border: 1px solid #d8e1fb;
        border-radius: 16px;
        background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
      }

      .import-format-card {
        min-height: 96px;
        padding: 18px;
        display: grid;
        grid-template-columns: 54px minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px;
      }

      .import-format-card.is-active {
        border-color: #2d66ed;
        box-shadow: inset 0 0 0 1px rgba(45, 102, 237, 0.2);
      }

      .import-radio-dot {
        width: 16px;
        height: 16px;
        border: 1px solid #c7d2ee;
        border-radius: 999px;
      }

      .import-format-card.is-active .import-radio-dot {
        border: 5px solid #3477f4;
      }

      .file-badge {
        width: 42px;
        height: 52px;
        border: 2px solid currentColor;
        border-radius: 8px;
        display: inline-grid;
        place-items: end center;
        padding-bottom: 6px;
        font-size: 0.76rem;
        font-weight: 900;
        background: #ffffff;
      }

      .file-badge--excel,
      .file-badge--csv {
        color: #1f9a55;
      }

      .file-badge--pdf {
        color: #7547b7;
      }

      .import-template-button {
        margin-top: 18px;
      }

      .import-info-box {
        margin-top: 18px;
        padding: 14px 16px;
        color: #2b407d;
        font-size: 0.86rem;
        line-height: 1.45;
      }

      .import-info-box ul {
        margin: 0;
        padding-left: 20px;
      }

      .import-file-card {
        padding: 16px 18px;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto auto;
        align-items: center;
        gap: 14px;
      }

      .import-file-card strong,
      .import-format-card strong,
      .import-action-card strong {
        display: block;
        overflow-wrap: anywhere;
      }

      .import-detect-metrics {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        margin-top: 18px;
        padding: 16px;
        border: 1px solid #d8e1fb;
        border-radius: 16px;
        background: #ffffff;
      }

      .import-detect-metric {
        display: grid;
        gap: 4px;
        justify-items: center;
        color: #61709f;
        font-size: 0.82rem;
        font-weight: 700;
      }

      .import-detect-metric strong {
        color: #10236e;
        font-size: 1.02rem;
        font-weight: 900;
      }

      .import-table-wrap {
        margin-top: 18px;
        border: 1px solid #d8e1fb;
        border-radius: 16px;
        overflow: auto;
        background: #ffffff;
      }

      .import-preview-table,
      .import-review-table,
      .import-map-table {
        width: 100%;
        border-collapse: collapse;
        min-width: 720px;
      }

      .import-preview-table th,
      .import-preview-table td,
      .import-review-table th,
      .import-review-table td,
      .import-map-table th,
      .import-map-table td {
        padding: 12px 14px;
        border-bottom: 1px solid #e4e8fb;
        color: #17275f;
        font-size: 0.82rem;
        text-align: left;
        vertical-align: middle;
      }

      .import-preview-table th,
      .import-review-table th,
      .import-map-table th {
        background: #f4f6ff;
        color: #243271;
        font-size: 0.78rem;
        font-weight: 900;
        white-space: nowrap;
      }

      .import-map-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.4fr) minmax(250px, 0.72fr);
        gap: 18px;
      }

      .import-map-table select,
      .import-defaults input,
      .import-defaults select,
      .import-profile-card input,
      .import-bulk-card select {
        width: 100%;
        min-height: 42px;
        padding: 0 12px;
        border: 1px solid #d6def9;
        border-radius: 10px;
        background: #fbfcff;
        color: #17275f;
        outline: 0;
      }

      .import-defaults,
      .import-bulk-card,
      .import-profile-card {
        padding: 16px;
      }

      .import-defaults h4,
      .import-bulk-card h4,
      .import-profile-card h4 {
        margin: 0 0 8px;
        color: #17275f;
        font-size: 1rem;
      }

      .import-defaults p {
        margin: 0 0 16px;
        color: #6573a3;
        font-size: 0.84rem;
        line-height: 1.4;
      }

      .import-defaults label,
      .import-bulk-card label {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        margin-top: 12px;
        color: #5c6b9a;
        font-size: 0.82rem;
        font-weight: 800;
      }

      .map-state {
        width: 22px;
        height: 22px;
        display: inline-grid;
        place-items: center;
        border-radius: 999px;
        font-weight: 900;
      }

      .map-state--ok {
        background: #dff6e8;
        color: #159246;
      }

      .map-state--warn {
        background: #fff1da;
        color: #c37a00;
      }

      .import-review-metrics {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        margin-bottom: 18px;
      }

      .import-metric {
        min-height: 86px;
        padding: 14px;
        display: grid;
        place-items: center;
        text-align: center;
      }

      .import-metric strong {
        color: #10236e;
        font-size: 1.42rem;
        font-weight: 900;
      }

      .import-metric span {
        color: #5b6a9c;
        font-size: 0.82rem;
        font-weight: 700;
      }

      .status-pill {
        min-height: 28px;
        display: inline-flex;
        align-items: center;
        padding: 0 10px;
        border-radius: 8px;
        font-size: 0.75rem;
        font-weight: 900;
        white-space: nowrap;
      }

      .status-pill--ready {
        border: 1px solid #a9e4bf;
        background: #e8ffe5;
        color: #0b8c39;
      }

      .status-pill--duplicate {
        border: 1px solid #f4c56f;
        background: #fff6df;
        color: #c77a00;
      }

      .status-pill--review {
        border: 1px solid #a9c2ff;
        background: #eef4ff;
        color: #2d66ed;
      }

      .status-pill--error {
        border: 1px solid #f0b8ad;
        background: #fff1ec;
        color: #e43d30;
      }

      .deploy-reminder {
        position: fixed;
        left: 24px;
        bottom: 24px;
        z-index: 130;
        width: min(420px, calc(100vw - 32px));
        padding: 18px;
        border: 1px solid rgba(17, 24, 39, 0.12);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 22px 70px rgba(15, 23, 42, 0.18);
      }

      .deploy-reminder[hidden] {
        display: none;
      }

      .deploy-reminder strong {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0 34px 6px 0;
        font-size: 15px;
        color: #101828;
      }

      .deploy-reminder__icon {
        width: 20px;
        height: 20px;
        display: inline-grid;
        place-items: center;
        flex: 0 0 auto;
        border-radius: 999px;
        background: #fff6df;
        color: #b76a00;
        font-size: 13px;
        font-weight: 900;
      }

      .deploy-reminder__close {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 32px;
        height: 32px;
        display: grid;
        place-items: center;
        border: 1px solid transparent;
        border-radius: 8px;
        background: transparent;
        color: #667085;
        font: inherit;
        font-size: 20px;
        line-height: 1;
        cursor: pointer;
      }

      .deploy-reminder__close:hover,
      .deploy-reminder__close:focus-visible {
        border-color: rgba(17, 24, 39, 0.12);
        background: #f8fafc;
        color: #344054;
      }

      .deploy-reminder p {
        margin: 0;
        color: #475467;
        font-size: 13px;
        line-height: 1.45;
      }

      .deploy-reminder__actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 14px;
      }

      .deploy-reminder__button {
        min-height: 34px;
        border: 1px solid rgba(17, 24, 39, 0.14);
        border-radius: 8px;
        padding: 0 12px;
        background: #fff;
        color: #344054;
        font: inherit;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
      }

      .deploy-reminder__button--primary {
        border-color: #175cd3;
        background: #175cd3;
        color: #fff;
      }

      .import-row-action {
        width: 100%;
        min-height: 32px;
        padding: 0 10px;
        border: 1px solid #d8e1fb;
        border-radius: 10px;
        background: #ffffff;
        color: #2e63e7;
        font-size: 0.76rem;
        font-weight: 900;
        cursor: pointer;
      }

      .import-bulk-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr);
        gap: 16px;
        margin-top: 18px;
      }

      .import-bulk-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 12px;
      }

      .import-report {
        display: grid;
        gap: 18px;
      }

      .import-report-center {
        text-align: center;
        padding: 14px 0 4px;
      }

      .import-report-center h4 {
        margin: 0 0 6px;
        color: #10236e;
        font-size: 1.04rem;
      }

      .import-profile-card {
        max-width: 430px;
      }

      .import-checkbox {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 12px;
        color: #53608f;
        font-size: 0.82rem;
        font-weight: 800;
      }

      .import-next-actions {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .import-action-card {
        min-height: 78px;
        padding: 14px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
        color: #17275f;
        text-align: left;
      }

      .import-action-card span {
        color: #2e63e7;
        font-size: 1.4rem;
      }

      .import-batch-bar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        margin: 0 0 16px;
        padding: 12px 14px;
        border: 1px solid #d8e1fb;
        border-radius: 14px;
        background: #f8fbff;
        color: #53608f;
        font-size: 0.82rem;
        font-weight: 800;
      }

      .import-batch-bar strong {
        display: block;
        color: #10236e;
        font-size: 0.92rem;
      }

      .import-entry-table {
        min-width: 1180px;
      }

      .import-entry-table input,
      .import-entry-table select {
        width: 100%;
        min-height: 36px;
        padding: 0 10px;
        border: 1px solid #d6def9;
        border-radius: 9px;
        background: #fbfcff;
        color: #17275f;
        font: inherit;
        font-size: 0.78rem;
        outline: 0;
      }

      .import-entry-table input:focus,
      .import-entry-table select:focus {
        border-color: #8fb0ff;
        box-shadow: 0 0 0 3px rgba(45, 102, 237, 0.12);
      }

      .import-entry-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 14px;
      }

      .import-protocol-list {
        display: grid;
        gap: 8px;
        margin-top: 14px;
      }

      .import-protocol-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 10px 12px;
        border: 1px solid #e2e8fb;
        border-radius: 12px;
        background: #fbfcff;
        color: #243271;
        font-size: 0.8rem;
        font-weight: 850;
      }

      .import-protocol-row small {
        display: block;
        margin-top: 2px;
        color: #7480a9;
        font-size: 0.72rem;
      }

      .footer-note {
        padding: 18px 0 10px;
        text-align: center;
        color: var(--muted);
        font-size: 0.88rem;
      }

      .footer-note span {
        display: block;
        margin-top: 6px;
      }

      @media (max-width: 1240px) {
        .topbar {
          padding: 16px;
        }

        .summary,
        .controls {
          grid-template-columns: 1fr 1fr;
        }

        .dashboard-card--wide,
        .dashboard-card--distribution-main,
        .dashboard-card--geo-bars,
        .dashboard-card--half,
        .dashboard-card--fill {
          grid-column: span 12;
        }

        .dashboard-card--medium,
        .dashboard-card--compact,
        .dashboard-card--distribution-side,
        .dashboard-card--geo-map,
        .dashboard-card--geo-top,
        .dashboard-card--insight,
        .dashboard-card--quality,
        .dashboard-card--quality-link {
          grid-column: span 6;
        }

      }

      @media (min-width: 761px) and (max-width: 1180px) {
        .app-shell {
          grid-template-columns: 220px minmax(0, 1fr);
        }

        .topbar {
          flex-wrap: nowrap;
          min-height: 72px;
        }

        .topbar-actions {
          flex-wrap: nowrap;
        }

        .topbar-actions .action-button {
          white-space: nowrap;
        }
      }

      @media (max-width: 760px) {
        html,
        body {
          width: 100%;
          min-height: 100dvh;
          overflow-x: hidden;
        }

        body {
          padding-bottom: calc(76px + env(safe-area-inset-bottom));
          background: #ffffff;
        }

        .app-shell {
          display: block;
          min-height: 100dvh;
          background: #ffffff;
        }

        .app-sidebar {
          display: none;
        }

        .app-main {
          min-width: 0;
        }

        .topbar > .brand {
          display: flex;
        }

        .topbar-title {
          display: none;
        }

        .topbar-actions {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          margin-left: auto;
        }

        .topbar-actions > .action-button:not(.topbar-mobile-new),
        .topbar-actions > .menu-shell {
          display: none;
        }

        .topbar-actions .action-button {
          width: auto;
        }

        .mobile-primary-nav {
          display: inline-flex;
        }

        .care-queue-grid {
          grid-template-columns: 1fr;
        }

        body.mobile-filter-open::before {
          content: "";
          position: fixed;
          inset: 0;
          z-index: 34;
          background: rgba(17, 25, 55, 0.28);
        }

        body.mobile-filter-open {
          overflow: hidden;
          touch-action: none;
        }

        html.mobile-filter-open {
          overflow: hidden;
        }

        .wrap {
          width: 100%;
          margin: 0 auto;
        }

        .topbar {
          gap: 8px;
          min-height: 64px;
          padding: calc(8px + env(safe-area-inset-top)) 12px 8px;
          position: sticky;
          top: 0;
          z-index: 30;
          flex-wrap: nowrap;
          border-bottom: 0;
          background: rgba(255, 255, 255, 0.96);
          box-shadow: 0 1px 0 rgba(26, 37, 89, 0.08);
          backdrop-filter: none;
          -webkit-backdrop-filter: none;
        }

        .brand {
          width: auto;
          min-width: 0;
          flex: 1 1 auto;
          gap: 8px;
        }

        .brand-mark {
          width: 34px;
          height: 34px;
        }

        .brand-mark span {
          width: 12px;
          height: 12px;
          border-radius: 5px;
        }

        .brand-mark span:nth-child(1) {
          top: 2px;
          left: 5px;
        }

        .brand-mark span:nth-child(2) {
          top: 12px;
          left: 15px;
        }

        .brand-mark span:nth-child(3) {
          top: 22px;
          left: 5px;
        }

        .brand-text strong {
          display: block;
          max-width: 52vw;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 1.14rem;
          letter-spacing: -0.03em;
        }

        .primary-nav {
          position: fixed;
          left: 10px;
          right: 10px;
          bottom: max(8px, env(safe-area-inset-bottom));
          width: auto;
          min-width: 0;
          z-index: 40;
          padding: 4px;
          border-radius: 18px;
          background: rgba(255, 255, 255, 0.96);
          box-shadow: 0 10px 28px rgba(18, 31, 82, 0.14);
          backdrop-filter: blur(14px);
          -webkit-backdrop-filter: blur(14px);
        }

        .primary-tab {
          min-width: 0;
          flex: 1 1 0;
          min-height: 48px;
          padding: 0 6px;
          border-radius: 14px;
          font-size: 0.78rem;
          gap: 6px;
        }

        .primary-tab svg {
          width: 17px;
          height: 17px;
        }

        .topbar-account {
          margin-left: 0;
          padding: 0;
          border: 0;
          background: transparent;
          box-shadow: none;
        }

        .topbar-account__badge {
          width: 36px;
          height: 36px;
          font-size: 0.82rem;
        }

        .topbar-account__caret {
          display: none;
        }

        .topbar-mobile-new {
          display: inline-flex;
          width: 38px;
          min-width: 38px;
          height: 38px;
          min-height: 38px;
          padding: 0;
          align-items: center;
          justify-content: center;
          border-radius: 999px;
          background: #f4f7ff;
          border: 1px solid #dbe5ff;
          color: #245ddf;
          box-shadow: 0 6px 16px rgba(38, 82, 180, 0.08);
        }

        .topbar-mobile-new .action-button__icon {
          position: relative;
          width: 18px;
          height: 18px;
          margin: 0;
          font-size: 0;
        }

        .topbar-mobile-new .action-button__icon::before,
        .topbar-mobile-new .action-button__icon::after {
          content: "";
          position: absolute;
          left: 50%;
          top: 50%;
          width: 16px;
          height: 2px;
          border-radius: 999px;
          background: currentColor;
          transform: translate(-50%, -50%);
        }

        .topbar-mobile-new .action-button__icon::after {
          transform: translate(-50%, -50%) rotate(90deg);
        }

        .summary,
        .controls {
          grid-template-columns: 1fr;
        }

        .crm-shell {
          min-width: 0;
        }

        .controls {
          margin-top: 0;
          padding: 0 16px 10px;
        }

        .welcome,
        .summary,
        .controls {
          padding-left: 12px;
          padding-right: 12px;
        }

        .welcome {
          padding-right: 12px;
          padding-top: 14px;
        }

        .welcome p {
          white-space: normal;
        }

        .workspace-header {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          align-items: end;
          column-gap: 12px;
          padding: 14px 16px 8px;
        }

        .workspace-copy h2 {
          display: inline-flex;
          min-height: 52px;
          align-items: center;
          width: fit-content;
          padding: 7px 14px;
          border-radius: 16px;
          background:
            radial-gradient(circle at 12% 18%, rgba(255, 127, 63, 0.17), transparent 30%),
            linear-gradient(135deg, rgba(39, 94, 230, 0.16), rgba(77, 144, 255, 0.05)),
            #ffffff;
          border: 1px solid #d6e1ff;
          box-shadow: 0 14px 30px rgba(26, 71, 165, 0.12);
          font-size: 1rem;
          line-height: 1.15;
          color: #17327e;
          background-clip: border-box;
          -webkit-text-fill-color: currentColor;
          text-shadow: none;
          letter-spacing: -0.02em;
        }

        .workspace-actions,
        .filter-toolbar-spacer {
          display: none;
        }

        .workspace-header .workspace-actions {
          display: flex;
        }

        .summary.summary--compact {
          display: flex;
          justify-content: flex-end;
          width: auto;
          padding: 0;
        }

        .summary-card {
          width: fit-content;
          min-width: 0;
          min-height: 52px;
          padding: 7px 12px;
          border: 1px solid #d6e1ff;
          border-radius: 16px;
          grid-template-columns: 30px minmax(0, 1fr);
          gap: 8px;
          background:
            radial-gradient(circle at 16% 15%, rgba(255, 127, 63, 0.18), transparent 28%),
            linear-gradient(135deg, rgba(39, 94, 230, 0.16), rgba(77, 144, 255, 0.05)),
            #ffffff;
          box-shadow: 0 14px 30px rgba(26, 71, 165, 0.12);
        }

        .summary-card .summary-label,
        .summary-value span {
          display: none;
        }

        .summary.summary--compact .summary-card {
          min-width: 0;
          min-height: 52px;
          padding: 7px 12px;
          border-radius: 16px;
          grid-template-columns: 30px minmax(0, 1fr);
        }

        .summary.summary--compact .summary-value {
          margin: 0;
          color: #17327e;
          font-size: 1.02rem;
          letter-spacing: -0.02em;
          white-space: nowrap;
        }

        .summary.summary--compact .summary-value small {
          margin-left: 3px;
          font-size: 1rem;
          font-weight: 800;
          letter-spacing: -0.02em;
        }

        .summary.summary--compact .summary-icon {
          width: 30px;
          height: 30px;
          border-radius: 11px;
          background:
            linear-gradient(135deg, rgba(36, 93, 223, 0.14), rgba(255, 255, 255, 0.72)),
            #edf3ff;
          color: #245ddf;
          font-size: 0;
        }

        .summary.summary--compact .summary-icon svg {
          width: 20px;
          height: 20px;
          display: block;
        }

        .active-filter-row {
          grid-column: 1 / -1;
        }

        .active-filter-row:has(.active-filter-empty) {
          display: none;
        }

        .active-filter-list {
          flex-wrap: nowrap;
          overflow-x: auto;
          padding-bottom: 2px;
          -ms-overflow-style: none;
          scrollbar-width: none;
        }

        .active-filter-list::-webkit-scrollbar {
          display: none;
        }

        .active-filter-empty {
          display: none;
        }

        .active-filter-chip {
          min-height: 34px;
          padding: 0 11px;
          background: #eef3ff;
          box-shadow: none;
          font-size: 0.86rem;
        }

        .filter-toolbar {
          display: grid;
          grid-template-columns: auto auto;
          gap: 10px;
          align-items: stretch;
          justify-content: start;
          min-height: 0;
          padding: 0;
          border: 0;
          background: transparent;
          box-shadow: none;
        }

        .filter-results {
          display: inline-flex;
          align-items: center;
          min-height: 48px;
          color: #17327e;
          font-size: 0.86rem;
          font-weight: 850;
        }

        .filter-shell {
          width: auto;
          order: 0;
          align-self: stretch;
        }

        .filter-panel-button {
          width: auto;
          min-height: 48px;
          padding: 0 14px;
          border-radius: 15px;
          box-shadow: none;
        }

        .filter-panel-button__caret,
        .filter-panel-button__badge:not(.is-visible) {
          display: none;
        }

        .controls-stack {
          display: grid;
          grid-template-columns: 1fr;
          gap: 10px;
          padding: 0;
          border: 0;
          border-radius: 0;
          box-shadow: none;
        }

        .search-shell {
          min-height: 48px;
          border-radius: 15px;
          box-shadow: none;
        }

        .search-input {
          font-size: 0.95rem;
        }

        .search-input::placeholder {
          color: transparent;
        }

        .search-input:placeholder-shown::before {
          content: none;
        }

        .search-input::placeholder {
          color: #8b94b7;
        }

        .search-input {
          min-width: 0;
        }

        .search-input[placeholder] {
          text-overflow: ellipsis;
        }

        .filter-panel {
          position: fixed;
          left: 0;
          right: 0;
          bottom: 0;
          top: auto;
          width: 100%;
          max-height: min(82dvh, 620px);
          z-index: 220;
          border-radius: 20px 20px 0 0;
          padding: 0 0 calc(74px + env(safe-area-inset-bottom));
          box-shadow: 0 -18px 40px rgba(18, 31, 82, 0.22);
          overflow: auto;
          overscroll-behavior: contain;
          touch-action: pan-y;
        }

        .filter-panel-head {
          position: sticky;
          top: 0;
          z-index: 2;
          min-height: 44px;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 12px 48px 10px;
          background: rgba(255, 255, 255, 0.98);
        }

        .filter-panel-head::before {
          content: none;
        }

        .filter-panel-title {
          font-size: 1rem;
          letter-spacing: -0.03em;
          text-align: center;
        }

        .filter-panel-copy {
          display: none;
        }

        .filter-panel-actions {
          align-items: center;
        }

        .filter-panel-close {
          position: absolute;
          right: 0;
          top: 0;
          width: 38px;
          height: 38px;
          min-height: 38px;
          border-radius: 13px;
        }

        #filter-panel-reset {
          position: fixed;
          left: 16px;
          right: calc(50% + 7px);
          bottom: calc(14px + env(safe-area-inset-bottom));
          z-index: 222;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 48px;
          padding: 0 10px;
          border: 1px solid #cfd9fb;
          border-radius: 14px;
          background: #ffffff;
          color: #245ddf;
          font-weight: 800;
        }

        .filter-panel-apply {
          position: fixed;
          right: 16px;
          bottom: calc(14px + env(safe-area-inset-bottom));
          z-index: 222;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: calc(50% - 23px);
          min-height: 48px;
          border-radius: 14px;
          background: linear-gradient(135deg, #275ee6, #4d90ff);
          color: #ffffff;
          border: 0;
          font-weight: 850;
          cursor: pointer;
        }

        .filter-panel-grid {
          grid-template-columns: 1fr;
          gap: 8px;
          max-height: none;
        }

        .filter-section {
          padding: 10px;
          border: 1px solid var(--border);
          border-radius: var(--radius-md);
          background: var(--surface-muted);
        }

        .filter-section:first-child {
          border-top: 0;
        }

        .filter-section-icon,
        .filter-section-meta {
          display: none;
        }

        .filter-section-title {
          font-size: 0.92rem;
        }

        .filter-option-list {
          display: flex;
          flex-wrap: nowrap;
          gap: 8px;
          margin-inline: -10px;
          padding: 0 10px 2px;
          overflow-x: auto;
          overscroll-behavior-inline: contain;
          scroll-snap-type: x proximity;
          -ms-overflow-style: none;
          scrollbar-width: none;
        }

        .filter-option-list::-webkit-scrollbar {
          display: none;
        }

        .filter-option-chip {
          flex: 0 0 auto;
          min-height: 36px;
          padding: 0 12px;
          font-size: 0.86rem;
          box-shadow: none;
          scroll-snap-align: start;
        }

        .filter-option-chip__icon {
          display: none;
        }

        .filter-option-list--scroll {
          max-height: none;
        }

        .view-shell {
          padding: 0 16px 10px;
        }

        .view-card {
          border: 0;
          border-radius: 0;
          background: transparent;
          box-shadow: none;
          overflow: visible;
        }

        .mobile-contact-list {
          gap: 10px;
          padding: 8px 0 0;
        }

        .mobile-contact-card {
          min-height: 96px;
          padding: 12px;
          border-radius: 16px;
          box-shadow: none;
        }

        .mobile-contact-top {
          gap: 11px;
        }

        .mobile-contact-card .avatar,
        .mobile-contact-card img.avatar {
          width: 52px;
          height: 52px;
          flex-basis: 52px;
          font-size: 0.95rem;
        }

        .mobile-contact-name {
          font-size: 1rem;
        }

        .mobile-contact-organization {
          font-size: 0.86rem;
        }

        .contacts-table .thead {
          display: none;
        }

        .table {
          min-width: 0;
        }

        .table-wrap {
          border-top: 0;
          overflow: visible;
          background: transparent;
        }

        .table-footer {
          display: none;
        }

        .table-footer__controls {
          width: 100%;
          justify-content: space-between;
        }

        .pagination {
          gap: 6px;
          overflow-x: auto;
          flex: 1 1 auto;
        }

        .pagination-button {
          min-width: 34px;
          height: 34px;
        }

        .page-size-shell {
          min-width: 118px;
        }

        .detail-grid {
          grid-template-columns: 1fr;
        }

        .detail-content {
          padding: 14px 16px 92px;
        }

        .detail-stack--duo,
        .detail-profile-top,
        .detail-facts-grid,
        .detail-communication-grid,
        .detail-context-grid {
          grid-template-columns: 1fr;
        }

        .detail-profile-main {
          flex-direction: row;
          align-items: center;
        }

        .detail-profile-side {
          display: none;
        }

        .detail-actions--stacked {
          width: 100%;
          grid-template-columns: 1fr;
          grid-column: auto;
        }

        .admin-row,
        .editor-footer {
          align-items: stretch;
        }

        .admin-actions,
        .editor-actions {
          width: 100%;
          justify-content: stretch;
        }

        .action-button {
          width: 100%;
        }

        .topbar .topbar-mobile-new {
          width: 38px;
          min-width: 38px;
          flex: 0 0 38px;
        }

        .detail-panel,
        .editor-panel {
          top: 0;
          bottom: 0;
          width: 100%;
          max-width: 100%;
          height: min(100%, 100dvh);
          border-radius: 0;
        }

        .detail-toolbar,
        .editor-toolbar {
          padding: calc(12px + env(safe-area-inset-top)) 16px 12px;
          min-height: 58px;
        }

        .detail-counter {
          font-size: 0;
        }

        .detail-counter::before {
          content: "Versorgungs-Kompass";
          font-size: 0.95rem;
          font-weight: 850;
          color: #1a2559;
        }

        .detail-close {
          min-width: 44px;
          min-height: 44px;
        }

        .detail-profile {
          padding: 0;
          border: 0;
          background: transparent;
        }

        .detail-profile-top {
          display: block;
          padding: 14px 0;
        }

        .detail-profile-meta {
          align-items: flex-start;
          margin-top: 10px;
        }

        .detail-meta-control {
          width: 100%;
        }

        .detail-profile-main .avatar,
        .detail-profile-main img.avatar {
          width: 64px;
          height: 64px;
          flex-basis: 64px;
        }

        .detail-profile-copy h3 {
          font-size: 1.35rem;
          line-height: 1.12;
        }

        .detail-profile-subline {
          font-size: 0.88rem;
        }

        .detail-section-title {
          margin: 0 0 8px;
          font-size: 1rem;
        }

        .section-block {
          margin-top: 12px;
        }

        .section-block:has(.tag-editor),
        .section-block:has(.detail-context-grid),
        .detail-footer-meta,
        .detail-bottom-actions {
          display: none;
        }

        .detail-panel--registration .detail-bottom-actions {
          display: grid;
          grid-template-columns: 1fr;
          gap: 8px;
          padding: 0 12px 16px;
        }

        .detail-facts-grid,
        .detail-communication-grid {
          display: block;
          border: 1px solid #e0e5f5;
          border-radius: 16px;
          overflow: hidden;
          background: #ffffff;
        }

        .detail-info-card {
          min-height: 48px;
          padding: 10px 12px;
          border: 0;
          border-bottom: 1px solid #edf0f8;
          border-radius: 0;
          background: #ffffff;
          box-shadow: none;
        }

        .detail-info-card:last-child {
          border-bottom: 0;
        }

        .detail-info-card--map {
          margin-top: 12px;
          border: 1px solid #e0e5f5;
          border-radius: 16px;
        }

        .detail-info-card--missing-summary {
          margin-top: 12px;
          border: 1px solid #ccd9ff;
          border-radius: 14px;
          background: #f7faff;
          color: #30447f;
          font-weight: 750;
        }

        .detail-info-head .field-icon,
        .detail-info-head .linkedin-icon,
        .detail-warning {
          display: none;
        }

        .detail-info-head {
          margin-bottom: 6px;
          color: #53608f;
          font-size: 0.78rem;
        }

        .detail-inline-input,
        .detail-inline-textarea,
        .custom-select-trigger--detail {
          min-height: 42px;
          padding: 0 12px;
          border: 0;
          border-radius: 12px;
          background: #f7f9ff;
          box-shadow: none !important;
          font-size: 0.95rem;
        }

        .custom-select-trigger--detail .custom-select-trigger__label {
          white-space: normal;
          overflow: visible;
          text-overflow: clip;
          line-height: 1.25;
        }

        .custom-select-panel--detail {
          position: fixed;
          left: 14px;
          right: 14px;
          top: auto;
          bottom: calc(14px + env(safe-area-inset-bottom));
          z-index: 120;
          max-height: min(68dvh, 480px);
        }

        .detail-mini-map {
          min-height: 132px;
        }

        .detail-link-row {
          margin-top: 6px;
        }

        .editor-grid,
        .import-format-grid,
        .import-review-metrics,
        .import-map-layout,
        .import-bulk-layout,
        .import-next-actions,
        .import-detect-metrics,
        .dashboard-grid,
        .category-chart,
        .city-ranking,
        .quality-list {
          grid-template-columns: 1fr;
        }

        .editor-footer {
          position: sticky;
          bottom: 0;
          display: block;
          background: rgba(255, 255, 255, 0.98);
          padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
        }

        .editor-toolbar h3 {
          font-size: 1.35rem;
        }

        .editor-toolbar p {
          max-width: 270px;
        }

        .editor-form {
          padding: 16px 16px 18px;
        }

        .editor-intro {
          margin-bottom: 12px;
          padding: 0;
          border: 0;
          background: transparent;
          color: #68708e;
        }

        .editor-intro strong {
          display: none;
        }

        .editor-section {
          padding: 12px 0;
        }

        .editor-section:first-of-type {
          padding-top: 0;
        }

        .editor-section-head {
          margin-bottom: 10px;
        }

        .editor-section-icon {
          display: none;
        }

        .editor-section:not(:first-of-type) {
          border: 1px solid #e0e6f6;
          border-radius: 14px;
          padding: 0;
          margin-top: 10px;
        }

        .editor-section:not(:first-of-type) .editor-section-head {
          min-height: 38px;
          margin: 0;
          padding: 0 12px;
          justify-content: space-between;
        }

        .editor-section:not(:first-of-type) .editor-section-head::after {
          content: "⌄";
          color: #50649f;
          font-weight: 900;
        }

        .editor-section:not(:first-of-type) .editor-grid {
          display: none;
        }

        .editor-field:has(#field-specialty),
        .editor-field:has(#field-priority),
        .editor-field:has(#field-postal-code),
        .editor-field:has(#field-city),
        .editor-field:has(#field-state),
        .editor-message--warning,
        .editor-footer__hint {
          display: none;
        }

        .editor-label__required {
          color: #c33f31;
        }

        .editor-input,
        .editor-textarea,
        .custom-select-trigger {
          min-height: 48px;
          border-radius: 13px;
          box-shadow: none;
        }

        .editor-actions {
          display: grid;
          grid-template-columns: 1fr 1fr;
          width: 100%;
          gap: 8px;
        }

        .editor-actions .action-button {
          min-width: 0;
          min-height: 48px;
        }

        #editor-save {
          order: 2;
        }

        #editor-cancel {
          order: 1;
          border-color: transparent;
          background: transparent;
        }

        .import-panel {
          inset: 10px;
          width: auto;
          border-radius: 18px;
        }

        .import-header,
        .import-body,
        .import-footer {
          padding-left: 16px;
          padding-right: 16px;
        }

        .import-steps {
          grid-template-columns: repeat(5, minmax(58px, 1fr));
          overflow-x: auto;
          padding-bottom: 4px;
        }

        .import-step {
          font-size: 0.72rem;
        }

        .import-step strong {
          overflow-wrap: anywhere;
          line-height: 1.08;
        }

        .import-footer {
          align-items: stretch;
          flex-direction: column;
        }

        .import-footer-actions {
          width: 100%;
        }

        .import-bulk-actions {
          grid-template-columns: 1fr;
        }

        .dashboard-panel {
          inset: 12px;
        }

        .dashboard-card--wide,
        .dashboard-card--medium,
        .dashboard-card--compact,
        .dashboard-card--half,
        .dashboard-card--fill,
        .dashboard-card--distribution-main,
        .dashboard-card--distribution-side,
        .dashboard-card--geo-map,
        .dashboard-card--geo-bars,
        .dashboard-card--geo-top,
        .dashboard-card--insight,
        .dashboard-card--quality,
        .dashboard-card--quality-link,
        .dashboard-card--quality-overview {
          grid-column: span 12;
        }

        .view-card--map {
          min-height: calc(100dvh - 152px - env(safe-area-inset-bottom));
        }

        .map-embed-frame {
          height: calc(100dvh - 152px - env(safe-area-inset-bottom));
          min-height: 520px;
          border-radius: 0;
        }

        .analytics-head,
        .coverage-map {
          grid-template-columns: 1fr;
          display: grid;
        }

        .analytics-actions {
          justify-content: stretch;
        }

        .dashboard-control {
          width: 100%;
          justify-content: center;
        }

        .analytics-shell {
          padding: 0;
        }

        .analytics-head {
          gap: 10px;
          padding: 4px 0 12px;
        }

        .analytics-head h3 {
          margin: 0;
          font-size: 1.2rem;
        }

        .analytics-head p,
        .dashboard-info,
        .dashboard-card p,
        #priority-chart,
        #coverage-map,
        #top-regions,
        .dashboard-card:has(#priority-chart),
        .dashboard-card:has(#coverage-map),
        .dashboard-card:has(#top-regions) {
          display: none;
        }

        .analytics-actions {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 8px;
        }

        .dashboard-control {
          min-height: 44px;
          padding: 0 10px;
          border-radius: 14px;
          font-size: 0.82rem;
          box-shadow: none;
        }

        .dashboard-grid {
          gap: 12px;
        }

        .dashboard-card {
          padding: 14px;
          border-radius: 16px;
          box-shadow: none;
        }

        .dashboard-card-head {
          margin-bottom: 8px;
        }

        .dashboard-card h4 {
          font-size: 1rem;
        }

        .metric-row,
        .state-row,
        .priority-row {
          grid-template-columns: minmax(0, 1fr) auto auto;
          gap: 7px 8px;
          align-items: center;
        }

        .metric-track,
        .state-bar-track,
        .priority-track {
          grid-column: 1 / -1;
          grid-row: 2;
        }

        .value-count-cell {
          grid-column: 2;
          grid-row: 1;
        }

        .metric-percent,
        .priority-percent,
        .state-percent {
          grid-column: 3;
          grid-row: 1;
        }

        .chart-total-row,
        .chart-total-row--metric,
        .chart-total-row--state,
        .chart-total-row--priority {
          grid-template-columns: 1fr auto auto;
        }

        .chart-total-row > span:nth-child(2) {
          display: none;
        }

        .chart-total-row > span:nth-child(4) {
          display: none;
        }

        .dashboard-card--insight #gap-analysis {
          grid-template-columns: 1fr;
        }

        .metric-percent,
        .priority-percent,
        .state-percent {
          text-align: center;
          justify-self: end;
          justify-content: flex-start;
        }
      }
      /*
        Design system consolidation layer.
        Keeps the existing app structure while normalizing core CRM primitives.
      */
      body {
        font-family: var(--font-family);
        color: var(--text-primary);
        background: var(--background);
      }

      .app-shell {
        grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
        background: var(--background);
        transition: grid-template-columns 180ms ease;
      }

      .app-shell.is-sidebar-collapsed {
        grid-template-columns: 76px minmax(0, 1fr);
      }

      .app-shell[data-standalone-module="hospitation-documentation"] {
        grid-template-columns: minmax(0, 1fr);
      }

      .app-shell[data-standalone-module="hospitation-documentation"] .app-sidebar {
        display: none;
      }

      .app-shell[data-standalone-module="hospitation-documentation"] .wrap {
        padding: 0;
      }

      .app-sidebar {
        width: var(--sidebar-width);
        padding: 22px 14px 18px;
        overflow-x: hidden;
        overflow-y: hidden;
        overscroll-behavior: contain;
        background: linear-gradient(180deg, var(--sidebar-bg) 0%, var(--sidebar-bg-strong) 100%);
        box-shadow: none;
        transition: width 180ms ease, padding 180ms ease;
      }

      .app-shell.is-sidebar-collapsed .app-sidebar {
        width: 76px;
        padding-inline: 12px;
      }

      .sidebar-brand,
      .sidebar-nav .primary-tab,
      .sidebar-link {
        border-radius: var(--radius-md);
      }

      .sidebar-brand {
        overflow: visible;
      }

      .app-shell.is-sidebar-collapsed .sidebar-brand {
        justify-content: center;
        padding-inline: 0;
      }

      .app-shell.is-sidebar-collapsed .sidebar-brand-copy,
      .app-shell.is-sidebar-collapsed .sidebar-nav .primary-tab span,
      .app-shell.is-sidebar-collapsed .sidebar-link span,
      .app-shell.is-sidebar-collapsed .sidebar-section-label,
      .app-shell.is-sidebar-collapsed .sidebar-footer div {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }

      .app-shell.is-sidebar-collapsed .sidebar-section-toggle {
        display: none;
      }

      .app-shell.is-sidebar-collapsed .sidebar-nav > .sidebar-section:not(.is-active-section) {
        display: none;
      }

      .app-shell.is-sidebar-collapsed .sidebar-section.is-collapsed .sidebar-section-content {
        display: grid;
      }

      .app-shell.is-sidebar-collapsed .sidebar-team-link {
        grid-template-columns: 1fr;
        justify-items: center;
      }

      .app-shell.is-sidebar-collapsed .sidebar-team-link .sidebar-team-icon {
        position: static;
        width: 38px;
        height: 38px;
        margin: 0;
        overflow: visible;
        clip: auto;
        display: grid;
      }

      .app-shell.is-sidebar-collapsed .sidebar-brand .brand-mark {
        width: 36px;
        height: 36px;
      }

      .sidebar-nav {
        gap: 6px;
      }

      .sidebar-nav .primary-tab,
      .sidebar-link {
        min-height: 42px;
        font-size: var(--font-size-sm);
        letter-spacing: 0;
      }

      .app-shell.is-sidebar-collapsed .sidebar-nav .primary-tab,
      .app-shell.is-sidebar-collapsed .sidebar-link {
        justify-content: center;
        padding: 0;
      }

      .sidebar-nav .primary-tab svg,
      .sidebar-link svg {
        width: 18px;
        height: 18px;
        stroke-width: 2;
      }

      .sidebar-nav .primary-tab.is-active {
        background: var(--sidebar-active);
        box-shadow: none;
      }

      .sidebar-nav .primary-tab:hover,
      .sidebar-nav .primary-tab:focus-visible,
      .sidebar-link:hover,
      .sidebar-link:focus-visible,
      .sidebar-notification-button:hover,
      .sidebar-notification-button:focus-visible {
        background: rgba(255, 255, 255, 0.1);
      }

      .sidebar-collapse {
        width: 100%;
        min-height: 38px;
        margin-top: auto;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: var(--radius-md);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background: rgba(255, 255, 255, 0.06);
        color: rgba(255, 255, 255, 0.82);
        cursor: pointer;
      }

      .sidebar-collapse:hover,
      .sidebar-collapse:focus-visible {
        background: rgba(255, 255, 255, 0.1);
        color: #ffffff;
        outline: none;
      }

      .sidebar-collapse svg {
        width: 18px;
        height: 18px;
        transition: transform 180ms ease;
      }

      .app-shell.is-sidebar-collapsed .sidebar-collapse svg {
        transform: rotate(180deg);
      }

      .app-shell.is-sidebar-collapsed .sidebar-collapse {
        margin-top: 12px;
      }

      .app-shell.is-sidebar-collapsed .sidebar-collapse-label {
        display: none;
      }

      .sidebar-footer__badge,
      .topbar-account__badge,
      .account-avatar {
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
        box-shadow: none;
      }

      .sidebar-footer {
        margin-top: 12px;
      }

      .sidebar-account-section .sidebar-footer {
        margin-top: 4px;
      }

      .app-shell.is-sidebar-collapsed .sidebar-footer {
        display: flex;
        justify-content: center;
        padding-inline: 0;
      }

      .topbar {
        min-height: var(--topbar-height);
        padding: 0 var(--page-padding);
        border-bottom: 1px solid var(--border);
        background: rgba(255, 255, 255, 0.96);
        box-shadow: none;
      }

      .topbar-title {
        display: none;
      }

      .topbar-account {
        display: none;
      }

      .app-shell.is-sidebar-collapsed .topbar-account {
        display: inline-flex;
      }

      .topbar-title h1,
      .workspace-copy h2 {
        color: var(--text-primary);
        font-size: var(--font-size-xl);
        line-height: var(--line-height-tight);
        letter-spacing: -0.02em;
      }

      .topbar-title span,
      .workspace-copy p,
      .dashboard-card p,
      .analytics-head p,
      .editor-toolbar p,
      .import-header p {
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-normal);
      }

      .wrap {
        padding: 18px var(--page-padding) 28px;
      }

      .view-card,
      .dashboard-card,
      .detail-info-card,
      .summary-card,
      .import-format-card,
      .import-info-box,
      .import-file-card,
      .import-metric,
      .import-profile-card,
      .import-action-card,
      .import-defaults,
      .import-bulk-card,
      .editor-section,
      .saved-view-item,
      .account-settings-preview,
      .account-profile-card {
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-sm);
      }

      .dashboard-card,
      .analytics-shell,
      .import-panel,
      .editor-panel,
      .detail-panel {
        background: var(--surface);
      }

      .view-card,
      .analytics-shell {
        border-radius: var(--radius-md);
        box-shadow: var(--shadow-sm);
      }

      .dashboard-card {
        padding: var(--card-padding);
      }

      .dashboard-card.dashboard-card--quality-link {
        padding: 12px;
      }

      .dashboard-card--subtle,
      .dashboard-card--care-queue,
      .detail-info-card--owner,
      .detail-info-card--priority,
      .detail-info-card--priority-high,
      .detail-info-card--priority-medium,
      .detail-info-card--priority-low {
        background: var(--surface);
        box-shadow: var(--shadow-sm);
      }

      .dashboard-card h4,
      .history-head h4,
      .editor-section-title,
      .import-header h3,
      .dashboard-header h3 {
        color: var(--text-primary);
        font-size: var(--font-size-md);
        line-height: var(--line-height-tight);
        letter-spacing: 0;
      }

      .action-button,
      .account-quick-action,
      .history-filter,
      .filter-panel-button,
      .filter-reset,
      .filter-panel-close,
      .filter-panel-apply,
      .import-template-button,
      .import-row-action,
      .detail-link {
        min-height: 38px;
        border-radius: var(--radius-md);
        border: 1px solid var(--border);
        background: var(--surface);
        color: var(--primary);
        box-shadow: none;
        font-size: var(--font-size-sm);
        font-weight: 800;
        letter-spacing: 0;
      }

      .action-button:hover,
      .account-quick-action:hover,
      .filter-panel-button:hover,
      .filter-panel-button[aria-expanded="true"],
      .filter-reset:hover,
      .detail-link:hover {
        transform: none;
        border-color: var(--border-strong);
        background: var(--surface-muted);
        box-shadow: none;
      }

      .action-button--primary,
      .filter-panel-apply,
      #editor-save,
      #import-run,
      #import-show-contacts {
        border-color: var(--primary);
        background: var(--primary);
        color: #ffffff;
      }

      .action-button--primary:hover,
      .filter-panel-apply:hover,
      #editor-save:hover,
      #import-run:hover,
      #import-show-contacts:hover {
        border-color: var(--primary-hover);
        background: var(--primary-hover);
      }

      .action-button--ghost,
      .detail-link--compact,
      .account-quick-action,
      .history-filter.is-active {
        background: var(--primary-soft);
        border-color: transparent;
        color: var(--primary);
      }

      .action-button--danger,
      #detail-delete,
      #rollback-import-batch {
        border-color: #fecaca;
        background: var(--danger-soft);
        color: var(--danger);
      }

      .action-button.is-active,
      .action-button[aria-pressed="true"] {
        border-color: var(--primary);
        background: var(--primary-soft);
        color: var(--primary);
      }

      .menu-button,
      .detail-close,
      .import-close,
      .filter-panel-close,
      .editor-toolbar .detail-close {
        width: 38px;
        min-width: 38px;
        height: 38px;
        min-height: 38px;
        padding: 0;
        border-radius: var(--radius-md);
        display: inline-grid;
        place-items: center;
      }

      .action-button__icon,
      .menu-button svg,
      .filter-panel-button svg,
      .custom-select-trigger__icon,
      .dashboard-info,
      .field-icon,
      .linkedin-icon {
        width: 16px;
        height: 16px;
        font-size: 0.72rem;
      }

      .search-shell,
      .select-shell,
      .editor-input,
      .editor-textarea,
      .detail-inline-input,
      .detail-inline-textarea,
      .custom-select-trigger,
      .custom-select-trigger--detail,
      .custom-select-trigger--compact,
      .import-entry-table input,
      .import-entry-table select,
      .import-map-table select,
      .import-defaults input,
      .import-defaults select,
      .import-profile-card input,
      .import-bulk-card select {
        min-height: 42px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        color: var(--text-primary);
        box-shadow: none;
        font-size: var(--font-size-sm);
      }

      .editor-textarea,
      .detail-inline-textarea {
        min-height: 92px;
        padding-top: 10px;
      }

      .search-shell:focus-within,
      .select-shell:focus-within,
      .editor-input:focus,
      .editor-textarea:focus,
      .detail-inline-input:focus,
      .detail-inline-textarea:focus,
      .editor-select-shell.is-open .custom-select-trigger,
      .editor-select-shell:focus-within .custom-select-trigger,
      .select-shell[data-custom-select].is-open .custom-select-trigger--compact,
      .select-shell[data-custom-select]:focus-within .custom-select-trigger--compact,
      .detail-select-shell.is-open .custom-select-trigger--detail,
      .detail-select-shell:focus-within .custom-select-trigger--detail {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(21, 95, 228, 0.12);
        outline: none;
      }

      .editor-label,
      .detail-info-head,
      .detail-compact-row span:first-child,
      .summary-label,
      .detail-section-title {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 850;
        letter-spacing: 0.03em;
        text-transform: uppercase;
      }

      .editor-help,
      .editor-message,
      .import-muted,
      .detail-secondary,
      .detail-profile-subline,
      .detail-profile-role,
      .history-meta {
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-normal);
      }

      .editor-field.has-error .editor-input,
      .editor-field.has-error .editor-textarea,
      .editor-field.has-error .custom-select-trigger,
      .editor-status--error {
        border-color: #fca5a5;
        background: var(--danger-soft);
        color: var(--danger);
      }

      .editor-field.has-warning .editor-input,
      .editor-field.has-warning .editor-textarea,
      .editor-field.has-warning .custom-select-trigger,
      .detail-info-card--missing,
      .detail-missing-summary,
      .import-info-box {
        border-color: #f1d7a8;
        background: var(--warning-soft);
        color: #76531d;
      }

      .editor-status--success {
        border-color: #bbf7d0;
        background: var(--success-soft);
        color: var(--success);
      }

      .contact-quick-form {
        display: grid;
        gap: 12px;
      }

      .contact-quick-form .editor-section {
        padding: 14px;
      }

      .contact-quick-form .editor-section--primary {
        border-radius: var(--radius-md);
        box-shadow: none;
      }

      .editor-accordion {
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: none;
        overflow: clip;
      }

      .editor-accordion summary {
        min-height: 36px;
        padding: 0 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--text-primary);
        cursor: pointer;
        font-size: var(--font-size-xs);
        font-weight: 850;
        list-style: none;
      }

      .editor-accordion summary::-webkit-details-marker {
        display: none;
      }

      .editor-accordion summary::after {
        content: "⌄";
        color: var(--text-muted);
        font-size: 0.9rem;
      }

      .editor-accordion[open] summary::after {
        transform: rotate(180deg);
      }

      .editor-accordion summary span {
        color: var(--text-muted);
        font-size: 0.68rem;
        font-weight: 750;
        text-transform: uppercase;
      }

      .editor-accordion .editor-grid {
        padding: 0 12px 12px;
      }

      .bulk-table-command-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;
        margin-bottom: 12px;
      }

      .bulk-table-command-row .import-entry-actions {
        margin: 0;
        justify-content: flex-end;
      }

      .bulk-summary {
        margin: 0;
        grid-template-columns: repeat(3, minmax(120px, 1fr));
        flex: 1 1 360px;
      }

      .bulk-entry-table {
        min-width: 1280px;
      }

      .bulk-entry-table th {
        height: 44px;
      }

      .bulk-entry-table td {
        vertical-align: top;
      }

      .bulk-entry-table input,
      .bulk-entry-table select {
        min-height: 36px;
        padding: 7px 8px;
        border-radius: var(--radius-sm);
        font-size: var(--font-size-xs);
      }

      .bulk-cell--error input,
      .bulk-cell--error select {
        border-color: #fca5a5;
        background: var(--danger-soft);
      }

      .bulk-cell--warning input,
      .bulk-cell--warning select {
        border-color: #f1d7a8;
        background: #fffaf0;
      }

      .bulk-row--error {
        background: rgba(254, 242, 242, 0.7);
      }

      .bulk-row--duplicate,
      .bulk-row--review {
        background: rgba(255, 250, 240, 0.72);
      }

      .bulk-result-bar {
        margin-top: 12px;
      }

      .controls {
        padding-bottom: 12px;
      }

      .controls-stack {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px 10px;
        align-items: center;
        padding: 10px;
        border-color: var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-sm);
      }

      .controls-stack .search-shell {
        min-height: 46px;
        border-radius: var(--radius-sm);
        border-color: #b7cdfd;
        background: linear-gradient(180deg, #f7faff 0%, #eef5ff 100%);
        box-shadow: 0 0 0 1px rgba(21, 95, 228, 0.08), 0 10px 24px rgba(21, 95, 228, 0.10);
      }

      .controls-stack .search-shell svg {
        width: 18px;
        height: 18px;
        color: var(--primary);
      }

      .view-select-shell {
        position: relative;
        min-width: 0;
      }

      .view-select-button {
        width: 100%;
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 0 12px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 850;
        cursor: pointer;
        box-shadow: none;
      }

      .view-select-button #view-select-label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .view-select-button__icon {
        width: 16px;
        height: 16px;
        flex: 0 0 auto;
      }

      .view-select-menu {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        z-index: 32;
        width: min(300px, calc(100vw - 32px));
        padding: 10px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-lg);
      }

      .view-select-menu[hidden] {
        display: none;
      }

      .view-select-section + .view-select-section {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid var(--border);
      }

      .view-select-owner-list {
        display: grid;
        gap: 2px;
      }

      .view-select-title {
        margin: 0 0 6px;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 900;
      }

      .view-select-option {
        width: 100%;
        min-height: 34px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 0 9px;
        border: 0;
        border-radius: var(--radius-sm);
        background: transparent;
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 800;
        text-align: left;
        cursor: pointer;
      }

      .view-select-option:hover,
      .view-select-option.is-active {
        background: var(--primary-soft);
        color: var(--primary);
      }

      .view-select-option--legacy {
        color: var(--text-muted);
        opacity: 0.72;
      }

      .view-select-option--legacy:hover,
      .view-select-option--legacy.is-active {
        opacity: 1;
      }

      .view-select-empty {
        padding: 7px 9px;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 750;
        line-height: var(--line-height-normal);
      }

      .filter-toolbar {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        grid-column: 1 / -1;
        width: 100%;
        min-height: 40px;
        flex-wrap: nowrap;
      }

      .filter-results {
        margin-left: 0;
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 850;
      }

      .filter-reset[hidden] {
        display: none;
      }

      .active-filter-row {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 26px;
      }

      .active-filter-row[hidden],
      .filter-results[hidden] {
        display: none;
      }

      .active-filter-list {
        min-width: 0;
        flex: 1 1 auto;
      }

      .active-filter-chip,
      .active-filter-more {
        flex: 0 0 auto;
        min-height: 26px;
        border-radius: 999px;
        font-size: var(--font-size-xs);
        box-shadow: none;
      }

      .active-filter-chip button {
        background: transparent;
        color: var(--text-muted);
      }

      .active-filter-more {
        display: inline-flex;
        align-items: center;
        padding: 0 10px;
        border: 1px solid var(--border);
        background: var(--surface-muted);
        color: var(--primary);
        font-weight: 850;
        cursor: pointer;
      }

      .filter-panel-button {
        min-height: 36px;
        padding: 0 12px;
        border-radius: var(--radius-sm);
        background: var(--surface);
        box-shadow: none;
        font-size: var(--font-size-sm);
      }

      .filter-panel-button__label {
        gap: 7px;
      }

      .filter-panel-button__caret {
        display: none;
      }

      .filter-panel {
        width: min(360px, calc(100vw - 32px));
        max-height: min(78vh, 720px);
        padding: 0;
        border-color: var(--border);
        border-radius: var(--radius-lg);
        background: var(--surface);
        box-shadow: var(--shadow-lg);
        overflow: hidden;
      }

      .filter-panel-head {
        align-items: center;
        margin: 0;
        padding: 14px 14px 10px;
        border-bottom: 1px solid var(--border);
      }

      .filter-panel-title {
        color: var(--text-primary);
        font-size: var(--font-size-lg);
      }

      .filter-panel-copy {
        color: var(--text-muted);
      }

      .filter-panel-close {
        width: 32px;
        height: 32px;
        border-radius: var(--radius-sm);
      }

      .filter-panel-grid {
        max-height: calc(min(78vh, 720px) - 132px);
        display: grid;
        gap: 10px;
        padding: 12px 14px;
        overflow: auto;
      }

      .filter-group,
      .filter-more {
        display: grid;
        gap: 8px;
      }

      .filter-group[hidden],
      .filter-more[hidden],
      .filter-section[hidden] {
        display: none;
      }

      .filter-group-title,
      .filter-more summary {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 900;
        letter-spacing: 0.05em;
      }

      .filter-more summary {
        cursor: pointer;
      }

      .filter-more-grid {
        display: grid;
        gap: 8px;
        margin-top: 8px;
      }

      .filter-field {
        display: grid;
        gap: 5px;
      }

      .filter-field span {
        color: var(--text-primary);
        font-size: var(--font-size-xs);
        font-weight: 900;
      }

      .filter-field--accordion {
        gap: 0;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        overflow: hidden;
      }

      .filter-field--accordion summary {
        min-height: 38px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 0 10px;
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 900;
        cursor: pointer;
        list-style: none;
      }

      .filter-field--accordion summary::-webkit-details-marker {
        display: none;
      }

      .filter-field--accordion summary::after {
        content: "⌄";
        color: var(--text-muted);
        font-size: 0.88rem;
        transition: transform 140ms ease;
      }

      .filter-field--accordion[open] summary {
        border-bottom: 1px solid var(--border);
        background: var(--surface-muted);
      }

      .filter-field--accordion[open] summary::after {
        transform: rotate(180deg);
      }

      .filter-select {
        width: 100%;
        min-height: 38px;
        padding: 0 10px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--text-primary);
        font: inherit;
        font-size: var(--font-size-sm);
        font-weight: 750;
      }

      .filter-select--multi {
        min-height: 104px;
        padding: 6px;
      }

      .filter-select--multi option {
        min-height: 26px;
        padding: 5px 7px;
        border-radius: var(--radius-sm);
      }

      .filter-choice-list {
        display: grid;
        gap: 4px;
        max-height: 132px;
        overflow: auto;
        padding: 5px;
        border: 0;
        border-radius: 0;
        background: var(--surface);
      }

      .filter-choice {
        min-height: 30px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 0 7px;
        border-radius: var(--radius-sm);
        color: var(--text-primary);
        font-size: var(--font-size-xs);
        font-weight: 800;
        cursor: pointer;
      }

      .filter-choice:hover {
        background: var(--surface-muted);
      }

      .filter-choice input {
        width: 15px;
        height: 15px;
        margin: 0;
        accent-color: var(--primary);
      }

      .filter-choice.is-selected {
        background: var(--primary-soft);
        color: var(--primary);
      }

      .filter-section {
        gap: 8px;
        padding: 10px;
        border-radius: var(--radius-md);
        background: var(--surface-muted);
      }

      .filter-section--muted {
        background: #fbfcff;
      }

      .filter-section-note {
        margin: 0;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        line-height: var(--line-height-normal);
      }

      .filter-section-title {
        gap: 0;
        font-size: var(--font-size-sm);
      }

      .filter-option-list {
        gap: 6px;
      }

      .filter-option-chip {
        min-height: 28px;
        padding: 0 9px;
        border-radius: 999px;
        font-size: var(--font-size-xs);
      }

      .filter-panel-footer {
        position: sticky;
        bottom: 0;
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        padding: 10px 14px 14px;
        border-top: 1px solid var(--border);
        background: var(--surface);
      }

      .filter-panel-footer .filter-reset {
        min-height: 36px;
        padding: 0 12px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
      }

      .filter-panel-apply {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        padding: 0 14px;
        border: 0;
        border-radius: var(--radius-sm);
        background: var(--primary);
        color: #ffffff;
        font-weight: 850;
        cursor: pointer;
      }

      .table-wrap,
      .import-table-wrap {
        border-color: var(--border);
        background: var(--surface);
      }

      .table-command-row {
        position: relative;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 10px;
        flex-wrap: wrap;
      }

      .table-command-row:has(.bulk-toolbar[hidden]):not(:has(.table-command-actions:not(:empty))) {
        display: none;
      }

      .table-command-spacer {
        flex: 1 1 auto;
      }

      .table-command-actions {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        flex-wrap: wrap;
      }

      .table-command-actions .action-button[hidden] {
        display: none !important;
      }

      .contact-list-switcher {
        display: inline-flex;
        align-items: center;
        gap: 3px;
        min-height: 38px;
        padding: 3px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: #f4f7fd;
      }

      .contact-list-switcher[hidden] {
        display: none !important;
      }

      .contact-list-switcher__button {
        min-height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        padding: 0 11px;
        border: 0;
        border-radius: 7px;
        background: transparent;
        color: #667399;
        font: inherit;
        font-size: var(--font-size-xs);
        font-weight: 850;
        white-space: nowrap;
        cursor: pointer;
      }

      .contact-list-switcher__button:hover {
        color: var(--primary);
        background: rgba(255, 255, 255, 0.72);
      }

      .contact-list-switcher__button.is-active {
        color: #234eac;
        background: #ffffff;
        box-shadow: 0 1px 4px rgba(26, 37, 89, 0.12);
      }

      .contact-list-switcher__button svg {
        width: 15px;
        height: 15px;
        color: #c09400;
      }

      .contact-list-switcher__count {
        min-width: 20px;
        min-height: 20px;
        display: inline-grid;
        place-items: center;
        padding: 0 5px;
        border-radius: 999px;
        background: #e7ecf7;
        color: #68728f;
        font-size: 0.68rem;
        font-variant-numeric: tabular-nums;
      }

      .contact-list-switcher__button.is-active .contact-list-switcher__count {
        background: #fff4bd;
        color: #8a6900;
      }

      .contact-list-switcher__button:focus-visible {
        outline: 3px solid rgba(21, 95, 228, 0.22);
        outline-offset: 1px;
      }

      @media (max-width: 760px) {
        #contact-command-actions .contact-list-switcher {
          width: 100%;
        }

        #contact-command-actions .contact-list-switcher__button {
          flex: 1 1 50%;
          min-height: 36px;
        }

        .favorite-empty-state {
          min-height: 230px;
          padding: 30px 18px;
        }
      }

      .table-command-row .summary--compact {
        order: 3;
        margin-left: 0;
      }

      .table-command-row .table-command-spacer {
        order: 2;
      }

      .table-command-row .table-command-actions {
        order: 1;
      }

      .table-command-row > .column-menu-shell {
        order: 3;
      }

      .table-command-row > .view-select-shell {
        order: 3;
        flex: 0 0 auto;
      }

      .table-command-row > .filter-toolbar {
        order: 3;
        width: auto;
        flex: 0 0 auto;
        justify-content: flex-end;
        padding-top: 0;
      }

      .table-command-row > .filter-toolbar:has(.active-filter-row:not([hidden])) {
        flex: 1 1 520px;
      }

      .table-command-row .filter-toolbar {
        min-height: 38px;
        gap: 8px;
      }

      .table-command-row .filter-toolbar .active-filter-row {
        flex: 1 1 min(600px, 48vw);
        max-width: min(600px, 48vw);
        min-width: 260px;
        margin-right: 12px;
      }

      .table-command-row .filter-toolbar .filter-results {
        flex: 0 0 auto;
      }

      .table-command-row .filter-toolbar .filter-reset {
        margin-left: 0;
      }

      .table-command-row .filter-toolbar .filter-reset[hidden] + .filter-shell {
        margin-left: 0;
      }

      .table-command-row .view-select-button {
        width: auto;
        min-height: 38px;
        gap: 8px;
        padding-inline: 12px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--primary);
        font-size: var(--font-size-xs);
        font-weight: 800;
      }

      .table-command-row--organizations .organization-column-actions {
        order: 3;
        justify-content: flex-end;
      }

      .table-command-row--organizations .organization-column-actions .filter-toolbar {
        width: auto;
        flex: 0 0 auto;
      }

      .table-command-row--organizations .organization-column-actions .filter-toolbar:has(.active-filter-row:not([hidden])) {
        flex: 1 1 520px;
      }

      .table-command-row--organizations .table-command-spacer {
        order: 2;
      }

      .table-command-row--organizations #organization-command-actions {
        order: 1;
        justify-content: flex-start;
      }

      .table-command-row--expert-actions {
        padding-top: 10px;
      }

      .table-command-row--experts #expert-command-actions {
        order: 2;
        justify-content: flex-start;
      }

      .table-command-row--experts .expert-bulk-toolbar {
        order: 1;
      }

      .table-command-row--experts .table-command-spacer {
        order: 3;
      }

      .table-command-row--experts .expert-column-actions {
        order: 4;
        justify-content: flex-end;
      }

      .table-command-row--experts .expert-column-actions .filter-toolbar {
        width: auto;
        flex: 0 0 auto;
      }

      .table-command-row--experts .expert-column-actions .filter-toolbar:has(.active-filter-row:not([hidden])) {
        flex: 1 1 520px;
      }

      .table-command-row--stakeholders {
        padding-top: 10px;
      }

      .table-command-row--stakeholders .table-command-spacer {
        order: 1;
      }

      .table-command-row--stakeholders .stakeholder-column-actions {
        order: 2;
        justify-content: flex-end;
      }

      .experts-mode-nav {
        margin: 0;
        border-bottom: 0;
      }

      .expert-matching-workspace {
        display: grid;
        gap: 10px;
      }

      .patient-indications-panel {
        min-width: 0;
        padding: 16px;
        background: #ffffff;
      }

      .patient-indications-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 12px;
      }

      .patient-indication-card {
        display: grid;
        gap: 12px;
        align-content: start;
        min-height: 100%;
        padding: 16px;
        border: 1px solid var(--patient-indication-border, var(--line));
        border-left: 3px solid var(--patient-indication-color, var(--primary));
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: none;
      }

      .patient-indication-card__head {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 12px;
      }

      .patient-indication-card h3 {
        margin: 0;
        color: var(--patient-indication-color, #18235c);
        font-size: 0.98rem;
        line-height: 1.25;
      }

      .patient-indication-card p {
        margin: 0;
        color: #475569;
        font-size: 0.86rem;
        line-height: 1.45;
      }

      .patient-indication-card__title {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        min-width: 0;
      }

      .patient-indication-card__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 12px;
        background: var(--patient-indication-color, #475569);
        color: #ffffff;
        box-shadow: none;
      }

      .patient-indication-card__icon svg {
        width: 22px;
        height: 22px;
      }

      .patient-indication-card__actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: auto;
      }

      .patient-indication-result {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 6px;
        min-width: 0;
        min-height: 38px;
        padding: 6px 9px;
        border: 1px solid var(--patient-indication-border, transparent);
        border-radius: var(--radius-sm);
        background: var(--patient-indication-bg, var(--surface-muted));
        color: var(--patient-indication-color, #28488f);
        font-size: 0.72rem;
        font-weight: 800;
        text-align: left;
        cursor: pointer;
      }

      .patient-indication-result strong {
        font-size: 0.86rem;
        font-variant-numeric: tabular-nums;
      }

      .patient-indication-result span:nth-child(2) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .patient-indication-result:hover,
      .patient-indication-result:focus-visible {
        border-color: var(--patient-indication-color, var(--primary));
        background: var(--surface);
        outline: none;
      }

      .patient-indication-result:focus-visible {
        box-shadow: 0 0 0 3px rgba(21, 95, 228, 0.18);
      }

      .patient-indication-result:disabled {
        cursor: default;
        opacity: 0.54;
      }

      .patient-indication-badge {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        min-height: 30px;
        padding: 4px 10px;
        border: 1px solid var(--patient-indication-border, #cbd5e1);
        border-radius: 999px;
        background: var(--patient-indication-bg, #f1f5f9);
        color: var(--patient-indication-color, #475569);
        font-size: 0.74rem;
        font-weight: 850;
        line-height: 1.15;
        white-space: normal;
        overflow-wrap: anywhere;
      }

      .patient-indication-badge--empty {
        --patient-indication-bg: #f8fafc;
        --patient-indication-border: #cbd5e1;
        --patient-indication-color: #64748b;
      }

      [data-expert-table][hidden],
      [data-patient-table][hidden],
      [data-stakeholder-table][hidden],
      .expert-matching-workspace[hidden] {
        display: none !important;
      }

      .stakeholder-map-panel {
        min-height: min(68vh, 720px);
        display: grid;
      }

      .stakeholder-map-panel .map-embed-frame {
        min-height: 560px;
        border: 0;
        border-radius: var(--radius-md);
      }

      .expert-matching-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-width: 0;
        padding: 10px;
        border-bottom: 1px solid var(--border);
        background: var(--surface-muted);
      }

      .expert-matching-scope {
        min-width: 0;
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        font-weight: 900;
        line-height: var(--line-height-tight);
      }

      .expert-matching-meta {
        flex: 0 0 auto;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 800;
        white-space: nowrap;
      }

      .expert-matching-table {
        min-width: 900px;
      }

      .expert-matching-table .thead,
      .expert-matching-table .row {
        grid-template-columns:
          minmax(250px, 1fr)
          minmax(250px, 1fr)
          minmax(170px, 0.7fr)
          minmax(84px, 0.36fr)
          minmax(116px, 0.45fr);
      }

      .expert-matching-table .thead > div,
      .expert-matching-table .row > div {
        min-width: 0;
        padding: 6px 10px;
      }

      .expert-match-type {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 0 8px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface);
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 850;
      }

      .expert-match-entity {
        display: flex;
        align-items: center;
        gap: 9px;
        min-width: 0;
      }

      .expert-match-copy {
        display: grid;
        gap: 3px;
        min-width: 0;
      }

      .expert-match-name {
        width: fit-content;
        max-width: 100%;
      }

      .expert-match-meta-line {
        min-width: 0;
        overflow: hidden;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 750;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .expert-match-reason {
        min-width: 0;
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 800;
        line-height: 1.32;
      }

      .expert-match-score {
        justify-content: flex-end;
        color: var(--text-primary);
        font-variant-numeric: tabular-nums;
        font-weight: 900;
      }

      .expert-match-actions {
        justify-content: flex-end;
        gap: 8px;
      }

      .expert-match-mobile-card {
        gap: 10px;
      }

      .expert-match-mobile-kind,
      .expert-match-mobile-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-width: 0;
      }

      .expert-match-mobile-kind {
        justify-content: flex-end;
      }

      .expert-match-mobile-block {
        display: grid;
        gap: 6px;
        min-width: 0;
      }

      .expert-match-mobile-footer {
        padding-top: 8px;
        border-top: 1px solid var(--border);
      }

      .expert-match-mobile-footer .expert-match-reason {
        flex: 1 1 auto;
      }

      .app-shell[data-active-view="experts"][data-expert-mode="duplicates"] .expert-column-actions .filter-toolbar,
      .app-shell[data-active-view="experts"][data-expert-mode="duplicates"] .expert-column-actions .column-menu-shell {
        display: none !important;
      }

      .bulk-toolbar {
        min-height: 38px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 6px;
        border: 1px solid #bfd3ff;
        border-radius: var(--radius-md);
        background: var(--info-soft);
        color: var(--text-primary);
      }

      .bulk-toolbar[hidden] {
        display: none;
      }

      .bulk-toolbar__count {
        padding: 0 8px;
        font-size: var(--font-size-sm);
        font-weight: 850;
        color: var(--primary);
        white-space: nowrap;
      }

      .bulk-toolbar__link {
        border: 0;
        background: transparent;
        color: var(--primary);
        font: inherit;
        font-size: var(--font-size-xs);
        font-weight: 800;
        cursor: pointer;
        white-space: nowrap;
      }

      .bulk-toolbar__link:hover {
        text-decoration: underline;
      }

      .bulk-toolbar__divider {
        width: 1px;
        height: 22px;
        background: #bfd3ff;
      }

      .bulk-owner-select {
        min-height: 38px;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 0 8px;
        border: 1px solid #bfd3ff;
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 850;
        white-space: nowrap;
      }

      .bulk-owner-select select {
        min-width: 180px;
        max-width: min(260px, 34vw);
        height: 30px;
        border: 0;
        background: transparent;
        color: var(--primary);
        font: inherit;
        font-weight: 850;
        outline: none;
      }

      .action-button--compact {
        min-height: 38px;
        padding: 0 11px;
        border-radius: var(--radius-sm);
        font-size: var(--font-size-xs);
      }

      .column-menu-shell .action-button--compact {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding-inline: 12px;
      }

      .column-menu-shell .action-button__icon {
        margin-right: 0;
      }

      .action-button--danger-soft {
        border-color: #fecaca;
        background: var(--danger-soft);
        color: var(--danger);
      }

      .column-menu-shell {
        position: relative;
        flex: 0 0 auto;
      }

      .column-menu {
        position: absolute;
        top: calc(100% + 8px);
        right: 0;
        z-index: 25;
        width: 240px;
        padding: 10px;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        background: var(--surface);
        box-shadow: var(--shadow-lg);
      }

      .column-menu[hidden] {
        display: none;
      }

      .column-menu__title {
        padding: 4px 4px 8px;
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 850;
        text-transform: uppercase;
        letter-spacing: 0.03em;
      }

      .column-menu__options {
        display: grid;
        gap: 4px;
      }

      .column-option {
        min-height: 32px;
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 0 8px;
        border-radius: var(--radius-sm);
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 750;
        cursor: pointer;
      }

      .column-option:hover {
        background: var(--surface-muted);
      }

      .column-option input {
        width: 15px;
        height: 15px;
        accent-color: var(--primary);
      }

      .table,
      .import-preview-table,
      .import-review-table,
      .import-map-table,
      .import-entry-table {
        color: var(--text-primary);
        font-size: var(--font-size-sm);
      }

      .thead,
      .import-preview-table th,
      .import-review-table th,
      .import-map-table th {
        background: var(--surface-muted);
        color: #475569;
        font-size: var(--font-size-xs);
        font-weight: 850;
        letter-spacing: 0.03em;
        text-transform: uppercase;
      }

      .row,
      .import-preview-table td,
      .import-review-table td,
      .import-map-table td {
        border-color: #edf1f8;
        background: var(--surface);
      }

      .row {
        min-height: var(--row-height);
      }

      .row:hover {
        background: var(--surface-muted);
      }

      .row.is-bulk-selected {
        background: #fbfdff;
        box-shadow: inset 0 0 0 1px #d8e6ff;
      }

      .row.is-active {
        background: var(--info-soft);
        box-shadow: inset 3px 0 0 var(--primary), inset 0 0 0 1px #bfd3ff;
      }

      .contacts-table .thead,
      .contacts-table .row {
        grid-template-columns: var(--contacts-grid-template);
      }

      .organizations-table .thead,
      .organizations-table .row {
        display: grid;
        grid-template-columns: var(--organizations-grid-template);
        align-items: center;
      }

      .contacts-table .thead > div,
      .contacts-table .row > div,
      .organizations-table .thead > div,
      .organizations-table .row > div {
        min-width: 0;
        padding: 5px 10px;
      }

      .contacts-table .thead .cell--select,
      .contacts-table .row .cell--select,
      .organizations-table .thead .cell--actions,
      .organizations-table .row .cell--actions {
        justify-content: center;
        padding-inline: 8px;
      }

      .contacts-table .cell--updated {
        justify-content: flex-end;
        text-align: right;
      }

      .organization-logo {
        width: 38px;
        height: 38px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        display: inline-grid;
        place-items: center;
        background: var(--surface);
        color: var(--primary);
        font-size: 0.84rem;
        font-weight: 900;
        flex: 0 0 auto;
        overflow: hidden;
      }

      .organization-logo--sm {
        width: 38px;
        height: 38px;
      }

      .organization-logo--lg {
        width: 76px;
        height: 76px;
        font-size: 1.22rem;
      }

      .organization-logo--stakeholder.organization-logo--sm {
        width: 96px;
        height: 44px;
      }

      .organization-logo--stakeholder.organization-logo--lg {
        width: 172px;
        height: 86px;
      }

      .organization-logo--stakeholder:not(.organization-logo--image) {
        padding: 0 4px;
        background: var(--surface-muted);
        color: var(--text-secondary);
        font-size: 0.76rem;
        letter-spacing: 0;
        line-height: 1;
        text-align: center;
      }

      .organization-logo--stakeholder.organization-logo--lg:not(.organization-logo--image) {
        font-size: 1rem;
      }

      .organization-logo img,
      .organization-contact-logo img {
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        display: block;
        object-fit: contain;
        object-position: center;
        padding: 5px;
        background: transparent;
      }

      .organization-logo--stakeholder img {
        padding: 5px 8px;
      }

      .organization-logo--image {
        position: relative;
      }

      .organization-logo--image img,
      .organization-logo__fallback {
        grid-area: 1 / 1;
      }

      .organization-logo--image .organization-logo__fallback {
        visibility: hidden;
      }

      .organization-logo__fallback {
        display: grid;
        place-items: center;
        width: 100%;
        height: 100%;
      }

      .organization-cell {
        display: flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
      }

      .organization-name-button,
      .organization-contact-link {
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--primary);
        font: inherit;
        font-weight: 850;
        text-align: left;
        cursor: pointer;
      }

      .organization-name-button {
        color: var(--text-primary);
      }

      .organization-name-button:hover,
      .organization-contact-link:hover {
        color: var(--primary-hover);
        text-decoration: underline;
      }

      .organization-profile-logo {
        border-radius: var(--radius-lg);
        font-weight: 950;
      }

      .organization-contact-table {
        width: 100%;
        border-collapse: collapse;
      }

      .organization-contact-table-wrap {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
      }

      .organization-contact-table th,
      .organization-contact-table td {
        padding: 10px 12px;
        border-bottom: 1px solid #edf1f8;
        color: #32457f;
        font-size: 0.8rem;
        text-align: left;
        vertical-align: top;
      }

      .organization-contact-table th {
        color: #657195;
        font-size: 0.72rem;
        font-weight: 900;
      }

      .organization-contact-table tr:last-child td {
        border-bottom: 0;
      }

      .organization-contact-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
        margin-bottom: 10px;
      }

      .table-checkbox {
        width: 16px;
        height: 16px;
        margin: 0;
        accent-color: var(--primary);
        cursor: pointer;
      }

      .avatar,
      .contact-thumb,
      .detail-profile-main .avatar,
      .detail-profile-main img.avatar,
      .mobile-contact-card .avatar,
      .mobile-contact-card img.avatar {
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
        box-shadow: none;
      }

      .contact-cell .avatar,
      .contact-cell img.avatar {
        width: 34px;
        height: 34px;
      }

      .organization-contact-logo {
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
      }

      .detail-profile-main .avatar,
      .detail-profile-main img.avatar {
        width: 92px;
        height: 92px;
      }

      .detail-profile-main .organization-contact-logo {
        border-radius: var(--radius-lg);
      }

      .active-filter-chip,
      .filter-option-chip,
      .theme-tag,
      .contact-sector-pill,
      .owner-badge,
      .quality-badge,
      .badge,
      .account-role-pill,
      .saved-view-pill,
      .history-action-pill,
      .file-badge {
        min-height: 26px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        color: #3f4f80;
        font-size: var(--font-size-xs);
        font-weight: 800;
        box-shadow: none;
      }

      .filter-option-chip__icon,
      .editor-section-icon,
      .filter-section-icon,
      .field-icon {
        display: none;
      }

      .filter-section-title,
      .editor-section-head {
        gap: 0;
      }

      .filter-option-chip.is-active,
      .theme-tag--preset.is-active,
      .active-filter-chip {
        border-color: #bfd3ff;
        background: var(--primary-soft);
        color: var(--primary);
      }

      .badge--active,
      .badge--new,
      .badge--low,
      .account-role-pill--editor,
      .contact-priority-pill--low {
        background: var(--success-soft);
        color: #19713d;
        border-color: #bde8ca;
      }

      .badge--pending,
      .badge--medium,
      .contact-owner-chip--empty,
      .contact-priority-pill--medium {
        background: var(--warning-soft);
        color: #8a5b14;
        border-color: #f2d7a8;
      }

      .badge--high,
      .action-button--danger,
      .contact-priority-pill--high {
        background: var(--danger-soft);
        color: var(--danger);
        border-color: #fecaca;
      }

      .badge--quiet,
      .badge--status,
      .account-role-pill--admin {
        background: var(--info-soft);
        color: var(--primary);
        border-color: #bfd3ff;
      }

      .account-role-pill--viewer {
        background: #fff7ed;
        color: #c2410c;
        border-color: #fed7aa;
      }

      .contact-sector-pill {
        background: var(--sector-bg, #eef5ff);
        color: var(--sector-color, #155fe4);
        border-color: var(--sector-border, #bfd3ff);
      }

      .contact-sector-pill--praxis {
        background: var(--success-soft);
        color: #177245;
        border-color: #bde8ca;
      }

      .contact-sector-pill--krankenhaus {
        background: var(--info-soft);
        color: var(--primary);
        border-color: #bfd3ff;
      }

      .contact-sector-pill--apotheke {
        background: #f4ecff;
        color: #6b35b8;
        border-color: #dbc6ff;
      }

      .contact-sector-pill--pflege {
        background: #fff1ed;
        color: #a34120;
        border-color: #ffd2c4;
      }

      .contact-sector-pill--krankenkasse {
        background: #f0f2ff;
        color: #4f5fb8;
        border-color: #cfd6ff;
      }

      .contact-sector-pill--notfallversorgung {
        background: var(--danger-soft);
        color: var(--danger);
        border-color: #fecaca;
      }

      .contact-sector-pill--expert {
        border-color: var(--expert-group-border, var(--border));
        background: var(--expert-group-bg, var(--surface-muted));
        color: var(--expert-group-text, var(--text-primary));
      }

      .contact-sector-pill--expert-anwender-informationstechnischer-systeme {
        --expert-group-bg: var(--info-soft);
        --expert-group-border: #bfd3ff;
        --expert-group-text: var(--primary);
      }

      .contact-sector-pill--expert-bundesland {
        --expert-group-bg: var(--success-soft);
        --expert-group-border: #bde8ca;
        --expert-group-text: #177245;
      }

      .contact-sector-pill--expert-fachgesellschaft {
        --expert-group-bg: #f4ecff;
        --expert-group-border: #dbc6ff;
        --expert-group-text: #6b35b8;
      }

      .contact-sector-pill--expert-industrieverband {
        --expert-group-bg: var(--warning-soft);
        --expert-group-border: #f2d7a8;
        --expert-group-text: #8a5b14;
      }

      .contact-sector-pill--expert-standardisierungs-und-normungsorganisationen {
        --expert-group-bg: #ecfeff;
        --expert-group-border: #a5f3fc;
        --expert-group-text: #155e75;
      }

      .contact-sector-pill--expert-verband {
        --expert-group-bg: #f0f2ff;
        --expert-group-border: #cfd6ff;
        --expert-group-text: #4f5fb8;
      }

      .contact-sector-pill--expert-wissenschaftliche-einrichtung-und-patientenorganisation {
        --expert-group-bg: var(--danger-soft);
        --expert-group-border: #fecaca;
        --expert-group-text: #b42318;
      }

      .owner-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        max-width: 100%;
        gap: 6px;
        padding: 2px 8px 2px 3px;
        background: var(--owner-badge-bg, #ecfeff);
        color: var(--owner-badge-text, #155e75);
        border-color: var(--owner-badge-border, #a5f3fc);
        line-height: 1;
        white-space: nowrap;
        vertical-align: middle;
      }

      .owner-badge-group {
        display: flex;
        align-items: center;
        gap: 4px;
        min-width: 0;
        max-width: 100%;
        flex-wrap: wrap;
      }

      .owner-badge-group .owner-badge {
        max-width: 180px;
      }

      .owner-badge-more {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 0 8px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 750;
        line-height: 1;
      }

      .owner-avatar-stack {
        display: inline-flex;
        align-items: center;
        min-width: 0;
        max-width: 100%;
        height: 28px;
        padding-left: 2px;
        vertical-align: middle;
        white-space: nowrap;
      }

      .owner-avatar-stack__item,
      .owner-avatar-stack__more {
        width: 26px;
        height: 26px;
        border: 2px solid var(--surface);
        border-radius: 999px;
        display: inline-grid;
        place-items: center;
        background: var(--owner-badge-avatar-bg, var(--surface-muted));
        color: var(--owner-badge-text, var(--text-secondary));
        font-size: 0.66rem;
        font-weight: 850;
        line-height: 1;
        overflow: hidden;
      }

      .owner-avatar-stack__item + .owner-avatar-stack__item,
      .owner-avatar-stack__item + .owner-avatar-stack__more {
        margin-left: -8px;
      }

      .owner-avatar-stack__more {
        background: var(--surface-muted);
        color: var(--text-muted);
        border-color: var(--surface);
        font-size: var(--font-size-xs);
      }

      .owner-avatar-stack--empty {
        height: auto;
        padding-left: 0;
      }

      .owner-avatar-stack--empty .owner-avatar-stack__more {
        width: auto;
        min-width: 0;
        height: 24px;
        padding: 0 8px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
      }

      .owner-multi-select {
        display: grid;
        gap: 6px;
        padding: 8px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
      }

      .owner-multi-select--detail {
        min-width: 220px;
        max-width: 100%;
      }

      .owner-multi-select--inline {
        width: 100%;
      }

      .owner-multi-search {
        width: 100%;
        min-height: 34px;
        padding: 7px 9px;
        border: 1px solid var(--border);
        border-radius: 9px;
        background: #ffffff;
        color: var(--text-primary);
        font: inherit;
        font-size: var(--font-size-sm);
      }

      .owner-multi-search:focus {
        border-color: #93b4ee;
        outline: 2px solid rgba(37, 99, 235, 0.14);
        outline-offset: 1px;
      }

      .owner-multi-options {
        display: grid;
        gap: 6px;
        max-height: 152px;
        overflow: auto;
      }

      .owner-multi-empty {
        margin: 0;
        color: var(--text-muted);
        font-size: var(--font-size-sm);
      }

      .owner-multi-option {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 30px;
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        cursor: pointer;
      }

      .owner-multi-option input {
        flex: 0 0 auto;
        width: 16px;
        height: 16px;
        accent-color: var(--primary);
      }

      .owner-multi-label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .owner-badge--tone-0 {
        --owner-badge-bg: #ccfbf1;
        --owner-badge-border: #5eead4;
        --owner-badge-text: #115e59;
        --owner-badge-avatar-bg: #99f6e4;
      }

      .owner-badge--tone-1 {
        --owner-badge-bg: #cffafe;
        --owner-badge-border: #67e8f9;
        --owner-badge-text: #155e75;
        --owner-badge-avatar-bg: #a5f3fc;
      }

      .owner-badge--tone-2 {
        --owner-badge-bg: #fef3c7;
        --owner-badge-border: #fbbf24;
        --owner-badge-text: #92400e;
        --owner-badge-avatar-bg: #fde68a;
      }

      .owner-badge--tone-3 {
        --owner-badge-bg: #dbeafe;
        --owner-badge-border: #93c5fd;
        --owner-badge-text: #1e40af;
        --owner-badge-avatar-bg: #bfdbfe;
      }

      .owner-badge--tone-4 {
        --owner-badge-bg: #fce7f3;
        --owner-badge-border: #f9a8d4;
        --owner-badge-text: #9d174d;
        --owner-badge-avatar-bg: #fbcfe8;
      }

      .owner-badge--tone-5 {
        --owner-badge-bg: #ede9fe;
        --owner-badge-border: #a78bfa;
        --owner-badge-text: #5b21b6;
        --owner-badge-avatar-bg: #ddd6fe;
      }

      .owner-badge--tone-6 {
        --owner-badge-bg: #e2e8f0;
        --owner-badge-border: #94a3b8;
        --owner-badge-text: #334155;
        --owner-badge-avatar-bg: #cbd5e1;
      }

      .owner-badge--tone-7 {
        --owner-badge-bg: #ffedd5;
        --owner-badge-border: #fb923c;
        --owner-badge-text: #9a3412;
        --owner-badge-avatar-bg: #fed7aa;
      }

      .detail-meta-control .owner-badge {
        width: 100%;
        min-height: 34px;
        padding: 3px 12px 3px 5px;
      }

      .detail-meta-control--owner {
        width: 210px;
      }

      .detail-meta-control__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
      }

      .detail-meta-control__head .detail-meta-control__label {
        text-align: left;
      }

      .detail-owner-edit {
        border: 0;
        background: transparent;
        color: var(--primary);
        font: inherit;
        font-size: var(--font-size-xs);
        font-weight: 850;
        line-height: 1;
        padding: 2px 0;
        cursor: pointer;
      }

      .detail-owner-edit:hover,
      .detail-owner-edit:focus-visible {
        text-decoration: underline;
        outline: none;
      }

      .owner-summary-list {
        display: grid;
        gap: 4px;
        min-width: 0;
      }

      .owner-summary-row {
        display: flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        font-weight: 750;
        line-height: 1.25;
      }

      .owner-summary-row .owner-badge__avatar {
        width: 24px;
        height: 24px;
      }

      .owner-summary-name {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .owner-summary-more {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 800;
        padding-left: 30px;
      }

      .owner-badge__avatar {
        width: 22px;
        height: 22px;
        border-radius: 999px;
        display: inline-grid;
        place-items: center;
        background: var(--owner-badge-avatar-bg, #cffafe);
        color: var(--owner-badge-text, #155e75);
        font-size: 0.68rem;
        font-weight: 850;
        line-height: 1;
        flex: 0 0 auto;
        overflow: hidden;
      }

      .owner-badge__image {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        border-radius: inherit;
      }

      .owner-badge__label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.2;
      }

      .owner-badge--empty {
        min-height: 24px;
        padding: 0 8px;
        background: #f8fafc;
        color: #64748b;
        border-color: #e2e8f0;
      }

      .owner-badge--empty .owner-badge__avatar {
        display: none;
      }

      .quality-badge {
        background: #f8fafc;
        color: #64748b;
        border-color: #e2e8f0;
      }

      .quality-badge--good {
        background: var(--success-soft);
        color: #177245;
        border-color: #bde8ca;
      }

      .quality-badge--medium {
        background: var(--warning-soft);
        color: #8a5b14;
        border-color: #f2d7a8;
      }

      .quality-badge--low {
        background: var(--danger-soft);
        color: var(--danger);
        border-color: #fecaca;
      }

      .detail-panel {
        border-left: 1px solid var(--border);
        box-shadow: var(--shadow-md);
        overflow-x: hidden;
      }

      .detail-toolbar {
        min-height: 58px;
        padding: 10px 16px;
        z-index: 8;
      }

      .detail-content {
        padding: 14px 16px 18px;
        min-width: 0;
      }

      .detail-profile {
        gap: 12px;
        min-width: 0;
      }

      .detail-tab-panel,
      .detail-line-list {
        max-width: 100%;
        min-width: 0;
      }

      .detail-panel--organization .detail-profile-top {
        align-items: start;
      }

      .detail-panel--organization .detail-tabs {
        scroll-padding-inline: 16px;
      }

      .detail-profile-main {
        gap: 12px;
      }

      .detail-profile-copy h3 {
        font-size: 1.2rem;
        line-height: var(--line-height-tight);
        letter-spacing: -0.02em;
      }

      .detail-profile-role,
      .detail-profile-subline {
        margin-top: 4px;
      }

      .detail-actions--stacked {
        gap: 8px;
      }

      .detail-facts-grid,
      .detail-profile-grid,
      .detail-communication-grid,
      .detail-context-grid,
      .detail-stack {
        gap: 8px;
      }

      .detail-fact-card,
      .detail-card {
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-sm);
      }

      .detail-card {
        padding: 12px;
      }

      .detail-fact-card--owner {
        border-color: var(--border);
        background: var(--surface-muted);
        box-shadow: none;
      }

      .detail-toolbar,
      .editor-toolbar,
      .import-header {
        border-bottom: 1px solid var(--border);
        background: rgba(255, 255, 255, 0.96);
      }

      .detail-tabs {
        border-color: var(--border);
        background: rgba(255, 255, 255, 0.96);
      }

      .detail-tab {
        color: var(--text-muted);
      }

      .detail-tab.is-active,
      .detail-tab:hover {
        background: var(--primary-soft);
        color: var(--primary);
      }

      .detail-inline-input,
      .detail-inline-textarea,
      .custom-select-trigger--detail {
        margin-top: 8px;
      }

      .editor-panel,
      .import-panel {
        border-left: 1px solid var(--border);
        box-shadow: var(--shadow-lg);
      }

      .editor-panel {
        width: min(720px, calc(100vw - 32px));
      }

      .editor-toolbar,
      .import-header {
        padding: 18px 22px 14px;
      }

      .editor-form,
      .import-body {
        padding: 16px 22px 22px;
      }

      .editor-section {
        padding: 14px 0 16px;
        border-width: 1px 0 0;
        border-radius: 0;
        box-shadow: none;
      }

      .editor-section:first-of-type {
        border-top: 0;
      }

      .editor-intro {
        margin-bottom: 12px;
        padding: 10px 12px;
      }

      .editor-form,
      .import-body {
        background: var(--surface);
      }

      .editor-intro,
      .permission-banner,
      .account-permission-note,
      .saved-view-empty,
      .history-loading,
      .history-empty {
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        color: var(--text-muted);
      }

      .editor-footer,
      .import-footer {
        border-top: 1px solid var(--border);
        background: rgba(255, 255, 255, 0.98);
      }

      .import-dropzone,
      .import-format-card,
      .import-info-box,
      .import-file-card,
      .import-metric,
      .import-profile-card,
      .import-action-card,
      .import-defaults,
      .import-bulk-card,
      .import-detect-metrics,
      .import-table-wrap {
        border-radius: var(--radius-md);
        box-shadow: var(--shadow-sm);
      }

      .import-dropzone {
        min-height: 172px;
        border-color: var(--border-strong);
        background: var(--surface);
      }

      .import-upload-icon,
      .import-success-mark {
        width: 48px;
        height: 48px;
        margin-bottom: 12px;
        font-size: 1.3rem;
      }

      .map-embed-frame,
      .view-card--map {
        border-radius: var(--radius-md);
        background: var(--surface);
      }

      .view-card--map {
        border: 1px solid var(--border);
        box-shadow: var(--shadow-sm);
        overflow: hidden;
      }

      .dashboard-info {
        border: 1px solid var(--border);
        background: var(--surface-muted);
        color: var(--text-muted);
        box-shadow: none;
      }

      .contact-name-button,
      .mobile-contact-name {
        color: var(--text-primary);
        font-size: var(--font-size-md);
        font-weight: 850;
      }

      .contact-subline,
      .contact-date,
      .mobile-contact-meta,
      .mobile-contact-organization {
        color: var(--text-muted);
        font-size: var(--font-size-sm);
      }

      .contact-subline--primary {
        color: #263657;
        font-size: var(--font-size-sm);
        font-weight: 750;
      }

      .analytics-shell {
        padding: var(--card-padding);
      }

      .dashboard-grid {
        gap: var(--section-gap);
      }

      .metric-dot,
      .priority-dot,
      .coverage-legend-swatch {
        box-shadow: none;
      }

      .metric-track,
      .state-bar-track,
      .priority-track,
      .priority-stack {
        background: #edf2fb;
      }

      .quality-icon,
      .gap-panel-icon,
      .care-queue-icon {
        border-radius: var(--radius-md);
        box-shadow: none;
      }

      .dashboard-cluster-title {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 850;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }

      .import-drawer,
      .editor-drawer,
      .detail-drawer {
        color: var(--text-primary);
      }

      @media (max-width: 760px) {
        .app-shell {
          background: var(--surface);
        }

        .topbar {
          min-height: 64px;
          padding-inline: 12px;
        }

        .topbar-account {
          display: inline-flex;
        }

        .wrap {
          padding: 0;
        }

        .controls-stack {
          border: 0;
          box-shadow: none;
          background: transparent;
        }

        .mobile-contact-card {
          border-radius: var(--radius-lg);
          box-shadow: none;
        }

        .workspace-copy h2,
        .summary-card,
        .summary.summary--compact .summary-card {
          background: var(--surface);
          border-color: var(--border);
          box-shadow: none;
        }

        .workspace-copy h2 {
          min-height: 44px;
          padding: 0;
          border: 0;
          border-radius: 0;
          color: var(--text-primary);
        }

        .detail-panel,
        .editor-panel,
        .import-panel {
          border-left: 0;
          box-shadow: none;
        }
      }
      @media (max-width: 760px) {
        .profile-panel {
          width: 100vw;
          height: 100vh;
          max-height: 100vh;
          border-radius: 0;
          border: 0;
        }

        .profile-panel__head,
        .profile-panel__footer {
          padding: 16px;
        }

        .profile-panel__body {
          padding: 10px;
        }

        .profile-hero,
        .profile-grid,
        .profile-settings-grid,
        .profile-role-card,
        .profile-session-row,
        .profile-photo-remove {
          grid-template-columns: 1fr;
        }

        .profile-hero {
          text-align: center;
          justify-items: center;
        }

        .profile-setting-toggle {
          justify-content: flex-start;
        }

        .profile-panel__footer {
          justify-content: stretch;
        }

        .profile-panel__footer .action-button {
          flex: 1;
        }
      }

      .app-shell[data-active-view="contacts"] .controls,
      .app-shell[data-active-view="organizations"] .controls,
      .app-shell[data-active-view="map"] .controls,
      .app-shell[data-active-view="experts"] .controls,
      .app-shell[data-active-view="stakeholders"] .controls,
      .app-shell[data-active-view="hospitations"] .controls {
        display: block;
      }

      .app-shell[data-active-view="analytics"] .controls,
      .app-shell[data-active-view="notifications"] .controls,
      .app-shell[data-active-view="quality"] .controls,
      .app-shell[data-active-view="imports"] .controls,
      .app-shell[data-active-view="settings"] .controls,
      .app-shell[data-active-view="about"] .controls,
      .app-shell[data-active-view="team"] .controls,
      .app-shell[data-active-view="profile"] .controls,
      .app-shell[data-active-view="personProfile"] .controls,
      .app-shell[data-active-view="organizationProfile"] .controls {
        display: none;
      }

      .app-shell[data-active-view="notifications"] #summary-grid {
        display: none;
      }

      .app-shell[data-active-view="team"] .workspace-header:not(.workspace-header--unified),
      .app-shell[data-active-view="personProfile"] .workspace-header:not(.workspace-header--unified),
      .app-shell[data-active-view="organizationProfile"] .workspace-header:not(.workspace-header--unified) {
        display: none;
      }

      .app-shell[data-active-view="map"] .filter-toolbar {
        display: none !important;
      }

      .app-shell[data-active-view="imports"] .summary,
      .app-shell[data-active-view="settings"] .summary,
      .app-shell[data-active-view="about"] .summary,
      .app-shell[data-active-view="team"] .summary,
      .app-shell[data-active-view="profile"] .summary,
      .app-shell[data-active-view="personProfile"] .summary,
      .app-shell[data-active-view="organizationProfile"] .summary,
      .app-shell[data-active-view="map"] .summary,
      .app-shell[data-active-view="analytics"] .summary,
      .app-shell[data-active-view="quality"] .summary {
        display: none;
      }

      .person-profile-page,
      .organization-profile-page {
        display: none;
      }

      .person-profile-page.is-active,
      .organization-profile-page.is-active {
        display: block;
      }

      .person-profile-shell,
      .organization-profile-shell {
        width: min(1040px, 100%);
        margin: 0 auto;
        display: grid;
        gap: 0;
        min-width: 0;
      }

      .person-profile-body,
      .organization-profile-body {
        min-width: 0;
      }

      .person-profile-body .detail-panel,
      .organization-profile-body .detail-panel {
        position: static;
        width: 100%;
        height: auto;
        min-height: 0;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-sm);
        overflow: visible;
      }

      .person-profile-body .detail-toolbar,
      .organization-profile-body .detail-toolbar {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md);
      }

      .person-profile-body .detail-content,
      .organization-profile-body .detail-content {
        max-height: none;
      }

      .person-profile-body .detail-profile,
      .organization-profile-body .detail-profile {
        gap: 16px;
      }

      .detail-preview {
        display: grid;
        gap: 14px;
      }

      .detail-preview-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding-top: 4px;
      }

      .profile-page {
        display: none;
      }

      .profile-page.is-active {
        display: block;
      }

      .profile-page .profile-panel {
        width: min(760px, 100%);
        max-height: none;
        display: block;
        margin: 0 auto;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-sm);
        overflow: hidden;
      }

      .profile-page[data-active-profile-tab="imports"] .profile-panel {
        width: min(1120px, 100%);
      }

      .profile-tab-panel--imports .settings-workspace {
        width: 100%;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
      }

      .profile-page .profile-panel__head,
      .profile-page .profile-panel__footer {
        padding: 18px 20px;
      }

      .profile-page .profile-panel__body {
        background: var(--surface);
      }

      .profile-tab-panel {
        display: grid;
        gap: 14px;
      }

      .profile-tab-panel[hidden] {
        display: none;
      }

      .profile-page .profile-section {
        min-width: 0;
        border-color: var(--border);
        border-radius: var(--radius-md);
        box-shadow: none;
      }

      .profile-page .profile-hero {
        grid-template-columns: 148px minmax(0, 1fr);
        gap: 22px;
        align-items: center;
      }

      .profile-page .profile-avatar {
        width: 128px;
        height: 128px;
        font-size: 1.95rem;
      }

      .profile-page .profile-photo-action {
        display: grid;
        gap: 12px;
        justify-items: center;
      }

      .profile-page .profile-identity-copy {
        align-self: center;
        display: grid;
        gap: 7px;
        align-content: center;
      }

      .profile-page .profile-identity-copy h3 {
        margin: 0;
      }

      .profile-page .profile-meta {
        margin-bottom: 0;
      }

      .profile-page .profile-panel__footer {
        justify-content: flex-end;
      }

      .profile-session-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
      }

      .profile-session-row strong {
        display: block;
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 900;
      }

      .profile-session-row span {
        display: block;
        margin-top: 3px;
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-normal);
      }

      .profile-guidance-heading {
        display: grid;
        gap: 4px;
      }

      .profile-guidance-heading h3,
      .profile-guidance-copy h4 {
        margin: 0;
      }

      .profile-guidance-heading p {
        margin: 0;
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-normal);
      }

      .profile-guidance-list {
        display: grid;
        margin-top: 8px;
      }

      .profile-guidance-item {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        min-width: 0;
        padding: 14px 0;
      }

      .profile-guidance-item + .profile-guidance-item {
        border-top: 1px solid var(--border);
      }

      .profile-guidance-index {
        display: inline-grid;
        width: 32px;
        height: 32px;
        place-items: center;
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: var(--font-size-xs);
        font-weight: 900;
        font-variant-numeric: tabular-nums;
      }

      .profile-guidance-copy {
        display: grid;
        gap: 6px;
        min-width: 0;
      }

      .profile-guidance-copy h4 {
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 900;
      }

      .profile-onboarding-status {
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        font-weight: 750;
        line-height: var(--line-height-normal);
      }

      .profile-onboarding-status.is-ready {
        color: var(--success);
      }

      .profile-onboarding-status.is-missing {
        color: var(--warning);
      }

      .profile-guidance-progress {
        width: min(280px, 100%);
        height: 5px;
        overflow: hidden;
        border-radius: 999px;
        background: var(--border);
      }

      .profile-guidance-progress span {
        display: block;
        width: 0;
        height: 100%;
        border-radius: inherit;
        background: var(--primary);
        transition: width 0.2s ease;
      }

      .profile-guidance-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 8px;
      }

      @media (max-width: 760px) {
        .profile-guidance-item {
          grid-template-columns: 36px minmax(0, 1fr);
          align-items: start;
        }

        .profile-guidance-actions {
          grid-column: 2;
          justify-content: stretch;
        }

        .profile-guidance-actions .action-button {
          width: 100%;
          justify-content: center;
        }
      }

      .onboarding-page {
        display: none;
      }

      .onboarding-page.is-active {
        display: block;
      }

      .onboarding-workspace {
        width: min(980px, 100%);
        margin: 0 auto;
        display: grid;
        gap: 18px;
        padding-block: 6px 28px;
      }

      .onboarding-panel {
        position: relative;
        border: 1px solid #d6e1f5;
        border-radius: 22px;
        background: var(--surface);
        box-shadow: 0 22px 60px rgba(23, 39, 95, 0.1);
        overflow: hidden;
      }

      .onboarding-panel__body {
        display: grid;
        gap: 18px;
        min-height: 540px;
        padding: 34px 40px 40px;
      }

      .onboarding-stepper {
        display: grid;
        grid-template-columns: repeat(7, minmax(max-content, 1fr));
        gap: 4px;
        align-items: center;
        border-bottom: 1px solid var(--border);
        padding: 14px 18px;
        overflow-x: auto;
        background: linear-gradient(180deg, #fbfdff 0%, #f5f8ff 100%);
      }

      .onboarding-step-dot {
        position: relative;
        min-height: 34px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        justify-content: center;
        padding: 0 8px;
        border: 0;
        background: transparent;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 850;
        white-space: nowrap;
      }

      .onboarding-step-dot > span {
        width: 24px;
        height: 24px;
        display: grid;
        place-items: center;
        border: 1px solid var(--border-strong);
        border-radius: 999px;
        background: var(--surface);
        color: var(--text-muted);
        font-size: 0.68rem;
      }

      .onboarding-step-dot.is-active {
        color: var(--primary);
      }

      .onboarding-step-dot.is-active > span {
        border-color: var(--primary);
        background: var(--primary);
        color: #fff;
        box-shadow: 0 0 0 4px rgba(21, 95, 228, 0.12);
      }

      .onboarding-step-dot.is-complete > span {
        border-color: #5c78a8;
        background: #e9eff9;
        color: #315786;
      }

      .onboarding-persistence-status:empty {
        display: none;
      }

      .onboarding-form-card,
      .onboarding-welcome {
        display: grid;
        gap: 26px;
        max-width: 820px;
        width: 100%;
        margin: auto;
      }

      .onboarding-form-card[hidden],
      .onboarding-welcome[hidden] {
        display: none;
      }

      .onboarding-heading {
        display: grid;
        gap: 9px;
        max-width: 700px;
      }

      .onboarding-heading h3,
      .onboarding-heading p {
        margin: 0;
      }

      .onboarding-heading h3 {
        color: var(--text-primary);
        font-size: clamp(1.65rem, 3vw, 2.15rem);
        line-height: var(--line-height-tight);
        letter-spacing: -0.035em;
      }

      .onboarding-heading p {
        color: var(--text-secondary);
        font-size: 1rem;
        line-height: 1.6;
      }

      .onboarding-heading--welcome {
        max-width: 720px;
      }

      .onboarding-heading--welcome h3 {
        font-size: clamp(2rem, 4vw, 2.75rem);
      }

      .onboarding-eyebrow {
        width: fit-content;
        color: var(--primary);
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .onboarding-intro-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
      }

      .onboarding-intro-card {
        display: grid;
        gap: 10px;
        align-content: start;
        min-height: 176px;
        padding: 18px;
        border: 1px solid #dce6f7;
        border-radius: 16px;
        background: linear-gradient(145deg, #ffffff 0%, #f5f8ff 100%);
      }

      .onboarding-intro-icon {
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        border-radius: 11px;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: 0.7rem;
        font-weight: 900;
      }

      .onboarding-intro-card strong {
        color: var(--text-primary);
        font-size: 0.96rem;
        font-weight: 900;
      }

      .onboarding-intro-card > span:last-child {
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        line-height: 1.55;
      }

      .onboarding-identity-layout {
        display: grid;
        grid-template-columns: 190px minmax(0, 1fr);
        gap: 28px;
        align-items: center;
        padding: 22px;
        border: 1px solid var(--border);
        border-radius: 16px;
        background: var(--surface-muted);
      }

      .onboarding-photo {
        display: grid;
        gap: 10px;
        justify-items: center;
        text-align: center;
      }

      .onboarding-avatar {
        width: 136px;
        height: 136px;
        display: grid;
        place-items: center;
        border: 5px solid #fff;
        border-radius: 999px;
        background: linear-gradient(145deg, #eaf1ff, #dce8ff);
        color: var(--primary);
        font-size: 2rem;
        font-weight: 900;
        box-shadow: 0 10px 28px rgba(21, 95, 228, 0.16);
        overflow: hidden;
      }

      .onboarding-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .onboarding-fields {
        display: grid;
        gap: 20px;
      }

      .profile-field__hint {
        display: block;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        line-height: 1.45;
      }

      .onboarding-identity-fields {
        display: grid;
        gap: 18px;
      }

      .onboarding-confirmation {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        padding: 15px 16px;
        border: 1px solid #cddaf0;
        border-radius: 12px;
        background: #fff;
        color: var(--text-primary);
        cursor: pointer;
      }

      .onboarding-confirmation:has(input:checked) {
        border-color: #9abaf0;
        background: #f3f7ff;
        box-shadow: inset 3px 0 0 var(--primary);
      }

      .onboarding-confirmation input {
        width: 18px;
        height: 18px;
        margin: 2px 0 0;
        accent-color: var(--primary);
      }

      .onboarding-confirmation strong,
      .onboarding-confirmation span span {
        display: block;
      }

      .onboarding-confirmation strong {
        font-size: var(--font-size-sm);
        font-weight: 900;
      }

      .onboarding-confirmation span span {
        margin-top: 4px;
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        line-height: 1.45;
      }

      .onboarding-team-card {
        display: grid;
        gap: 14px;
        padding: 22px;
        border: 1px solid #d7e2f4;
        border-radius: 16px;
        background: linear-gradient(145deg, #f8fbff, #f1f6ff);
      }

      .onboarding-team-card__label,
      .onboarding-access-card > span {
        color: var(--text-muted);
        font-size: 0.7rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .onboarding-team-card > strong {
        color: var(--text-primary);
        font-size: 1.35rem;
        font-weight: 900;
      }

      .onboarding-team-card > p {
        margin: 0;
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        line-height: 1.5;
      }

      .onboarding-access-overview {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      .onboarding-access-card {
        display: grid;
        gap: 9px;
        min-height: 160px;
        align-content: start;
        padding: 20px;
        border: 1px solid #d8e3f5;
        border-radius: 16px;
        background: #f8faff;
      }

      .onboarding-access-card--role {
        background: linear-gradient(145deg, #edf4ff, #f8faff);
      }

      .onboarding-access-card > strong {
        width: fit-content;
        font-size: 1.08rem;
      }

      .onboarding-access-card > p {
        margin: 0;
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        line-height: 1.5;
      }

      .onboarding-permission-list {
        display: grid;
        gap: 8px;
      }

      .onboarding-permission-item {
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 11px;
        align-items: start;
        padding: 12px 14px;
        border: 1px solid var(--border);
        border-radius: 12px;
        background: #fff;
      }

      .onboarding-permission-icon {
        width: 28px;
        height: 28px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text-muted);
        font-weight: 900;
      }

      .onboarding-permission-item.is-allowed .onboarding-permission-icon {
        background: var(--success-soft);
        color: var(--success);
      }

      .onboarding-permission-item strong,
      .onboarding-permission-item > span:last-child > span {
        display: block;
      }

      .onboarding-permission-item strong {
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 900;
      }

      .onboarding-permission-item > span:last-child > span {
        margin-top: 3px;
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        line-height: 1.45;
      }

      .onboarding-summary-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin: 0;
      }

      .onboarding-summary-list > div {
        display: grid;
        gap: 6px;
        min-width: 0;
        padding: 16px;
        border: 1px solid var(--border);
        border-radius: 13px;
        background: var(--surface-muted);
      }

      .onboarding-summary-list > div:first-child {
        grid-column: 1 / -1;
      }

      .onboarding-summary-list dt {
        color: var(--text-muted);
        font-size: 0.7rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .onboarding-summary-list dd {
        margin: 0;
        overflow-wrap: anywhere;
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 850;
      }

      .onboarding-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: flex-end;
        padding-top: 2px;
      }

      .onboarding-actions--split {
        justify-content: space-between;
      }

      .onboarding-tour-list {
        display: grid;
        gap: 10px;
      }

      .onboarding-tour-item {
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        padding: 14px;
        border: 1px solid var(--border);
        border-radius: 13px;
        background: var(--surface-muted);
      }

      .onboarding-tour-index {
        width: 30px;
        height: 30px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: var(--font-size-xs);
        font-weight: 900;
      }

      .onboarding-tour-item strong {
        display: block;
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 900;
      }

      .onboarding-tour-item span {
        display: block;
        margin-top: 3px;
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-normal);
      }

      .product-tour[hidden] {
        display: none;
      }

      .product-tour {
        --tour-accent: #1769d2;
        position: fixed;
        inset: 0;
        z-index: 210;
        overflow: hidden;
        pointer-events: none;
      }

      .product-tour__backdrop {
        position: absolute;
        inset: 0;
        background: transparent;
        pointer-events: auto;
        z-index: 0;
      }

      .product-tour.is-welcome .product-tour__backdrop {
        background: rgba(7, 20, 48, 0.68);
        -webkit-backdrop-filter: blur(18px) saturate(0.72);
        backdrop-filter: blur(18px) saturate(0.72);
      }

      .product-tour__spotlight[hidden] {
        display: none;
      }

      .product-tour__spotlight {
        position: fixed;
        box-sizing: border-box;
        border: 3px solid var(--tour-accent, var(--primary));
        border-radius: 18px;
        background: transparent;
        box-shadow:
          0 0 0 7px color-mix(in srgb, var(--tour-accent, var(--primary)) 18%, transparent),
          0 0 0 9999px rgba(7, 20, 48, 0.56);
        pointer-events: none;
        transition: top 0.14s ease, left 0.14s ease, width 0.14s ease, height 0.14s ease;
        z-index: 1;
      }

      .product-tour__panel {
        position: fixed;
        --tour-accent-soft: color-mix(in srgb, var(--tour-accent) 12%, #ffffff);
        width: min(360px, calc(100vw - 24px));
        max-height: calc(100dvh - 28px);
        display: grid;
        gap: 9px;
        padding: 14px;
        overflow-y: auto;
        border: 1px solid color-mix(in srgb, var(--tour-accent) 24%, var(--border));
        border-radius: 16px;
        background:
          radial-gradient(circle at 92% 2%, color-mix(in srgb, var(--tour-accent) 18%, transparent), transparent 32%),
          linear-gradient(155deg, #ffffff 0%, var(--tour-accent-soft) 100%);
        box-shadow: 0 24px 70px rgba(7, 20, 48, 0.3);
        color: var(--text-primary);
        pointer-events: auto;
        z-index: 2;
        scrollbar-width: thin;
      }

      .product-tour__panel.is-welcome {
        top: 50%;
        left: 50%;
        width: min(570px, calc(100vw - 24px));
        padding: 24px;
        transform: translate(-50%, -50%);
      }

      .product-tour__panel:not(.is-welcome) .product-tour__visual {
        display: none;
      }

      .product-tour__visual {
        min-height: 70px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 12px 14px;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--tour-accent) 22%, transparent);
        border-radius: 16px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--tour-accent) 16%, #ffffff), rgba(255, 255, 255, 0.88));
      }

      .product-tour__panel.is-welcome .product-tour__visual {
        min-height: 104px;
        padding: 18px;
      }

      .product-tour__brand-lockup {
        display: flex;
        align-items: center;
        gap: 11px;
        min-width: 0;
      }

      .product-tour__brand-mark {
        position: relative;
        display: block;
        width: 46px;
        height: 46px;
        flex: 0 0 46px;
        border-radius: 14px;
        background: linear-gradient(160deg, #0d3e95, #06245e);
        box-shadow: 0 10px 24px rgba(8, 35, 94, 0.2);
        object-fit: contain;
        padding: 5px;
      }

      .product-tour__brand-mark span {
        position: absolute;
        width: 14px;
        height: 14px;
        border-radius: 5px;
      }

      .product-tour__brand-mark span:nth-child(1) {
        top: 7px;
        left: 9px;
        background: #45a1ff;
      }

      .product-tour__brand-mark span:nth-child(2) {
        top: 17px;
        left: 23px;
        background: #ff9a4d;
      }

      .product-tour__brand-mark span:nth-child(3) {
        top: 28px;
        left: 9px;
        background: #e8f1ff;
      }

      .product-tour__brand-copy {
        display: grid;
        gap: 2px;
        min-width: 0;
      }

      .product-tour__brand-copy strong {
        color: #0d3e95;
        font-size: 1rem;
        font-weight: 950;
        line-height: 1;
      }

      .product-tour__brand-copy span {
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 800;
      }

      .product-tour__step-icon {
        position: relative;
        width: 54px;
        height: 54px;
        flex: 0 0 54px;
        display: grid;
        place-items: center;
        border-radius: 18px;
        background: var(--tour-accent);
        color: #ffffff;
        font-size: 1.55rem;
        font-weight: 950;
        box-shadow: 0 10px 24px color-mix(in srgb, var(--tour-accent) 30%, transparent);
        transform: rotate(3deg);
      }

      .product-tour__panel.is-welcome .product-tour__step-icon {
        width: 68px;
        height: 68px;
        flex-basis: 68px;
        border-radius: 22px;
        font-size: 2rem;
      }

      .product-tour__meta-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }

      .product-tour__meta {
        width: fit-content;
        padding: 5px 9px;
        border-radius: 999px;
        background: var(--tour-accent-soft);
        color: var(--tour-accent);
        font-size: var(--font-size-xs);
        font-weight: 900;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }

      .product-tour__motivation {
        color: color-mix(in srgb, var(--tour-accent) 84%, #13213c);
        font-size: var(--font-size-xs);
        font-weight: 850;
        text-align: right;
      }

      .product-tour__panel h3,
      .product-tour__panel p {
        margin: 0;
      }

      .product-tour__panel h3 {
        color: #10203d;
        font-size: 1.08rem;
        line-height: var(--line-height-tight);
      }

      .product-tour__panel p {
        color: #40506b;
        font-size: 0.84rem;
        line-height: 1.42;
      }

      .product-tour__details[hidden] {
        display: none;
      }

      .product-tour__details {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
        gap: 6px;
        margin: 0;
        padding: 2px 0 0;
        list-style: none;
      }

      .product-tour__details li {
        display: grid;
        align-content: start;
        gap: 2px;
        min-height: 0;
        padding: 7px 8px;
        border: 1px solid color-mix(in srgb, var(--tour-accent) 16%, var(--border));
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.72);
        color: #53617a;
        font-size: var(--font-size-xs);
        line-height: 1.3;
      }

      .product-tour__details li::before {
        content: "✦";
        color: var(--tour-accent);
        font-size: 0.72rem;
        font-weight: 950;
      }

      .product-tour__details strong {
        color: #10203d;
        font-size: var(--font-size-xs);
      }

      .product-tour__example[hidden] {
        display: none;
      }

      .product-tour__example {
        display: grid;
        gap: 9px;
        padding: 12px;
        border: 1px solid color-mix(in srgb, var(--tour-accent) 24%, var(--border));
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.86);
      }

      .product-tour__example-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }

      .product-tour__example-head strong {
        color: #10203d;
        font-size: var(--font-size-sm);
      }

      .product-tour__example-head span {
        padding: 4px 7px;
        border-radius: 999px;
        background: var(--tour-accent-soft);
        color: var(--tour-accent);
        font-size: 0.67rem;
        font-weight: 900;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .product-tour__example-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        margin: 0;
      }

      .product-tour__example-row {
        min-width: 0;
        display: grid;
        gap: 2px;
        padding: 8px 9px;
        border-radius: 10px;
        background: color-mix(in srgb, var(--tour-accent-soft) 38%, #ffffff);
      }

      .product-tour__example-row dt {
        color: #64718a;
        font-size: 0.68rem;
        font-weight: 800;
      }

      .product-tour__example-row dd {
        margin: 0;
        overflow-wrap: anywhere;
        color: #172642;
        font-size: var(--font-size-xs);
        font-weight: 800;
      }

      .product-tour__progress {
        height: 5px;
        overflow: hidden;
        border-radius: 999px;
        background: color-mix(in srgb, var(--tour-accent) 14%, #e6ebf3);
      }

      .product-tour__progress span {
        display: block;
        width: 0;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--tour-accent), color-mix(in srgb, var(--tour-accent) 60%, #ff9a4d));
        transition: width 0.2s ease;
      }

      .product-tour__actions {
        position: sticky;
        bottom: -18px;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
        margin: 0 -4px -4px;
        padding: 10px 4px 4px;
        background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--tour-accent-soft) 46%, #ffffff) 26%);
      }

      .product-tour__actions .action-button--primary {
        border-color: var(--tour-accent);
        background: var(--tour-accent);
        box-shadow: 0 8px 18px color-mix(in srgb, var(--tour-accent) 24%, transparent);
      }

      .product-tour-highlight {
        scroll-margin: 96px;
      }

      body.is-product-tour-open .product-tour-sidebar-section,
      body.is-product-tour-open .product-tour-sidebar-page {
        position: relative;
        z-index: 212;
      }

      body.is-product-tour-sidebar-context .app-sidebar {
        z-index: 211;
        pointer-events: none;
        box-shadow:
          inset 0 0 0 3px color-mix(in srgb, var(--tour-accent, #1769d2) 72%, #ffffff),
          8px 0 32px rgba(7, 20, 48, 0.32);
      }

      body.is-product-tour-open .product-tour-sidebar-section {
        border-radius: 14px;
        background: color-mix(in srgb, var(--tour-accent, #1769d2) 22%, rgba(5, 33, 92, 0.94));
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--tour-accent, #1769d2) 68%, #ffffff), 0 12px 30px rgba(7, 20, 48, 0.28);
      }

      body.is-product-tour-open .product-tour-sidebar-section :is(.sidebar-section-label, .sidebar-section-toggle, .primary-tab, .sidebar-link, .sidebar-footer, .sidebar-footer strong, .sidebar-footer span) {
        color: #ffffff;
        opacity: 1;
      }

      body.is-product-tour-open .product-tour-sidebar-page {
        background: color-mix(in srgb, var(--tour-accent, #1769d2) 62%, #0b347e);
        color: #ffffff;
        opacity: 1;
        box-shadow: inset 4px 0 0 #ffffff, 0 0 0 2px color-mix(in srgb, var(--tour-accent, #1769d2) 72%, #ffffff);
      }

      body.is-product-tour-open .product-tour-sidebar-page::after {
        content: "Tour";
        margin-left: auto;
        padding: 2px 6px;
        border-radius: 999px;
        background: #ffffff;
        color: color-mix(in srgb, var(--tour-accent, #1769d2) 72%, #0b347e);
        font-size: 0.62rem;
        font-weight: 900;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      @media (min-width: 1100px) {
        body.is-product-tour-open:not(.is-product-tour-overlay) .app-shell {
          grid-template-columns: var(--sidebar-width) minmax(0, 1fr) 384px;
        }

        body.is-product-tour-open:not(.is-product-tour-overlay) .app-shell.is-sidebar-collapsed {
          grid-template-columns: 76px minmax(0, 1fr) 384px;
        }
      }

      @media (max-width: 760px) {
        .app-shell {
          display: grid;
          grid-template-columns: 76px minmax(0, 1fr);
          min-height: 100dvh;
          background: var(--background);
        }

        .app-sidebar {
          position: sticky;
          top: 0;
          display: flex;
          width: auto;
          min-width: 0;
          height: 100dvh;
          padding: 14px 8px;
          align-items: stretch;
        }

        .sidebar-brand {
          justify-content: center;
          padding: 0 0 12px;
        }

        .sidebar-brand-copy,
        .sidebar-nav .primary-tab span,
        .sidebar-link span,
        .sidebar-footer div,
        .sidebar-collapse {
          display: none;
        }

        .sidebar-nav .primary-tab,
        .sidebar-link {
          justify-content: center;
          padding-inline: 0;
        }

        .sidebar-footer {
          justify-content: center;
          padding-inline: 0;
        }

        .contact-quick-form .editor-field:has(#field-specialty),
        .contact-quick-form .editor-field:has(#field-priority),
        .contact-quick-form .editor-field:has(#field-postal-code),
        .contact-quick-form .editor-field:has(#field-city),
        .contact-quick-form .editor-field:has(#field-state),
        .contact-quick-form .editor-message--warning {
          display: grid;
        }

        .contact-quick-form .editor-section:not(:first-of-type) .editor-grid,
        .editor-accordion .editor-grid {
          display: grid;
        }

        .contact-quick-form .editor-section {
          padding: 12px;
        }

        .bulk-table-command-row {
          align-items: stretch;
        }

        .bulk-table-command-row .import-entry-actions,
        .bulk-summary {
          width: 100%;
          grid-template-columns: 1fr;
        }

        .onboarding-panel__body,
        .onboarding-stepper {
          padding-inline: 14px;
        }

        .onboarding-stepper {
          grid-template-columns: repeat(7, max-content);
          justify-content: start;
          align-items: center;
          gap: 2px;
          padding-block: 10px;
          overscroll-behavior-inline: contain;
          scrollbar-width: thin;
        }

        .onboarding-step-dot {
          min-height: 32px;
          padding-inline: 6px;
        }

        .onboarding-step-dot > span {
          width: 22px;
          height: 22px;
        }

        .onboarding-panel__body {
          min-height: 0;
          padding-block: 22px 26px;
        }

        .onboarding-form-card,
        .onboarding-welcome {
          gap: 20px;
        }

        .onboarding-heading h3,
        .onboarding-heading--welcome h3 {
          font-size: clamp(1.55rem, 8vw, 2rem);
        }

        .onboarding-intro-grid,
        .onboarding-access-overview,
        .onboarding-summary-list {
          grid-template-columns: minmax(0, 1fr);
        }

        .onboarding-intro-card {
          min-height: 0;
        }

        .onboarding-identity-layout {
          grid-template-columns: minmax(0, 1fr);
          gap: 20px;
          padding: 16px;
        }

        .onboarding-summary-list > div:first-child {
          grid-column: auto;
        }

        .onboarding-profile {
          grid-template-columns: 1fr;
          text-align: center;
          justify-items: center;
        }

        .onboarding-fields {
          width: 100%;
          text-align: left;
        }

        .onboarding-actions {
          justify-content: stretch;
        }

        .onboarding-actions .action-button {
          flex: 1 1 100%;
          justify-content: center;
        }

        .product-tour__panel {
          right: 12px !important;
          bottom: 12px !important;
          left: 88px !important;
          top: auto !important;
          width: auto;
          max-height: 62dvh;
          overflow-y: auto;
        }

        .product-tour__panel:not(.is-welcome) .product-tour__visual {
          display: none;
        }

        .product-tour__panel.is-sheet-top {
          top: 12px !important;
          bottom: auto !important;
        }

        .product-tour__example-grid {
          grid-template-columns: 1fr;
        }

        .product-tour__panel.is-welcome {
          right: auto !important;
          bottom: auto !important;
          left: 50% !important;
          top: 50% !important;
          width: calc(100vw - 24px);
          max-height: calc(100dvh - 24px);
          transform: translate(-50%, -50%);
        }

        .app-shell.is-sidebar-collapsed ~ .product-tour .product-tour__panel:not(.is-welcome) {
          left: 88px !important;
        }

      }

      .import-start-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
        gap: 14px;
      }

      .import-start-grid .import-format-card {
        min-height: 220px;
        display: grid;
        align-content: start;
        justify-items: center;
        gap: 12px;
        text-align: center;
      }

      .import-start-icon {
        width: 54px;
        height: 54px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
      }

      .import-start-icon svg {
        width: 28px;
        height: 28px;
      }

      .import-start-grid h3 {
        margin: 0;
        color: var(--text-primary);
        font-size: var(--font-size-md);
        line-height: var(--line-height-tight);
      }

      .import-start-grid p {
        min-height: 42px;
        margin: 0;
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-normal);
      }

      .imports-history-card,
      .registrations-card,
      .settings-workspace .profile-section {
        margin-top: 14px;
      }

      .registration-page-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
        padding: 8px 2px 16px;
        border-bottom: 1px solid var(--border);
      }

      .registration-page-head h3,
      .registration-process-guide h4 {
        margin: 3px 0 0;
        color: var(--text-primary);
      }

      .registration-page-head h3 {
        font-size: var(--font-size-xl);
      }

      .registration-page-head p,
      .registration-process-guide > p,
      .registration-process-note {
        max-width: 760px;
        margin: 6px 0 0;
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-normal);
      }

      .registration-page-kicker {
        color: var(--primary);
        font-size: var(--font-size-xs);
        font-weight: 850;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }

      .registration-process-guide {
        display: grid;
        gap: 12px;
        margin-top: 14px;
        padding: 16px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
      }

      .registration-process-guide__head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
      }

      .registration-process-flow {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 8px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .registration-process-flow li {
        min-width: 0;
        display: grid;
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 3px 8px;
        align-content: start;
        padding: 10px;
        border-left: 2px solid var(--border-strong);
        background: var(--surface);
      }

      .registration-process-flow li > span {
        grid-row: 1 / span 2;
        width: 28px;
        height: 28px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: var(--font-size-xs);
        font-weight: 900;
      }

      .registration-process-flow strong,
      .registration-process-flow small {
        min-width: 0;
      }

      .registration-process-flow strong {
        color: var(--text-primary);
        font-size: var(--font-size-xs);
        line-height: var(--line-height-tight);
      }

      .registration-process-flow small {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        line-height: var(--line-height-normal);
      }

      .registration-process-note {
        padding-top: 10px;
        border-top: 1px solid var(--border);
      }

      .registration-metrics {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
        margin-top: 12px;
      }

      .registration-metrics > div {
        display: grid;
        gap: 2px;
        padding: 12px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
      }

      .registration-metrics strong {
        color: var(--text-primary);
        font-size: var(--font-size-lg);
        font-variant-numeric: tabular-nums;
      }

      .registration-metrics span {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 750;
      }

      .registrations-card {
        display: grid;
        gap: 12px;
        width: 100%;
        max-width: none;
      }

      .registrations-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        flex-wrap: wrap;
      }

      .registrations-toolbar__actions,
      .registrations-filterbar {
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .registrations-filterbar {
        justify-content: space-between;
        padding: 10px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface-muted);
      }

      .registrations-search {
        flex: 1 1 320px;
      }

      .registrations-search input,
      .registrations-status-filter select {
        width: 100%;
        min-height: 38px;
        border: 1px solid var(--border-strong);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--text-primary);
        font: inherit;
        font-size: var(--font-size-sm);
        padding: 8px 10px;
      }

      .registrations-status-filter {
        flex: 0 0 190px;
        display: grid;
        gap: 4px;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 800;
      }

      .registrations-summary {
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        font-weight: 700;
        line-height: var(--line-height-normal);
      }

      .registrations-list {
        display: grid;
        gap: 0;
      }

      .registrations-table {
        display: grid;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        overflow: hidden;
        background: var(--surface);
      }

      .registration-table-head,
      .registration-row {
        display: grid;
        grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.2fr) minmax(92px, 0.7fr) minmax(110px, 0.8fr) minmax(110px, 0.8fr) minmax(76px, auto);
        align-items: center;
      }

      .registration-table-head {
        min-height: 42px;
        border-bottom: 1px solid var(--border);
        background: var(--surface-muted);
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 850;
        text-transform: uppercase;
      }

      .registration-table-head > div,
      .registration-row > div {
        min-width: 0;
        min-height: 100%;
        display: flex;
        align-items: center;
        padding: 10px;
        border-right: 1px solid var(--border);
      }

      .registration-table-head > div:last-child,
      .registration-row > div:last-child {
        border-right: 0;
      }

      .registration-row {
        min-height: 62px;
        border-bottom: 1px solid var(--border);
        color: var(--text-primary);
      }

      .registration-row:last-child {
        border-bottom: 0;
      }

      .registration-row:hover,
      .registration-row:focus-within {
        background: var(--surface-muted);
      }

      .registration-row__preview {
        display: flex;
        gap: 10px;
        align-items: center;
        min-width: 0;
        cursor: pointer;
      }

      .registration-row__preview:focus-visible {
        outline: 2px solid var(--primary);
        outline-offset: 2px;
      }

      .registration-row__main,
      .registration-row__meta,
      .registration-row__location,
      .registration-row__sector,
      .registration-row__status {
        min-width: 0;
        display: grid;
        gap: 3px;
      }

      .registration-row__identity {
        min-width: 0;
        display: grid;
        gap: 3px;
      }

      .registration-row strong {
        overflow: hidden;
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 850;
        line-height: var(--line-height-tight);
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .registration-row .registration-row__label {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 850;
        line-height: 1.1;
        text-transform: uppercase;
      }

      .registration-row span,
      .registration-row small {
        overflow: hidden;
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 650;
        line-height: var(--line-height-normal);
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .registration-row__status {
        justify-items: start;
      }

      .registration-row__status .status-pill {
        min-height: 24px;
        padding: 4px 8px;
        font-size: var(--font-size-xs);
      }

      .registration-row > .registration-row__actions {
        display: flex;
        gap: 6px;
        justify-content: flex-end;
      }

      .registration-row__actions .import-row-action {
        width: auto;
        min-width: auto;
        min-height: 32px;
        padding: 6px 9px;
        font-size: var(--font-size-xs);
        white-space: nowrap;
      }

      .registration-row__actions .registration-action--primary {
        border-color: var(--primary);
        background: var(--primary);
        color: var(--surface);
      }

      .registration-row__actions .registration-action--danger {
        color: var(--danger);
      }

      .detail-panel--registration {
        width: min(520px, 100vw);
      }

      .detail-panel--registration .detail-content {
        background: var(--surface-muted);
      }

      .detail-panel--registration .detail-profile {
        gap: 12px;
      }

      .detail-panel--registration .section-block {
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
      }

      .registration-preview-card {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        margin-bottom: 12px;
        padding: 12px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
      }

      .registration-preview-card strong,
      .registration-preview-card span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .registration-preview-card strong {
        color: var(--text-primary);
        font-size: var(--font-size-md);
        font-weight: 850;
      }

      .registration-preview-card span {
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 650;
        line-height: var(--line-height-normal);
      }

      .registration-preview-message {
        margin: 0;
        padding: 12px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 700;
        line-height: var(--line-height-normal);
        white-space: pre-wrap;
      }

      .registration-preview-note {
        margin: 0;
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 650;
        line-height: var(--line-height-normal);
      }

      .registration-link-picker {
        display: grid;
        gap: 12px;
      }

      .registration-link-picker[hidden] {
        display: none;
      }

      .registration-link-picker .detail-bottom-actions {
        margin: 0;
        padding: 0;
        border: 0;
      }

      .settings-workspace {
        width: min(1120px, 100%);
        margin: 0 auto;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-sm);
        overflow: hidden;
        padding: 14px;
      }

      .team-workspace {
        width: min(760px, 100%);
        margin: 0 auto;
        display: grid;
        gap: 12px;
        min-width: 0;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        padding: 14px;
        box-shadow: var(--shadow-sm);
        overflow: hidden;
      }

      .settings-workspace .profile-section:first-child {
        margin-top: 0;
      }

      .settings-tab-nav {
        display: flex;
        align-items: center;
        gap: 4px;
        margin: 0 0 14px;
        border-bottom: 1px solid var(--border);
        overflow-x: auto;
      }

      .settings-tab-button {
        flex: 0 0 auto;
        min-height: 40px;
        padding: 10px 12px;
        border: 0;
        border-bottom: 2px solid transparent;
        background: transparent;
        color: var(--text-muted);
        cursor: pointer;
        font: inherit;
        font-size: var(--font-size-sm);
        font-weight: 850;
      }

      .settings-tab-button:hover,
      .settings-tab-button:focus-visible {
        color: var(--text-primary);
        outline: none;
      }

      .settings-tab-button.is-active {
        border-bottom-color: var(--primary);
        color: var(--primary);
      }

      .settings-tab-panel {
        display: grid;
        gap: 14px;
        min-width: 0;
      }

      .settings-tab-panel[hidden] {
        display: none;
      }

      .settings-wip-note {
        display: grid;
        gap: 8px;
        padding: 14px;
        border: 1px solid var(--border-strong);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        color: var(--text-secondary);
      }

      .settings-wip-note strong {
        color: var(--text-primary);
        font-size: var(--font-size-md);
        line-height: var(--line-height-tight);
      }

      .settings-wip-note p {
        margin: 0;
        font-size: var(--font-size-sm);
        line-height: var(--line-height-normal);
      }

      .settings-status-pill {
        width: fit-content;
        min-height: 24px;
        display: inline-flex;
        align-items: center;
        padding: 0 8px;
        border: 1px solid #fed7aa;
        border-radius: 999px;
        background: #fff7ed;
        color: #c2410c;
        font-size: var(--font-size-xs);
        font-weight: 900;
      }

      .settings-feature-list .detail-line {
        grid-template-columns: 30px minmax(130px, 0.34fr) minmax(0, 1fr);
        align-items: flex-start;
      }

      .settings-feature-icon {
        width: 30px;
        height: 30px;
        display: inline-grid;
        place-items: center;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--primary);
      }

      .settings-feature-icon svg {
        width: 15px;
        height: 15px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .settings-feature-list .detail-line__value {
        color: var(--text-secondary);
        font-weight: 600;
      }

      @media (max-width: 760px) {
        .settings-feature-list .detail-line {
          grid-template-columns: 30px minmax(0, 1fr);
        }

        .settings-feature-list .detail-line__value {
          grid-column: 2;
        }
      }

      .settings-tab-panel .imports-workspace {
        display: grid;
        gap: 14px;
        min-width: 0;
        max-width: 100%;
      }

      .settings-tab-panel .import-start-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 12px;
        min-width: 0;
        max-width: 100%;
      }

      .settings-tab-panel .import-start-grid .import-format-card {
        min-height: 0;
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        align-items: start;
        justify-items: start;
        gap: 8px 14px;
        padding: 16px;
        text-align: left;
      }

      .settings-tab-panel .import-start-grid .import-start-icon {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 52px;
        height: 52px;
      }

      .settings-tab-panel .import-start-grid h3,
      .settings-tab-panel .import-start-grid p {
        grid-column: 2;
        min-width: 0;
      }

      .settings-tab-panel .import-start-grid h3 {
        overflow-wrap: anywhere;
      }

      .settings-tab-panel .import-start-grid p {
        min-height: 0;
      }

      .settings-tab-panel .import-start-grid .action-button {
        grid-column: 2;
        justify-self: start;
        max-width: 100%;
        white-space: normal;
      }

      .settings-tab-panel .imports-history-card {
        width: min(100%, 620px);
        max-width: none;
        min-width: 0;
      }

      .settings-tab-panel .imports-history-card.is-attention {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent);
      }

      .settings-tab-panel .imports-history-row {
        grid-template-columns: minmax(0, 1.15fr) minmax(72px, 0.55fr) minmax(90px, 0.7fr) auto;
        align-items: center;
      }

      .settings-tab-panel .imports-history-row span {
        min-width: 0;
        overflow-wrap: anywhere;
      }

      @media (max-width: 760px) {
        .settings-tab-button {
          padding-inline: 8px;
          font-size: var(--font-size-xs);
        }

        .settings-tab-panel .import-start-grid {
          grid-template-columns: 1fr;
        }

        .settings-tab-panel .import-start-grid .import-format-card {
          grid-template-columns: 48px minmax(0, 1fr);
          padding: 14px;
        }

        .settings-tab-panel .import-start-grid .import-start-icon {
          width: 48px;
          height: 48px;
        }

        .settings-tab-panel .import-start-grid .action-button,
        .settings-tab-panel .imports-history-row .import-row-action {
          width: 100%;
          justify-content: center;
        }

        .settings-tab-panel .imports-history-row {
          grid-template-columns: 1fr;
          gap: 8px;
          align-items: stretch;
        }
      }

      .about-workspace {
        width: min(720px, 100%);
        margin: 0 auto;
        display: grid;
        gap: 12px;
      }

      .about-intro,
      .about-version {
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-sm);
      }

      .about-intro {
        border-color: var(--border-strong);
        background: var(--primary-soft);
        padding: 16px;
      }

      .about-intro h3,
      .about-intro p {
        margin: 0;
      }

      .about-intro h3 {
        color: var(--text-primary);
        font-size: var(--font-size-xl);
        line-height: var(--line-height-tight);
      }

      .about-intro p {
        margin-top: 8px;
        color: var(--text-secondary);
        font-size: var(--font-size-md);
        line-height: var(--line-height-normal);
      }

      .about-intro__highlight {
        margin-top: 10px;
        color: var(--text-primary);
        font-size: var(--font-size-md);
        font-weight: 900;
        line-height: var(--line-height-normal);
      }

      .about-topic-list {
        display: grid;
        gap: 10px;
      }

      .about-topic {
        display: grid;
        gap: 6px;
        padding: 14px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-sm);
      }

      .about-topic h3,
      .about-topic p {
        margin: 0;
      }

      .about-topic h3 {
        color: var(--text-primary);
        font-size: var(--font-size-md);
        font-weight: 950;
        line-height: var(--line-height-tight);
      }

      .about-topic p {
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-normal);
      }

      .about-version-list {
        position: relative;
        display: grid;
        gap: 10px;
        padding-left: 16px;
      }

      .about-version-heading {
        margin: 4px 0 2px 16px;
        color: var(--text-primary);
        font-size: var(--font-size-lg);
        font-weight: 950;
        line-height: var(--line-height-tight);
      }

      .about-version-list::before {
        content: "";
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 6px;
        width: 2px;
        border-radius: 999px;
        background: var(--border);
      }

      .about-version {
        position: relative;
        overflow: hidden;
      }

      .about-version::before {
        content: "";
        position: absolute;
        top: 25px;
        left: -16px;
        width: 10px;
        height: 10px;
        border: 2px solid var(--surface);
        border-radius: 999px;
        background: var(--primary);
        box-shadow: 0 0 0 2px var(--border-strong);
      }

      .about-version summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        align-items: start;
        padding: 13px 14px;
        cursor: pointer;
        list-style: none;
      }

      .about-version summary::-webkit-details-marker {
        display: none;
      }

      .about-version summary:focus-visible {
        outline: 2px solid var(--primary);
        outline-offset: -3px;
      }

      .about-version__title {
        display: grid;
        gap: 6px;
        min-width: 0;
      }

      .about-version__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
      }

      .about-version__badge {
        width: max-content;
        min-width: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 5px 10px;
        border: 1px solid var(--border-strong);
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: var(--font-size-xs);
        font-weight: 900;
        line-height: 1;
      }

      .about-version__date {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-style: italic;
        font-weight: 750;
      }

      .about-version__title strong {
        color: var(--text-primary);
        font-size: var(--font-size-md);
        line-height: var(--line-height-tight);
      }

      .about-version__summary {
        margin: 10px 0 0;
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-normal);
      }

      .about-version__actions {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
      }

      .about-version__chevron {
        width: 30px;
        height: 30px;
        display: grid;
        place-items: center;
        border: 1px solid var(--border);
        border-radius: 999px;
        color: var(--text-muted);
        transition: transform 0.16s ease, background 0.16s ease, color 0.16s ease;
      }

      .about-version__chevron svg {
        width: 16px;
        height: 16px;
      }

      .about-version[open] .about-version__chevron {
        transform: rotate(180deg);
        background: var(--primary-soft);
        color: var(--primary);
      }

      .about-version__body {
        display: grid;
        padding: 0 14px 14px;
        border-top: 1px solid var(--border);
        background: var(--surface);
      }

      .about-version__body-title {
        margin: 14px 0 0;
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 900;
        line-height: var(--line-height-normal);
      }

      .about-version__body ul {
        margin: 8px 0 0;
        padding-left: 18px;
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-normal);
      }

      .about-version__body li + li {
        margin-top: 6px;
      }

      .about-version__item-title {
        display: block;
        margin-bottom: 2px;
        color: var(--text-primary);
        font-weight: 850;
      }

      @media (max-width: 760px) {
        .about-intro {
          grid-template-columns: 1fr;
        }

        .about-version-list {
          padding-left: 14px;
        }

        .about-version::before {
          left: -14px;
        }

        .about-version__body {
          padding: 0 14px 14px;
        }

        .about-version__actions {
          gap: 6px;
        }
      }

      .team-overview {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 24px;
        align-items: end;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background:
          radial-gradient(circle at 96% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 38%),
          var(--surface);
        padding: clamp(18px, 3vw, 28px);
        box-shadow: var(--shadow-sm);
      }

      .team-overview__copy {
        min-width: 0;
      }

      .team-overview__eyebrow {
        display: block;
        margin-bottom: 6px;
        color: var(--primary);
        font-size: var(--font-size-xs);
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .team-overview h2 {
        margin: 0;
        color: var(--text-primary);
        font-weight: 950;
        letter-spacing: -0.025em;
        line-height: var(--line-height-tight);
      }

      .team-overview h2 {
        font-size: clamp(1.35rem, 2.6vw, 2rem);
      }

      .team-overview__copy p {
        margin: 7px 0 0;
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        font-weight: 700;
        line-height: var(--line-height-normal);
      }

      .team-metrics {
        display: grid;
        grid-template-columns: repeat(2, minmax(112px, 1fr));
        gap: 8px;
        margin: 0;
      }

      .team-metrics > div {
        min-width: 0;
        display: grid;
        gap: 3px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: color-mix(in srgb, var(--surface) 88%, var(--primary-soft));
        padding: 12px 14px;
      }

      .team-metrics dt {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 850;
      }

      .team-metrics dd {
        margin: 0;
        color: var(--primary);
        font-size: 1.35rem;
        font-weight: 950;
        font-variant-numeric: tabular-nums;
        line-height: 1;
      }

      .team-directory {
        min-width: 0;
        display: grid;
        gap: 14px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        padding: clamp(14px, 2vw, 20px);
        box-shadow: var(--shadow-sm);
      }

      .team-directory-state {
        grid-column: 1 / -1;
        min-height: 150px;
        display: grid;
        place-content: center;
        gap: 5px;
        border: 1px dashed var(--border-strong);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        color: var(--text-muted);
        padding: 24px;
        text-align: center;
      }

      .team-directory-state strong {
        color: var(--text-primary);
        font-size: var(--font-size-md);
        font-weight: 900;
      }

      .team-directory-state span {
        font-size: var(--font-size-sm);
        font-weight: 700;
      }

      .team-directory-state--error {
        border-color: color-mix(in srgb, var(--danger) 36%, var(--border));
        background: var(--danger-soft);
      }

      .team-account-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        align-items: start;
        min-width: 0;
      }

      .team-column {
        --team-accent: var(--primary);
        --team-accent-soft: var(--primary-soft);
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        position: relative;
        min-width: 0;
        border: 1px solid color-mix(in srgb, var(--team-accent) 18%, var(--border));
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-sm);
        overflow: hidden;
      }

      .team-column:not([open]) .team-column-head {
        border-bottom-color: transparent;
      }

      .team-column--kommunikation {
        --team-accent: var(--warning);
        --team-accent-soft: var(--warning-soft);
      }

      .team-column--standards {
        --team-accent: var(--success);
        --team-accent-soft: var(--success-soft);
      }

      .team-column--unassigned {
        --team-accent: var(--text-muted);
        --team-accent-soft: var(--surface-muted);
      }

      .team-column-head {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) auto 24px;
        align-items: center;
        position: relative;
        gap: 12px;
        min-height: 84px;
        padding: 14px 14px 14px 16px;
        border-bottom: 1px solid color-mix(in srgb, var(--team-accent) 16%, var(--border));
        background: var(--surface);
        color: inherit;
        cursor: pointer;
        overflow: hidden;
        list-style: none;
      }

      .team-column-head::-webkit-details-marker {
        display: none;
      }

      .team-column-head:focus-visible {
        outline: 2px solid var(--primary);
        outline-offset: -2px;
      }

      .team-column-head::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: var(--team-accent);
      }

      .team-icon {
        width: 42px;
        height: 42px;
        display: inline-grid;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--team-accent) 28%, var(--border));
        border-radius: var(--radius-md);
        background: var(--team-accent-soft);
        color: var(--team-accent);
      }

      .team-icon svg {
        width: 18px;
        height: 18px;
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .team-column-title {
        display: grid;
        gap: 3px;
        min-width: 0;
      }

      .team-column-title strong,
      .team-column-title span {
        min-width: 0;
      }

      .team-column-title strong {
        color: var(--text-primary);
        font-size: var(--font-size-md);
        font-weight: 900;
        line-height: var(--line-height-tight);
        overflow-wrap: anywhere;
      }

      .team-column-title span {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 750;
        line-height: var(--line-height-normal);
        overflow-wrap: anywhere;
      }

      .team-column-preview {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
      }

      .team-column-members {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        padding-left: 8px;
      }

      .team-column[open] .team-column-members {
        display: none;
      }

      .team-column-member-avatar {
        position: relative;
        width: 28px;
        height: 28px;
        flex: 0 0 auto;
        display: inline-grid;
        place-items: center;
        border: 2px solid var(--surface);
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: 0.62rem;
        font-weight: 950;
        overflow: hidden;
      }

      .team-column-member-avatar + .team-column-member-avatar {
        margin-left: -8px;
      }

      .team-column-member-image {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
      }

      .team-column-count {
        min-width: 28px;
        min-height: 26px;
        display: inline-grid;
        place-items: center;
        padding: 0 8px;
        border: 1px solid color-mix(in srgb, var(--team-accent) 28%, var(--border));
        border-radius: 999px;
        background: var(--team-accent-soft);
        color: var(--team-accent);
        font-size: var(--font-size-xs);
        font-weight: 950;
        font-variant-numeric: tabular-nums;
      }

      .team-column-toggle {
        display: inline-grid;
        place-items: center;
        color: var(--text-muted);
        font-size: var(--font-size-md);
        font-weight: 900;
        transition: transform 160ms ease;
      }

      .team-column[open] .team-column-toggle {
        transform: rotate(180deg);
      }

      .team-column-accounts {
        display: grid;
        gap: 8px;
        align-content: start;
        padding: 10px;
      }

      .team-column-empty {
        padding: 12px;
        border: 1px dashed var(--border-strong);
        border-radius: var(--radius-sm);
        background: var(--surface-muted);
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        font-weight: 750;
        line-height: var(--line-height-normal);
      }

      .team-account-row {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 8px 10px;
        align-items: center;
        min-width: 0;
        padding: 10px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
      }

      .team-account-avatar {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 44px;
        height: 44px;
        min-height: 0;
        display: grid;
        place-items: center;
        align-self: center;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: var(--font-size-sm);
        font-weight: 950;
        overflow: hidden;
      }

      .team-account-copy {
        grid-column: 2;
        grid-row: 1;
        display: grid;
        gap: 3px;
        align-content: center;
        min-width: 0;
      }

      .team-account-copy strong {
        min-width: 0;
      }

      .team-account-copy strong {
        color: var(--text-primary);
        font-size: var(--font-size-md);
        font-weight: 900;
        line-height: var(--line-height-tight);
        overflow-wrap: anywhere;
      }

      .team-account-team {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 750;
        line-height: var(--line-height-tight);
        overflow-wrap: anywhere;
      }

      .team-account-meta {
        grid-column: 2;
        grid-row: 2;
        display: inline-flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        min-width: 0;
      }

      .team-badge {
        width: fit-content;
        max-width: 100%;
        min-height: 24px;
        display: inline-flex;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 8px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: var(--font-size-xs);
        font-weight: 900;
      }

      .team-badge--unassigned {
        background: var(--surface-muted);
        color: var(--text-muted);
      }

      .team-account-actions {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 7px;
        min-width: 0;
      }

      .team-account-role {
        display: inline-flex;
        min-width: 0;
      }

      .team-account-role .account-role-pill {
        min-height: 24px;
        margin-top: 0;
        padding-inline: 8px;
        font-size: var(--font-size-xs);
      }

      .team-contact-details {
        justify-self: end;
        width: min(100%, 340px);
        min-width: 0;
        box-shadow: none;
      }

      .team-contact-details summary {
        min-width: 0;
        min-height: 38px;
        padding-inline: 10px;
        white-space: nowrap;
      }

      .team-contact-details summary::after,
      .team-contact-details[open] summary::after {
        content: "⌄";
        margin-left: auto;
        transform: none;
        transition: transform 160ms ease;
      }

      .team-contact-details[open] summary::after {
        transform: rotate(180deg);
      }

      .team-contact-details .profile-owner-summary-label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .team-contact-details .profile-owner-contact {
        grid-template-columns: 34px minmax(0, 1fr);
      }

      .team-contact-details .profile-owner-contact strong,
      .team-contact-details .profile-owner-contact span:not(.avatar) {
        white-space: normal;
        overflow-wrap: anywhere;
      }

      .team-directory {
        gap: 26px;
        border: 0;
        border-radius: 0;
        background: transparent;
        padding: 4px 0 0;
        box-shadow: none;
      }

      .team-metrics {
        display: flex;
        width: 100%;
        justify-content: flex-end;
        gap: 6px;
        margin: 0;
      }

      .team-metrics > div {
        min-width: 108px;
        min-height: 42px;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 10px;
        padding: 7px 10px;
        border-radius: var(--radius-sm);
      }

      .team-metrics dt {
        font-size: 0.67rem;
      }

      .team-metrics dd {
        font-size: 1rem;
      }

      .team-directory__header {
        display: grid;
        grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
        gap: 18px;
        align-items: stretch;
        padding: 0;
      }

      .team-directory__result {
        grid-column: 1 / -1;
        min-width: 0;
        margin: -8px 0 0;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 700;
        line-height: var(--line-height-normal);
      }

      .team-directory__result[hidden] {
        display: none;
      }

      .team-directory__heading {
        min-width: 0;
      }

      .team-directory__heading > span {
        display: block;
        margin: 0 0 4px;
        color: var(--primary);
        font-size: var(--font-size-xs);
        font-weight: 900;
        letter-spacing: 0.055em;
        text-transform: uppercase;
      }

      .team-directory__heading h3 {
        margin: 0;
        color: var(--text-primary);
        font-size: var(--font-size-lg);
        font-weight: 900;
        letter-spacing: -0.015em;
        line-height: var(--line-height-tight);
      }

      .team-directory__heading p {
        margin: 5px 0 0;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 700;
        line-height: var(--line-height-normal);
      }

      .team-search {
        width: min(360px, 100%);
        flex: 0 1 360px;
        min-width: 0;
        min-height: 42px;
        display: grid;
        grid-template-columns: 20px minmax(0, 1fr) 32px;
        gap: 8px;
        align-items: center;
        padding: 0 6px 0 12px;
        border: 1px solid var(--border-strong);
        border-radius: var(--radius-md);
        background: var(--surface);
        color: var(--text-muted);
      }

      .team-search:focus-within {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent);
      }

      .team-search__icon {
        display: grid;
        place-items: center;
      }

      .team-search__icon svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
      }

      .person-profile-page .detail-profile-copy > h3,
      .organization-profile-page .detail-profile-copy > h3 {
        display: none;
      }

      .team-search input {
        width: 100%;
        min-width: 0;
        min-height: 40px;
        padding: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: var(--text-primary);
        font: inherit;
        font-size: var(--font-size-sm);
        font-weight: 700;
      }

      .team-search input::placeholder {
        color: var(--text-muted);
        opacity: 1;
      }

      .team-search input::-webkit-search-cancel-button {
        appearance: none;
      }

      .team-search__clear {
        width: 30px;
        height: 30px;
        display: grid;
        place-items: center;
        padding: 0;
        border: 0;
        border-radius: var(--radius-sm);
        background: var(--surface-muted);
        color: var(--text-muted);
        cursor: pointer;
        font: inherit;
        font-size: 1.1rem;
        font-weight: 800;
        line-height: 1;
      }

      .team-search__clear:hover,
      .team-search__clear:focus-visible {
        background: var(--primary-soft);
        color: var(--primary);
      }

      .team-search__clear:focus-visible {
        outline: 2px solid var(--primary);
        outline-offset: 1px;
      }

      .team-search__clear[hidden] {
        display: none;
      }

      .team-directory-state .action-button {
        margin-top: 5px;
      }

      .team-account-list {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
      }

      .team-column {
        border-color: color-mix(in srgb, var(--team-accent) 24%, var(--border));
        border-radius: calc(var(--radius-md) + 2px);
        box-shadow: 0 12px 30px rgba(25, 42, 86, 0.07);
      }

      .team-column-head {
        grid-template-columns: 56px minmax(0, 1fr) auto 28px;
        gap: 16px;
        min-height: 104px;
        padding: 18px 20px 18px 22px;
        background:
          linear-gradient(90deg, color-mix(in srgb, var(--team-accent-soft) 52%, var(--surface)) 0%, var(--surface) 42%);
      }

      .team-column-head:hover {
        background:
          linear-gradient(90deg, color-mix(in srgb, var(--team-accent-soft) 72%, var(--surface)) 0%, var(--surface) 52%);
      }

      .team-column-head::before {
        width: 5px;
      }

      .team-icon {
        width: 56px;
        height: 56px;
        border-radius: 18px;
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--surface) 62%, transparent);
      }

      .team-icon svg {
        width: 25px;
        height: 25px;
        stroke-width: 1.8;
      }

      .team-column-title {
        gap: 6px;
      }

      .team-column-title strong {
        font-size: clamp(1.05rem, 1.5vw, 1.24rem);
        font-weight: 950;
        letter-spacing: -0.02em;
      }

      .team-column-title span {
        max-width: 680px;
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        font-weight: 700;
      }

      .team-column-count {
        min-width: 72px;
        min-height: 48px;
        display: grid;
        gap: 2px;
        align-content: center;
        padding: 6px 12px;
        border-radius: var(--radius-md);
        line-height: 1;
      }

      .team-column-count strong {
        font-size: 1rem;
        font-weight: 950;
      }

      .team-column-count span {
        font-size: 0.62rem;
        font-weight: 850;
      }

      .team-column-accounts {
        gap: 0;
        padding: 0;
      }

      .team-column-empty {
        margin: 14px 16px 16px;
      }

      .team-account-row {
        grid-template-columns: 48px minmax(190px, 1fr) minmax(150px, 0.42fr) minmax(300px, 0.9fr);
        gap: 12px 16px;
        min-height: 76px;
        padding: 13px 18px;
        border: 0;
        border-bottom: 1px solid var(--border);
        border-radius: 0;
      }

      .team-account-row:last-child {
        border-bottom: 0;
      }

      .team-account-row:hover,
      .team-account-row:focus-within {
        background: color-mix(in srgb, var(--surface-muted) 72%, var(--surface));
      }

      .team-account-avatar {
        grid-column: 1;
        grid-row: 1;
        width: 48px;
        height: 48px;
      }

      .team-account-copy {
        grid-column: 2;
        grid-row: 1;
        gap: 4px;
      }

      .team-account-meta {
        grid-column: 3;
        grid-row: 1;
        display: grid;
        justify-items: start;
        gap: 5px;
      }

      .team-account-actions {
        grid-column: 4;
        grid-row: 1;
        align-self: center;
      }

      @media (max-width: 1500px) {
        .team-account-list {
          grid-template-columns: minmax(0, 1fr);
        }

        .team-account-row {
          grid-template-columns: 48px minmax(0, 1fr) auto;
        }

        .team-account-meta {
          grid-column: 3;
        }

        .team-account-actions {
          grid-column: 2 / -1;
          grid-row: 2;
        }
      }

      @media (max-width: 760px) {
        .team-overview {
          grid-template-columns: 1fr;
        }

        .team-metrics {
          width: 100%;
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .team-directory__header {
          grid-template-columns: minmax(0, 1fr);
          align-items: stretch;
          gap: 12px;
          padding: 0;
        }

        .team-search {
          width: 100%;
          flex: 0 0 auto;
        }

        .team-account-list {
          grid-template-columns: 1fr;
        }

        .team-column-head {
          grid-template-columns: 46px minmax(0, 1fr) 22px;
          grid-template-rows: auto auto;
          align-items: start;
          column-gap: 12px;
          row-gap: 8px;
          min-height: 88px;
          padding: 12px 12px 12px 14px;
        }

        .team-icon {
          grid-column: 1;
          grid-row: 1 / span 2;
          align-self: center;
          width: 46px;
          height: 46px;
          border-radius: 15px;
        }

        .team-icon svg {
          width: 21px;
          height: 21px;
        }

        .team-column-title {
          grid-column: 2;
          grid-row: 1;
        }

        .team-column-count {
          min-width: 44px;
          min-height: 34px;
          padding-inline: 8px;
        }

        .team-column-count span {
          display: none;
        }

        .team-column-preview {
          grid-column: 2;
          grid-row: 2;
          justify-content: flex-end;
          gap: 6px;
        }

        .team-column-members {
          max-width: 108px;
          flex-wrap: wrap;
          justify-content: flex-end;
          row-gap: 2px;
          padding-left: 0;
        }

        .team-column-member-avatar {
          width: 22px;
          height: 22px;
          font-size: 0.56rem;
        }

        .team-column-member-avatar + .team-column-member-avatar {
          margin-left: -7px;
        }

        .team-column-toggle {
          grid-column: 3;
          grid-row: 1 / span 2;
          align-self: center;
        }

        .team-account-row {
          grid-template-columns: 44px minmax(0, 1fr);
          gap: 9px 12px;
          padding: 12px 14px;
        }

        .team-account-avatar {
          width: 44px;
          height: 44px;
        }

        .team-account-meta {
          grid-column: 2;
          grid-row: 2;
          display: flex;
        }

        .team-account-actions {
          grid-column: 1 / -1;
          grid-row: 3;
          grid-template-columns: 1fr;
        }

        .team-contact-details {
          width: 100%;
        }
      }

      /* Teams: dauerhaft offene Bereiche mit ihren Mitgliedern direkt im Kontext. */
      .team-workspace {
        width: min(1120px, 100%);
        overflow: visible;
      }

      .app-shell[data-active-view="team"] .crm-shell > .workspace-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        margin-bottom: 18px;
        padding: clamp(18px, 2.2vw, 24px);
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background:
          radial-gradient(circle at 96% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 38%),
          var(--surface);
        box-shadow: var(--shadow-sm);
      }

      @media (max-width: 760px) {
        .app-shell:is([data-active-view="team"], [data-active-view="onboarding"]) .workspace-brand {
          min-height: var(--page-header-logo-height);
        }

        .app-shell:is([data-active-view="team"], [data-active-view="onboarding"]) .workspace-brand img {
          width: var(--page-header-logo-height);
          max-width: var(--page-header-logo-height);
          height: var(--page-header-logo-height);
        }
      }

      .team-directory {
        gap: 26px;
        border: 0;
        border-radius: 0;
        background: transparent;
        padding: 4px 0 0;
        box-shadow: none;
      }

      .team-directory__header {
        display: grid;
        grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
        gap: 18px;
        align-items: stretch;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      .team-directory__result {
        grid-column: 1 / -1;
        min-width: 0;
        margin: -8px 0 0;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 700;
        line-height: var(--line-height-normal);
      }

      .team-directory__result[hidden] {
        display: none;
      }

      .team-search {
        width: min(360px, 100%);
        flex: 0 1 360px;
      }

      .team-metrics {
        display: flex;
        width: 100%;
        justify-content: flex-end;
        gap: 6px;
        margin: 0;
      }

      .team-metrics > div {
        min-width: 108px;
        min-height: 42px;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 10px;
        padding: 7px 10px;
        border-radius: var(--radius-sm);
      }

      .team-metrics dt {
        font-size: 0.67rem;
      }

      .team-metrics dd {
        font-size: 1rem;
      }

      .team-account-list {
        display: block;
        min-width: 0;
      }

      .team-board-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        align-items: stretch;
        min-width: 0;
      }

      .team-board-card {
        --team-accent: var(--primary);
        --team-accent-soft: var(--primary-soft);
        min-width: 0;
        position: relative;
        isolation: isolate;
        overflow: hidden;
        height: 100%;
        border: 1px solid color-mix(in srgb, var(--team-accent) 24%, var(--border));
        border-radius: calc(var(--radius-md) + 4px);
        background: var(--surface);
        box-shadow: 0 16px 38px rgba(25, 42, 86, 0.08);
      }

      @media (min-width: 761px) {
        .team-board-card:last-child:nth-child(odd) {
          grid-column: 2;
        }
      }

      .team-board-card::before {
        content: "";
        position: absolute;
        z-index: 2;
        inset: 0 0 auto;
        height: 4px;
        background: linear-gradient(90deg, var(--team-accent), color-mix(in srgb, var(--team-accent) 38%, transparent));
      }

      .team-board-card::after {
        content: "";
        position: absolute;
        z-index: -1;
        top: -54px;
        right: -42px;
        width: 160px;
        height: 160px;
        border-radius: 999px;
        background: color-mix(in srgb, var(--team-accent) 9%, transparent);
        pointer-events: none;
      }

      .team-board-card--kommunikation {
        --team-accent: var(--warning);
        --team-accent-soft: var(--warning-soft);
      }

      .team-board-card--standards {
        --team-accent: var(--success);
        --team-accent-soft: var(--success-soft);
      }

      .team-board-card--unassigned {
        --team-accent: var(--text-muted);
        --team-accent-soft: var(--surface-muted);
      }

      .team-board-card__header {
        min-width: 0;
        display: grid;
        grid-template-columns: 58px minmax(0, 1fr) auto;
        gap: 14px;
        align-items: start;
        padding: 22px 20px 18px;
        border-bottom: 1px solid color-mix(in srgb, var(--team-accent) 16%, var(--border));
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--team-accent-soft) 58%, var(--surface)) 0%, var(--surface) 66%);
      }

      .team-board-card .team-icon {
        width: 58px;
        height: 58px;
        border-radius: 19px;
        background: var(--team-accent-soft);
        color: var(--team-accent);
        box-shadow:
          inset 0 0 0 1px color-mix(in srgb, var(--team-accent) 10%, transparent),
          0 8px 20px color-mix(in srgb, var(--team-accent) 12%, transparent);
      }

      .team-board-card .team-icon svg {
        width: 25px;
        height: 25px;
        stroke-width: 1.8;
      }

      .team-board-card__heading {
        min-width: 0;
        display: grid;
        gap: 4px;
        padding-top: 1px;
      }

      .team-board-card__heading h4 {
        margin: 0;
        color: var(--text-primary);
        font-size: clamp(1.06rem, 1.45vw, 1.24rem);
        font-weight: 950;
        letter-spacing: -0.025em;
        line-height: var(--line-height-tight);
        overflow-wrap: anywhere;
      }

      .team-board-card__member-count {
        min-width: 56px;
        min-height: 54px;
        display: grid;
        place-content: center;
        gap: 2px;
        padding: 7px 10px;
        border: 1px solid color-mix(in srgb, var(--team-accent) 18%, var(--border));
        border-radius: 16px;
        background: color-mix(in srgb, var(--team-accent-soft) 62%, var(--surface));
        color: var(--team-accent);
        text-align: center;
        line-height: 1;
      }

      .team-board-card__member-count strong {
        font-size: 1.05rem;
        font-weight: 950;
        font-variant-numeric: tabular-nums;
      }

      .team-board-card__member-count span {
        font-size: 0.59rem;
        font-weight: 850;
        letter-spacing: 0.045em;
        text-transform: uppercase;
      }

      .team-board-card__members {
        min-width: 0;
        display: grid;
        gap: 9px;
        padding: 12px;
        background: color-mix(in srgb, var(--team-accent-soft) 16%, var(--surface-muted));
      }

      .team-board-card .team-account-card {
        min-width: 0;
        display: grid;
        gap: 10px;
        padding: 12px;
        border: 1px solid color-mix(in srgb, var(--team-accent) 10%, var(--border));
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: 0 3px 10px rgba(25, 42, 86, 0.035);
        transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
      }

      .team-board-card .team-account-card:hover,
      .team-board-card .team-account-card:focus-within {
        border-color: color-mix(in srgb, var(--team-accent) 30%, var(--border));
        box-shadow: 0 8px 22px rgba(25, 42, 86, 0.075);
        transform: translateY(-1px);
      }

      .team-board-card .team-account-card__header {
        min-width: 0;
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr) auto;
        gap: 11px;
        align-items: center;
      }

      .team-board-card .team-account-avatar {
        grid-column: auto;
        grid-row: auto;
        width: 48px;
        height: 48px;
        align-self: center;
        border: 2px solid var(--surface);
        outline: 2px solid color-mix(in srgb, var(--team-accent) 20%, transparent);
        background: var(--team-accent-soft);
        color: var(--team-accent);
        box-shadow: 0 4px 12px color-mix(in srgb, var(--team-accent) 10%, transparent);
      }

      .team-board-card .team-account-copy {
        grid-column: auto;
        grid-row: auto;
        min-width: 0;
        display: grid;
        gap: 3px;
      }

      .team-board-card .team-account-copy strong {
        min-width: 0;
        color: var(--text-primary);
        font-size: var(--font-size-md);
        font-weight: 900;
        line-height: var(--line-height-tight);
        overflow-wrap: anywhere;
      }

      .team-account-card__contact-count {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 700;
        line-height: var(--line-height-normal);
      }

      .team-board-card .team-account-role {
        grid-column: auto;
        grid-row: auto;
        justify-self: end;
      }

      .team-board-card .team-contact-details {
        width: 100%;
        min-width: 0;
        justify-self: stretch;
        border: 1px solid color-mix(in srgb, var(--team-accent) 11%, var(--border));
        border-radius: var(--radius-sm);
        background: color-mix(in srgb, var(--team-accent-soft) 20%, var(--surface));
        box-shadow: none;
      }

      .team-board-card .team-contact-details summary {
        width: 100%;
        min-width: 0;
        min-height: 38px;
        padding: 8px 10px;
        background: transparent;
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        white-space: normal;
      }

      .team-board-card .team-contact-details summary:hover,
      .team-board-card .team-contact-details summary:focus-visible {
        background: color-mix(in srgb, var(--team-accent-soft) 58%, var(--surface));
        color: var(--team-accent);
      }

      .team-board-card .team-contact-details summary::after,
      .team-board-card .team-contact-details[open] summary::after {
        content: "⌄";
        margin-left: auto;
        transform: none;
        transition: transform 160ms ease;
      }

      .team-board-card .team-contact-details[open] summary::after {
        transform: rotate(180deg);
      }

      .team-board-card .team-contact-details .profile-owner-summary-label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .team-board-card .team-contact-details .profile-owner-contact {
        grid-template-columns: 34px minmax(0, 1fr);
      }

      .team-board-card .team-contact-details .profile-owner-contact strong,
      .team-board-card .team-contact-details .profile-owner-contact span:not(.avatar) {
        white-space: normal;
        overflow-wrap: anywhere;
      }

      @media (prefers-reduced-motion: reduce) {
        .team-board-card .team-account-card {
          transition: none;
        }

        .team-board-card .team-account-card:hover,
        .team-board-card .team-account-card:focus-within {
          transform: none;
        }
      }

      @media (max-width: 760px) {
        .team-directory__header {
          grid-template-columns: minmax(0, 1fr);
          align-items: stretch;
          gap: 12px;
          padding: 0;
        }

        .team-search {
          width: 100%;
          flex: 0 0 auto;
        }

        .team-metrics {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .team-metrics > div {
          min-width: 0;
          display: grid;
          align-content: start;
          gap: 3px;
          padding: 8px;
        }

        .team-board-grid {
          grid-template-columns: minmax(0, 1fr);
          gap: 14px;
        }

        .team-board-card:last-child:nth-child(odd) {
          grid-column: auto;
        }

        .team-board-card__header {
          grid-template-columns: 52px minmax(0, 1fr) auto;
          gap: 12px;
          padding: 18px 14px 15px;
        }

        .team-board-card .team-icon {
          width: 52px;
          height: 52px;
          border-radius: 17px;
        }

        .team-board-card__members {
          padding: 9px;
        }
      }

      @media (max-width: 430px) {
        .team-board-card__header {
          grid-template-columns: 48px minmax(0, 1fr);
        }

        .team-board-card .team-icon {
          width: 48px;
          height: 48px;
          border-radius: 15px;
        }

        .team-board-card__member-count {
          grid-column: 2;
          min-width: 0;
          min-height: 30px;
          display: inline-flex;
          justify-self: start;
          align-items: baseline;
          gap: 5px;
          padding: 6px 9px;
          border-radius: 999px;
        }

        .team-board-card .team-account-card__header {
          grid-template-columns: 44px minmax(0, 1fr);
        }

        .team-board-card .team-account-avatar {
          width: 44px;
          height: 44px;
        }

        .team-board-card .team-account-role {
          grid-column: 2;
          justify-self: start;
        }
      }

      .imports-history-list {
        display: grid;
        gap: 8px;
      }

      .imports-history-empty {
        padding: 14px;
        border: 1px dashed var(--border-strong);
        border-radius: var(--radius-sm);
        background: var(--surface-muted);
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        font-weight: 600;
        line-height: var(--line-height-normal);
      }

      .imports-history-row {
        display: grid;
        grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.8fr) minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        min-height: 46px;
        padding: 8px 10px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 750;
      }

      @media (max-width: 900px) {
        .import-start-grid {
          grid-template-columns: 1fr;
        }

        .imports-history-row {
          grid-template-columns: 1fr;
        }

        .registration-row {
          grid-template-columns: 1fr;
        }

        .registration-page-head,
        .registration-process-guide__head,
        .registrations-filterbar {
          align-items: stretch;
          flex-direction: column;
        }

        .registration-process-flow {
          grid-template-columns: 1fr;
        }

        .registration-metrics {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .registrations-status-filter {
          flex-basis: auto;
        }

        .registration-table-head {
          display: none;
        }

        .registration-row > div {
          border-right: 0;
          border-bottom: 1px solid var(--border);
        }

        .registration-row > div::before {
          content: attr(data-label);
          flex: 0 0 92px;
          color: var(--text-muted);
          font-size: var(--font-size-xs);
          font-weight: 850;
          text-transform: uppercase;
        }

        .registration-row > div:last-child {
          border-bottom: 0;
        }

        .registration-row__actions {
          justify-content: flex-start;
        }

        .registration-row__actions .import-row-action {
          flex: 1 1 140px;
        }
      }

      @media (max-width: 520px) {
        .registration-metrics {
          grid-template-columns: 1fr;
        }
      }

      @media (max-width: 760px) {
        .profile-page .profile-panel {
          border: 0;
          border-radius: 0;
          box-shadow: none;
        }

        .profile-page .profile-panel__head,
        .profile-page .profile-panel__footer {
          padding-inline: 16px;
        }
      }

      @media (max-width: 760px) {
        body {
          padding-bottom: 0;
        }

        .topbar,
        .mobile-primary-nav,
        .topbar-mobile-new {
          display: none !important;
        }

        .app-shell {
          display: grid;
          grid-template-columns: 64px minmax(0, 1fr);
          min-height: 100dvh;
          background: var(--background);
        }

        .app-sidebar {
          position: sticky;
          top: 0;
          display: grid;
          grid-template-rows: auto auto minmax(0, 1fr) auto;
          width: 64px;
          height: 100dvh;
          padding: 10px 6px;
          overflow-y: auto;
          overscroll-behavior: contain;
        }

        .sidebar-brand {
          min-height: 54px;
          justify-content: center;
          padding: 0 0 10px;
        }

        .sidebar-brand .brand-mark {
          width: 42px;
          height: 42px;
        }

        .sidebar-nav.primary-nav,
        .sidebar-secondary,
        .sidebar-account-section {
          position: static;
          inset: auto;
          width: auto;
          min-width: 0;
          display: grid;
          grid-auto-rows: auto;
          gap: 6px;
          padding: 8px 0;
          border-radius: 0;
          background: transparent;
          box-shadow: none;
          backdrop-filter: none;
          -webkit-backdrop-filter: none;
        }

        .sidebar-nav.primary-nav {
          border-top: 1px solid rgba(255, 255, 255, 0.14);
        }

        .sidebar-secondary {
          align-content: start;
        }

        .sidebar-section {
          grid-auto-rows: auto;
          gap: 6px;
        }

        .sidebar-section + .sidebar-section,
        .sidebar-secondary,
        .sidebar-account-section {
          margin-top: 0;
          padding-top: 8px;
        }

        .sidebar-section-label,
        .sidebar-section-toggle {
          display: none;
        }

        .sidebar-section.is-collapsed .sidebar-section-content {
          display: grid;
        }

        .sidebar-team-link {
          grid-template-columns: 1fr;
          justify-items: center;
          padding: 0;
        }

        .sidebar-team-link .sidebar-team-icon {
          display: grid;
        }

        .sidebar-nav .primary-tab,
        .sidebar-link {
          width: 100%;
          min-height: 44px;
          min-width: 0;
          justify-content: center;
          padding: 0;
          border-radius: 12px;
        }

        .sidebar-nav .primary-tab svg,
        .sidebar-link svg {
          width: 19px;
          height: 19px;
        }

        .sidebar-footer {
          width: 100%;
          min-height: 48px;
          display: grid;
          justify-items: center;
          margin-top: 0 !important;
          padding: 5px 0 0;
        }

        .sidebar-account-row {
          grid-template-columns: 1fr;
          gap: 6px;
          margin-top: 0;
        }

        .sidebar-notification-button {
          width: 100%;
          min-width: 0;
          min-height: 44px;
          border-radius: 12px;
        }

        .sidebar-footer__badge {
          width: 38px;
          height: 38px;
          margin: 0 auto;
        }

        .wrap {
          padding: 14px 12px 24px;
        }

        .workspace-header {
          grid-template-columns: minmax(0, 1fr) auto;
          align-items: start;
          gap: 10px;
          padding: 0 0 12px;
        }

        .workspace-copy h2 {
          min-height: 0;
          padding: 0;
          border: 0;
          background: transparent;
          box-shadow: none;
          font-size: 1.32rem;
          line-height: 1.05;
          letter-spacing: -0.03em;
        }

        .workspace-copy p {
          max-width: 25ch;
          margin-top: 8px;
          font-size: 0.86rem;
          line-height: 1.35;
        }

        .workspace-header .workspace-actions {
          display: flex;
          align-items: start;
          justify-content: flex-end;
        }

        .permission-banner {
          display: none !important;
        }

        .summary.summary--compact {
          justify-content: flex-end;
        }

        .summary.summary--compact .summary-card {
          min-height: 52px;
          min-width: 158px;
          padding: 7px 10px;
        }

        .controls {
          padding: 0 0 10px;
        }

        .active-filter-row,
        .active-filter-list,
        .active-filter-chip,
        .active-filter-more {
          display: none !important;
        }

        .filter-toolbar {
          display: grid;
          grid-template-columns: auto minmax(0, 1fr);
          align-items: center;
          width: 100%;
          gap: 8px;
        }

        .filter-results {
          min-height: 38px;
          justify-content: flex-end;
          order: 2;
          text-align: right;
          white-space: nowrap;
        }

        .filter-shell {
          order: 1;
        }

        .filter-panel-button {
          min-height: 38px;
          padding-inline: 12px;
          border-radius: 10px;
        }

        .view-shell {
          padding: 0;
        }

        .table-command-row,
        .table-command-row--organizations,
        .table-command-row--experts,
        .table-command-row--stakeholders {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          align-items: start;
          gap: 8px;
          padding: 10px;
          border: 1px solid var(--border);
          border-radius: var(--radius-md);
          background: var(--surface);
        }

        .table-command-spacer {
          display: none;
        }

        .table-command-actions,
        #contact-command-actions,
        #organization-command-actions,
        #expert-command-actions,
        #stakeholder-command-actions {
          grid-column: 1 / 2;
          display: grid;
          grid-template-columns: 1fr;
          gap: 8px;
          justify-content: stretch;
          width: 100%;
        }

        .table-command-row--experts .expert-bulk-toolbar {
          grid-column: 1 / -1;
          grid-row: 1;
          width: 100%;
          justify-content: space-between;
        }

        .table-command-actions .action-button {
          width: 100%;
          min-height: 38px;
        }

        .table-command-row > .filter-toolbar,
        .table-command-row--organizations .organization-column-actions .filter-toolbar {
          grid-column: 2 / 3;
          grid-row: 1 / 3;
          width: auto;
          justify-self: end;
        }

        .table-command-row > .view-select-shell,
        .table-command-row > .column-menu-shell,
        .table-command-row--organizations .organization-column-actions {
          grid-column: auto;
          width: auto;
        }

        .view-select-shell,
        .column-menu-shell {
          min-width: 0;
        }

        .view-select-button,
        .column-menu-shell .action-button--compact {
          max-width: 100%;
          min-height: 38px;
          padding-inline: 10px;
          border-radius: 10px;
          font-size: 0.78rem;
        }

        .view-select-menu,
        .column-menu {
          position: fixed;
          left: 76px;
          right: 12px;
          top: auto;
          bottom: calc(12px + env(safe-area-inset-bottom));
          width: auto;
          max-height: min(70dvh, 520px);
          overflow: auto;
          z-index: 260;
          border-radius: 16px;
        }

        .column-menu {
          right: 12px;
        }

        .table-wrap {
          margin-top: 10px;
        }

        .mobile-contact-list {
          padding-top: 0;
        }

        .mobile-contact-card {
          min-height: 86px;
          padding: 11px;
        }

        .mobile-contact-card .avatar,
        .mobile-contact-card img.avatar {
          width: 48px;
          height: 48px;
          flex-basis: 48px;
        }

        .detail-panel {
          display: grid;
          grid-template-rows: auto minmax(0, 1fr);
        }

        .detail-toolbar {
          min-height: 56px;
          padding: calc(8px + env(safe-area-inset-top)) 12px 8px;
        }

        .detail-counter {
          font-size: 0;
        }

        .detail-counter::before {
          content: "Versorgungs-Kompass";
          font-size: 0.9rem;
          font-weight: 900;
        }

        .detail-content {
          padding: 14px 0 42px;
        }

        .detail-profile {
          border-radius: 0;
          border-left: 0;
          border-right: 0;
          box-shadow: none;
        }

        .detail-profile-top {
          padding: 14px 12px;
        }

        .detail-profile-main .avatar,
        .detail-profile-main img.avatar {
          width: 66px;
          height: 66px;
          flex-basis: 66px;
        }

        .detail-profile-main:has(.organization-profile-logo) {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          align-items: start;
          gap: 12px;
        }

        .detail-profile-main:has(.organization-profile-logo) .organization-profile-logo {
          justify-self: start;
        }

        .detail-profile-copy h3 {
          font-size: 1.1rem;
        }

        .detail-profile-meta {
          display: none;
        }

        .detail-tabs {
          overflow-x: auto;
          padding-inline: 8px;
          scrollbar-width: none;
        }

        .detail-tabs::-webkit-scrollbar {
          display: none;
        }

        .detail-tab {
          flex: 0 0 auto;
        }

        .detail-line {
          grid-template-columns: minmax(112px, 0.42fr) minmax(0, 1fr);
        }
      }

      @media (max-width: 760px) {
        .app-main,
        .crm-shell {
          min-width: 0;
          overflow: hidden;
        }

        .summary.summary--compact .summary-card {
          min-width: 138px;
          grid-template-columns: 28px minmax(0, 1fr);
          gap: 8px;
        }

        .workspace-copy {
          min-width: 0;
        }

        .workspace-copy h2 {
          max-width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .summary.summary--compact .summary-icon {
          width: 28px;
          height: 28px;
        }

        .summary.summary--compact .summary-icon svg {
          width: 18px;
          height: 18px;
        }

        .summary.summary--compact .summary-value {
          font-size: 0.94rem;
        }

        .summary.summary--compact .summary-value small {
          font-size: 0.88rem;
        }

        .app-shell[data-active-view="organizations"] .workspace-header {
          grid-template-columns: minmax(0, 1fr) minmax(122px, auto);
        }

        .app-shell[data-active-view="organizations"] .workspace-copy h2 {
          font-size: 1.03rem;
          letter-spacing: -0.02em;
        }

        .app-shell[data-active-view="organizations"] .summary.summary--compact .summary-card {
          min-width: 122px;
          padding-inline: 9px;
        }

        .app-shell[data-active-view="experts"] .workspace-header,
        .app-shell[data-active-view="stakeholders"] .workspace-header {
          grid-template-columns: minmax(0, 1fr);
        }

        .app-shell[data-active-view="experts"] .workspace-header .workspace-actions,
        .app-shell[data-active-view="patients"] .workspace-header .workspace-actions,
        .app-shell[data-active-view="stakeholders"] .workspace-header .workspace-actions {
          justify-content: stretch;
          width: 100%;
        }

        .app-shell[data-active-view="experts"] .workspace-expert-switcher,
        .app-shell[data-active-view="experts"] .experts-mode-nav--header,
        .app-shell[data-active-view="patients"] .workspace-expert-switcher,
        .app-shell[data-active-view="patients"] .experts-mode-nav--header,
        .app-shell[data-active-view="stakeholders"] .workspace-expert-switcher,
        .app-shell[data-active-view="stakeholders"] .experts-mode-nav--header {
          width: 100%;
        }

        .app-shell[data-active-view="experts"] .experts-mode-nav--header .settings-tab-button,
        .app-shell[data-active-view="patients"] .experts-mode-nav--header .settings-tab-button,
        .app-shell[data-active-view="stakeholders"] .experts-mode-nav--header .settings-tab-button {
          min-width: 0;
        }

        .app-shell[data-active-view="experts"] .summary.summary--compact {
          grid-auto-flow: row;
          grid-template-columns: minmax(0, 1fr);
          width: 100%;
          overflow-x: hidden;
        }

        .app-shell[data-active-view="experts"] .summary.summary--compact .summary-card {
          width: 100%;
          min-width: 0;
        }

        .table-command-row--organizations,
        .table-command-row--experts,
        .table-command-row--stakeholders {
          grid-template-columns: 1fr;
        }

        .table-command-row--organizations #organization-command-actions {
          grid-column: 1 / -1;
          grid-row: 1;
        }

        .table-command-row--experts #expert-command-actions {
          grid-column: 1 / -1;
          grid-row: 2;
        }

        .table-command-row--stakeholders #stakeholder-command-actions {
          grid-column: 1 / -1;
          grid-row: 1;
        }

        .table-command-row--experts .expert-bulk-toolbar {
          grid-column: 1 / -1;
          grid-row: 1;
          width: 100%;
          justify-content: space-between;
        }

        .table-command-row--expert-actions #expert-command-actions {
          grid-row: 2;
        }

        .table-command-row--experts .expert-bulk-toolbar[hidden] + #expert-command-actions {
          grid-row: 1;
        }

        .table-command-row--organizations .organization-column-actions,
        .table-command-row--experts .expert-column-actions,
        .table-command-row--stakeholders .stakeholder-column-actions {
          grid-column: 1 / -1;
          grid-row: 3;
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 8px;
          width: 100%;
        }

        .table-command-row--expert-actions .expert-column-actions {
          grid-row: 2;
        }

        .table-command-row--expert-actions:has(.expert-bulk-toolbar:not([hidden])) .expert-column-actions {
          grid-row: 3;
        }

        .table-command-row--experts .experts-mode-nav {
          width: 100%;
        }

        .table-command-row--organizations .organization-column-actions .view-select-shell,
        .table-command-row--experts .expert-column-actions .view-select-shell {
          grid-column: 1;
          grid-row: 1;
          min-width: 0;
        }

        .table-command-row--organizations .organization-column-actions .filter-toolbar,
        .table-command-row--experts .expert-column-actions .filter-toolbar {
          grid-column: 2;
          grid-row: 1;
          justify-self: end;
        }

        .table-command-row--organizations .organization-column-actions .column-menu-shell,
        .table-command-row--experts .expert-column-actions .column-menu-shell {
          grid-column: 1 / -1;
          grid-row: 2;
          width: 100%;
        }

        .table-command-row--organizations .organization-column-actions .column-menu-shell .action-button,
        .table-command-row--experts .expert-column-actions .column-menu-shell .action-button {
          width: 100%;
        }

        .organizations-table,
        .expert-matching-table {
          min-width: 0;
        }

        .expert-matching-toolbar {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          align-items: stretch;
        }

        .expert-matching-meta {
          white-space: normal;
        }

        .organizations-table .thead {
          display: none;
        }

        .organizations-table .row {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 8px;
          min-height: 86px;
          margin-bottom: 10px;
          padding: 12px;
          border: 1px solid var(--border);
          border-radius: var(--radius-lg);
          background: var(--surface);
        }

        .organizations-table .row > div {
          min-height: 0;
          padding: 0;
          border-right: 0;
        }

        .organizations-table .row .cell--organization {
          grid-column: 1 / -1;
        }

        .organizations-table .row .cell--sector,
        .organizations-table .row .cell--state,
        .organizations-table .row .cell--contacts {
          display: inline-flex;
          align-items: center;
        }

        .organizations-table .row .cell--location,
        .organizations-table .row .cell--updated,
        .organizations-table .row .cell--website,
        .organizations-table .row .cell--source,
        .organizations-table .row .cell--quality {
          display: none;
        }

        .organization-mobile-card {
          grid-template-columns: minmax(0, 1fr);
          gap: 8px;
        }

        .organization-mobile-card .cell--organization {
          min-width: 0;
        }

        .organization-mobile-card .organization-cell {
          min-width: 0;
        }

        .organization-mobile-card .contact-meta {
          flex: 1 1 auto;
          min-width: 0;
        }

        .organization-mobile-card .organization-name-button {
          max-width: 100%;
          overflow-wrap: anywhere;
        }

        .organization-mobile-card .contact-subline {
          display: none;
        }

        .organization-mobile-meta {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          gap: 8px;
          min-width: 0;
        }

        .organization-mobile-sector {
          flex: 1 1 100%;
          min-width: 0;
          max-width: 100%;
        }

        .organization-mobile-sector .contact-sector-pill {
          display: inline-block;
          max-width: 100%;
          min-width: 0;
          white-space: normal;
          overflow-wrap: anywhere;
          line-height: 1.2;
        }

        .organization-mobile-state {
          min-width: 0;
          flex: 1 1 auto;
          overflow: hidden;
          color: var(--text-muted);
          font-size: 0.82rem;
          font-weight: 800;
          text-overflow: ellipsis;
        }

        .organization-mobile-count {
          flex: 0 0 auto;
          font-size: 0.8rem;
        }
      }

      @media (max-width: 760px) {
        html,
        body {
          max-width: 100%;
          overflow-x: clip;
        }

        body {
          padding-bottom: 0;
        }

        .app-shell {
          display: block;
          width: 100%;
          max-width: 100vw;
          min-height: 100dvh;
          overflow-x: hidden;
        }

        .app-sidebar {
          position: fixed;
          inset: 0 auto 0 0;
          z-index: 70;
          display: grid;
          grid-template-rows: auto auto auto;
          align-content: start;
          width: 58px;
          height: 100dvh;
          padding: 10px 5px calc(12px + env(safe-area-inset-bottom));
          overflow-x: hidden;
          overflow-y: auto;
          overscroll-behavior: contain;
        }

        .sidebar-brand {
          min-height: 46px;
          padding-bottom: 8px;
        }

        .sidebar-brand .brand-mark {
          width: 36px;
          height: 36px;
        }

        .sidebar-nav.primary-nav,
        .sidebar-secondary,
        .sidebar-account-section {
          grid-auto-rows: auto;
          gap: 5px;
          margin-top: 12px;
          padding-top: 12px;
          padding: 7px 0;
        }

        .sidebar-section {
          grid-auto-rows: auto;
        }

        .sidebar-nav .primary-tab,
        .sidebar-link {
          min-height: 42px;
          border-radius: 11px;
        }

        .sidebar-footer {
          min-height: 44px;
          margin-top: 0 !important;
          padding: 0;
        }

        .sidebar-footer__badge {
          width: 36px;
          height: 36px;
        }

        .app-main {
          width: calc(100vw - 76px);
          max-width: calc(100vw - 76px);
          min-width: 0;
          margin-left: 76px;
          overflow-x: hidden;
        }

        .wrap,
        .crm-shell,
        .view-shell,
        .view-card,
        .table-wrap,
        .table,
        .contacts-table,
        .organizations-table {
          width: 100%;
          max-width: 100%;
          min-width: 0;
          overflow-x: hidden;
        }

        .wrap {
          padding: 12px 12px 24px 10px;
        }

        .workspace-header {
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 8px;
          padding-bottom: 10px;
        }

        .app-shell[data-active-view="experts"] .workspace-header,
        .app-shell[data-active-view="stakeholders"] .workspace-header {
          grid-template-columns: minmax(0, 1fr);
        }

        .app-shell[data-active-view="experts"] .workspace-header .workspace-actions,
        .app-shell[data-active-view="patients"] .workspace-header .workspace-actions,
        .app-shell[data-active-view="stakeholders"] .workspace-header .workspace-actions {
          justify-content: stretch;
          width: 100%;
        }

        .app-shell[data-active-view="experts"] .workspace-expert-switcher,
        .app-shell[data-active-view="experts"] .experts-mode-nav--header,
        .app-shell[data-active-view="patients"] .workspace-expert-switcher,
        .app-shell[data-active-view="patients"] .experts-mode-nav--header,
        .app-shell[data-active-view="stakeholders"] .workspace-expert-switcher,
        .app-shell[data-active-view="stakeholders"] .experts-mode-nav--header {
          width: 100%;
        }

        .app-shell[data-active-view="experts"] .experts-mode-nav--header .settings-tab-button,
        .app-shell[data-active-view="patients"] .experts-mode-nav--header .settings-tab-button,
        .app-shell[data-active-view="stakeholders"] .experts-mode-nav--header .settings-tab-button {
          min-width: 0;
        }

        .app-shell[data-active-view="experts"] .summary.summary--compact {
          grid-auto-flow: row;
          grid-template-columns: minmax(0, 1fr);
          width: 100%;
          overflow-x: hidden;
        }

        .app-shell[data-active-view="experts"] .summary.summary--compact .summary-card {
          width: 100%;
          min-width: 0;
        }

        .workspace-copy p {
          display: none;
        }

        .workspace-copy h2 {
          min-height: 42px;
          font-size: 1.24rem;
        }

        .summary.summary--compact .summary-card {
          min-height: 46px;
          min-width: 124px;
          padding: 6px 9px;
        }

        .summary.summary--compact .summary-value {
          font-size: 0.9rem;
        }

        .summary.summary--compact .summary-value small {
          font-size: 0.82rem;
        }

        .controls {
          padding-bottom: 8px;
        }

        .search-shell {
          min-width: 0;
        }

        .table-command-row,
        .table-command-row--organizations,
        .table-command-row--experts,
        .table-command-row--stakeholders {
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 8px;
          padding: 9px;
        }

        #contact-command-actions,
        #organization-command-actions,
        #expert-command-actions,
        #stakeholder-command-actions {
          grid-column: 1 / -1;
          grid-row: 1;
        }

        #expert-command-actions {
          grid-column: 1 / -1;
          grid-row: 2;
        }

        #stakeholder-command-actions {
          grid-row: 1;
        }

        .table-command-row--experts .expert-bulk-toolbar {
          grid-column: 1 / -1;
          grid-row: 1;
          width: 100%;
          justify-content: space-between;
        }

        .table-command-row--expert-actions #expert-command-actions {
          grid-row: 2;
        }

        .table-command-row--experts .expert-bulk-toolbar[hidden] + #expert-command-actions {
          grid-row: 1;
        }

        .table-command-row > .view-select-shell,
        .table-command-row--organizations .organization-column-actions .view-select-shell,
        .table-command-row--experts .expert-column-actions .view-select-shell,
        .table-command-row--stakeholders .stakeholder-column-actions .view-select-shell {
          grid-column: 1;
          grid-row: 2;
          width: 100%;
        }

        .table-command-row > .filter-toolbar,
        .table-command-row--organizations .organization-column-actions .filter-toolbar,
        .table-command-row--experts .expert-column-actions .filter-toolbar,
        .table-command-row--stakeholders .stakeholder-column-actions .filter-toolbar {
          grid-column: 2;
          grid-row: 2;
          align-self: stretch;
          justify-self: end;
        }

        .view-select-button,
        .filter-panel-button {
          width: 100%;
          min-height: 42px;
          border-radius: 12px;
        }

        .filter-results {
          display: none;
        }

        .column-menu-shell,
        .table-command-row--organizations .organization-column-actions .column-menu-shell,
        .table-command-row--experts .expert-column-actions .column-menu-shell,
        .table-command-row--stakeholders .stakeholder-column-actions .column-menu-shell {
          display: none !important;
        }

        .mobile-contact-list {
          gap: 8px;
          padding-top: 8px;
        }

        .mobile-contact-card {
          min-height: 74px;
          padding: 10px;
        }

        .mobile-contact-card .avatar,
        .mobile-contact-card img.avatar {
          width: 52px;
          height: 52px;
          flex-basis: 52px;
        }

        .mobile-contact-copy {
          min-width: 0;
        }

        .mobile-contact-organization,
        .mobile-contact-meta {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
          line-height: 1.15;
        }

        .mobile-contact-organization {
          margin-top: 2px;
        }

        .mobile-contact-meta {
          display: none !important;
        }

        .table-footer {
          display: grid;
          grid-template-columns: 1fr;
          gap: 8px;
          margin-top: 10px;
          padding: 10px 2px 0;
          border-top: 0;
        }

        .table-footer__meta {
          justify-content: center;
          text-align: center;
          font-size: 0.82rem;
          font-weight: 800;
        }

        .table-footer__controls {
          display: flex;
          justify-content: stretch;
          width: 100%;
          min-width: 0;
          overflow: hidden;
        }

        .table-secondary-actions {
          display: grid;
          grid-template-columns: 1fr;
          gap: 8px;
          padding: 8px 2px 0;
          border-top: 0;
          background: transparent;
        }

        .table-secondary-actions .action-button {
          width: 100%;
        }

        .pagination {
          display: flex;
          width: 100%;
          max-width: 100%;
          min-width: 0;
          justify-content: flex-start;
          overflow-x: scroll !important;
          overflow-y: hidden;
          padding: 0 2px 4px;
          -webkit-overflow-scrolling: touch;
          touch-action: pan-x;
          overscroll-behavior-inline: contain;
          scrollbar-width: none;
        }

        .pagination::-webkit-scrollbar {
          display: none;
        }

        .pagination-button {
          flex: 0 0 auto;
          min-width: 34px;
          height: 34px;
        }

        .pagination-button.is-active {
          border-color: transparent !important;
          background: linear-gradient(135deg, #275ee6, #4d90ff) !important;
          color: #ffffff !important;
        }

        .page-size-shell {
          display: none !important;
        }

        .app-shell[data-active-view="experts"] #view-experts .page-size-shell,
        .app-shell[data-active-view="patients"] #view-patients .page-size-shell {
          display: flex !important;
        }

        .app-shell[data-active-view="experts"] #view-experts .table-footer__controls,
        .app-shell[data-active-view="patients"] #view-patients .table-footer__controls {
          overflow: visible;
        }

        .filter-panel {
          left: 76px;
          right: 0;
          width: auto;
          max-height: min(84dvh, 640px);
          padding-bottom: calc(68px + env(safe-area-inset-bottom));
          border-radius: 18px 18px 0 0;
        }

        .filter-panel-head {
          min-height: 48px;
          padding: 12px 48px 9px;
        }

        .filter-panel-title {
          width: 100%;
          text-align: center;
        }

        .filter-panel-grid {
          padding: 0 10px 10px;
          gap: 8px;
        }

        .filter-group-title {
          display: none;
        }

        .filter-group,
        .filter-field--accordion {
          min-width: 0;
        }

        .filter-field--accordion {
          border-radius: 12px;
        }

        .filter-field--accordion summary {
          display: flex;
          align-items: center;
          justify-content: space-between;
          min-height: 38px;
          padding: 8px 10px;
          font-size: 0.86rem;
        }

        .filter-field--accordion summary::after {
          content: "⌄";
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 20px;
          height: 20px;
          margin-left: 8px;
          color: var(--text-muted);
          font-size: 1rem;
          line-height: 1;
          transform: rotate(0deg);
        }

        .filter-field--accordion[open] summary::after {
          transform: rotate(180deg);
        }

        .filter-choice-list {
          display: flex !important;
          width: 100%;
          max-width: 100%;
          flex-wrap: nowrap;
          flex-direction: row;
          gap: 8px;
          max-height: none;
          margin: 0 -6px;
          padding: 4px 6px 8px;
          overflow-x: scroll !important;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
          overscroll-behavior-inline: contain;
          touch-action: pan-x;
          scrollbar-width: none;
        }

        .filter-choice-list::-webkit-scrollbar {
          display: none;
        }

        .filter-choice {
          flex: 0 0 auto;
          min-height: 34px;
          padding: 0 12px;
          border: 1px solid #cfd9fb;
          border-radius: 999px;
          background: #ffffff;
          white-space: nowrap;
          user-select: none;
        }

        .filter-choice input {
          position: absolute;
          opacity: 0;
          pointer-events: none;
        }

        .filter-choice.is-selected {
          border-color: #8fb0ff;
          background: var(--primary-soft);
        }

        .filter-choice.is-legacy-owner {
          border-style: dashed;
          background: #f7f9fe;
          color: #7a86a6;
          opacity: 0.72;
        }

        #filter-panel-reset {
          left: 10px !important;
          right: auto !important;
          bottom: calc(12px + env(safe-area-inset-bottom));
          width: calc((100vw - 76px - 30px) / 2) !important;
          min-width: 0 !important;
          max-width: none !important;
          min-height: 44px;
          padding: 0 8px;
          border-radius: 12px;
          font-size: 0;
        }

        #filter-panel-reset .filter-reset__icon {
          display: none;
        }

        #filter-panel-reset::after {
          content: "Zurücksetzen";
          font-size: 0.82rem;
          font-weight: 850;
        }

        .filter-panel-apply {
          left: calc(20px + ((100vw - 76px - 30px) / 2)) !important;
          right: 10px !important;
          bottom: calc(12px + env(safe-area-inset-bottom));
          width: calc((100vw - 76px - 30px) / 2) !important;
          min-height: 44px;
          border-radius: 12px;
        }

        .detail-drawer.is-open {
          left: 76px;
          width: calc(100vw - 76px);
          overflow-x: hidden;
        }

        .detail-overlay {
          display: none;
        }

        .detail-panel {
          left: 0;
          right: 0;
          width: 100%;
          max-width: 100%;
          overflow-x: hidden;
        }

        .detail-toolbar-actions {
          align-items: center;
          flex: 0 0 auto;
          max-width: 58%;
        }

        .detail-toolbar-actions .action-button,
        .detail-close {
          min-height: 38px;
          height: 38px;
        }

        .detail-close {
          width: 38px;
          min-width: 38px;
          display: inline-grid;
          place-items: center;
          flex: 0 0 38px;
        }

        .detail-profile-top {
          display: grid;
          gap: 10px;
        }

        .detail-profile-meta {
          display: flex;
          width: 100%;
          min-width: 0;
          justify-content: stretch;
        }

        .detail-owner-dropdown,
        .detail-owner-dropdown .detail-select-shell,
        .detail-owner-dropdown .custom-select-trigger--detail {
          width: 100%;
          max-width: 100%;
        }

        .detail-tabs {
          max-width: 100%;
          padding-inline: 8px;
          overflow-x: auto;
          overflow-y: hidden;
          scrollbar-width: none;
        }

        .detail-tabs::-webkit-scrollbar {
          display: none;
        }

        .detail-tab {
          flex: 0 0 auto;
          white-space: nowrap;
        }

        .detail-panel--organization .detail-content {
          padding-right: 8px;
          padding-left: 8px;
        }

        .detail-panel--organization .detail-profile-top,
        .detail-panel--organization .section-block {
          padding-right: 8px;
          padding-left: 8px;
        }

        .detail-panel--organization .organization-contact-actions {
          justify-content: stretch;
        }

        .detail-panel--organization .organization-contact-actions .action-button {
          flex: 1 1 100%;
        }
      }

      @media (max-width: 760px) {
        body.mobile-filter-open {
          touch-action: auto;
        }

        .app-main {
          width: calc(100vw - 84px);
          max-width: calc(100vw - 84px);
          margin-left: 84px;
        }

        .app-shell {
          position: relative;
          min-height: 100dvh;
        }

        .app-sidebar {
          position: fixed;
          inset: 0 auto 0 0;
          height: 100dvh;
          min-height: 0;
          overflow-x: hidden;
          overflow-y: auto;
          overscroll-behavior: contain;
        }

        .sidebar-collapse {
          width: 100%;
          min-height: 40px;
          margin: 8px 0 0;
          display: inline-flex !important;
          border-radius: 12px;
        }

        .sidebar-collapse-label {
          display: none;
        }

        .sidebar-collapse svg {
          transform: rotate(180deg);
        }

        .app-shell.is-mobile-sidebar-expanded .app-sidebar {
          width: 300px !important;
          min-width: 300px !important;
          max-width: calc(100vw - 18px) !important;
          inline-size: 300px !important;
          padding-inline: 8px !important;
          overflow-y: auto;
          box-shadow: 16px 0 34px rgba(9, 35, 89, 0.22);
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-collapse svg {
          transform: rotate(0deg);
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-collapse-label {
          display: inline;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-brand {
          align-items: flex-start;
          justify-content: flex-start;
          gap: 10px;
          padding: 2px 6px 16px;
          overflow: visible;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-brand .brand-mark {
          flex: 0 0 36px;
          margin-top: 4px;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-brand strong {
          max-width: none;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-brand-copy {
          display: grid !important;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-brand strong,
        .app-shell.is-mobile-sidebar-expanded .sidebar-brand-kicker,
        .app-shell.is-mobile-sidebar-expanded .sidebar-nav .primary-tab span,
        .app-shell.is-mobile-sidebar-expanded .sidebar-link span,
        .app-shell.is-mobile-sidebar-expanded .sidebar-footer div {
          position: static !important;
          display: block !important;
          width: auto !important;
          height: auto !important;
          margin: 0 !important;
          padding: 0 !important;
          overflow: hidden !important;
          clip: auto !important;
          white-space: nowrap !important;
          border: 0 !important;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-brand strong,
        .app-shell.is-mobile-sidebar-expanded .sidebar-brand-kicker {
          max-width: 190px;
          white-space: normal !important;
          overflow: visible !important;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-section-label {
          display: block;
          padding-inline: 12px;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-section-toggle {
          display: flex;
          padding-inline: 12px;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-section.is-collapsed .sidebar-section-content {
          display: none;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-section {
          grid-auto-rows: auto;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-nav .primary-tab,
        .app-shell.is-mobile-sidebar-expanded .sidebar-link {
          justify-content: flex-start;
          gap: 10px;
          padding-inline: 12px;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-team-link {
          grid-template-columns: 38px minmax(0, 1fr) auto;
          justify-items: stretch;
          padding: 6px 8px;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-team-link .sidebar-team-icon {
          width: 38px !important;
          height: 38px !important;
          display: grid !important;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-account-row {
          grid-template-columns: minmax(0, 1fr) 42px;
          gap: 8px;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-notification-button {
          width: 42px;
          min-width: 42px;
          height: 42px;
          min-height: 42px;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-footer {
          width: 100%;
          min-height: 42px;
          display: grid;
          grid-template-columns: 42px minmax(0, 1fr);
          justify-items: stretch;
          justify-content: stretch;
          gap: 10px;
          padding: 0 12px;
          margin-top: 0 !important;
          border-radius: 12px;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-footer__badge {
          width: 42px;
          height: 42px;
          margin: 0;
          align-self: center;
          font-size: 0.82rem;
        }

        .wrap {
          padding: 12px 10px 18px 0;
        }

        .workspace-header,
        .controls,
        .view-shell {
          padding-left: 0 !important;
          padding-right: 0 !important;
        }

        .workspace-header {
          gap: 10px;
        }

        .view-card {
          min-height: calc(100dvh - 176px);
          display: flex;
          flex-direction: column;
        }

        .table-wrap {
          flex: 1 1 auto;
        }

        .table-command-row,
        .table-command-row--organizations,
        .table-command-row--experts {
          width: 100%;
          padding: 9px;
        }

        .table-command-actions .action-button,
        #new-contact-button,
        #new-organization-button {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
          line-height: 1;
        }

        .action-button__icon {
          display: inline-grid;
          place-items: center;
          line-height: 1;
          transform: translateY(0);
        }

        .table-command-row > .filter-toolbar,
        .table-command-row--organizations .organization-column-actions .filter-toolbar,
        .table-command-row--experts .expert-column-actions .filter-toolbar {
          display: block;
          justify-self: stretch;
          width: 100%;
        }

        .table-command-row > .filter-toolbar .filter-shell,
        .table-command-row--organizations .organization-column-actions .filter-toolbar .filter-shell,
        .table-command-row--experts .expert-column-actions .filter-toolbar .filter-shell {
          width: 100%;
        }

        .filter-panel-button {
          justify-content: center;
        }

        .view-select-button__icon {
          display: none;
        }

        .app-shell[data-active-view="contacts"] .view-select-button::before {
          content: "";
          width: 20px;
          height: 20px;
          flex: 0 0 auto;
          background: currentColor;
          -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9.5' cy='7' r='4'/%3E%3Cpath d='M19 8v6'/%3E%3Cpath d='M22 11h-6'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9.5' cy='7' r='4'/%3E%3Cpath d='M19 8v6'/%3E%3Cpath d='M22 11h-6'/%3E%3C/svg%3E") center / contain no-repeat;
        }

        .app-shell[data-active-view="organizations"] .summary.summary--compact .summary-card {
          min-width: 166px;
        }

        .app-shell[data-active-view="organizations"] .summary.summary--compact .summary-value small {
          font-size: 0.78rem;
        }

        .filter-panel {
          left: 84px;
          max-width: calc(100vw - 84px);
          overflow-x: hidden;
          touch-action: pan-y pinch-zoom;
        }

        .filter-panel-grid,
        .filter-group,
        .filter-field--accordion {
          width: 100%;
          max-width: 100%;
          min-width: 0;
        }

        .filter-field--accordion {
          overflow: hidden;
        }

        .filter-field--accordion summary {
          display: grid;
          grid-template-columns: minmax(0, 1fr) 24px;
          gap: 8px;
          width: 100%;
          max-width: 100%;
          min-width: 0;
          font-size: 0.86rem !important;
          line-height: 1.1;
        }

        .filter-field--accordion summary::after {
          content: "⌄" !important;
          display: grid !important;
          place-items: center;
          width: 24px;
          height: 24px;
          color: var(--text-muted);
          font-size: 1rem;
          transform: rotate(0deg);
        }

        .filter-field--accordion[open] summary::after {
          transform: rotate(180deg);
        }

        .filter-choice-list {
          position: relative;
          display: flex !important;
          flex-flow: row nowrap !important;
          justify-content: flex-start;
          align-items: center;
          width: 100%;
          max-width: 100%;
          min-width: 0;
          box-sizing: border-box;
          margin: 0;
          padding: 8px 10px 10px;
          overflow-x: auto !important;
          overflow-y: hidden !important;
          -webkit-overflow-scrolling: touch;
          touch-action: pan-x pan-y;
          overscroll-behavior-x: contain;
          scroll-snap-type: none;
        }

        .filter-choice {
          flex: 0 0 auto !important;
        }

        #filter-panel-reset {
          left: 10px !important;
          width: calc((100vw - 84px - 30px) / 2) !important;
        }

        .filter-panel-apply {
          left: calc(20px + ((100vw - 84px - 30px) / 2)) !important;
          width: calc((100vw - 84px - 30px) / 2) !important;
        }

        .pagination {
          display: flex !important;
          justify-content: flex-start !important;
          overflow-x: auto !important;
          -webkit-overflow-scrolling: touch;
          touch-action: pan-x pan-y;
          scroll-snap-type: none;
        }

        .pagination-button {
          flex: 0 0 38px;
        }

        .pagination-button.is-active {
          background: linear-gradient(135deg, #275ee6, #4d90ff) !important;
          color: #ffffff !important;
          border-color: transparent !important;
        }

        .detail-drawer.is-open {
          left: 84px;
          width: calc(100vw - 84px);
        }

        #editor-drawer .contact-editor-panel,
        #organization-editor-drawer .contact-editor-panel {
          left: 84px;
          right: 8px;
          top: 8px;
          bottom: 8px;
          width: auto;
          max-width: none;
          border-radius: 16px;
        }

        #editor-drawer .editor-form,
        #organization-editor-drawer .editor-form {
          padding-top: 0;
          overflow-x: hidden;
        }

        .contact-editor-steps {
          display: flex;
          gap: 8px;
          margin: 0 0 10px;
          padding: 2px 0 8px;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
          scrollbar-width: none;
        }

        .contact-editor-steps::-webkit-scrollbar {
          display: none;
        }

        .contact-editor-steps .import-step {
          min-width: 72px;
          flex: 0 0 72px;
        }

        #organization-editor-drawer .contact-editor-steps .import-step {
          min-width: 86px;
          flex-basis: 86px;
        }

        .contact-editor-steps .import-step::after {
          display: none !important;
        }

        .contact-editor-steps .import-step span {
          width: 26px;
          height: 26px;
          flex: 0 0 26px;
        }

        .contact-editor-steps .import-step strong {
          max-width: 100%;
          font-size: 0.64rem;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        #editor-drawer .contact-editor-step,
        #organization-editor-drawer .contact-editor-step {
          margin-top: 0;
          padding: 12px;
          position: relative;
          z-index: 1;
        }

        #editor-cancel,
        #organization-editor-cancel {
          display: none !important;
        }

        #editor-drawer .editor-footer,
        #organization-editor-drawer .editor-footer {
          gap: 10px;
        }

        #editor-drawer .editor-actions,
        #organization-editor-drawer .editor-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 10px;
          width: 100%;
        }
      }

      .formats-workspace {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
        min-width: 0;
        min-height: 0;
      }

      .formats-command-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px;
        flex-wrap: wrap;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
      }

      .app-shell[data-active-view="formats"] .controls-stack {
        grid-template-columns: minmax(0, 1fr);
      }

      .app-shell[data-active-view="hospitations"] .controls-stack {
        grid-template-columns: minmax(0, 1fr);
      }

      .app-shell[data-active-view="questionnaire"] .controls-stack {
        grid-template-columns: minmax(0, 1fr);
      }

      .app-shell[data-active-view="formats"] .controls-stack .filter-toolbar {
        display: none;
      }

      .app-shell[data-active-view="hospitations"] .controls-stack .filter-toolbar {
        display: none;
      }

      .app-shell[data-active-view="questionnaire"] .controls-stack .filter-toolbar {
        display: none;
      }

      .formats-command-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
      }

      .format-contact-filter {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 36px;
        border: 1px solid #bfdbfe;
        border-radius: 999px;
        background: #eff6ff;
        color: #1e3a8a;
        padding: 5px 6px 5px 12px;
        font-size: var(--font-size-xs);
        font-weight: 800;
      }

      .format-contact-filter button {
        min-height: 26px;
        border: 0;
        border-radius: 999px;
        background: #ffffff;
        color: #1d4ed8;
        cursor: pointer;
        padding: 4px 8px;
        font: inherit;
        font-size: 0.68rem;
        font-weight: 900;
      }

      .format-status-legend {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
      }

      .format-status-filter {
        cursor: pointer;
        transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
      }

      .format-status-filter:hover,
      .format-status-filter:focus-visible {
        border-color: currentColor;
        box-shadow: var(--focus-ring);
        outline: none;
      }

      .format-status-filter.is-active {
        border-color: currentColor;
        background: var(--primary-soft);
        box-shadow: inset 0 0 0 1px currentColor;
      }

      .hospitation-tab-nav {
        min-width: 0;
      }

      .workspace-header .hospitation-tab-nav {
        width: 100%;
      }

      .hospitation-tab-panel[hidden] {
        display: none;
      }

      #hospitation-appointments-panel {
        display: grid;
        gap: 12px;
        min-width: 0;
      }

      #hospitation-appointments-panel[hidden] {
        display: none !important;
      }

      .hospitation-list,
      .hospitation-schedule {
        display: grid;
        gap: 12px;
        min-width: 0;
      }

      .hospitation-first-appointment {
        min-height: clamp(340px, 52vh, 560px);
        display: grid;
        place-items: center;
        align-content: center;
        gap: 10px;
        border: 1px solid #d6e2f4;
        border-radius: 18px;
        background:
          radial-gradient(circle at 50% 16%, rgba(47, 111, 236, 0.11), transparent 34%),
          linear-gradient(180deg, #fbfdff 0%, #f5f8fd 100%);
        padding: clamp(30px, 5vw, 64px);
        text-align: center;
      }

      .hospitation-first-appointment__icon {
        width: 72px;
        height: 72px;
        display: inline-grid;
        place-items: center;
        margin-bottom: 5px;
        border: 1px solid #bfd3fa;
        border-radius: 24px;
        background: #ffffff;
        color: var(--primary);
        box-shadow: 0 16px 34px rgba(47, 111, 236, 0.14);
      }

      .hospitation-first-appointment__icon svg {
        width: 34px;
        height: 34px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.8;
      }

      .hospitation-first-appointment__eyebrow {
        color: var(--primary);
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .hospitation-first-appointment h2 {
        margin: 0;
        color: var(--text);
        font-size: clamp(1.5rem, 3vw, 2.15rem);
        font-weight: 920;
        letter-spacing: -0.035em;
      }

      .hospitation-first-appointment p {
        max-width: 590px;
        margin: 0 0 14px;
        color: var(--text-muted);
        font-size: 0.94rem;
        font-weight: 650;
        line-height: 1.55;
      }

      .hospitation-first-appointment__button {
        min-height: 52px;
        padding-inline: 24px;
        border-radius: 12px;
        font-size: 0.9rem;
        box-shadow: 0 14px 28px rgba(47, 111, 236, 0.22);
      }

      .hospitation-schedule-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-width: 0;
      }

      .hospitation-schedule-toolbar__copy {
        display: grid;
        gap: 2px;
        min-width: 0;
      }

      .hospitation-schedule-toolbar__copy strong {
        color: var(--text);
        font-size: 0.92rem;
        font-weight: 900;
        line-height: 1.2;
      }

      .hospitation-appointments-header {
        display: grid;
        gap: 10px;
      }

      .hospitation-appointments-header__top {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
        min-width: 0;
      }

      .hospitation-appointments-action-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        min-width: 0;
        padding: 0 2px;
      }

      .hospitation-appointments-header__mode {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
      }

      .hospitation-appointments-header__tools,
      .hospitation-appointments-action-row__right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        min-width: 0;
      }

      .hospitation-appointments-action-row__center {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
      }

      .hospitation-appointments-header__tools {
        position: relative;
        min-height: 38px;
      }

      .format-contact-filter[hidden] {
        display: none;
      }

      .hospitation-appointments-action-row__left {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        flex-wrap: wrap;
      }

      .hospitation-export-actions {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
      }

      .hospitation-export-button {
        gap: 6px;
        white-space: nowrap;
      }

      .hospitation-export-button svg {
        width: 17px;
        height: 17px;
        flex: 0 0 auto;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.8;
      }

      .hospitation-export-button[aria-busy="true"] {
        cursor: progress;
        opacity: 0.72;
      }

      .hospitation-header-search-button {
        display: inline-grid;
        place-items: center;
        width: 44px;
        height: 44px;
        flex: 0 0 auto;
        border: 1px solid #c8d8f1;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.88);
        color: var(--primary);
        cursor: pointer;
        box-shadow: 0 8px 18px rgba(47, 111, 236, 0.12);
        transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
      }

      .hospitation-header-search-button:hover,
      .hospitation-header-search-button:focus-visible,
      .hospitation-header-search-button.is-active {
        border-color: #9fbdf7;
        background: #eef4ff;
        color: var(--primary);
        box-shadow: 0 12px 24px rgba(47, 111, 236, 0.18);
        transform: translateY(-1px);
        outline: none;
      }

      .hospitation-header-search-button svg {
        width: 22px;
        height: 22px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2.45;
      }

      .hospitation-header-search-slot {
        position: absolute;
        top: 50%;
        right: 54px;
        z-index: 15;
        width: min(620px, calc(100vw - 132px));
        min-width: min(520px, calc(100vw - 132px));
        transform: translateY(-50%);
        transform-origin: right center;
      }

      .hospitation-header-search-slot[hidden] {
        display: none !important;
      }

      .hospitation-header-search-slot .search-shell {
        width: 100%;
        min-height: 44px;
        padding: 0 15px;
        border-color: #c8d8f1;
        border-radius: 999px;
        background: var(--surface);
        box-shadow: 0 12px 28px rgba(38, 52, 105, 0.14);
        animation: hospitation-search-reveal 0.18s ease-out;
      }

      .hospitation-header-search-slot .search-shell svg {
        display: none;
      }

      .hospitation-header-search-slot .search-input {
        font-size: 0.98rem;
        font-weight: 760;
      }

      @keyframes hospitation-search-reveal {
        from {
          opacity: 0;
          transform: scaleX(0.14);
          clip-path: inset(0 0 0 84%);
        }
        to {
          opacity: 1;
          transform: scaleX(1);
          clip-path: inset(0);
        }
      }

      @media (max-width: 720px) {
        .hospitation-appointments-header__top,
        .hospitation-appointments-action-row {
          display: flex;
          align-items: stretch;
          flex-direction: column;
        }

        .hospitation-appointments-header__mode {
          justify-content: flex-start;
          width: 100%;
        }

        .hospitation-appointments-header__tools {
          justify-content: flex-end;
          width: 100%;
        }

        .hospitation-header-search-slot {
          width: min(100%, calc(100vw - 86px));
          min-width: min(100%, calc(100vw - 86px));
        }

        .hospitation-appointments-action-row__center,
        .hospitation-appointments-action-row__right {
          width: 100%;
        }

        .hospitation-appointments-action-row__center {
          justify-content: center;
        }

        .hospitation-appointments-action-row__right {
          justify-content: flex-end;
          width: 100%;
        }

        .hospitation-export-actions {
          flex: 1 1 auto;
        }

        .hospitation-export-button {
          flex: 1 1 0;
          justify-content: center;
        }
      }

      .hospitation-appointments-header .hospitation-command-view-toggle {
        margin-left: 0;
      }

      .hospitation-appointments-header[hidden] {
        display: none !important;
      }

      .hospitation-command-view-toggle {
        margin-left: auto;
      }

      .hospitation-view-toggle {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        padding: 3px;
      }

      .hospitation-view-toggle button {
        min-height: 30px;
        border: 0;
        border-radius: var(--radius-sm);
        background: transparent;
        color: var(--text-muted);
        cursor: pointer;
        font: inherit;
        font-size: 0.8rem;
        font-weight: 800;
        padding: 6px 10px;
      }

      .hospitation-view-toggle button:hover,
      .hospitation-view-toggle button:focus-visible {
        background: var(--surface-muted);
        color: var(--text);
        outline: none;
      }

      .hospitation-view-toggle button.is-active {
        background: var(--primary-soft);
        color: var(--primary);
      }

      .hospitation-schedule-meta {
        color: var(--text-muted);
        font-size: 0.82rem;
        font-weight: 750;
      }

      .hospitation-table {
        display: grid;
        min-width: 0;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        overflow: visible;
      }

      .hospitation-table-head,
      .hospitation-row__head {
        display: grid;
        grid-template-columns: 34px minmax(78px, 0.42fr) minmax(96px, 0.5fr) minmax(160px, 1.08fr) minmax(128px, 0.7fr) minmax(108px, 0.48fr) minmax(96px, 0.5fr) minmax(60px, 0.3fr) minmax(108px, 0.52fr);
        align-items: center;
        gap: 8px;
        min-width: 0;
      }

      .hospitation-table-head .cell--select,
      .hospitation-row__head .cell--select {
        display: inline-grid;
        justify-content: center;
        min-width: 0;
      }

      .hospitation-table-head {
        position: relative;
        z-index: 20;
        min-height: 42px;
        border-bottom: 1px solid var(--border);
        background: var(--surface-muted);
        color: var(--text-muted);
        font-size: 0.72rem;
        font-weight: 850;
        letter-spacing: 0.04em;
        padding: 0 14px;
        text-transform: uppercase;
      }

      .hospitation-table-head .column-head {
        justify-content: flex-start;
        gap: 4px;
      }

      .hospitation-table-head .column-head__label {
        flex: 0 1 auto;
      }

      .hospitation-table-head .column-sort-button {
        flex: 0 1 auto;
        width: auto;
        gap: 3px;
      }

      .hospitation-table-head .column-sort-indicator {
        width: 18px;
        height: 18px;
      }

      .hospitation-table-head .header-filter {
        margin-left: 0;
      }

      .hospitation-table-head .filter-icon-button {
        width: 20px;
        height: 20px;
      }

      .hospitation-table-head .filter-icon-button svg {
        width: 12px;
        height: 12px;
      }

      .hospitation-row {
        position: relative;
        z-index: 1;
        display: grid;
        min-width: 0;
        border-bottom: 1px solid var(--border);
        background: var(--surface);
      }

      .hospitation-row:last-child {
        border-bottom: 0;
      }

      .hospitation-row.is-open {
        background: var(--surface);
      }

      .hospitation-row.is-bulk-selected {
        background: #fbfdff;
        box-shadow: inset 0 0 0 1px #d8e6ff;
      }

      .hospitation-row__head {
        min-height: 72px;
        border-left: 3px solid transparent;
        cursor: pointer;
        padding: 9px 14px 9px 11px;
        transition: background 160ms ease, border-color 160ms ease;
      }

      .hospitation-row__head:hover {
        background: var(--surface-muted);
      }

      .hospitation-row__head:focus-visible {
        box-shadow: var(--focus-ring);
        outline: none;
      }

      .hospitation-row.is-open .hospitation-row__head {
        border-left-color: var(--primary);
        background: var(--primary-soft);
      }

      .hospitation-row.is-bulk-selected .hospitation-row__head {
        background: #f8fbff;
      }

      .hospitation-row__head:hover,
      .hospitation-row__head:focus-visible {
        border-left-color: var(--primary);
      }

      .hospitation-row__person .avatar {
        width: 48px;
        height: 48px;
        font-size: 0.92rem;
      }

      .hospitation-row__person {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        min-width: 0;
      }

      .hospitation-row__copy,
      .hospitation-row__cell {
        display: grid;
        gap: 3px;
        min-width: 0;
      }

      .hospitation-row__name,
      .hospitation-row__primary {
        color: var(--text);
        font-size: 0.92rem;
        font-weight: 850;
        line-height: 1.25;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-row__name-line {
        display: flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
      }

      .hospitation-row__name-line .hospitation-row__name {
        min-width: 0;
      }

      .hospitation-contact-match-indicator {
        display: inline-grid;
        width: 16px;
        height: 16px;
        flex: 0 0 auto;
        place-items: center;
        border: 1px solid var(--warning, #f59e0b);
        border-radius: 999px;
        background: var(--warning-soft, #fef3c7);
        color: var(--warning-strong, #92400e);
        font-size: 0.68rem;
        font-weight: 900;
        line-height: 1;
        opacity: 0.78;
      }

      .hospitation-row__meta,
      .hospitation-row__secondary {
        color: var(--text-muted);
        font-size: 0.78rem;
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-row__badges {
        display: flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
        flex-wrap: wrap;
      }

      .hospitation-row__observations {
        align-items: center;
        justify-items: start;
      }

      .hospitation-observation-count-badge {
        display: inline-grid;
        min-width: 30px;
        min-height: 28px;
        place-items: center;
        border: 1px solid #b8cdf9;
        border-radius: 999px;
        background: #edf4ff;
        color: #1858c7;
        font-size: 0.76rem;
        font-variant-numeric: tabular-nums;
        font-weight: 900;
        line-height: 1;
        padding: 4px 8px;
      }

      .hospitation-observation-count-badge--empty {
        border-color: var(--border);
        background: var(--surface-muted);
        color: var(--text-muted);
      }

      .hospitation-row__mobile-observations {
        display: inline-flex;
        flex: 0 0 auto;
      }

      .hospitation-row__mobile-status {
        display: inline-flex;
        flex: 0 0 auto;
      }

      .hospitation-row__mobile-status .hospitation-status-badge {
        min-height: 22px;
        padding: 3px 7px;
        font-size: 0.66rem;
      }

      .hospitation-row__mobile-observations .hospitation-observation-count-badge {
        min-width: 22px;
        min-height: 22px;
        padding: 3px 6px;
        font-size: 0.66rem;
      }

      .hospitation-row__documentation {
        display: flex;
        align-items: center;
        gap: 6px;
        justify-content: flex-start;
        min-width: 0;
        flex-wrap: nowrap;
      }

      .hospitation-documentation-action {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        width: 100%;
        min-width: 0;
        max-width: 124px;
        min-height: 32px;
        border: 1px solid #dce3f3;
        border-radius: 999px;
        background: #ffffff;
        color: var(--text);
        cursor: pointer;
        font: inherit;
        padding: 4px 9px 4px 5px;
        text-align: left;
        transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
      }

      .hospitation-documentation-action--done {
        border-color: rgba(22, 101, 52, 0.26);
        background: #f7fdf9;
      }

      .hospitation-documentation-action--draft {
        border-color: rgba(146, 64, 14, 0.26);
        background: #fffaf2;
      }

      .hospitation-documentation-action--open {
        border-color: rgba(185, 28, 28, 0.22);
        background: #fffafa;
      }

      .hospitation-documentation-action:hover,
      .hospitation-documentation-action:focus-visible {
        border-color: #aebce3;
        background: #f8fbff;
        box-shadow: 0 8px 18px rgba(38, 52, 105, 0.12);
        outline: none;
        transform: translateY(-1px);
      }

      .hospitation-documentation-action__copy {
        display: flex;
        align-items: center;
        min-width: 0;
        line-height: 1.1;
      }

      .hospitation-documentation-action__main {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-documentation-action__main {
        color: var(--text);
        font-size: 0.76rem;
        font-weight: 900;
      }

      .hospitation-documentation-action .hospitation-documentation-state {
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        font-size: 0.86rem;
      }

      .hospitation-documentation-action--done .hospitation-documentation-state {
        border-color: rgba(22, 101, 52, 0.22);
        background: #ecfdf3;
        color: #166534;
      }

      .hospitation-documentation-action--draft .hospitation-documentation-state {
        border-color: rgba(146, 64, 14, 0.22);
        background: #fff7ed;
        color: #92400e;
      }

      .hospitation-documentation-action--open .hospitation-documentation-state {
        border-color: rgba(185, 28, 28, 0.22);
        background: #fff1f2;
        color: #b91c1c;
      }

      .hospitation-documentation-action--slot {
        cursor: default;
        color: var(--text-muted);
      }

      .hospitation-documentation-action--slot:hover {
        border-color: #dce3f3;
        background: #ffffff;
        box-shadow: none;
        transform: none;
      }

      .questionnaire-workspace {
        display: grid;
        gap: 14px;
        min-height: 0;
      }

      .questionnaire-layout {
        display: grid;
        gap: 14px;
        align-items: start;
      }

      .questionnaire-panel,
      .questionnaire-section {
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: 0 10px 24px rgba(26, 37, 89, 0.06);
      }

      .questionnaire-panel {
        display: grid;
        gap: 14px;
        padding: 14px;
      }

      .questionnaire-panel h3,
      .questionnaire-section h3 {
        margin: 0;
        color: var(--text);
        font-size: 0.98rem;
        font-weight: 900;
        line-height: 1.25;
      }

      .questionnaire-panel p,
      .questionnaire-section p {
        margin: 0;
        color: var(--text-muted);
        font-size: 0.83rem;
        line-height: 1.45;
      }

      .questionnaire-meta-grid {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 10px;
      }

      .questionnaire-field {
        display: grid;
        gap: 5px;
        min-width: 0;
      }

      .questionnaire-field--container {
        grid-column: span 5;
      }

      .questionnaire-field--date {
        grid-column: span 3;
      }

      .questionnaire-field--sector {
        grid-column: span 4;
      }

      .questionnaire-field--organization,
      .questionnaire-field--contact {
        grid-column: span 6;
      }

      .questionnaire-select-shell {
        min-width: 0;
      }

      .questionnaire-select-shell.is-open {
        z-index: 45;
      }

      .questionnaire-select-shell .custom-select-trigger {
        min-height: 46px;
        align-items: center;
        padding: 8px 12px;
      }

      .questionnaire-select-shell .custom-select-trigger__label {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
      }

      .questionnaire-select-shell .custom-select-trigger__label,
      .questionnaire-select-shell .custom-select-entity-text {
        line-height: 1.22;
      }

      .questionnaire-select-shell .custom-select-panel {
        max-height: min(46dvh, 320px);
      }

      .questionnaire-select-shell[data-select-type="questionnaire-hospitation-container"] .custom-select-panel {
        max-height: min(38dvh, 260px);
      }

      .questionnaire-select-shell .custom-select-option {
        align-items: flex-start;
      }

      .questionnaire-select-shell .custom-select-option__label,
      .questionnaire-select-shell .custom-select-option .custom-select-entity-text {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
      }

      .questionnaire-field label,
      .questionnaire-scale-label {
        color: var(--text-muted);
        font-size: 0.72rem;
        font-weight: 850;
        letter-spacing: 0.04em;
        line-height: 1.2;
        text-transform: uppercase;
      }

      .questionnaire-field input,
      .questionnaire-field select,
      .questionnaire-field textarea {
        width: 100%;
        min-width: 0;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface-muted);
        color: var(--text);
        font: inherit;
        font-size: 0.88rem;
        line-height: 1.35;
        padding: 9px 10px;
      }

      .questionnaire-field select {
        cursor: pointer;
      }

      .questionnaire-field textarea {
        min-height: 88px;
        resize: vertical;
      }

      .questionnaire-download-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        white-space: nowrap;
      }

      .questionnaire-section-stack {
        display: grid;
        gap: 12px;
        min-width: 0;
      }

      .questionnaire-section {
        display: grid;
        gap: 14px;
        padding: 16px;
        border-left-width: 5px;
      }

      .questionnaire-section:not([open]) {
        gap: 0;
      }

      .questionnaire-section > summary {
        display: block;
        list-style: none;
        cursor: pointer;
      }

      .questionnaire-section > summary::-webkit-details-marker {
        display: none;
      }

      .questionnaire-section__body {
        display: grid;
        gap: 14px;
      }

      .questionnaire-step-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: flex-end;
        padding-top: 2px;
      }

      .questionnaire-step-validation {
        display: grid;
        gap: 6px;
        border: 1px solid #e7a9a9;
        border-radius: var(--radius-sm);
        background: #fff5f5;
        color: #8f1d1d;
        padding: 10px 12px;
        font-size: 0.82rem;
        line-height: 1.4;
      }

      .questionnaire-step-validation strong {
        color: #741616;
      }

      .questionnaire-step-validation ul {
        display: grid;
        gap: 3px;
        margin: 0;
        padding-left: 20px;
      }

      .questionnaire-field.is-invalid input,
      .questionnaire-field.is-invalid textarea,
      .questionnaire-select-shell.is-invalid .custom-select-trigger {
        border-color: #c92a2a;
        background: #fffafa;
        box-shadow: 0 0 0 3px rgba(201, 42, 42, 0.1);
      }

      .questionnaire-context-goal {
        display: grid;
        grid-column: 1 / -1;
        gap: 9px;
        padding-top: 4px;
      }

      .questionnaire-context-goal h4 {
        margin: 0;
        color: var(--text);
        font-size: 0.82rem;
        font-weight: 900;
        line-height: 1.2;
      }

      .questionnaire-observation-toolbar {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
        flex-wrap: wrap;
      }

      .questionnaire-observation-toolbar strong {
        color: var(--text);
        font-size: 0.9rem;
        font-weight: 900;
      }

      .questionnaire-observation-list {
        display: grid;
        gap: 12px;
      }

      .questionnaire-observation-card {
        display: grid;
        gap: 14px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: #ffffff;
        padding: 14px;
      }

      .questionnaire-observation-card__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }

      .questionnaire-observation-card__head strong {
        color: var(--text);
        font-size: 0.92rem;
        font-weight: 900;
      }

      .questionnaire-observation-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .questionnaire-observation-grid .questionnaire-field--wide {
        grid-column: 1 / -1;
      }

      .questionnaire-field input[type="file"] {
        padding: 8px;
      }

      .questionnaire-section--context {
        border-left-color: #2f7d68;
      }

      .questionnaire-section--meta {
        border-color: #b8d8cd;
        border-left-color: #1f7a63;
        background: linear-gradient(180deg, #ffffff 0%, #f1faf7 100%);
        box-shadow: 0 14px 30px rgba(31, 122, 99, 0.1);
      }

      .questionnaire-section--meta .questionnaire-section-number {
        background: #dff4ec;
        color: #1f7a63;
      }

      .questionnaire-section--workflow {
        border-left-color: #315fba;
      }

      .questionnaire-section--digital {
        border-left-color: #a15c12;
      }

      .questionnaire-section--people {
        border-left-color: #8b4bb2;
      }

      .questionnaire-section--needs {
        border-left-color: #bd3f4d;
      }

      .questionnaire-section--followup {
        border-left-color: #3f6f7f;
      }

      .questionnaire-section__head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
      }

      .questionnaire-section-number {
        display: inline-grid;
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        place-items: center;
        border-radius: 10px;
        background: var(--surface-muted);
        color: var(--primary);
        font-size: 0.82rem;
        font-weight: 900;
      }

      .questionnaire-question-list {
        display: grid;
        gap: 8px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .questionnaire-question-list li {
        position: relative;
        padding-left: 18px;
        color: var(--text);
        font-size: 0.9rem;
        font-weight: 720;
        line-height: 1.4;
      }

      .questionnaire-question-list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.62em;
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background: currentColor;
        opacity: 0.36;
      }

      .questionnaire-topic-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .questionnaire-topic-grid label,
      .questionnaire-scale label {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 30px;
        padding: 5px 9px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text);
        font-size: 0.78rem;
        font-weight: 800;
        line-height: 1.2;
      }

      .questionnaire-topic-grid input,
      .questionnaire-scale input {
        accent-color: var(--primary);
      }

      .questionnaire-scale {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
      }

      .questionnaire-option-group {
        display: grid;
        gap: 7px;
        min-width: 0;
      }

      .questionnaire-classification-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .questionnaire-notes-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }

      .questionnaire-notes-grid .questionnaire-field--wide {
        grid-column: 1 / -1;
      }

      .questionnaire-reflection-thread {
        margin-top: 2px;
      }

      @media (max-width: 980px) {
        .questionnaire-layout,
        .questionnaire-meta-grid,
        .questionnaire-observation-grid,
        .questionnaire-classification-grid,
        .questionnaire-notes-grid {
          grid-template-columns: minmax(0, 1fr);
        }

        .questionnaire-field--container,
        .questionnaire-field--date,
        .questionnaire-field--sector,
        .questionnaire-field--organization,
        .questionnaire-field--contact {
          grid-column: 1 / -1;
        }
      }

      @media print {
        .app-sidebar,
        .workspace-header,
        .controls,
        .questionnaire-toolbar__actions {
          display: none !important;
        }

        .wrap,
        .view-shell {
          padding: 0 !important;
        }

        .questionnaire-section,
        .questionnaire-panel {
          break-inside: avoid;
          box-shadow: none;
        }
      }

      .hospitation-row__owner {
        align-items: center;
        justify-items: start;
      }

      .hospitation-row__owner .owner-avatar-stack {
        height: 24px;
        max-width: 64px;
      }

      .hospitation-row__owner .owner-avatar-stack__item,
      .hospitation-row__owner .owner-avatar-stack__more {
        width: 24px;
        height: 24px;
        border-width: 1px;
      }

      .hospitation-row__owner .owner-avatar-stack--empty .owner-avatar-stack__more {
        width: 24px;
        min-width: 24px;
        padding: 0;
        font-size: 0;
      }

      .hospitation-row__owner .owner-avatar-stack--empty .owner-avatar-stack__more::before {
        content: "-";
        font-size: 0.72rem;
      }

      .hospitation-documentation-state {
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid transparent;
        border-radius: 999px;
        background: transparent;
        color: var(--text-muted);
        padding: 0;
        font-size: 1rem;
        font-weight: 850;
        line-height: 1;
      }

      .hospitation-documentation-state--open {
        border-color: rgba(220, 38, 38, 0.22);
        color: #b91c1c;
      }

      .hospitation-documentation-state--draft {
        border-color: rgba(146, 64, 14, 0.22);
        color: #92400e;
      }

      .hospitation-documentation-state--done {
        border-color: rgba(22, 101, 52, 0.22);
        color: #166534;
      }

      .hospitation-documentation-state__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1em;
        height: 1em;
      }

      .hospitation-archive-actions {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        min-width: 0;
      }

      .hospitation-archive-toggle.is-active {
        border-color: var(--primary);
        background: var(--primary-soft);
        color: var(--primary);
      }

      .hospitation-detail-actions,
      .hospitation-card__actions {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        flex-wrap: wrap;
      }

      .hospitation-detail-note {
        margin: 0;
        color: var(--text-muted);
        font-size: 0.86rem;
        line-height: 1.45;
      }

      .hospitation-card {
        display: grid;
        gap: 12px;
        min-width: 0;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        padding: 14px 16px;
      }

      .hospitation-card__head {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 14px;
        min-width: 0;
      }

      .hospitation-card__identity {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: 1 1 auto;
        min-width: 0;
      }

      .hospitation-card__title {
        display: grid;
        gap: 4px;
        min-width: 0;
      }

      .hospitation-card__title h3 {
        margin: 0;
        font-size: 1rem;
        line-height: 1.25;
        overflow-wrap: anywhere;
      }

      .hospitation-card__meta,
      .hospitation-card__note {
        color: var(--text-muted);
        font-size: 0.82rem;
        line-height: 1.35;
      }

      .hospitation-card__facts {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
      }

      .hospitation-documentation-context {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-bottom: 10px;
      }

      .hospitation-documentation-context-card {
        min-width: 0;
        display: grid;
        align-content: start;
        gap: 3px;
        min-height: 62px;
        border: 1px solid var(--hospitation-context-border, var(--border));
        border-left: 4px solid var(--hospitation-context-accent, var(--accent));
        border-radius: var(--radius-sm);
        background:
          linear-gradient(135deg, var(--hospitation-context-bg, var(--surface-muted)) 0%, var(--surface) 100%);
        padding: 9px 10px;
      }

      .hospitation-documentation-context-card--contact {
        --hospitation-context-accent: #2563eb;
        --hospitation-context-border: #bfdbfe;
        --hospitation-context-bg: #eff6ff;
        grid-column: 1 / -1;
        width: 100%;
        min-height: 126px;
        padding: 16px;
      }

      .hospitation-documentation-context-card--date {
        --hospitation-context-accent: #0f9f6e;
        --hospitation-context-border: #b7ead6;
        --hospitation-context-bg: #ecfdf5;
      }

      .hospitation-documentation-context-card--organization {
        --hospitation-context-accent: #7c3aed;
        --hospitation-context-border: #ddd6fe;
        --hospitation-context-bg: #f5f3ff;
      }

      .hospitation-documentation-context-card--topics {
        --hospitation-context-accent: #0891b2;
        --hospitation-context-border: #bae6fd;
        --hospitation-context-bg: #ecfeff;
        grid-column: 1 / -1;
      }

      .hospitation-documentation-context-card span {
        color: var(--text-muted);
        font-size: 0.66rem;
        font-weight: 850;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .hospitation-documentation-context-card strong {
        min-width: 0;
        color: var(--text);
        font-size: 0.86rem;
        line-height: 1.2;
        overflow-wrap: anywhere;
      }

      .hospitation-documentation-context-card__main {
        display: flex;
        align-items: center;
        gap: 9px;
        min-width: 0;
      }

      .hospitation-documentation-context-card--contact .hospitation-documentation-context-card__main {
        gap: 16px;
      }

      .hospitation-documentation-context-card__main .avatar,
      .hospitation-documentation-context-card__main .organization-logo {
        width: 42px;
        height: 42px;
        min-width: 42px;
      }

      .hospitation-documentation-context-card--contact .hospitation-documentation-context-card__main .avatar {
        width: 92px;
        height: 92px;
        min-width: 92px;
        font-size: 1.08rem;
      }

      .hospitation-documentation-context-card--contact strong {
        font-size: 1.22rem;
        line-height: 1.12;
      }

      .hospitation-documentation-context-topic-list {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        min-width: 0;
      }

      .hospitation-documentation-context-card .hospitation-documentation-topic-badge {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        min-height: 24px;
        border: 1px solid var(--topic-badge-border, #bfdbfe);
        border-radius: 999px;
        background: var(--topic-badge-bg, #eff6ff);
        color: var(--topic-badge-color, #1d4ed8);
        padding: 4px 8px;
        font-size: 0.73rem;
        font-weight: 850;
        letter-spacing: 0;
        line-height: 1.1;
        text-transform: none;
        overflow-wrap: anywhere;
      }

      .hospitation-documentation-context-card .hospitation-documentation-topic-badge:nth-child(6n+1) {
        --topic-badge-bg: #eff6ff;
        --topic-badge-border: #bfdbfe;
        --topic-badge-color: #1d4ed8;
      }

      .hospitation-documentation-context-card .hospitation-documentation-topic-badge:nth-child(6n+2) {
        --topic-badge-bg: #ecfdf5;
        --topic-badge-border: #bbf7d0;
        --topic-badge-color: #047857;
      }

      .hospitation-documentation-context-card .hospitation-documentation-topic-badge:nth-child(6n+3) {
        --topic-badge-bg: #fff7ed;
        --topic-badge-border: #fed7aa;
        --topic-badge-color: #c2410c;
      }

      .hospitation-documentation-context-card .hospitation-documentation-topic-badge:nth-child(6n+4) {
        --topic-badge-bg: #f5f3ff;
        --topic-badge-border: #ddd6fe;
        --topic-badge-color: #6d28d9;
      }

      .hospitation-documentation-context-card .hospitation-documentation-topic-badge:nth-child(6n+5) {
        --topic-badge-bg: #f0fdfa;
        --topic-badge-border: #99f6e4;
        --topic-badge-color: #0f766e;
      }

      .hospitation-documentation-context-card .hospitation-documentation-topic-badge:nth-child(6n+6) {
        --topic-badge-bg: #fef2f2;
        --topic-badge-border: #fecaca;
        --topic-badge-color: #b91c1c;
      }

      .hospitation-documentation-context-card .hospitation-documentation-context-topic-empty {
        color: var(--text-muted);
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: none;
      }

      .hospitation-documentation-form {
        display: grid;
        gap: 16px;
      }

      .hospitation-documentation-form .format-editor-grid {
        grid-template-columns: 1fr;
      }

      .hospitation-documentation-field--primary textarea {
        min-height: 148px;
      }

      .hospitation-documentation-topics {
        display: grid;
        gap: 14px;
      }

      .hospitation-documentation-topics .detail-theme-editor,
      .hospitation-score-item-editor {
        padding: 0;
      }

      .hospitation-documentation-topics .detail-theme-editor {
        gap: 10px;
      }

      .hospitation-documentation-topics .detail-theme-group {
        padding: 12px;
        border: 1px solid #e1e9f8;
        border-radius: 8px;
        background: #ffffff;
      }

      .hospitation-documentation-topics .detail-theme-group--selected {
        border-color: #c6d9ff;
        background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
      }

      .hospitation-documentation-topics .detail-theme-group--suggestions {
        border-color: #e5ebf5;
        background: #fbfcff;
      }

      .hospitation-documentation-theme-hidden,
      .hospitation-score-row[hidden] {
        display: none !important;
      }

      .hospitation-editor-section {
        overflow: visible;
      }

      .hospitation-editor-section > summary {
        cursor: pointer;
        list-style: none;
      }

      .hospitation-editor-section > summary::-webkit-details-marker {
        display: none;
      }

      .hospitation-editor-section__summary {
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 0;
        padding: 2px 0;
      }

      .hospitation-editor-section[open] > .hospitation-editor-section__summary {
        margin-bottom: 14px;
      }

      .hospitation-editor-section__chevron {
        width: 30px;
        height: 30px;
        display: inline-grid;
        place-items: center;
        flex: 0 0 auto;
        border: 1px solid #d7e0f3;
        border-radius: 999px;
        background: linear-gradient(180deg, #ffffff, #f5f8ff);
        color: #3558a7;
        box-shadow: 0 1px 2px rgba(42, 63, 120, 0.08);
        transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
      }

      .hospitation-editor-section__chevron svg {
        width: 16px;
        height: 16px;
        transition: transform 0.18s ease;
      }

      .hospitation-editor-section > summary:hover .hospitation-editor-section__chevron {
        border-color: #a7c4ff;
        background: #eef4ff;
        color: #0f4ecf;
      }

      .hospitation-editor-section[open] > .hospitation-editor-section__summary .hospitation-editor-section__chevron svg {
        transform: rotate(180deg);
      }

      .hospitation-documentation-quality {
        display: inline-grid;
        width: 30px;
        height: 30px;
        flex: 0 0 auto;
        place-items: center;
        border: 1px solid var(--warning, #f59e0b);
        border-radius: 999px;
        background: var(--warning-soft, #fef3c7);
        color: var(--warning-strong, #92400e);
        padding: 0;
        font-size: 0.78rem;
        font-weight: 900;
        line-height: 1;
        opacity: 0.9;
      }

      .hospitation-documentation-quality--complete {
        border-color: rgba(22, 163, 74, 0.38);
        background: rgba(220, 252, 231, 0.9);
        color: #166534;
      }

      #hospitation-editor-drawer.is-documentation-mode .format-participant-panel {
        --hospitation-documentation-header-height: 61px;
        width: clamp(720px, 68vw, 900px);
        max-width: calc(100vw - 28px);
        height: 100dvh;
        max-height: 100dvh;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        box-shadow: -24px 0 70px rgba(16, 27, 80, 0.16);
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scroll-padding-top: 250px;
        scroll-padding-bottom: 104px;
      }

      #hospitation-editor-drawer.is-documentation-mode .format-participant-header {
        position: sticky;
        top: 0;
        z-index: 6;
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 61px;
        padding: 12px 16px;
        border-bottom: 1px solid var(--line);
        background: rgba(255, 255, 255, 0.94);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
      }

      #hospitation-editor-drawer.is-documentation-mode .format-participant-header > div {
        min-width: 0;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-editor-header-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        margin-left: auto;
        min-width: 0;
        flex: 0 0 auto;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-editor-header-actions[hidden] {
        display: none;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-editor-header-action {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        max-width: 132px;
        border: 1px solid #d8e3fb;
        border-radius: 999px;
        background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);
        color: #244ba4;
        padding: 0 12px;
        font-size: 0.76rem;
        font-weight: 850;
        line-height: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-editor-header-action:hover,
      #hospitation-editor-drawer.is-documentation-mode .hospitation-editor-header-action:focus-visible {
        border-color: #b9cdf8;
        background: #eef4ff;
        outline: none;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-editor-header-action:disabled {
        border-color: #e3e8f5;
        background: #f7f9ff;
        color: #8a96ba;
        cursor: not-allowed;
        opacity: 0.78;
      }

      #hospitation-editor-drawer.is-documentation-mode .format-participant-header h3 {
        margin: 0;
        color: var(--text);
        font-size: 0.92rem;
        font-weight: 850;
        line-height: 1.25;
        letter-spacing: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow-wrap: normal;
        word-break: normal;
      }

      #hospitation-editor-drawer.is-documentation-mode .format-participant-header h3.detail-counter {
        color: var(--muted);
        font-size: 0.86rem;
        font-weight: 750;
      }

      #hospitation-editor-drawer.is-documentation-mode .format-participant-header p {
        display: none;
      }

      #hospitation-editor-drawer.is-documentation-mode .import-close {
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 8px;
        background: #f2f5ff;
        color: var(--text);
        font-size: 1.12rem;
      }

      #hospitation-editor-drawer.is-documentation-mode .format-participant-body {
        display: block;
        flex: 1 0 auto;
        min-height: 0;
        padding: 16px;
        overflow: visible;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-form {
        gap: 14px;
      }

      #hospitation-editor-drawer.is-documentation-mode .format-editor-field,
      #hospitation-editor-drawer.is-documentation-mode .detail-info-card,
      #hospitation-editor-drawer.is-documentation-mode .hospitation-repeatable-card,
      #hospitation-editor-drawer.is-documentation-mode [data-add-hospitation-repeatable],
      #hospitation-editor-drawer.is-documentation-mode [data-documentation-theme-add] {
        scroll-margin-top: 250px;
        scroll-margin-bottom: 104px;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-sticky-shell {
        position: sticky;
        top: var(--hospitation-documentation-header-height, 61px);
        z-index: 5;
        display: grid;
        gap: 12px;
        margin: -16px -16px 0;
        padding: 18px 18px 0;
        border-bottom: 1px solid #eef2fb;
        background: rgba(255, 255, 255, 0.96);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
      }

      #hospitation-editor-drawer.is-documentation-mode .detail-profile-top {
        align-items: center;
        grid-template-columns: minmax(0, 1fr) minmax(210px, 286px);
        gap: 18px;
        padding-bottom: 4px;
        min-width: 0;
      }

      #hospitation-editor-drawer.is-documentation-mode .detail-profile-main,
      #hospitation-editor-drawer.is-documentation-mode .detail-profile-copy,
      #hospitation-editor-drawer.is-documentation-mode .detail-profile-meta {
        min-width: 0;
      }

      #hospitation-editor-drawer.is-documentation-mode .detail-profile-main .avatar,
      #hospitation-editor-drawer.is-documentation-mode .detail-profile-main img.avatar {
        width: 104px;
        height: 104px;
        flex: 0 0 104px;
      }

      #hospitation-editor-drawer.is-documentation-mode .detail-profile-copy {
        display: grid;
        gap: 6px;
        overflow: hidden;
      }

      #hospitation-editor-drawer.is-documentation-mode .detail-profile-copy h3 {
        display: -webkit-box;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        color: var(--text);
        line-height: 1.18;
        letter-spacing: 0;
        text-overflow: ellipsis;
        overflow-wrap: normal;
        word-break: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }

      #hospitation-editor-drawer.is-documentation-mode .detail-profile-role,
      #hospitation-editor-drawer.is-documentation-mode .detail-profile-subline {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow-wrap: normal;
        word-break: normal;
      }

      #hospitation-editor-drawer.is-documentation-mode .detail-profile-role {
        max-width: min(100%, 336px);
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-profile-link {
        display: inline-flex;
        align-items: flex-start;
        gap: 7px;
        max-width: min(100%, 336px);
        min-height: 40px;
        border: 1px solid rgba(37, 99, 235, 0.18);
        border-radius: 18px;
        background:
          linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(255, 255, 255, 0.96));
        color: #1d4ed8;
        font: inherit;
        font-size: 0.82rem;
        font-weight: 850;
        line-height: 1.18;
        padding: 6px 10px 6px 7px;
        text-align: left;
        text-decoration: none;
        box-shadow: 0 7px 18px rgba(37, 99, 235, 0.08);
        overflow: hidden;
        cursor: pointer;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-profile-link:hover,
      #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-profile-link:focus-visible {
        border-color: rgba(37, 99, 235, 0.34);
        background:
          linear-gradient(135deg, rgba(219, 234, 254, 0.98), rgba(255, 255, 255, 0.98));
        color: #173f9f;
        box-shadow: 0 9px 22px rgba(37, 99, 235, 0.12);
        outline: none;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-profile-link:disabled {
        border-color: #e2e8f0;
        background: #f8fafc;
        color: #64748b;
        box-shadow: none;
        cursor: default;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-profile-link__icon,
      #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-profile-link__arrow {
        display: inline-grid;
        place-items: center;
        flex: 0 0 auto;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-profile-link__icon {
        width: 22px;
        height: 22px;
        border-radius: 999px;
        background: #ffffff;
        color: #2563eb;
        box-shadow: inset 0 0 0 1px rgba(191, 219, 254, 0.9);
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-profile-link__icon svg {
        width: 13px;
        height: 13px;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-profile-link__text {
        display: -webkit-box;
        min-width: 0;
        overflow: hidden;
        text-overflow: clip;
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-profile-link__arrow {
        width: 14px;
        height: 14px;
        margin-top: 4px;
        color: #315bba;
        opacity: 0.78;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-profile-link__arrow svg {
        width: 12px;
        height: 12px;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-profile-link:disabled .hospitation-documentation-profile-link__arrow {
        display: none;
      }

      .detail-profile-meta.profile-owner-meta {
        align-items: flex-end;
        min-width: 0;
        padding-left: 16px;
        border-left: 1px solid #e5ecfb;
      }

      .detail-profile-meta.detail-contact-owner-meta {
        width: min(286px, 100%);
      }

      .profile-owner-meta .detail-meta-control {
        width: 100%;
      }

      .profile-owner-control {
        gap: 7px;
        border: 1px solid #dbe6ff;
        border-radius: 14px;
        background: linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%);
        padding: 8px 10px;
        box-shadow: 0 10px 26px rgba(37, 99, 235, 0.08);
      }

      .profile-owner-control .detail-meta-control__label {
        color: #4c5d8f;
      }

      .profile-owner-control .owner-badge {
        min-height: 30px;
        width: 100%;
        gap: 5px;
        justify-content: flex-start;
        padding: 2px 8px 2px 3px;
        border-color: rgba(147, 197, 253, 0.68);
        background: rgba(255, 255, 255, 0.82);
        box-shadow: 0 1px 2px rgba(16, 35, 110, 0.08);
      }

      .profile-owner-control__main {
        display: grid;
        gap: 8px;
      }

      .profile-owner-control__row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 34px;
        align-items: start;
        gap: 6px;
        min-width: 0;
      }

      .profile-owner-control__badge {
        min-width: 0;
      }

      .profile-owner-control__badge .owner-badge-group {
        width: 100%;
        display: grid;
        align-items: flex-start;
        gap: 5px;
        overflow: visible;
      }

      .profile-owner-control__badge .owner-badge {
        width: 100%;
        min-width: 0;
        max-width: 100%;
      }

      .profile-owner-control__badge .owner-badge--empty {
        flex-basis: 100%;
      }

      .profile-owner-control__badge .owner-badge__label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 5.5rem;
      }

      .profile-owner-control__badge .owner-badge-more {
        flex: 0 0 auto;
      }

      .profile-owner-control__edit {
        display: inline-grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border: 1px solid #cbdaf8;
        border-radius: 999px;
        background: #ffffff;
        color: #244ba4;
        padding: 0;
        font: inherit;
        line-height: 1;
        cursor: pointer;
        box-shadow: 0 1px 2px rgba(16, 35, 110, 0.08);
      }

      .profile-owner-control__edit:hover,
      .profile-owner-control__edit:focus-visible {
        border-color: #9ebcf4;
        background: #eef4ff;
        text-decoration: none;
        outline: none;
      }

      .profile-owner-control__edit svg {
        width: 16px;
        height: 16px;
      }

      .profile-owner-control__picker {
        max-height: none;
        overflow: visible;
      }

      .profile-owner-control__picker[hidden] {
        display: none;
      }

      .owner-picker-status {
        min-height: 18px;
        margin: 0;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        line-height: 1.35;
      }

      .owner-picker-status.is-error {
        color: var(--danger);
      }

      .owner-picker-actions {
        display: flex;
        justify-content: flex-end;
        gap: 7px;
      }

      .owner-picker-action {
        min-height: 32px;
        padding: 6px 10px;
        border: 1px solid #cbdaf8;
        border-radius: 9px;
        background: #ffffff;
        color: #244ba4;
        font: inherit;
        font-size: var(--font-size-xs);
        font-weight: 800;
        cursor: pointer;
      }

      .owner-picker-action--primary {
        border-color: var(--primary);
        background: var(--primary);
        color: #ffffff;
      }

      .owner-picker-action:disabled {
        cursor: wait;
        opacity: 0.62;
      }

      @media (max-width: 760px) {
        .detail-profile-meta.profile-owner-meta {
          width: 100%;
          align-items: stretch;
          padding-left: 0;
          border-left: 0;
        }

        .profile-owner-control__badge .owner-badge {
          flex-basis: 100%;
        }
      }

      .hospitation-documentation-overview {
        display: grid;
        gap: 12px;
      }

      .hospitation-documentation-overview .detail-line-list {
        border-top: 1px solid #eef2fb;
      }

      .hospitation-documentation-overview .detail-line {
        padding-block: 12px;
      }

      .hospitation-documentation-footer-actions {
        display: grid;
        gap: 10px;
      }

      .hospitation-documentation-archive-action {
        width: 100%;
        justify-content: center;
        min-height: 42px;
      }

      .hospitation-documentation-tab-stack {
        display: grid;
        gap: 12px;
      }

      .hospitation-documentation-tab-stack .detail-info-card {
        gap: 10px;
      }

      .hospitation-documentation-tab-stack .detail-section-title {
        margin-bottom: 0;
      }

      .hospitation-documentation-tab-panel > .detail-section-title {
        margin-bottom: 10px;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-title-with-warning {
        display: flex;
        align-items: center;
        gap: 7px;
      }

      #hospitation-editor-drawer.is-documentation-mode .detail-tabs {
        position: static;
        top: auto;
        margin-top: 0;
      }

      #hospitation-editor-drawer.is-documentation-mode .detail-tab {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        position: relative;
      }

      .hospitation-documentation-tab-warning {
        position: relative;
        display: inline-grid;
        place-items: center;
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        border: 1px solid #f4c15d;
        border-radius: 999px;
        background: #fff7d6;
        color: #9a5f00;
        font-size: 0.68rem;
        font-weight: 950;
        line-height: 1;
      }

      .hospitation-documentation-tab-warning[hidden] {
        display: none;
      }

      .hospitation-documentation-tab-warning__popup {
        position: absolute;
        left: 50%;
        top: calc(100% + 9px);
        z-index: 14;
        display: none;
        width: max-content;
        max-width: min(260px, calc(100vw - 36px));
        transform: translateX(-50%);
        border: 1px solid #f2d090;
        border-radius: 10px;
        background: #fffaf0;
        color: #704200;
        padding: 9px 10px;
        box-shadow: 0 14px 34px rgba(86, 55, 0, 0.16);
        text-align: left;
        white-space: normal;
        pointer-events: none;
      }

      .hospitation-documentation-tab-warning:hover .hospitation-documentation-tab-warning__popup,
      .hospitation-documentation-tab-warning:focus-within .hospitation-documentation-tab-warning__popup {
        display: grid;
        gap: 5px;
      }

      .hospitation-documentation-tab-warning__popup strong {
        font-size: 0.72rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 0.04em;
      }

      .hospitation-documentation-tab-warning__popup span {
        font-size: 0.76rem;
        font-weight: 700;
        line-height: 1.35;
      }

      #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-form > .format-editor-actions {
        position: sticky;
        bottom: -16px;
        z-index: 3;
        margin: 4px -16px -16px;
        padding: 12px 16px 14px;
        border-top: 1px solid #eef2fb;
        background: rgba(255, 255, 255, 0.96);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
      }

      .hospitation-repeatable-list {
        display: grid;
        gap: 12px;
      }

      .hospitation-repeatable-items {
        display: grid;
        gap: 12px;
      }

      .hospitation-repeatable-card {
        display: block;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface-muted);
        padding: 0;
        overflow: hidden;
      }

      .hospitation-repeatable-card > summary {
        cursor: pointer;
        list-style: none;
      }

      .hospitation-repeatable-card > summary::-webkit-details-marker {
        display: none;
      }

      .hospitation-repeatable-card__summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        padding: 11px 12px;
      }

      .hospitation-repeatable-card__summary strong,
      .hospitation-repeatable-card__summary span {
        min-width: 0;
      }

      .hospitation-repeatable-card__summary strong {
        display: block;
        color: var(--text);
        font-size: 0.92rem;
        line-height: 1.25;
        overflow-wrap: anywhere;
      }

      .hospitation-repeatable-card__summary small {
        display: block;
        color: var(--text-muted);
        font-size: 0.76rem;
        line-height: 1.3;
        margin-top: 2px;
      }

      .hospitation-repeatable-card__toggle {
        border: 1px solid #d7e0f3;
        border-radius: 999px;
        background: var(--surface);
        color: var(--primary);
        padding: 4px 8px;
        font-size: 0.72rem;
        font-weight: 850;
        white-space: nowrap;
      }

      .hospitation-repeatable-card__body {
        display: grid;
        gap: 12px;
        border-top: 1px solid var(--border);
        padding: 12px;
      }

      .hospitation-observation-compact {
        display: grid;
        gap: 14px;
      }

      .hospitation-observation-compact__section {
        display: grid;
        gap: 10px;
      }

      .hospitation-observation-compact__label {
        margin: 0;
        color: var(--text-muted);
        font-size: 0.76rem;
        font-weight: 850;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .hospitation-observation-coding-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .hospitation-observation-products .detail-theme-editor {
        padding: 0;
        gap: 10px;
      }

      .hospitation-observation-products .detail-theme-group {
        padding: 12px;
        border: 1px solid #e1e9f8;
        border-radius: 8px;
        background: #ffffff;
      }

      .hospitation-observation-products .detail-theme-group--selected {
        border-color: #c6d9ff;
        background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
      }

      .hospitation-observation-products .detail-theme-group--suggestions {
        border-color: #e5ebf5;
        background: #fbfcff;
      }

      .hospitation-observation-materials {
        display: grid;
        gap: 8px;
        padding: 12px;
        border: 1px solid #e5ebf5;
        border-radius: 8px;
        background: #fbfcff;
      }

      .hospitation-observation-materials__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        flex-wrap: wrap;
      }

      .hospitation-observation-materials__head strong {
        color: var(--text);
        font-size: 0.86rem;
      }

      .hospitation-observation-materials__meta {
        color: var(--text-muted);
        font-size: 0.78rem;
        line-height: 1.35;
      }

      .hospitation-observation-advanced {
        border: 1px solid #e5ebf5;
        border-radius: 8px;
        background: #ffffff;
        overflow: hidden;
      }

      .hospitation-observation-advanced > summary {
        cursor: pointer;
        list-style: none;
        padding: 10px 12px;
        color: var(--primary);
        font-size: 0.8rem;
        font-weight: 850;
      }

      .hospitation-observation-advanced > summary::-webkit-details-marker {
        display: none;
      }

      .hospitation-observation-advanced__body {
        display: grid;
        gap: 10px;
        border-top: 1px solid #e5ebf5;
        padding: 12px;
      }

      .hospitation-repeatable-actions {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
      }

      .hospitation-repeatable-actions__hint {
        color: var(--text-muted);
        font-size: 0.78rem;
        line-height: 1.35;
      }

      .hospitation-repeatable-remove {
        border-color: #fecaca;
        background: #fff5f5;
        color: #b91c1c;
      }

      .hospitation-artifact-preview {
        display: grid;
        gap: 8px;
        border: 1px dashed var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        padding: 10px;
      }

      .hospitation-artifact-preview img {
        width: 100%;
        max-height: 180px;
        object-fit: contain;
        border-radius: var(--radius-sm);
        background: #f8fafc;
      }

      .hospitation-artifact-preview strong {
        color: var(--text);
        font-size: 0.86rem;
        overflow-wrap: anywhere;
      }

      .hospitation-artifact-preview span {
        color: var(--text-muted);
        font-size: 0.78rem;
        line-height: 1.35;
      }

      .hospitation-score-grid {
        display: grid;
        gap: 10px;
      }

      .hospitation-score-row {
        display: grid;
        grid-template-columns: minmax(180px, 1fr) minmax(230px, auto);
        gap: 12px;
        align-items: center;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface-muted);
        padding: 10px 12px;
      }

      .hospitation-score-copy {
        display: grid;
        gap: 3px;
        min-width: 0;
      }

      .hospitation-score-copy strong {
        color: var(--text);
        font-size: 0.9rem;
        line-height: 1.25;
      }

      .hospitation-score-copy span {
        color: var(--text-muted);
        font-size: 0.78rem;
        line-height: 1.35;
      }

      .hospitation-likert {
        display: grid;
        grid-template-columns: repeat(5, minmax(34px, 1fr));
        gap: 6px;
      }

      .hospitation-likert label {
        min-width: 0;
        display: grid;
        place-items: center;
        min-height: 34px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface);
        color: var(--text-muted);
        cursor: pointer;
        font-size: 0.82rem;
        font-weight: 900;
      }

      .hospitation-likert input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
      }

      .hospitation-likert label:has(input:checked) {
        border-color: var(--primary);
        background: var(--primary-soft);
        color: var(--primary);
        box-shadow: inset 0 0 0 1px var(--primary);
      }

      .hospitation-likert label:has(input:focus-visible) {
        box-shadow: var(--focus-ring);
      }

      .hospitation-likert label span {
        pointer-events: none;
      }

      .hospitation-score-row--slider {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .hospitation-score-row__head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        align-items: end;
      }

      .hospitation-score-custom {
        display: grid;
        gap: 5px;
        min-width: 0;
      }

      .hospitation-score-custom input {
        width: 100%;
        min-height: 36px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--text);
        padding: 8px 10px;
        font: inherit;
        font-size: 0.86rem;
        font-weight: 650;
      }

      .hospitation-score-custom input:focus {
        border-color: #7ca5ff;
        box-shadow: var(--focus-ring);
        outline: none;
      }

      .hospitation-score-custom span,
      .hospitation-slider-score__statement {
        color: var(--text-muted);
        font-size: 0.76rem;
        font-weight: 850;
      }

      .hospitation-slider-score {
        display: grid;
        gap: 10px;
        min-width: 0;
      }

      .hospitation-slider-score__scale {
        display: grid;
        grid-template-columns: minmax(170px, 1fr) auto;
        gap: 12px;
        align-items: end;
      }

      .hospitation-slider-score__track {
        display: grid;
        gap: 7px;
        min-width: 0;
      }

      .hospitation-slider-score__ticks {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        padding: 0 8px;
        color: var(--text-muted);
        font-size: 0.72rem;
        font-weight: 850;
        line-height: 1;
      }

      .hospitation-slider-score__ticks span {
        text-align: center;
      }

      .hospitation-slider-score input[type="range"] {
        width: 100%;
        height: 9px;
        appearance: none;
        border-radius: 999px;
        background: linear-gradient(90deg, #155fe4 0 var(--score-ratio, 0%), #dbe5f6 var(--score-ratio, 0%) 100%);
        accent-color: var(--primary);
      }

      .hospitation-slider-score input[type="range"]::-webkit-slider-thumb {
        width: 20px;
        height: 20px;
        appearance: none;
        border: 3px solid #ffffff;
        border-radius: 999px;
        background: #155fe4;
        box-shadow: 0 2px 8px rgba(21, 95, 228, 0.28);
      }

      .hospitation-slider-score input[type="range"]::-moz-range-thumb {
        width: 16px;
        height: 16px;
        border: 3px solid #ffffff;
        border-radius: 999px;
        background: #155fe4;
        box-shadow: 0 2px 8px rgba(21, 95, 228, 0.28);
      }

      .hospitation-slider-score output {
        min-width: 40px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface);
        color: var(--text);
        padding: 4px 8px;
        text-align: center;
        font-size: 0.78rem;
        font-weight: 900;
      }

      .hospitation-score-remove {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        justify-self: end;
        color: var(--text-muted);
        font-size: 0.78rem;
        font-weight: 800;
      }

      .hospitation-score-remove input {
        width: 16px;
        height: 16px;
      }

      .hospitation-roadmap-grid,
      .hospitation-unmet-grid {
        display: grid;
        gap: 12px;
      }

      .hospitation-roadmap-card,
      .hospitation-unmet-card {
        display: grid;
        gap: 12px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface-muted);
        padding: 12px;
      }

      .hospitation-roadmap-card__head {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        align-items: end;
      }

      .hospitation-roadmap-card__scores {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .hospitation-roadmap-score {
        display: grid;
        gap: 8px;
        min-width: 0;
      }

      .hospitation-roadmap-score > span {
        color: var(--text-muted);
        font-size: 0.72rem;
        font-weight: 850;
        letter-spacing: 0.03em;
        text-transform: uppercase;
      }

      .hospitation-roadmap-scale {
        grid-template-columns: repeat(6, minmax(30px, 1fr));
      }

      .hospitation-roadmap-scale label:first-child {
        font-size: 0.72rem;
      }

      .hospitation-roadmap-note {
        min-height: 72px;
      }

      .hospitation-roadmap-summary {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
      }

      .hospitation-roadmap-empty {
        color: var(--text-muted);
        font-size: 0.84rem;
      }

      .hospitation-fact {
        display: grid;
        gap: 3px;
        min-width: 0;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface-muted);
        padding: 8px 10px;
      }

      .hospitation-fact span {
        color: var(--text-muted);
        font-size: 0.72rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.04em;
      }

      .hospitation-fact strong {
        color: var(--text);
        font-size: 0.86rem;
        line-height: 1.25;
        overflow-wrap: anywhere;
      }

      .hospitation-status-badge {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface);
        color: var(--text-secondary);
        padding: 5px 10px;
        font-size: 0.76rem;
        font-weight: 800;
        white-space: nowrap;
      }

      .hospitation-status-badge--draft,
      .hospitation-status-badge--archived {
        background: var(--surface-muted);
        color: var(--text-muted);
      }

      .hospitation-status-badge--requested,
      .hospitation-status-badge--free {
        border-color: var(--info);
        background: var(--info-soft);
        color: var(--info);
      }

      .hospitation-status-badge--offered,
      .hospitation-status-badge--booked,
      .hospitation-status-badge--scheduled,
      .hospitation-status-badge--reserved {
        border-color: #b7c9ff;
        background: #eef4ff;
        color: #2149b8;
      }

      .hospitation-status-badge--done {
        border-color: #d8c7ff;
        background: #f4f0ff;
        color: #6d28d9;
      }

      .hospitation-status-badge--documented {
        border-color: var(--success);
        background: var(--success-soft);
        color: var(--success);
      }

      .hospitation-status-badge--rejected,
      .hospitation-status-badge--cancelled {
        border-color: var(--danger);
        background: var(--danger-soft);
        color: var(--danger);
      }

      .format-fact .hospitation-status-badge,
      .format-fact .theme-tag {
        justify-self: start;
        text-transform: none;
        letter-spacing: 0;
      }

      .hospitation-dashboard {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        align-items: stretch;
        gap: 16px;
        --hospitation-dashboard-blue: #2f6fec;
        --hospitation-dashboard-green: #20a86b;
        --hospitation-dashboard-violet: #7c4fe4;
        --hospitation-dashboard-amber: #c77a08;
        --hospitation-dashboard-red: #d94c45;
        --hospitation-dashboard-ink: #10245c;
        --hospitation-dashboard-line: #d9e5f8;
        --hospitation-dashboard-soft: #f6f9fe;
      }

      .hospitation-dashboard .dashboard-card {
        border-color: var(--hospitation-dashboard-line);
        background: rgba(255, 255, 255, 0.98);
      }

      .hospitation-dashboard-preview-card {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        border-color: #c8d8f1;
        background:
          radial-gradient(circle at 8% 20%, rgba(47, 111, 236, 0.12) 0 90px, transparent 92px),
          linear-gradient(135deg, #ffffff 0%, #f5f8ff 100%);
        padding: 24px 28px;
      }

      .hospitation-dashboard-preview-card.hospitation-appointments-header {
        display: grid;
        align-items: stretch;
        justify-content: normal;
        gap: 10px;
      }

      .hospitation-dashboard-preview-copy {
        display: grid;
        gap: 4px;
        min-width: 0;
      }

      .hospitation-dashboard-preview-copy span {
        color: #587198;
        font-size: 0.76rem;
        font-weight: 900;
        letter-spacing: 0;
        text-transform: uppercase;
      }

      .hospitation-dashboard-preview-copy :is(strong, h2) {
        margin: 0;
        color: var(--hospitation-dashboard-ink);
        font-size: clamp(1.35rem, 2.2vw, 2.35rem);
        font-weight: 900;
        line-height: 1.05;
      }

      .hospitation-dashboard-preview-copy p {
        margin: 0;
        color: #6f7f9b;
        font-size: 0.95rem;
        font-weight: 680;
        line-height: 1.4;
      }

      .hospitation-dashboard-preview-actions {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        flex: 0 0 auto;
        flex-wrap: wrap;
      }

      .hospitation-dashboard-layout-button.is-active {
        background: var(--primary-soft);
        color: var(--primary);
        border-color: #bcd2ff;
      }

      .hospitation-dashboard-guidance {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        gap: 10px;
        border-color: #f6c86d;
        background: #fff7e6;
      }

      .hospitation-dashboard-guidance strong {
        color: #b97000;
        font-size: 0.92rem;
        line-height: 1.25;
        white-space: nowrap;
      }

      .hospitation-dashboard-guidance span {
        color: var(--hospitation-dashboard-ink);
        font-size: 0.84rem;
        font-weight: 720;
        line-height: 1.4;
      }

      .hospitation-dashboard-filter-card {
        grid-column: 1 / -1;
        display: grid;
        gap: 0;
        overflow: visible;
        padding: 0;
      }

      .hospitation-dashboard-filter-summary {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        min-width: 0;
        cursor: pointer;
        list-style: none;
        padding: 14px 16px;
      }

      .hospitation-dashboard-filter-summary::-webkit-details-marker {
        display: none;
      }

      .hospitation-dashboard-filter-summary:focus-visible {
        box-shadow: var(--focus-ring);
        outline: none;
      }

      .hospitation-dashboard-filter-card[open] .hospitation-dashboard-filter-summary {
        border-bottom: 1px solid var(--border);
      }

      .hospitation-dashboard-filter-summary-copy {
        display: grid;
        gap: 3px;
        min-width: 0;
      }

      .hospitation-dashboard-filter-summary-copy strong {
        color: var(--text);
        font-size: 0.94rem;
      }

      .hospitation-dashboard-filter-summary-copy span {
        color: var(--text-muted);
        font-size: 0.8rem;
        font-weight: 760;
        line-height: 1.35;
      }

      .hospitation-dashboard-filter-summary-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--primary);
        padding: 5px 9px;
        font-size: 0.76rem;
        font-weight: 900;
        white-space: nowrap;
      }

      .hospitation-dashboard-filter-summary-chip::after {
        content: "";
        width: 7px;
        height: 7px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(45deg) translateY(-1px);
        transition: transform 0.16s ease;
      }

      .hospitation-dashboard-filter-card[open] .hospitation-dashboard-filter-summary-chip::after {
        transform: rotate(225deg) translateY(-1px);
      }

      .hospitation-dashboard-filter-body {
        display: grid;
        gap: 12px;
        padding: 14px 16px 16px;
      }

      .hospitation-dashboard-filter-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        min-width: 0;
      }

      .hospitation-dashboard-filter-head strong {
        color: var(--text);
        font-size: 0.94rem;
      }

      .hospitation-dashboard-filter-head span {
        color: var(--text-muted);
        font-size: 0.8rem;
        font-weight: 760;
      }

      .hospitation-dashboard-filter-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }

      .hospitation-dashboard-filter-field {
        display: grid;
        gap: 5px;
        min-width: 0;
      }

      .hospitation-dashboard-filter-field label {
        color: var(--text-muted);
        font-size: 0.7rem;
        font-weight: 900;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .hospitation-dashboard-filter-actions {
        display: flex;
        justify-content: flex-end;
      }

      .hospitation-dashboard-card--full {
        grid-column: 1 / -1;
      }

      .hospitation-dashboard-card--main {
        grid-column: span 7;
      }

      .hospitation-dashboard-card--side {
        grid-column: span 5;
      }

      .hospitation-dashboard-card--span-3 {
        grid-column: span 3;
      }

      .hospitation-dashboard-card--span-4 {
        grid-column: span 4;
      }

      .hospitation-dashboard-card--span-5 {
        grid-column: span 5;
      }

      .hospitation-dashboard-card--span-6 {
        grid-column: span 6;
      }

      .hospitation-dashboard-card--span-7 {
        grid-column: span 7;
      }

      .hospitation-dashboard-card--span-8 {
        grid-column: span 8;
      }

      .hospitation-dashboard-layout-toolbar {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 14px;
      }

      .hospitation-dashboard-layout-toolbar__copy {
        display: grid;
        gap: 2px;
        min-width: 0;
      }

      .hospitation-dashboard-layout-toolbar__copy strong {
        color: var(--hospitation-dashboard-ink);
        font-size: 0.9rem;
        font-weight: 900;
      }

      .hospitation-dashboard-layout-toolbar__copy span {
        color: var(--text-muted);
        font-size: 0.76rem;
        font-weight: 760;
        line-height: 1.35;
      }

      .hospitation-dashboard-layout-toolbar__actions {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        flex: 0 0 auto;
      }

      .hospitation-dashboard-card[data-hospitation-dashboard-widget][draggable="true"] {
        position: relative;
        cursor: grab;
      }

      .hospitation-dashboard-card[data-hospitation-dashboard-widget][draggable="true"]:active {
        cursor: grabbing;
      }

      .hospitation-dashboard-card.is-dragging {
        opacity: 0.55;
      }

      .hospitation-dashboard-card.is-drop-target {
        box-shadow: 0 0 0 2px rgba(47, 111, 236, 0.28), var(--shadow-sm);
      }

      .hospitation-dashboard-widget-controls {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: #ffffff;
        padding: 3px;
      }

      .hospitation-dashboard-widget-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 26px;
        height: 26px;
        border: 0;
        border-radius: 999px;
        background: transparent;
        color: var(--hospitation-dashboard-ink);
        font-size: 0.76rem;
        font-weight: 900;
        line-height: 1;
        cursor: pointer;
      }

      .hospitation-dashboard-widget-button:hover,
      .hospitation-dashboard-widget-button:focus-visible {
        background: #edf4ff;
        color: var(--accent);
        outline: none;
      }

      .hospitation-dashboard-widget-button--size {
        min-width: 60px;
        padding: 0 8px;
        color: var(--text-muted);
        font-size: 0.68rem;
        letter-spacing: 0.02em;
        text-transform: uppercase;
      }

      .hospitation-dashboard-accordion-card {
        padding: 0;
        overflow: hidden;
      }

      .hospitation-dashboard-accordion-card > summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 58px;
        padding: 18px 20px;
        cursor: pointer;
        list-style: none;
      }

      .hospitation-dashboard-accordion-card > summary::-webkit-details-marker {
        display: none;
      }

      .hospitation-dashboard-accordion-card > summary::after {
        content: "+";
        display: grid;
        place-items: center;
        width: 24px;
        height: 24px;
        flex: 0 0 auto;
        border: 1px solid var(--hospitation-dashboard-line);
        border-radius: 999px;
        background: #f8fbff;
        color: var(--hospitation-dashboard-blue);
        font-size: 1rem;
        font-weight: 900;
      }

      .hospitation-dashboard-accordion-card[open] > summary::after {
        content: "-";
      }

      .hospitation-dashboard-accordion-card > summary h4 {
        margin: 0;
      }

      .hospitation-dashboard-accordion-label {
        min-width: 0;
        color: var(--hospitation-dashboard-ink);
        font-size: 0.88rem;
        font-weight: 920;
        line-height: 1.2;
      }

      .hospitation-dashboard-accordion-body {
        display: grid;
        gap: 12px;
        padding: 0 20px 20px;
      }

      .hospitation-dashboard-section-copy {
        margin: -4px 0 0;
        color: var(--text-muted);
        font-size: 0.84rem;
        font-weight: 700;
        line-height: 1.4;
      }

      .hospitation-dashboard-signal-grid,
      .hospitation-dashboard-pattern-grid,
      .hospitation-dashboard-evidence-grid,
      .hospitation-dashboard-roadmap-grid,
      .hospitation-dashboard-context-grid {
        display: grid;
        gap: 12px;
        min-width: 0;
      }

      .hospitation-dashboard-signal-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .hospitation-dashboard-pattern-grid,
      .hospitation-dashboard-roadmap-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .hospitation-dashboard-evidence-grid {
        grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
      }

      .hospitation-dashboard-context-grid {
        grid-template-columns: minmax(240px, 0.9fr) minmax(0, 1.1fr);
        align-items: start;
      }

      .hospitation-dashboard-signal-card,
      .hospitation-dashboard-subpanel {
        display: grid;
        align-content: start;
        gap: 9px;
        min-width: 0;
        border: 1px solid var(--hospitation-dashboard-line);
        border-radius: var(--radius-sm);
        background: var(--hospitation-dashboard-soft);
        padding: 12px;
      }

      .hospitation-dashboard-signal-card strong,
      .hospitation-dashboard-subpanel h5 {
        margin: 0;
        color: var(--text);
        font-size: 0.94rem;
        line-height: 1.25;
      }

      .hospitation-dashboard-signal-card p,
      .hospitation-dashboard-subpanel > p {
        margin: 0;
        color: var(--text-muted);
        font-size: 0.8rem;
        font-weight: 700;
        line-height: 1.35;
      }

      .hospitation-dashboard-derived-list {
        display: grid;
        gap: 10px;
      }

      .hospitation-dashboard-derived-card {
        --derived-accent: var(--hospitation-dashboard-blue);
        position: relative;
        display: grid;
        gap: 10px;
        min-width: 0;
        border: 1px solid var(--hospitation-dashboard-line);
        border-left: 5px solid var(--derived-accent);
        border-radius: var(--radius-sm);
        background: linear-gradient(135deg, #ffffff 0%, var(--hospitation-dashboard-soft) 100%);
        padding: 12px 40px 12px 13px;
      }

      .hospitation-dashboard-derived-card--signal {
        --derived-accent: var(--hospitation-dashboard-green);
      }

      .hospitation-dashboard-derived-card--pattern {
        --derived-accent: var(--hospitation-dashboard-amber);
      }

      .hospitation-dashboard-derived-card--evidence {
        --derived-accent: var(--hospitation-dashboard-red);
      }

      .hospitation-dashboard-derived-card strong {
        color: var(--hospitation-dashboard-ink);
        font-size: 0.92rem;
        line-height: 1.25;
      }

      .hospitation-dashboard-derived-card p {
        margin: 0;
        color: #53637f;
        font-size: 0.8rem;
        font-weight: 720;
        line-height: 1.38;
      }

      .hospitation-dashboard-derived-info {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 19px;
        height: 19px;
        padding: 0;
        border-color: #c5d7ff;
        background: #ffffff;
        color: var(--derived-accent);
        appearance: none;
        font-family: inherit;
        font-size: 0.68rem;
        line-height: 1;
      }

      .hospitation-dashboard-derived-info .dashboard-info__popup {
        right: 0;
        top: calc(100% + 7px);
        width: min(300px, calc(100vw - 42px));
        color: #53608f;
        font-size: 0.76rem;
        font-weight: 740;
      }

      .hospitation-dashboard-derived-info:hover .dashboard-info__popup,
      .hospitation-dashboard-derived-info:focus-within .dashboard-info__popup {
        opacity: 1;
        transform: translateY(0);
      }

      .hospitation-dashboard-derived-code-badges {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
      }

      .hospitation-dashboard-derived-code-badge {
        display: inline-flex;
        align-items: center;
        border: 1px solid transparent;
        border-radius: 999px;
        padding: 4px 8px;
        color: #10245c;
        font-size: 0.68rem;
        font-weight: 850;
        line-height: 1.15;
      }

      .hospitation-dashboard-derived-code-badge--problem {
        border-color: #bfd0ff;
        background: #e8efff;
        color: #1d4ed8;
      }

      .hospitation-dashboard-derived-code-badge--phase {
        border-color: #b9e8cf;
        background: #e7f8ee;
        color: #047857;
      }

      .hospitation-dashboard-evidence-linked-card {
        --evidence-link-color: var(--hospitation-dashboard-blue);
        border-color: #d7e3f8;
        border-top: 3px solid var(--evidence-link-color);
        background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
        box-shadow: 0 10px 24px rgba(22, 52, 118, 0.05);
      }

      .hospitation-dashboard-evidence-linked-card--observations {
        --evidence-link-color: var(--hospitation-dashboard-green);
      }

      .hospitation-dashboard-evidence-linked-card--patterns {
        --evidence-link-color: var(--hospitation-dashboard-green);
      }

      .hospitation-dashboard-evidence-linked-card--hypotheses {
        --evidence-link-color: var(--hospitation-dashboard-amber);
      }

      .hospitation-dashboard-evidence-linked-card--evidence {
        --evidence-link-color: var(--hospitation-dashboard-red);
      }

      .hospitation-dashboard-evidence-linked-card > summary {
        display: grid;
        grid-template-columns: 26px minmax(0, 1fr) auto;
        justify-content: stretch;
        min-height: 48px;
        padding: 12px 14px;
      }

      .hospitation-dashboard-evidence-linked-card > summary::after {
        content: none;
        display: none;
      }

      .hospitation-dashboard-evidence-linked-card > summary::before {
        content: "+";
        display: grid;
        place-items: center;
        width: 22px;
        height: 22px;
        border: 1px solid var(--hospitation-dashboard-line);
        border-radius: 999px;
        background: #ffffff;
        color: var(--evidence-link-color);
        font-size: 0.96rem;
        font-weight: 920;
      }

      .hospitation-dashboard-evidence-linked-card[open] > summary::before {
        content: "-";
      }

      .hospitation-dashboard-evidence-linked-card .hospitation-dashboard-accordion-label {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
      }

      .hospitation-dashboard-accordion-count {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 7px;
        flex-wrap: nowrap;
      }

      .hospitation-dashboard-preview-total {
        display: inline-flex;
        align-items: center;
        min-height: 20px;
        border-radius: 999px;
        padding: 3px 8px;
        line-height: 1;
      }

      .hospitation-dashboard-preview-total {
        border: 1px solid color-mix(in srgb, var(--evidence-link-color) 32%, #dbe5f5);
        background: color-mix(in srgb, var(--evidence-link-color) 13%, #ffffff);
        color: var(--evidence-link-color);
        font-size: 0.72rem;
        font-weight: 920;
        white-space: nowrap;
      }

      .hospitation-dashboard-evidence-linked-card .hospitation-dashboard-accordion-body {
        gap: 12px;
        padding: 0 14px 14px;
      }

      .hospitation-dashboard-accordion-footer {
        display: grid;
        width: 100%;
      }

      .hospitation-dashboard-accordion-footer .action-button {
        width: 100%;
        min-height: 36px;
        justify-content: center;
      }

      .hospitation-dashboard-evidence-linked-card .hospitation-dashboard-derived-list {
        gap: 11px;
      }

      .hospitation-dashboard-evidence-linked-card .hospitation-dashboard-derived-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-content: start;
        align-items: start;
        gap: 8px 10px;
        min-height: 0;
        border-left-width: 3px;
        background: #ffffff;
        padding: 12px 13px;
      }

      .hospitation-dashboard-preview-title {
        min-width: 0;
        color: var(--hospitation-dashboard-ink);
        font-size: 0.88rem;
        font-weight: 930;
        line-height: 1.25;
        white-space: normal;
      }

      .hospitation-dashboard-derived-card .hospitation-dashboard-preview-context {
        display: block;
        grid-column: 1 / -1;
        margin: 0;
        color: #53637f;
        font-size: var(--font-size-sm);
        font-weight: 760;
        line-height: 1.34;
      }

      .dashboard-card .hospitation-dashboard-preview-context {
        display: block;
      }

      .hospitation-dashboard-derived-card .hospitation-dashboard-preview-meta {
        grid-column: 1 / -1;
        color: #6f7f9b;
        font-size: var(--font-size-sm);
        font-weight: 850;
        line-height: 1.3;
      }

      .hospitation-dashboard-mini-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
      }

      .hospitation-dashboard-mini-metric {
        display: grid;
        gap: 4px;
        min-width: 0;
        border: 1px solid var(--hospitation-dashboard-line);
        border-radius: var(--radius-sm);
        background: #ffffff;
        padding: 10px;
      }

      .hospitation-dashboard-mini-metric span {
        color: var(--text-muted);
        font-size: 0.72rem;
        font-weight: 850;
      }

      .hospitation-dashboard-mini-metric strong {
        color: var(--text);
        font-size: 1.25rem;
        font-weight: 950;
        line-height: 1;
      }

      .hospitation-dashboard-chip-row {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
      }

      .hospitation-dashboard-metric-list,
      .hospitation-dashboard-readiness-list,
      .hospitation-dashboard-card-list {
        display: grid;
        gap: 10px;
      }

      .hospitation-dashboard-metric {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface-muted);
        padding: 9px 11px;
      }

      .hospitation-dashboard-metric span {
        min-width: 0;
        color: var(--text);
        font-size: 0.84rem;
        font-weight: 820;
        line-height: 1.3;
      }

      .hospitation-dashboard-metric strong {
        color: var(--text);
        font-size: 0.95rem;
        font-weight: 950;
      }

      .hospitation-dashboard-topic-section {
        display: grid;
        gap: 8px;
      }

      .hospitation-dashboard-topic-section + .hospitation-dashboard-topic-section {
        border-top: 1px solid var(--border);
        padding-top: 10px;
      }

      .hospitation-dashboard-topic-section h5 {
        margin: 0;
        color: var(--text-muted);
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .hospitation-dashboard-score.is-low-evidence {
        border: 1px solid #fde68a;
        border-radius: var(--radius-sm);
        background: #fffbeb;
        padding: 9px 10px;
      }

      .hospitation-dashboard-evidence {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        border: 1px solid #fde68a;
        border-radius: 999px;
        background: #fffbeb;
        color: #92400e;
        padding: 3px 8px;
        font-size: 0.7rem;
        font-weight: 900;
      }

      .hospitation-dashboard-voice-card,
      .hospitation-dashboard-readiness-item,
      .hospitation-dashboard-artifact-card {
        display: grid;
        gap: 9px;
        min-width: 0;
        border: 1px solid var(--hospitation-dashboard-line);
        border-radius: var(--radius-sm);
        background: #ffffff;
        padding: 11px 12px;
      }

      .hospitation-dashboard-voice-card {
        border-left: 3px solid var(--voice-color, var(--hospitation-dashboard-blue));
      }

      .hospitation-dashboard-voice-card blockquote {
        margin: 0;
        color: var(--hospitation-dashboard-ink);
        font-size: 0.9rem;
        font-weight: 780;
        line-height: 1.4;
      }

      .hospitation-dashboard-quote-list {
        display: grid;
        gap: 8px;
      }

      .hospitation-dashboard-quote-card {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        align-items: start;
        gap: 10px;
        min-width: 0;
        border: 1px solid var(--hospitation-dashboard-line);
        border-left: 3px solid #7c4fe4;
        border-radius: var(--radius-sm);
        background: #ffffff;
        padding: 9px 10px;
      }

      .hospitation-dashboard-quote-avatar {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        overflow: hidden;
        border: 2px solid #dbeafe;
        border-radius: 999px;
        background: #eef6ff;
        color: var(--hospitation-dashboard-ink);
        font-size: 0.78rem;
        font-weight: 900;
      }

      .hospitation-dashboard-quote-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .hospitation-dashboard-quote-body {
        display: grid;
        gap: 5px;
        min-width: 0;
      }

      .hospitation-dashboard-quote-body blockquote {
        margin: 0;
        color: var(--hospitation-dashboard-ink);
        font-size: 0.86rem;
        font-weight: 820;
        line-height: 1.32;
      }

      .hospitation-dashboard-quote-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-width: 0;
      }

      .hospitation-dashboard-quote-speaker {
        color: var(--text-muted);
        font-size: 0.72rem;
        font-weight: 820;
        line-height: 1.25;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-dashboard-quote-speaker strong {
        color: var(--hospitation-dashboard-ink);
      }

      .hospitation-dashboard-observation-list {
        display: grid;
        gap: 11px;
      }

      .hospitation-dashboard-observation-card {
        display: grid;
        gap: 8px;
        min-width: 0;
        border: 1px solid #bdebd7;
        border-left: 4px solid var(--hospitation-dashboard-green);
        border-radius: var(--radius-sm);
        background:
          linear-gradient(135deg, #f0fdf7 0%, #ffffff 72%),
          #ffffff;
        box-shadow: 0 8px 22px rgba(32, 168, 107, 0.08);
        padding: 10px 11px;
      }

      .hospitation-dashboard-observation-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 9px;
        min-width: 0;
      }

      .hospitation-dashboard-observation-owner {
        display: inline-grid;
        grid-template-columns: 32px minmax(0, 1fr);
        align-items: center;
        gap: 8px;
        min-width: 0;
      }

      .hospitation-dashboard-observation-avatar {
        display: grid;
        place-items: center;
        width: 32px;
        height: 32px;
        overflow: hidden;
        border: 2px solid #bbf7d0;
        border-radius: 999px;
        background: #dcfce7;
        color: #166534;
        font-size: 0.68rem;
        font-weight: 950;
      }

      .hospitation-dashboard-observation-owner-copy {
        display: grid;
        gap: 2px;
        min-width: 0;
      }

      .hospitation-dashboard-observation-owner-name {
        min-width: 0;
        overflow: hidden;
        color: var(--hospitation-dashboard-ink);
        font-size: 0.82rem;
        font-weight: 900;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-dashboard-observation-body {
        display: grid;
        gap: 5px;
        min-width: 0;
      }

      .hospitation-dashboard-observation-title {
        color: var(--hospitation-dashboard-ink);
        font-size: 0.88rem;
        font-weight: 930;
        line-height: 1.25;
      }

      .hospitation-dashboard-observation-text {
        margin: 0;
        color: #1f3b46;
        font-size: 0.78rem;
        font-weight: 760;
        line-height: 1.34;
      }

      .hospitation-dashboard-card-head-actions {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        flex-wrap: wrap;
      }

      .hospitation-dashboard-card-meta {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
      }

      .hospitation-dashboard-card-meta span,
      .hospitation-dashboard-readiness-meta span {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface);
        color: var(--text-muted);
        padding: 4px 8px;
        font-size: 0.72rem;
        font-weight: 820;
      }

      .hospitation-dashboard-card-action {
        justify-self: start;
      }

      .hospitation-dashboard-observation-card .hospitation-dashboard-card-action {
        justify-self: end;
        white-space: nowrap;
      }

      .hospitation-dashboard-card-title {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-width: 0;
      }

      .hospitation-dashboard-card-title h4 {
        min-width: 0;
      }

      .hospitation-dashboard-detail-backdrop {
        position: fixed;
        inset: 0;
        z-index: 1200;
        display: flex;
        justify-content: flex-end;
        background: rgba(15, 23, 42, 0.34);
        backdrop-filter: blur(3px);
      }

      .hospitation-dashboard-detail-drawer {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        width: min(720px, calc(100vw - 28px));
        max-height: calc(100vh - 28px);
        margin: 14px;
        overflow: hidden;
        border: 1px solid var(--hospitation-dashboard-line);
        border-radius: var(--radius-lg);
        background: #ffffff;
        box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
      }

      .hospitation-dashboard-detail-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 14px;
        border-bottom: 1px solid var(--hospitation-dashboard-line);
        padding: 18px 20px;
      }

      .hospitation-dashboard-detail-title {
        display: grid;
        gap: 4px;
        min-width: 0;
      }

      .hospitation-dashboard-detail-title h3 {
        margin: 0;
        color: var(--hospitation-dashboard-ink);
        font-size: 1.15rem;
        font-weight: 950;
        line-height: 1.2;
      }

      .hospitation-dashboard-detail-title span {
        color: var(--text-muted);
        font-size: 0.82rem;
        font-weight: 800;
        line-height: 1.35;
      }

      .hospitation-dashboard-detail-list {
        display: grid;
        align-content: start;
        gap: 12px;
        min-height: 0;
        overflow: auto;
        padding: 16px 20px 22px;
      }

      .hospitation-dashboard-detail-row {
        display: grid;
        gap: 10px;
        min-width: 0;
        border: 1px solid var(--hospitation-dashboard-line);
        border-left: 4px solid var(--detail-color, var(--hospitation-dashboard-blue));
        border-radius: var(--radius-sm);
        background: var(--hospitation-dashboard-soft);
        padding: 13px 14px;
      }

      .hospitation-dashboard-detail-row--quote {
        grid-template-columns: 52px minmax(0, 1fr);
        align-items: start;
        --detail-color: var(--hospitation-dashboard-violet);
      }

      .hospitation-dashboard-detail-row--observation {
        --detail-color: var(--hospitation-dashboard-green);
      }

      .hospitation-dashboard-detail-row--signal {
        --detail-color: var(--hospitation-dashboard-green);
      }

      .hospitation-dashboard-detail-row--pattern {
        --detail-color: var(--hospitation-dashboard-amber);
      }

      .hospitation-dashboard-detail-row--evidence {
        --detail-color: var(--hospitation-dashboard-red);
      }

      .hospitation-dashboard-detail-body {
        display: grid;
        gap: 8px;
        min-width: 0;
      }

      .hospitation-dashboard-detail-row-title {
        color: var(--hospitation-dashboard-ink);
        font-size: 0.96rem;
        font-weight: 930;
        line-height: 1.25;
      }

      .hospitation-dashboard-detail-text {
        margin: 0;
        color: var(--hospitation-dashboard-ink);
        font-size: 0.86rem;
        font-weight: 760;
        line-height: 1.36;
      }

      .hospitation-dashboard-detail-meta,
      .hospitation-dashboard-detail-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 8px;
        min-width: 0;
      }

      .hospitation-dashboard-detail-meta span {
        color: var(--text-muted);
        font-size: 0.76rem;
        font-weight: 800;
        line-height: 1.25;
      }

      .hospitation-dashboard-detail-meta span + span::before {
        content: "·";
        margin-right: 8px;
        color: #9aa8bd;
      }

      .hospitation-dashboard-detail-tags span {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        border: 1px solid var(--hospitation-dashboard-line);
        border-radius: 999px;
        background: #ffffff;
        color: var(--hospitation-dashboard-ink);
        padding: 4px 8px;
        font-size: 0.72rem;
        font-weight: 850;
        line-height: 1.2;
      }

      .hospitation-dashboard-artifact-summary {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
      }

      .hospitation-dashboard-artifact-summary .hospitation-dashboard-metric {
        grid-template-columns: 1fr;
        gap: 4px;
      }

      .hospitation-dashboard-gallery {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
      }

      .hospitation-dashboard-artifact-card img {
        width: 100%;
        aspect-ratio: 4 / 3;
        object-fit: cover;
        border-radius: var(--radius-sm);
        background: var(--surface);
      }

      .hospitation-dashboard-artifact-card strong,
      .hospitation-dashboard-readiness-item strong {
        color: var(--text);
        font-size: 0.86rem;
        line-height: 1.3;
      }

      .hospitation-dashboard-artifact-card span,
      .hospitation-dashboard-readiness-item p {
        margin: 0;
        color: var(--text-muted);
        font-size: 0.78rem;
        line-height: 1.35;
      }

      .hospitation-dashboard-readiness-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }

      .hospitation-dashboard-quality-list,
      .hospitation-dashboard-funnel {
        display: grid;
        gap: 12px;
      }

      .hospitation-dashboard-observations-card .hospitation-dashboard-card-list,
      .hospitation-dashboard-observations-card .hospitation-dashboard-observation-list {
        grid-template-columns: 1fr;
      }

      .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        position: relative;
        gap: 18px;
        padding-top: 24px;
      }

      .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel::before {
        content: none;
        display: none;
      }

      .hospitation-dashboard-quality-row {
        display: grid;
        gap: 6px;
      }

      .hospitation-dashboard-quality-row__head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        align-items: baseline;
      }

      .hospitation-dashboard-quality-row__head strong {
        min-width: 0;
        color: var(--hospitation-dashboard-ink);
        font-size: 0.84rem;
        font-weight: 900;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-dashboard-quality-row__head span {
        color: #6f7f9b;
        font-size: 0.8rem;
        font-weight: 900;
        white-space: nowrap;
      }

      .hospitation-dashboard-funnel-step {
        position: relative;
        display: grid;
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 16px;
        align-items: center;
      }

      .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel-step {
        position: relative;
        z-index: 1;
        grid-template-columns: 1fr;
        justify-items: center;
        align-items: start;
        align-content: start;
        gap: 8px;
        min-height: 162px;
        overflow: visible;
        border: 2px solid color-mix(in srgb, var(--funnel-color, var(--hospitation-dashboard-blue)) 22%, var(--hospitation-dashboard-line));
        border-radius: 14px;
        background: linear-gradient(180deg, #ffffff 0%, var(--hospitation-dashboard-soft) 100%);
        padding: 46px 12px 13px;
        text-align: center;
        box-shadow: 0 12px 28px rgba(16, 36, 92, 0.08);
      }

      .hospitation-dashboard-funnel-step + .hospitation-dashboard-funnel-step::before {
        content: "";
        position: absolute;
        left: 28px;
        top: -16px;
        width: 2px;
        height: 18px;
        background: #dbe6f7;
      }

      .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel-step + .hospitation-dashboard-funnel-step::before {
        content: "→";
        display: grid;
        place-items: center;
        left: -29px;
        top: 49px;
        z-index: 3;
        width: 36px;
        height: 36px;
        border: 1px solid color-mix(in srgb, var(--funnel-color, var(--hospitation-dashboard-blue)) 30%, #dbe6f7);
        border-radius: 999px;
        background: #ffffff;
        color: color-mix(in srgb, var(--funnel-color, var(--hospitation-dashboard-blue)) 78%, #24456f);
        font-size: 1.45rem;
        font-weight: 950;
        line-height: 1;
        box-shadow: 0 10px 22px rgba(16, 36, 92, 0.12);
      }

      .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel-step:not(:last-child)::after {
        content: none;
        display: none;
      }

      .hospitation-dashboard-funnel-badge {
        display: grid;
        place-items: center;
        width: 58px;
        height: 58px;
        border-radius: 50%;
        background: var(--funnel-color, var(--hospitation-dashboard-blue));
        color: #ffffff;
        font-size: 1.16rem;
        font-weight: 950;
      }

      .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel-badge {
        position: absolute;
        top: -20px;
        left: 50%;
        z-index: 4;
        width: 66px;
        height: 66px;
        border: 4px solid #ffffff;
        box-shadow: 0 10px 22px rgba(16, 36, 92, 0.16);
        transform: translateX(-50%);
      }

      .hospitation-dashboard-funnel-copy {
        display: grid;
        gap: 2px;
        min-width: 0;
      }

      .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel-copy {
        justify-items: center;
        gap: 5px;
      }

      .hospitation-dashboard-funnel-copy strong {
        color: var(--hospitation-dashboard-ink);
        font-size: 1.12rem;
        font-weight: 950;
        line-height: 1.2;
      }

      .hospitation-dashboard-funnel-copy span {
        color: #6f7f9b;
        font-size: 0.84rem;
        font-weight: 740;
        line-height: 1.35;
      }

      .hospitation-dashboard-funnel-label {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-width: 0;
      }

      .hospitation-dashboard-term-info {
        display: inline-grid;
        width: 19px;
        height: 19px;
        padding: 0;
        border-color: #c5d7ff;
        background: #ffffff;
        color: var(--funnel-color, var(--hospitation-dashboard-blue));
        appearance: none;
        font-family: inherit;
        font-size: 0.68rem;
        line-height: 1;
      }

      .hospitation-dashboard-term-info .dashboard-info__popup {
        right: auto;
        left: 50%;
        width: min(360px, calc(100vw - 42px));
        display: grid;
        gap: 6px;
        color: #53608f;
        font-size: 0.76rem;
        font-weight: 740;
        transform: translate(-50%, -4px);
      }

      .hospitation-dashboard-term-info:hover .dashboard-info__popup,
      .hospitation-dashboard-term-info:focus-within .dashboard-info__popup,
      .hospitation-dashboard-term-info.is-open .dashboard-info__popup {
        opacity: 1;
        transform: translate(-50%, 0);
      }

      .hospitation-dashboard-funnel-step:first-child .hospitation-dashboard-term-info .dashboard-info__popup {
        left: 0;
        transform: translate(0, -4px);
      }

      .hospitation-dashboard-funnel-step:first-child .hospitation-dashboard-term-info:hover .dashboard-info__popup,
      .hospitation-dashboard-funnel-step:first-child .hospitation-dashboard-term-info:focus-within .dashboard-info__popup,
      .hospitation-dashboard-funnel-step:first-child .hospitation-dashboard-term-info.is-open .dashboard-info__popup {
        transform: translate(0, 0);
      }

      .hospitation-dashboard-funnel-step:nth-child(3) .hospitation-dashboard-term-info .dashboard-info__popup,
      .hospitation-dashboard-funnel-step:last-child .hospitation-dashboard-term-info .dashboard-info__popup {
        right: 0;
        left: auto;
        transform: translate(0, -4px);
      }

      .hospitation-dashboard-funnel-step:nth-child(3) .hospitation-dashboard-term-info:hover .dashboard-info__popup,
      .hospitation-dashboard-funnel-step:nth-child(3) .hospitation-dashboard-term-info:focus-within .dashboard-info__popup,
      .hospitation-dashboard-funnel-step:nth-child(3) .hospitation-dashboard-term-info.is-open .dashboard-info__popup,
      .hospitation-dashboard-funnel-step:last-child .hospitation-dashboard-term-info:hover .dashboard-info__popup,
      .hospitation-dashboard-funnel-step:last-child .hospitation-dashboard-term-info:focus-within .dashboard-info__popup,
      .hospitation-dashboard-funnel-step:last-child .hospitation-dashboard-term-info.is-open .dashboard-info__popup {
        transform: translate(0, 0);
      }

      .hospitation-dashboard-term-popup strong {
        color: var(--hospitation-dashboard-ink);
        font-size: 0.82rem;
        font-weight: 950;
        line-height: 1.25;
      }

      .hospitation-dashboard-funnel-copy .hospitation-dashboard-term-popup span,
      .hospitation-dashboard-term-popup em {
        color: #5d6d8c;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 720;
        line-height: 1.35;
      }

      .hospitation-dashboard-term-popup em {
        color: #6f7f9b;
      }

      .hospitation-dashboard-readiness-item .hospitation-dashboard-bar {
        height: 8px;
      }

      .hospitation-dashboard-status-ladder {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }

      .hospitation-dashboard-status-ladder span {
        display: inline-flex;
        align-items: center;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text-muted);
        padding: 5px 8px;
        font-size: 0.72rem;
        font-weight: 820;
      }

      .hospitation-dashboard-group-title {
        grid-column: 1 / -1;
        margin: 4px 2px -4px;
        color: var(--text-muted);
        font-size: 0.76rem;
        font-weight: 900;
        letter-spacing: 0;
        text-transform: uppercase;
      }

      .framework-workspace {
        --hospitation-dashboard-blue: #2f6fec;
        --hospitation-dashboard-green: #20a86b;
        --hospitation-dashboard-violet: #7c4fe4;
        --hospitation-dashboard-amber: #c77a08;
        --hospitation-dashboard-red: #d94c45;
        --hospitation-dashboard-ink: #10245c;
        --hospitation-dashboard-line: #d9e5f8;
        --hospitation-dashboard-soft: #f6f9fe;
        display: grid;
        gap: 16px;
        min-width: 0;
      }

      .framework-overview {
        display: grid;
        grid-template-rows: minmax(0, 1fr);
        gap: 16px;
        min-width: 0;
        min-height: 100dvh;
      }

      .framework-overview .framework-model-section {
        align-content: center;
      }

      .framework-header {
        align-items: center;
        min-width: 0;
      }

      .framework-summary-card span,
      .framework-compact-item span {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        color: var(--text-muted);
        font-size: 0.73rem;
        font-weight: 900;
        letter-spacing: 0;
        text-transform: uppercase;
      }

      .framework-summary-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        min-width: 0;
      }

      .framework-summary-card {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        min-width: 0;
        border: 1px solid #d9e5f8;
        border-left: 5px solid var(--framework-color, var(--hospitation-dashboard-blue));
        border-radius: var(--radius-md);
        background: #ffffff;
        padding: 14px;
      }

      .framework-summary-number,
      .framework-accordion-number {
        display: inline-grid;
        place-items: center;
        border-radius: 12px;
        background: var(--framework-color, var(--hospitation-dashboard-blue));
        color: #ffffff;
        font-weight: 950;
        line-height: 1;
      }

      .framework-summary-number {
        width: 38px;
        height: 38px;
        font-size: 0.8rem;
      }

      .framework-summary-card > .framework-summary-number {
        display: inline-grid;
        width: 38px;
        min-width: 38px;
      }

      .framework-summary-card > div {
        display: grid;
        gap: 4px;
        min-width: 0;
      }

      .framework-summary-card strong,
      .framework-accordion-title,
      .framework-compact-item strong {
        color: var(--hospitation-dashboard-ink);
        font-size: 0.98rem;
        font-weight: 930;
        line-height: 1.22;
      }

      .framework-summary-card p,
      .framework-compact-item p,
      .framework-model-note {
        margin: 0;
        color: var(--text-muted);
        font-size: 0.84rem;
        font-weight: 720;
        line-height: 1.38;
      }

      .framework-accordion-list {
        display: grid;
        gap: 10px;
        min-width: 0;
      }

      .framework-accordion {
        padding: 0;
        overflow: hidden;
        border-color: var(--hospitation-dashboard-line);
        box-shadow: none;
        scroll-margin-top: 12px;
      }

      .framework-section-card {
        border-left: 5px solid var(--framework-color, var(--hospitation-dashboard-blue));
      }

      .framework-accordion > summary {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) 28px;
        gap: 12px;
        align-items: center;
        min-height: 68px;
        padding: 15px 16px;
        cursor: pointer;
        list-style: none;
      }

      .framework-accordion > summary::-webkit-details-marker {
        display: none;
      }

      .framework-accordion > summary::after {
        content: "+";
        display: grid;
        place-items: center;
        width: 26px;
        height: 26px;
        border: 1px solid var(--hospitation-dashboard-line);
        border-radius: 999px;
        background: #f8fbff;
        color: var(--framework-color, var(--hospitation-dashboard-blue));
        font-size: 1rem;
        font-weight: 950;
      }

      .framework-accordion[open] > summary::after {
        content: "-";
      }

      .framework-accordion-number {
        width: 42px;
        height: 42px;
        font-size: 0.82rem;
      }

      .framework-accordion-summary {
        display: grid;
        gap: 3px;
        min-width: 0;
      }

      .framework-accordion-title {
        margin: 0;
        font-size: 1.04rem;
      }

      .framework-accordion-body {
        display: grid;
        gap: 12px;
        padding: 0 16px 16px 70px;
        min-width: 0;
      }

      .framework-compact-list {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        min-width: 0;
      }

      .framework-compact-item {
        display: grid;
        gap: 5px;
        min-width: 0;
        border-top: 4px solid var(--framework-color, var(--hospitation-dashboard-blue));
        padding-top: 9px;
      }

      .framework-model-card {
        display: grid;
        gap: 12px;
        min-width: 0;
      }

      .framework-model-section {
        display: grid;
        gap: 16px;
        min-width: 0;
        border-color: #c8d8f1;
        background: #ffffff;
        padding: 18px;
      }

      .framework-model-heading {
        display: grid;
        justify-items: start;
        gap: 5px;
        text-align: left;
      }

      .framework-model-heading h4 {
        margin: 0;
        color: var(--hospitation-dashboard-ink);
        font-size: 1.35rem;
        font-weight: 950;
        line-height: 1.15;
      }

      .framework-model-heading span {
        color: var(--text-muted);
        font-size: 0.73rem;
        font-weight: 900;
        letter-spacing: 0;
        text-transform: uppercase;
      }

      .framework-model-section .framework-model-card {
        width: 100%;
        max-width: none;
        margin: 0 auto;
      }

      .framework-funnel {
        position: relative;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 24px;
        padding-top: 28px;
      }

      .framework-process-flow::before {
        content: none;
        display: none;
      }

      .framework-process-flow .hospitation-dashboard-funnel-step {
        position: relative;
        z-index: 1;
        grid-template-columns: 1fr;
        justify-items: center;
        align-items: start;
        align-content: start;
        gap: 8px;
        min-height: 178px;
        overflow: visible;
        border: 2px solid color-mix(in srgb, var(--funnel-color, var(--hospitation-dashboard-blue)) 24%, var(--hospitation-dashboard-line));
        border-radius: 14px;
        background: linear-gradient(180deg, #ffffff 0%, var(--hospitation-dashboard-soft) 100%);
        padding: 52px 15px 15px;
        text-align: center;
        box-shadow: 0 12px 28px rgba(16, 36, 92, 0.08);
      }

      .framework-process-flow .hospitation-dashboard-funnel-step + .hospitation-dashboard-funnel-step::before {
        content: "→";
        display: grid;
        place-items: center;
        left: -32px;
        top: 55px;
        z-index: 3;
        width: 40px;
        height: 40px;
        border: 1px solid color-mix(in srgb, var(--funnel-color, var(--hospitation-dashboard-blue)) 30%, #dbe6f7);
        border-radius: 999px;
        background: #ffffff;
        color: color-mix(in srgb, var(--funnel-color, var(--hospitation-dashboard-blue)) 78%, #24456f);
        font-size: 1.58rem;
        font-weight: 950;
        line-height: 1;
        box-shadow: 0 10px 22px rgba(16, 36, 92, 0.12);
      }

      .framework-process-flow .hospitation-dashboard-funnel-step:not(:last-child)::after {
        content: none;
        display: none;
      }

      .framework-funnel .hospitation-dashboard-funnel-badge {
        box-shadow: 0 10px 22px rgba(16, 36, 92, 0.14);
      }

      .framework-process-flow .hospitation-dashboard-funnel-badge {
        position: absolute;
        top: -24px;
        left: 50%;
        z-index: 4;
        width: 72px;
        height: 72px;
        border: 5px solid #ffffff;
        transform: translateX(-50%);
      }

      .framework-process-flow .hospitation-dashboard-funnel-copy {
        display: grid;
        grid-template-rows: none;
        justify-items: center;
        gap: 6px;
        width: 100%;
        min-width: 0;
        min-height: 0;
        align-self: start;
      }

      .framework-model-note {
        max-width: 920px;
      }

      .framework-model-divider {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: center;
        gap: 14px;
        margin: 26px 0 20px;
      }

      .framework-model-divider::before,
      .framework-model-divider::after {
        content: "";
        height: 1px;
        background: linear-gradient(90deg, transparent, #c8d8f1);
      }

      .framework-model-divider::after {
        background: linear-gradient(90deg, #c8d8f1, transparent);
      }

      .framework-model-divider__nodes {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        border: 1px solid #d9e5f8;
        border-radius: 999px;
        background: linear-gradient(180deg, #ffffff 0%, #f6f9fe 100%);
        padding: 7px 11px;
        box-shadow: 0 8px 18px rgba(16, 36, 92, 0.08);
      }

      .framework-model-divider__nodes span {
        display: inline-grid;
        width: 10px;
        height: 10px;
        border-radius: 999px;
        background: var(--hospitation-dashboard-blue);
      }

      .framework-model-divider__nodes span:nth-child(3) {
        background: var(--hospitation-dashboard-amber);
      }

      .framework-model-divider__nodes span:nth-child(5) {
        background: var(--hospitation-dashboard-violet);
      }

      .framework-model-divider__nodes i {
        display: inline-block;
        width: 22px;
        height: 2px;
        border-radius: 999px;
        background: #c8d8f1;
      }

      .framework-process-button {
        align-self: start;
        justify-self: stretch;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin-top: 10px;
        text-align: left;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 28px;
        align-items: center;
        gap: 10px;
        min-height: 42px;
        border: 1px solid #d5e3f8;
        border-radius: 12px;
        background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
        color: var(--hospitation-dashboard-ink);
        cursor: pointer;
        font-size: 0.8rem;
        font-weight: 900;
        list-style: none;
        padding: 9px 10px 9px 12px;
        text-align: left;
        transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
      }

      .framework-process-button:hover,
      .framework-process-button:focus-visible {
        border-color: color-mix(in srgb, var(--funnel-color, var(--hospitation-dashboard-blue)) 42%, #cfe0f7);
        background: #ffffff;
        box-shadow: 0 8px 18px rgba(16, 36, 92, 0.08);
        outline: none;
      }

      .framework-process-button::after {
        content: "↓";
        display: inline-grid;
        place-items: center;
        width: 22px;
        height: 22px;
        border: 1px solid #cfe0f7;
        border-radius: 999px;
        background: #ffffff;
        color: var(--funnel-color, var(--hospitation-dashboard-blue));
        font-size: 0.85rem;
        line-height: 1;
      }

      .framework-process-button[aria-expanded="true"]::after {
        content: "✓";
      }

      .framework-rigor-list {
        display: grid;
        gap: 5px;
        margin: 8px 0 0;
        padding: 0;
        list-style: none;
      }

      .framework-rigor-list li {
        color: #5f6f8d;
        font-size: 0.76rem;
        font-weight: 720;
        line-height: 1.32;
      }

      .framework-rigor-list li::before {
        content: "• ";
        color: var(--funnel-color, var(--framework-color, var(--hospitation-dashboard-blue)));
        font-weight: 950;
      }

      .framework-reference-card a {
        color: #244ba4;
        font-size: 0.74rem;
        font-weight: 900;
        line-height: 1.25;
        text-decoration: none;
      }

      .framework-reference-card a:hover,
      .framework-reference-card a:focus-visible {
        text-decoration: underline;
      }

      .framework-method-context {
        display: grid;
        gap: 12px;
      }

      .framework-method-summary {
        display: grid;
        gap: 6px;
        border: 1px solid #dbe6f7;
        border-radius: var(--radius-sm);
        background: #f8fbff;
        padding: 12px;
      }

      .framework-method-summary strong {
        color: var(--hospitation-dashboard-ink);
        font-size: 0.98rem;
        line-height: 1.2;
      }

      .framework-method-summary p {
        margin: 0;
        color: #5f6f8d;
        font-size: 0.84rem;
        font-weight: 760;
        line-height: 1.42;
      }

      .framework-reference-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
      }

      .framework-reference-card {
        display: grid;
        gap: 5px;
        min-width: 0;
        border-top: 4px solid var(--framework-color, var(--hospitation-dashboard-blue));
        padding-top: 9px;
      }

      .framework-reference-card strong {
        color: var(--hospitation-dashboard-ink);
        font-size: 0.84rem;
        line-height: 1.25;
      }

      .framework-reference-card p {
        margin: 0;
        color: #5f6f8d;
        font-size: 0.76rem;
        font-weight: 720;
        line-height: 1.34;
      }

      .framework-step-guide {
        display: grid;
        gap: 13px;
        min-width: 0;
        padding: 4px 2px 2px;
      }

      .framework-step-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        min-width: 0;
      }

      .framework-publication-card {
        display: grid;
        grid-template-columns: minmax(92px, 122px) minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        min-width: 0;
        border: 1px solid color-mix(in srgb, var(--framework-color, var(--hospitation-dashboard-blue)) 22%, #d9e5f8);
        border-radius: 12px;
        background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
        color: inherit;
        padding: 10px;
        text-decoration: none;
        box-shadow: 0 8px 18px rgba(16, 36, 92, 0.07);
      }

      .framework-publication-card:hover,
      .framework-publication-card:focus-visible {
        border-color: color-mix(in srgb, var(--framework-color, var(--hospitation-dashboard-blue)) 48%, #d9e5f8);
        outline: none;
        transform: translateY(-1px);
      }

      .framework-publication-preview {
        position: relative;
        display: grid;
        align-content: start;
        gap: 6px;
        min-height: 94px;
        overflow: hidden;
        border: 1px solid #dce7f7;
        border-radius: 9px;
        background: #ffffff;
        padding: 10px;
        box-sizing: border-box;
      }

      .framework-publication-preview::after {
        content: "";
        position: absolute;
        right: -1px;
        top: -1px;
        width: 26px;
        height: 26px;
        background: linear-gradient(135deg, #dbe6f7 0 49%, #ffffff 50% 100%);
        border-left: 1px solid #dce7f7;
        border-bottom: 1px solid #dce7f7;
      }

      .framework-publication-preview__tag {
        display: inline-flex;
        width: fit-content;
        border-radius: 999px;
        background: color-mix(in srgb, var(--framework-color, var(--hospitation-dashboard-blue)) 14%, #ffffff);
        color: color-mix(in srgb, var(--framework-color, var(--hospitation-dashboard-blue)) 82%, #10245c);
        font-size: 0.62rem;
        font-weight: 950;
        line-height: 1;
        padding: 4px 6px;
      }

      .framework-publication-preview__title {
        max-width: 96px;
        color: var(--hospitation-dashboard-ink);
        font-size: 0.75rem;
        font-weight: 930;
        line-height: 1.18;
      }

      .framework-publication-preview__line {
        display: block;
        width: 100%;
        height: 4px;
        border-radius: 999px;
        background: #e5edf8;
      }

      .framework-publication-preview__line:nth-of-type(4) {
        width: 78%;
      }

      .framework-publication-info {
        display: grid;
        gap: 5px;
        min-width: 0;
      }

      .framework-publication-info span {
        color: #5f6f8d;
        font-size: 0.72rem;
        font-weight: 740;
        line-height: 1.28;
      }

      .framework-publication-label {
        color: color-mix(in srgb, var(--framework-color, var(--hospitation-dashboard-blue)) 80%, #24456f) !important;
        font-size: 0.64rem !important;
        font-weight: 950 !important;
        letter-spacing: 0;
        text-transform: uppercase;
      }

      .framework-publication-info strong {
        color: var(--hospitation-dashboard-ink);
        font-size: 0.84rem;
        font-weight: 930;
        line-height: 1.22;
      }

      .framework-publication-summary {
        color: var(--hospitation-dashboard-ink) !important;
        font-size: 0.78rem !important;
        font-weight: 760 !important;
        line-height: 1.36 !important;
      }

      .framework-publication-cta {
        width: fit-content;
        margin-top: 2px;
        color: #244ba4 !important;
        font-weight: 900 !important;
      }

      .framework-step-guide p {
        display: block;
        margin: 0;
        color: #5f6f8d;
        font-size: 0.82rem;
        font-weight: 740;
        line-height: 1.42;
        text-align: left;
      }

      .framework-step-guide__lead {
        border-left: 4px solid var(--framework-color, var(--hospitation-dashboard-green));
        background: linear-gradient(90deg, color-mix(in srgb, var(--framework-color, var(--hospitation-dashboard-green)) 8%, #ffffff), transparent 86%);
        color: var(--hospitation-dashboard-ink) !important;
        font-weight: 760 !important;
        padding: 10px 12px;
      }

      .framework-step-thread {
        display: grid;
        gap: 8px;
        min-width: 0;
      }

      .framework-step-row {
        display: grid;
        grid-template-columns: minmax(92px, 0.34fr) minmax(0, 1fr);
        gap: 12px;
        min-width: 0;
        border-top: 1px solid #e5edf8;
        padding-top: 8px;
      }

      .framework-step-label {
        color: color-mix(in srgb, var(--framework-color, var(--hospitation-dashboard-green)) 78%, #24456f);
        font-size: 0.72rem;
        font-weight: 850;
        line-height: 1.25;
        text-transform: uppercase;
      }

      .framework-step-row p {
        min-width: 0;
        color: #5f6f8d;
        font-size: 0.8rem;
        font-weight: 720;
        line-height: 1.4;
      }

      .hospitation-dashboard-card {
        display: grid;
        align-content: start;
        gap: 14px;
        border-radius: var(--radius-md);
        box-shadow: none;
      }

      .hospitation-dashboard-kpi {
        display: grid;
        gap: 10px;
        min-height: 148px;
      }

      .hospitation-dashboard-kpi-row {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
      }

      .hospitation-dashboard-kpi-row > .dashboard-card {
        grid-column: auto;
      }

      .hospitation-dashboard-kpi-card {
        position: relative;
        display: grid;
        align-content: space-between;
        gap: 11px;
        min-height: 126px;
        overflow: hidden;
        border-left: 6px solid var(--kpi-color, var(--hospitation-dashboard-blue));
      }

      .hospitation-dashboard-kpi-card::after {
        content: "";
        position: absolute;
        inset: auto -34px -42px auto;
        width: 96px;
        height: 96px;
        border-radius: 50%;
        background: color-mix(in srgb, var(--kpi-color, var(--hospitation-dashboard-blue)) 15%, transparent);
      }

      .hospitation-dashboard-kpi-card > * {
        position: relative;
        z-index: 1;
      }

      .hospitation-dashboard-kpi-card__label {
        color: #687a99;
        font-size: 0.74rem;
        font-weight: 900;
        letter-spacing: 0.02em;
        text-transform: uppercase;
      }

      .hospitation-dashboard-kpi-card__value {
        color: var(--hospitation-dashboard-ink);
        font-size: clamp(2rem, 3vw, 3.15rem);
        font-weight: 950;
        line-height: 0.9;
      }

      .hospitation-dashboard-kpi-card__meta {
        color: #6f7f9b;
        font-size: 0.82rem;
        font-weight: 760;
        line-height: 1.3;
      }

      .hospitation-dashboard-kpi__eyebrow,
      .hospitation-dashboard-section-label {
        color: var(--text-muted);
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0;
        text-transform: uppercase;
      }

      .hospitation-dashboard-kpi__value {
        color: var(--text);
        font-size: 2.45rem;
        font-weight: 950;
        line-height: 0.95;
      }

      .hospitation-dashboard-kpi__meta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        color: var(--text-muted);
        font-size: 0.8rem;
        font-weight: 760;
      }

      .hospitation-dashboard-bar {
        width: 100%;
        height: 9px;
        border-radius: 999px;
        background: #edf3fb;
        overflow: hidden;
      }

      .hospitation-dashboard-bar__fill {
        display: block;
        width: var(--bar-width, 0%);
        max-width: 100%;
        height: 100%;
        border-radius: inherit;
        background: var(--bar-color, var(--primary));
      }

      .hospitation-dashboard-bar--success .hospitation-dashboard-bar__fill {
        background: var(--hospitation-dashboard-green);
      }

      .hospitation-dashboard-bar--primary .hospitation-dashboard-bar__fill {
        background: var(--hospitation-dashboard-blue);
      }

      .hospitation-dashboard-bar--violet .hospitation-dashboard-bar__fill {
        background: var(--hospitation-dashboard-violet);
      }

      .hospitation-dashboard-bar--warning .hospitation-dashboard-bar__fill {
        background: var(--hospitation-dashboard-amber);
      }

      .hospitation-dashboard-bar--danger .hospitation-dashboard-bar__fill {
        background: var(--hospitation-dashboard-red);
      }

      .hospitation-dashboard-list {
        display: grid;
        gap: 10px;
        min-width: 0;
      }

      .hospitation-dashboard-item {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
        min-width: 0;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        padding: 10px 12px;
      }

      .hospitation-dashboard-item__copy {
        display: grid;
        gap: 3px;
        min-width: 0;
      }

      .hospitation-dashboard-item__title {
        color: var(--text);
        font-size: 0.9rem;
        font-weight: 850;
        line-height: 1.25;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-dashboard-item__meta,
      .hospitation-dashboard-item__note {
        color: var(--text-muted);
        font-size: 0.78rem;
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-dashboard-score-grid {
        display: grid;
        gap: 12px;
      }

      .hospitation-dashboard-score {
        display: grid;
        gap: 7px;
        min-width: 0;
      }

      .hospitation-dashboard-score__head,
      .hospitation-dashboard-topic__head {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 10px;
        min-width: 0;
      }

      .hospitation-dashboard-score__label,
      .hospitation-dashboard-topic__label {
        min-width: 0;
        color: var(--text);
        font-size: 0.86rem;
        font-weight: 850;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-dashboard-score__value,
      .hospitation-dashboard-topic__count {
        color: var(--text-muted);
        font-size: 0.78rem;
        font-weight: 850;
        white-space: nowrap;
      }

      .hospitation-dashboard-answer-list {
        display: grid;
        gap: 10px;
      }

      .hospitation-dashboard-answer {
        display: grid;
        gap: 5px;
        border-left: 3px solid var(--primary);
        background: var(--surface-muted);
        border-radius: var(--radius-sm);
        padding: 10px 12px;
      }

      .hospitation-dashboard-answer strong {
        color: var(--text);
        font-size: 0.86rem;
      }

      .hospitation-dashboard-answer span {
        color: var(--text-muted);
        font-size: 0.78rem;
        line-height: 1.35;
        overflow-wrap: anywhere;
      }

      .hospitation-dashboard-topics {
        display: grid;
        gap: 10px;
      }

      .hospitation-dashboard-topic {
        display: grid;
        gap: 6px;
      }

      .hospitation-dashboard-chip-cloud {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
      }

      .hospitation-dashboard-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        max-width: 100%;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text);
        padding: 6px 9px;
        font-size: 0.78rem;
        font-weight: 820;
      }

      .hospitation-dashboard-chip span {
        color: var(--text-muted);
        font-weight: 900;
      }

      .hospitation-dashboard-pie-layout {
        display: grid;
        grid-template-columns: minmax(124px, 148px) minmax(0, 1fr);
        gap: 14px;
        align-items: center;
      }

      .hospitation-dashboard-card--span-4 .hospitation-dashboard-pie-layout {
        grid-template-columns: minmax(108px, 128px) minmax(0, 1fr);
        gap: 12px;
      }

      .hospitation-dashboard-card--span-4 .hospitation-dashboard-pie {
        width: 128px;
      }

      .hospitation-dashboard-card--span-4 .hospitation-dashboard-pie::after {
        inset: 28px;
      }

      .hospitation-dashboard-card--span-4 .hospitation-dashboard-pie__center {
        inset: 40px;
      }

      .hospitation-dashboard-pie {
        position: relative;
        width: 156px;
        aspect-ratio: 1;
        border: 1px solid var(--border);
        border-radius: 50%;
        background: conic-gradient(var(--pie-segments, var(--surface-muted) 0 100%));
      }

      .hospitation-dashboard-pie::after {
        content: "";
        position: absolute;
        inset: 34px;
        border: 1px solid var(--border);
        border-radius: 50%;
        background: var(--surface);
      }

      .hospitation-dashboard-pie__center {
        position: absolute;
        inset: 48px;
        z-index: 1;
        display: grid;
        place-items: center;
        color: var(--text);
        font-size: 1.15rem;
        font-weight: 950;
      }

      .hospitation-dashboard-legend {
        display: grid;
        align-content: center;
        gap: 6px;
        width: 100%;
        min-width: 0;
      }

      .hospitation-dashboard-legend-item {
        display: grid;
        grid-template-columns: 8px minmax(0, 1fr) minmax(50px, auto);
        gap: 7px;
        align-items: center;
        min-width: 0;
        padding: 2px 0;
        border-bottom: 1px solid rgba(217, 229, 248, 0.75);
        color: var(--text-muted);
        font-size: 0.74rem;
        font-weight: 800;
        line-height: 1.15;
      }

      .hospitation-dashboard-legend-item:last-child {
        border-bottom: 0;
      }

      .hospitation-dashboard-legend-dot {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: var(--legend-color, var(--primary));
      }

      .hospitation-dashboard-legend-label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-dashboard-legend-values,
      .hospitation-dashboard-location-legend-values {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 3px;
        justify-self: end;
        color: #64748b;
        font-size: 0.7rem;
        font-weight: 850;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
      }

      .hospitation-dashboard-legend-count,
      .hospitation-dashboard-location-legend-count {
        color: var(--hospitation-dashboard-ink);
        font-weight: 950;
      }

      .hospitation-dashboard-legend-count::after,
      .hospitation-dashboard-location-legend-count::after {
        content: "/";
        margin-left: 3px;
        color: #94a3b8;
        font-weight: 800;
      }

      .hospitation-dashboard-legend-share,
      .hospitation-dashboard-location-legend-share {
        color: #315bba;
        font-weight: 900;
      }

      .hospitation-dashboard-location-card {
        min-height: 362px;
      }

      .hospitation-dashboard-location-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(158px, 0.42fr);
        gap: 14px;
        align-items: center;
      }

      .hospitation-dashboard-location-map {
        position: relative;
        display: grid;
        place-items: center;
        min-height: 238px;
        border: 1px solid var(--hospitation-dashboard-line);
        border-radius: var(--radius-sm);
        background:
          radial-gradient(circle at 50% 36%, rgba(47, 111, 236, 0.12), transparent 58%),
          linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
        padding: 12px;
      }

      .hospitation-dashboard-location-map-svg {
        width: min(100%, 250px);
        height: auto;
        overflow: visible;
        filter: drop-shadow(0 13px 22px rgba(16, 36, 92, 0.12));
      }

      .hospitation-dashboard-location-state {
        stroke: #ffffff;
        stroke-width: 1.45;
        stroke-linejoin: round;
      }

      .hospitation-dashboard-location-point {
        cursor: pointer;
        stroke: #ffffff;
        stroke-width: 2.1;
        paint-order: stroke fill;
        transition: r 0.16s ease, stroke-width 0.16s ease;
      }

      .hospitation-dashboard-location-point:hover,
      .hospitation-dashboard-location-point:focus {
        r: 7.2;
        stroke-width: 2.6;
      }

      .hospitation-dashboard-location-tooltip {
        position: absolute;
        z-index: 3;
        left: 50%;
        top: 50%;
        display: grid;
        gap: 4px;
        width: min(230px, calc(100% - 24px));
        border: 1px solid #bfd4f8;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 18px 36px rgba(16, 36, 92, 0.18);
        color: var(--hospitation-dashboard-ink);
        padding: 10px 12px;
        pointer-events: none;
        transform: translate(-50%, calc(-100% - 12px));
      }

      .hospitation-dashboard-location-tooltip[hidden] {
        display: none;
      }

      .hospitation-dashboard-location-tooltip.is-below {
        transform: translate(-50%, 14px);
      }

      .hospitation-dashboard-location-tooltip strong {
        font-size: 0.82rem;
        font-weight: 900;
        line-height: 1.25;
      }

      .hospitation-dashboard-location-tooltip span {
        color: var(--text-muted);
        font-size: 0.72rem;
        font-weight: 780;
        line-height: 1.3;
      }

      .hospitation-dashboard-location-legend {
        display: grid;
        align-content: center;
        gap: 6px;
        width: 100%;
        min-width: 0;
      }

      .hospitation-dashboard-card--span-4 .hospitation-dashboard-location-layout {
        grid-template-columns: minmax(0, 1fr) minmax(118px, 0.56fr);
        gap: 10px;
      }

      .hospitation-dashboard-location-legend-item {
        display: grid;
        grid-template-columns: 8px minmax(0, 1fr) minmax(50px, auto);
        align-items: center;
        gap: 7px;
        min-width: 0;
        padding: 2px 0;
        border-bottom: 1px solid rgba(217, 229, 248, 0.75);
        color: var(--text-muted);
        font-size: 0.74rem;
        font-weight: 820;
        line-height: 1.15;
      }

      .hospitation-dashboard-location-legend-item:last-child {
        border-bottom: 0;
      }

      .hospitation-dashboard-location-legend-dot {
        width: 8px;
        height: 8px;
        flex: 0 0 auto;
        border-radius: 999px;
        background: var(--location-color, var(--primary));
      }

      .hospitation-dashboard-location-legend-label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-dashboard-word-cloud {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
      }

      .hospitation-dashboard-word {
        display: inline-flex;
        align-items: center;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text);
        padding: 5px 9px;
        font-size: calc(0.78rem + var(--word-size, 0) * 0.05rem);
        font-weight: 850;
        line-height: 1.2;
      }

      .hospitation-dashboard-empty {
        display: grid;
        place-items: center;
        min-height: 120px;
        border: 1px dashed var(--border-strong);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        color: var(--text-muted);
        font-size: 0.86rem;
        font-weight: 760;
        text-align: center;
        padding: 16px;
      }

      .hospitation-calendar {
        display: grid;
        gap: 8px;
        min-width: 0;
        border: 1px solid var(--border);
        border-radius: 14px;
        background: var(--surface);
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
        padding: 8px;
      }

      .hospitation-calendar-head {
        display: grid;
        grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr);
        align-items: center;
        gap: 8px 14px;
        min-width: 0;
        padding: 6px 4px 8px;
      }

      .hospitation-calendar-title {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        text-align: center;
      }

      .hospitation-calendar-title strong {
        color: var(--primary);
        font-size: clamp(1.22rem, 1.6vw, 1.52rem);
        font-weight: 950;
        letter-spacing: -0.025em;
        line-height: 1.1;
        white-space: nowrap;
      }

      .hospitation-calendar-actions {
        grid-column: 3;
        grid-row: 1;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        min-width: 0;
      }

      .hospitation-calendar-nav {
        grid-column: 1;
        grid-row: 1;
        display: inline-flex;
        align-items: center;
        justify-self: start;
        gap: 4px;
      }

      .hospitation-calendar-nav-button {
        display: inline-grid;
        place-items: center;
        min-width: 34px;
        height: 34px;
        border: 1px solid var(--border);
        border-radius: 9px;
        background: var(--surface);
        color: var(--text);
        cursor: pointer;
        font: inherit;
        font-size: 0.76rem;
        font-weight: 800;
        padding: 0 11px;
        transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease;
      }

      .hospitation-calendar-nav-button--icon {
        width: 34px;
        padding: 0;
      }

      .hospitation-calendar-nav-button svg {
        width: 16px;
        height: 16px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
      }

      .hospitation-calendar-nav-button:hover,
      .hospitation-calendar-nav-button:focus-visible {
        border-color: var(--primary);
        background: var(--primary-soft);
        color: var(--primary);
        box-shadow: 0 3px 10px rgba(15, 23, 42, 0.08);
        outline: none;
      }

      .hospitation-calendar-mode-toggle {
        display: inline-flex;
        align-items: center;
        gap: 2px;
        min-height: 34px;
        border: 1px solid var(--border);
        border-radius: 9px;
        background: var(--surface-muted);
        padding: 2px;
      }

      .hospitation-calendar-mode-button {
        min-height: 28px;
        border: 0;
        border-radius: 7px;
        background: transparent;
        color: var(--text-muted);
        cursor: pointer;
        font: inherit;
        font-size: 0.72rem;
        font-weight: 800;
        padding: 4px 11px;
        transition: background 160ms ease, color 160ms ease, box-shadow 160ms ease;
      }

      .hospitation-calendar-mode-button[aria-pressed="true"] {
        background: var(--surface);
        color: var(--primary);
        box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12);
      }

      .hospitation-calendar-legend {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 4px 14px;
        min-width: 0;
        border-top: 1px solid var(--border);
        padding: 7px 6px 1px;
      }

      .hospitation-calendar-legend__item {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
        color: var(--text-muted);
        font-size: 0.68rem;
        font-weight: 750;
        line-height: 1.2;
        white-space: nowrap;
      }

      .hospitation-calendar-legend__dot {
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background: var(--hospitation-event-accent, var(--primary));
      }

      .hospitation-calendar-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 0;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: var(--border);
        overflow: hidden;
      }

      .hospitation-calendar-weekday {
        min-height: 30px;
        display: grid;
        place-items: center;
        border-right: 1px solid var(--border);
        background: var(--surface-muted);
        color: var(--text-muted);
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.025em;
        padding: 0 8px;
        text-transform: uppercase;
      }

      .hospitation-calendar-weekday:nth-child(5) {
        border-right: 0;
      }

      .hospitation-calendar-day {
        min-height: 104px;
        display: grid;
        align-content: start;
        gap: 5px;
        border-top: 1px solid var(--border);
        border-right: 1px solid var(--border);
        background: var(--surface);
        padding: 6px;
        position: relative;
      }

      .hospitation-calendar-day:nth-child(5n + 5) {
        border-right: 0;
      }

      .hospitation-calendar--month .hospitation-calendar-day {
        min-height: clamp(82px, 9.4vh, 104px);
      }

      .hospitation-calendar-day.is-muted {
        background: color-mix(in srgb, var(--surface-muted) 72%, var(--surface));
        color: var(--text-muted);
      }

      .hospitation-calendar-day.has-events {
        background: var(--surface);
      }

      .hospitation-calendar-day.is-today {
        background: color-mix(in srgb, var(--primary-soft) 34%, var(--surface));
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary) 54%, transparent);
      }

      .hospitation-calendar-day__head {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
      }

      .hospitation-calendar-day__number {
        display: inline-grid;
        place-items: center;
        width: 22px;
        height: 22px;
        border-radius: 999px;
        background: transparent;
        color: var(--text-muted);
        font-size: 0.7rem;
        font-weight: 800;
      }

      .hospitation-calendar-day.is-today .hospitation-calendar-day__number {
        background: var(--primary);
        color: #ffffff;
      }

      .hospitation-calendar-event {
        --hospitation-event-accent: #2563eb;
        --hospitation-event-bg: #eff6ff;
        --hospitation-event-border: #bfdbfe;
        --hospitation-event-text: #1e3a8a;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 6px;
        width: 100%;
        border: 1px solid var(--hospitation-event-border);
        border-left: 4px solid var(--hospitation-event-accent);
        border-radius: 7px;
        background: var(--hospitation-event-bg);
        color: var(--hospitation-event-text);
        cursor: pointer;
        font: inherit;
        padding: 5px 6px;
        text-align: left;
        box-shadow: none;
        transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background 160ms ease;
      }

      .hospitation-calendar-event--requested {
        --hospitation-event-accent: #7c3aed;
        --hospitation-event-bg: #f5f3ff;
        --hospitation-event-border: #ddd6fe;
        --hospitation-event-text: #4c1d95;
      }

      .hospitation-calendar-event--offered,
      .hospitation-calendar-event--free {
        --hospitation-event-accent: #0891b2;
        --hospitation-event-bg: #ecfeff;
        --hospitation-event-border: #a5f3fc;
        --hospitation-event-text: #164e63;
      }

      .hospitation-calendar-event--booked,
      .hospitation-calendar-event--scheduled,
      .hospitation-calendar-event--reserved {
        --hospitation-event-accent: #2563eb;
        --hospitation-event-bg: #eff6ff;
        --hospitation-event-border: #bfdbfe;
        --hospitation-event-text: #1e3a8a;
      }

      .hospitation-calendar-event--done {
        --hospitation-event-accent: #7c3aed;
        --hospitation-event-bg: #f5f3ff;
        --hospitation-event-border: #ddd6fe;
        --hospitation-event-text: #4c1d95;
      }

      .hospitation-calendar-event--documented {
        --hospitation-event-accent: #16a34a;
        --hospitation-event-bg: #ecfdf3;
        --hospitation-event-border: #bbf7d0;
        --hospitation-event-text: #14532d;
      }

      .hospitation-calendar-event--draft,
      .hospitation-calendar-event--rejected,
      .hospitation-calendar-event--cancelled,
      .hospitation-calendar-event--archived {
        --hospitation-event-accent: #64748b;
        --hospitation-event-bg: #f8fafc;
        --hospitation-event-border: #cbd5e1;
        --hospitation-event-text: #334155;
      }

      .hospitation-calendar-event:hover,
      .hospitation-calendar-event:focus-visible,
      .hospitation-calendar-event.is-active {
        border-color: var(--hospitation-event-accent);
        background: color-mix(in srgb, var(--hospitation-event-bg) 84%, #ffffff);
        box-shadow: 0 4px 12px color-mix(in srgb, var(--hospitation-event-accent) 18%, transparent);
        transform: translateY(-1px);
        outline: none;
      }

      .hospitation-calendar-event__body,
      .hospitation-calendar-event__title,
      .hospitation-calendar-event__meta {
        min-width: 0;
      }

      .hospitation-calendar-event__title,
      .hospitation-calendar-event__meta {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-calendar-event__time {
        align-self: start;
        min-width: 36px;
        color: var(--hospitation-event-accent);
        font-size: 0.64rem;
        font-weight: 850;
        line-height: 1.25;
        padding: 1px 0;
        text-align: left;
      }

      .hospitation-calendar-event__title {
        color: currentColor;
        font-size: 0.72rem;
        font-weight: 900;
      }

      .hospitation-calendar-event__meta {
        color: currentColor;
        font-size: 0.66rem;
        font-weight: 700;
        opacity: 0.74;
      }

      .hospitation-calendar-event__status {
        display: inline-flex;
        align-items: center;
        width: max-content;
        max-width: 100%;
        margin-top: 4px;
        border-radius: 4px;
        background: color-mix(in srgb, var(--hospitation-event-accent) 10%, #ffffff);
        color: var(--hospitation-event-text);
        font-size: 0.62rem;
        font-weight: 900;
        padding: 3px 7px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-calendar-more {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 20px;
        border: 0;
        border-radius: 4px;
        background: transparent;
        color: var(--primary);
        font-size: 0.66rem;
        font-weight: 800;
        padding: 2px 5px;
      }

      .hospitation-calendar--month .hospitation-calendar-event {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 4px;
        min-height: 22px;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left-width: 3px;
        border-radius: 4px;
        padding: 3px 5px;
      }

      .hospitation-calendar--month .hospitation-calendar-event__body {
        align-self: center;
      }

      .hospitation-calendar--month .hospitation-calendar-event__title {
        font-size: 0.68rem;
        font-weight: 800;
      }

      .hospitation-calendar--month .hospitation-calendar-event__meta,
      .hospitation-calendar--month .hospitation-calendar-event__status {
        display: none;
      }

      .hospitation-calendar-year-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }

      .hospitation-calendar-year-month {
        display: grid;
        align-content: start;
        gap: 8px;
        min-height: 132px;
        border: 1px solid rgba(148, 163, 184, 0.24);
        border-radius: 10px;
        background: var(--surface);
        box-shadow: none;
        padding: 10px;
      }

      .hospitation-calendar-year-month.has-events {
        border-color: rgba(37, 99, 235, 0.24);
        background: color-mix(in srgb, var(--primary-soft) 24%, var(--surface));
      }

      .hospitation-calendar-year-month__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-width: 0;
      }

      .hospitation-calendar-year-month__head strong {
        color: var(--primary);
        font-size: 0.94rem;
        font-weight: 950;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-calendar-year-count {
        border-radius: 999px;
        background: rgba(37, 99, 235, 0.1);
        color: #1d4ed8;
        font-size: 0.66rem;
        font-weight: 950;
        padding: 3px 7px;
        white-space: nowrap;
      }

      .hospitation-calendar-year-events {
        display: grid;
        gap: 6px;
      }

      .hospitation-calendar-year-event {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 6px;
        width: 100%;
        border: 1px solid var(--hospitation-event-border);
        border-left: 5px solid var(--hospitation-event-accent);
        border-radius: 10px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--hospitation-event-bg) 88%, #ffffff), #ffffff 78%);
        color: var(--hospitation-event-text);
        cursor: pointer;
        font: inherit;
        padding: 6px;
        text-align: left;
        box-shadow: 0 8px 16px color-mix(in srgb, var(--hospitation-event-accent) 14%, transparent);
      }

      .hospitation-calendar-year-event:hover,
      .hospitation-calendar-year-event:focus-visible,
      .hospitation-calendar-year-event.is-active {
        border-color: var(--hospitation-event-accent);
        outline: none;
      }

      .hospitation-calendar-year-event__date {
        color: var(--hospitation-event-accent);
        font-size: 0.68rem;
        font-weight: 950;
        white-space: nowrap;
      }

      .hospitation-calendar-year-event__title {
        color: currentColor;
        font-size: 0.7rem;
        font-weight: 900;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-calendar-year-empty {
        color: #64748b;
        font-size: 0.72rem;
        font-weight: 800;
        padding: 8px 2px;
      }

      .formats-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        min-width: 0;
        min-height: 560px;
      }

      .format-section,
      .participant-board-column {
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        overflow: visible;
      }

      .format-card-title {
        display: block;
        color: var(--text);
        font-size: 0.96rem;
        line-height: 1.25;
        overflow-wrap: anywhere;
      }

      .format-card-meta,
      .format-empty-state span {
        color: var(--text-muted);
        font-size: 0.83rem;
      }

      .format-detail-panel {
        min-width: 0;
        padding: 0;
      }

      .format-accordion-list {
        display: grid;
        gap: 10px;
        min-width: 0;
      }

      .format-empty-state {
        min-height: 280px;
        display: grid;
        place-content: center;
        gap: 8px;
        text-align: center;
        color: var(--text);
      }

      .format-detail {
        display: grid;
        min-width: 0;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        overflow: hidden;
      }

      .format-detail.is-open {
        overflow: visible;
      }

      .format-detail.is-archived {
        border-color: #cbd5e1;
        background: #f8fafc;
      }

      .format-detail.is-archived .format-detail-head {
        background: #f1f5f9;
      }

      .format-detail-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 14px 16px;
        background: var(--surface-muted);
        border-bottom: 1px solid var(--border);
        cursor: pointer;
      }

      .format-detail-head:hover {
        background: var(--primary-soft);
      }

      .format-detail-head:focus-visible {
        box-shadow: var(--focus-ring);
        outline: none;
      }

      .format-detail:not(.is-open) .format-detail-head {
        border-bottom: 0;
      }

      .format-detail-body {
        display: grid;
        gap: 14px;
        min-width: 0;
        overflow: visible;
        padding: 14px;
      }

      .format-detail-body:has(.editor-select-shell.is-open) {
        padding-bottom: 230px;
      }

      .format-detail-body[hidden] {
        display: none;
      }

      .format-detail-title {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        flex: 1 1 auto;
        gap: 12px;
        min-width: 0;
      }

      .format-detail-title-main {
        display: grid;
        gap: 8px;
        min-width: 0;
      }

      .format-detail-meta {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        padding-left: 0;
      }

      .format-detail-meta .owner-badge {
        min-height: 26px;
        font-size: 0.76rem;
        font-weight: 800;
      }

      .format-detail-meta .owner-badge__avatar {
        width: 20px;
        height: 20px;
        font-size: 0.62rem;
      }

      .format-participant-count {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        justify-self: start;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface);
        color: var(--text-muted);
        padding: 5px 9px;
        font-size: 0.78rem;
        font-weight: 800;
        white-space: nowrap;
      }

      .format-participant-count svg {
        width: 15px;
        height: 15px;
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .format-type-icon {
        width: 62px;
        height: 62px;
        display: inline-grid;
        place-items: center;
        border: 1px solid var(--border);
        border-radius: 18px;
        background: var(--primary-soft);
        color: var(--primary);
        flex: 0 0 auto;
      }

      .format-type-icon--roundtable {
        border-color: #ddd6fe;
        background: #f5f3ff;
        color: #6d28d9;
      }

      .format-type-icon--fachgespraech {
        border-color: #99f6e4;
        background: #f0fdfa;
        color: #0f766e;
      }

      .format-type-icon--workshop {
        border-color: #fecdd3;
        background: #fff1f2;
        color: #be123c;
      }

      .format-type-icon--veranstaltung {
        border-color: #bfdbfe;
        background: #eff6ff;
        color: #1d4ed8;
      }

      .format-type-icon--diskussion {
        border-color: #cbd5e1;
        background: #f8fafc;
        color: #475569;
      }

      .format-type-icon svg {
        width: 42px;
        height: 42px;
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .format-detail-title h3 {
        margin: 0;
        font-size: 1.25rem;
        line-height: 1.25;
        overflow-wrap: anywhere;
      }

      .format-detail-actions,
      .format-participant-actions,
      .format-editor-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
      }

      .format-detail-actions {
        flex: 0 0 auto;
        justify-content: flex-end;
        flex-wrap: nowrap;
      }

      .format-more-menu {
        position: relative;
      }

      .format-more-menu__trigger {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        list-style: none;
      }

      .format-more-menu__trigger::-webkit-details-marker {
        display: none;
      }

      .format-more-menu__popover {
        position: absolute;
        z-index: 60;
        top: calc(100% + 6px);
        right: 0;
        width: max-content;
        min-width: 180px;
        display: grid;
        gap: 2px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        box-shadow: var(--shadow-lg);
        padding: 6px;
      }

      .format-more-menu__popover button {
        min-height: 44px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: var(--text);
        cursor: pointer;
        font: inherit;
        font-weight: 750;
        padding: 9px 11px;
        text-align: left;
      }

      .format-more-menu__popover button:hover,
      .format-more-menu__popover button:focus-visible {
        background: var(--surface-muted);
        outline: none;
      }

      .format-more-menu__popover button.is-danger {
        color: var(--danger);
      }

      .format-detail-toggle {
        width: 38px;
        height: 38px;
        min-width: 38px;
        display: inline-grid;
        place-items: center;
        border-radius: 999px;
        background: var(--surface);
        color: var(--text-muted);
        padding: 0;
      }

      .format-detail-toggle:hover,
      .format-detail-toggle:focus-visible {
        color: var(--primary);
        background: var(--primary-soft);
      }

      .format-detail-toggle svg {
        width: 18px;
        height: 18px;
        display: block;
        transition: transform 160ms ease;
      }

      .format-detail-toggle[aria-expanded="true"] svg {
        transform: rotate(180deg);
      }

      .format-tabs {
        display: flex;
        align-items: center;
        gap: 4px;
        flex: 1 1 auto;
        overflow-x: auto;
      }

      .format-detail-nav {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 12px;
        border-bottom: 1px solid var(--border);
      }

      .format-tab {
        flex: 0 0 auto;
        min-height: 44px;
        border: 0;
        border-bottom: 2px solid transparent;
        background: transparent;
        color: var(--text-muted);
        cursor: pointer;
        font: inherit;
        font-size: 0.9rem;
        font-weight: 800;
        padding: 10px 12px;
      }

      .format-tab:hover,
      .format-tab:focus-visible {
        color: var(--text);
        outline: none;
      }

      .format-tab.is-active {
        border-bottom-color: var(--primary);
        color: var(--primary);
      }

      .format-tab-panel {
        display: grid;
        gap: 14px;
        min-width: 0;
      }

      .format-overview-hero {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        align-items: center;
        border: 0;
        border-radius: 0;
        background:
          radial-gradient(circle at 92% 8%, var(--primary-soft), transparent 30%),
          linear-gradient(135deg, var(--surface) 0%, var(--surface-muted) 100%);
        padding: 14px 18px;
      }

      .format-overview-copy {
        display: grid;
        align-content: center;
        gap: 12px;
        min-width: 0;
        justify-items: start;
      }

      .format-overview-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
      }

      .format-overview-title {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
      }

      .format-overview-title h4 {
        min-width: 0;
        margin: 0;
        color: var(--text);
        font-size: 2rem;
        line-height: 1.15;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
      }

      .format-title-edit-button {
        width: 34px;
        height: 34px;
        min-width: 34px;
        display: inline-grid;
        place-items: center;
        border-radius: 999px;
        border-color: transparent;
        background: transparent;
        color: var(--text-muted);
        padding: 0;
      }

      .format-title-edit-button:hover,
      .format-title-edit-button:focus-visible {
        border-color: var(--border);
        background: var(--surface);
        color: var(--primary);
      }

      .format-title-edit-button svg {
        width: 17px;
        height: 17px;
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .format-overview-title p {
        max-width: 68ch;
        margin: 0;
        color: var(--text-muted);
        font-size: 0.95rem;
        line-height: 1.45;
      }

      .format-badge {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        max-width: 100%;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface);
        color: var(--text);
        padding: 6px 10px;
        font-size: 0.78rem;
        font-weight: 850;
      }

      .format-badge--primary {
        border-color: var(--primary);
        background: var(--primary-soft);
        color: var(--primary);
      }

      .format-badge--success {
        border-color: #b7e4c7;
        background: #ecfdf3;
        color: #15803d;
      }

      .format-badge--warm {
        border-color: #fed7aa;
        background: #fff7ed;
        color: #b7791f;
      }

      .format-badge--calm {
        border-color: #c7d2fe;
        background: #eef2ff;
        color: #4338ca;
      }

      .format-badge--quiet {
        border-color: var(--border);
        background: var(--surface-muted);
        color: var(--text-muted);
      }

      .format-badge--type-roundtable {
        border-color: #ddd6fe;
        background: #f5f3ff;
        color: #6d28d9;
      }

      .format-badge--type-fachgespraech {
        border-color: #99f6e4;
        background: #f0fdfa;
        color: #0f766e;
      }

      .format-badge--type-workshop {
        border-color: #fecdd3;
        background: #fff1f2;
        color: #be123c;
      }

      .format-badge--type-veranstaltung {
        border-color: #bfdbfe;
        background: #eff6ff;
        color: #1d4ed8;
      }

      .format-badge--type-diskussion {
        border-color: #cbd5e1;
        background: #f8fafc;
        color: #475569;
      }

      .format-status-badge {
        border-color: var(--border);
        background: var(--surface);
        color: var(--text);
      }

      .format-status-badge svg {
        width: 14px;
        height: 14px;
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .format-badge--status-planning {
        color: #92400e;
      }

      .format-badge--status-active {
        color: #166534;
      }

      .format-badge--status-done {
        color: #3730a3;
      }

      .format-badge--status-archived {
        border-color: #cbd5e1;
        background: #f1f5f9;
        color: #475569;
      }

      .format-feedback,
      .format-editor-status,
      .format-participant-status {
        display: none;
        margin: 0;
        border-radius: var(--radius-sm);
        color: var(--text-muted);
        font-size: 0.82rem;
        font-weight: 700;
        line-height: 1.4;
        padding: 9px 11px;
      }

      .format-feedback.is-visible,
      .format-editor-status.is-visible,
      .format-participant-status:not(:empty) {
        display: block;
        background: var(--surface-muted);
      }

      .format-feedback--error,
      .format-editor-status--error,
      .format-participant-status.is-error {
        border: 1px solid #fecaca;
        background: #fff7f7;
        color: #b91c1c;
      }

      .format-feedback--progress,
      .format-editor-status--progress {
        border: 1px solid #bfdbfe;
        background: #eff6ff;
        color: #1d4ed8;
      }

      .format-feedback--success {
        border: 1px solid #bbf7d0;
        background: #ecfdf3;
        color: #166534;
      }

      .format-type-badge,
      .format-status-badge {
        justify-self: start;
        padding: 5px 9px;
        font-size: 0.76rem;
      }

      .format-detail-actions .format-status-badge {
        padding: 7px 12px;
        font-size: 0.84rem;
      }

      .format-detail-actions .format-status-badge svg {
        width: 16px;
        height: 16px;
      }

      .format-section {
        display: grid;
        gap: 12px;
        overflow: visible;
        padding: 14px;
      }

      .format-section:has(.editor-select-shell.is-open) {
        position: relative;
        z-index: 40;
      }

      .format-section-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
      }

      .format-section h4 {
        margin: 0;
        font-size: 0.96rem;
      }

      .format-section p {
        margin: 0;
        color: var(--text-muted);
        font-size: 0.86rem;
      }

      .format-facts-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }

      .format-fact {
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface-muted);
        padding: 10px;
        min-width: 0;
        overflow: visible;
        position: relative;
      }

      .format-fact:has(.editor-select-shell.is-open) {
        z-index: 60;
      }

      .format-fact > span {
        display: block;
        color: var(--text-muted);
        font-size: 0.74rem;
        font-weight: 800;
        text-transform: uppercase;
      }

      .format-fact > strong {
        display: block;
        margin-top: 4px;
        color: var(--text);
        font-size: 0.92rem;
        line-height: 1.25;
        overflow-wrap: anywhere;
      }

      .format-fact > .contact-sector-pill,
      .format-fact > .hospitation-status-badge,
      .format-fact > .owner-badge {
        margin-top: 8px;
        max-width: 100%;
        width: fit-content;
      }

      .hospitation-fact-card {
        display: grid;
        gap: 10px;
      }

      .hospitation-fact-display,
      .hospitation-meta-display {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-width: 0;
      }

      .hospitation-display-badge {
        min-width: 0;
        width: fit-content;
        max-width: 100%;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1px solid #cfd8ee;
        border-radius: 999px;
        background: #ffffff;
        color: #1f2f57;
        padding: 8px 11px;
        font-size: 0.9rem;
        font-weight: 850;
        line-height: 1.15;
      }

      .hospitation-display-badge--date {
        border-color: #bfd5ff;
        background: #eef5ff;
        color: #0f3d83;
      }

      .hospitation-display-badge--empty {
        border-style: dashed;
        color: var(--text-muted);
      }

      .hospitation-edit-trigger,
      .hospitation-inline-confirm {
        width: 30px;
        height: 30px;
        flex: 0 0 auto;
        display: inline-grid;
        place-items: center;
        border: 1px solid #d9e2f3;
        border-radius: 999px;
        background: #ffffff;
        color: #506189;
        cursor: pointer;
      }

      .hospitation-edit-trigger:hover,
      .hospitation-edit-trigger:focus-visible,
      .hospitation-inline-confirm:hover,
      .hospitation-inline-confirm:focus-visible {
        border-color: var(--primary);
        color: var(--primary);
        box-shadow: var(--focus-ring);
        outline: none;
      }

      .hospitation-inline-confirm {
        border-color: #9fd9ad;
        background: #edf9f0;
        color: #217942;
      }

      .hospitation-edit-trigger svg,
      .hospitation-inline-confirm svg {
        width: 15px;
        height: 15px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.1;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .hospitation-inline-editor {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        min-width: 0;
      }

      .hospitation-inline-editor .format-fact-control,
      .hospitation-inline-editor .format-fact-select-shell {
        flex: 1 1 auto;
        min-width: 0;
        margin-top: 0;
      }

      .hospitation-inline-date-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 2px;
      }

      .hospitation-inline-date-grid label {
        display: grid;
        gap: 4px;
        min-width: 0;
      }

      .hospitation-inline-label {
        color: var(--text-muted);
        font-size: 0.68rem;
        font-weight: 800;
        text-transform: uppercase;
      }

      .hospitation-editable-lines.detail-line-list {
        gap: 10px;
      }

      .hospitation-editable-lines .detail-line {
        border: 1px solid #dfe6f5;
        border-radius: var(--radius-sm);
        background: #fbfcff;
        padding: 10px 12px;
      }

      .hospitation-editable-lines .detail-line__value {
        min-width: 0;
      }

      .hospitation-meta-value {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        gap: 9px;
        color: var(--text);
        font-weight: 760;
      }

      .hospitation-meta-value__text {
        min-width: 0;
        overflow-wrap: anywhere;
      }

      .hospitation-inline-textarea {
        min-height: 72px;
        resize: vertical;
      }

      .hospitation-inline-saving {
        opacity: 0.62;
        pointer-events: none;
      }

      .format-fact-participant-badge {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        margin-top: 8px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface);
        color: var(--text);
        padding: 7px 11px;
        font-size: 0.94rem;
        font-weight: 850;
        line-height: 1;
        white-space: nowrap;
      }

      .format-fact-participant-badge svg {
        width: 17px;
        height: 17px;
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.1;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .format-fact-control {
        width: 100%;
        min-height: 38px;
        margin-top: 6px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: #43506b;
        font: inherit;
        font-size: 0.88rem;
        font-weight: 780;
        letter-spacing: 0;
        padding: 7px 10px;
      }

      .format-fact-control:focus-visible {
        border-color: var(--primary);
        box-shadow: var(--focus-ring);
        outline: none;
      }

      .format-fact-select-shell {
        margin-top: 6px;
      }

      .format-fact-select-shell.is-open {
        z-index: 80;
      }

      .format-fact-select-shell .custom-select-trigger {
        min-height: 38px;
        border-color: var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: #43506b;
        font-size: 0.88rem;
        font-weight: 780;
        letter-spacing: 0;
        padding: 7px 10px;
      }

      .format-fact-select-shell .custom-select-trigger__icon {
        color: #66738c;
      }

      .format-fact-select-shell .custom-select-panel {
        border-radius: var(--radius-sm);
        z-index: 120;
      }

      .format-notes-box {
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface-muted);
        color: var(--text);
        line-height: 1.5;
        padding: 12px;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
      }

      .format-notes-thread {
        display: grid;
        gap: 12px;
      }

      .format-chat-list {
        display: grid;
        gap: 10px;
      }

      .format-chat-message {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        padding: 10px;
      }

      .format-chat-avatar {
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: 0.74rem;
        font-weight: 850;
        overflow: hidden;
      }

      .format-chat-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .format-chat-content {
        display: grid;
        gap: 5px;
        min-width: 0;
      }

      .format-chat-meta {
        display: flex;
        align-items: baseline;
        gap: 8px;
        flex-wrap: wrap;
        color: var(--text-muted);
        font-size: 0.76rem;
      }

      .format-chat-meta strong {
        color: var(--text);
        font-size: 0.84rem;
      }

      .format-chat-message-actions {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-left: auto;
      }

      .format-chat-message-actions button {
        border: 0;
        background: transparent;
        color: var(--text-muted);
        cursor: pointer;
        font: inherit;
        font-size: 0.74rem;
        font-weight: 800;
        padding: 0;
      }

      .format-chat-message-actions button:hover,
      .format-chat-message-actions button:focus-visible {
        color: var(--primary);
        outline: none;
      }

      .format-chat-message-actions button[data-delete-format-note]:hover,
      .format-chat-message-actions button[data-delete-format-note]:focus-visible,
      .format-chat-message-actions button[data-delete-contact-note]:hover,
      .format-chat-message-actions button[data-delete-contact-note]:focus-visible {
        color: var(--danger);
      }

      .format-chat-text {
        margin: 0;
        color: var(--text);
        line-height: 1.45;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
      }

      .format-chat-composer {
        display: grid;
        gap: 8px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        padding: 10px;
      }

      .format-chat-composer textarea {
        width: 100%;
        min-height: 84px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--text);
        font: inherit;
        line-height: 1.45;
        padding: 10px;
        resize: vertical;
      }

      .format-chat-composer textarea:focus-visible {
        border-color: var(--primary);
        box-shadow: var(--focus-ring);
        outline: none;
      }

      .format-chat-edit-form {
        display: grid;
        gap: 8px;
      }

      .format-chat-edit-form textarea {
        width: 100%;
        min-height: 82px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--text);
        font: inherit;
        line-height: 1.45;
        padding: 10px;
        resize: vertical;
      }

      .format-chat-edit-form textarea:focus-visible {
        border-color: var(--primary);
        box-shadow: var(--focus-ring);
        outline: none;
      }

      .format-chat-edit-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        flex-wrap: wrap;
      }

      .format-chat-composer-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        flex-wrap: wrap;
      }

      .format-chat-composer-author {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
      }

      .format-chat-composer-author .format-chat-avatar {
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        font-size: 0.68rem;
      }

      .contact-content-search-results {
        position: absolute;
        z-index: 90;
        top: calc(100% - 8px);
        left: 24px;
        right: 24px;
        max-height: min(62vh, 520px);
        overflow: auto;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: 0 18px 46px rgba(15, 23, 42, 0.16);
        padding: 8px;
      }

      .controls {
        position: relative;
      }

      .contact-content-search-result {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 4px 12px;
        border: 0;
        border-radius: var(--radius-sm);
        background: transparent;
        color: var(--text);
        cursor: pointer;
        font: inherit;
        padding: 10px;
        text-align: left;
      }

      .contact-content-search-result:hover,
      .contact-content-search-result:focus-visible {
        background: var(--primary-soft);
        outline: none;
      }

      .contact-content-search-result strong,
      .contact-content-search-result span {
        min-width: 0;
        overflow-wrap: anywhere;
      }

      .contact-content-search-result__kind {
        color: var(--primary);
        font-size: 0.72rem;
        font-weight: 800;
      }

      .contact-content-search-result__snippet,
      .contact-content-search-state {
        color: var(--text-muted);
        font-size: 0.82rem;
      }

      .contact-content-search-state {
        padding: 12px;
      }

      .contact-notes-tools {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        flex-wrap: wrap;
      }

      .contact-notes-search {
        width: min(100%, 360px);
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--text);
        font: inherit;
        padding: 9px 10px;
      }

      .contact-note-message--target {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent);
      }

      .contact-note-type {
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: 0.7rem;
        font-weight: 850;
        padding: 2px 7px;
      }

      .contact-note-email-meta {
        display: grid;
        gap: 3px;
        color: var(--text-muted);
        font-size: 0.78rem;
      }

      .contact-note-email-meta summary {
        width: fit-content;
        cursor: pointer;
        font-weight: 800;
      }

      .contact-note-attachments,
      .contact-note-pending-files {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
      }

      .contact-note-attachment {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        max-width: 100%;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        padding: 6px 8px 6px 10px;
      }

      .contact-note-attachment__copy {
        min-width: 0;
        display: inline-flex;
        align-items: baseline;
        gap: 6px;
      }

      .contact-note-attachment__copy strong {
        max-width: min(260px, 48vw);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .contact-note-attachment__copy small {
        white-space: nowrap;
      }

      .contact-note-attachment__copy strong,
      .contact-note-attachment__copy small {
        overflow-wrap: anywhere;
      }

      .contact-note-attachment__copy small {
        color: var(--text-muted);
      }

      .contact-note-attachment__actions {
        display: inline-flex;
        gap: 6px;
        flex: 0 0 auto;
      }

      .contact-note-attachment__actions button {
        border: 0;
        background: transparent;
        color: var(--primary);
        cursor: pointer;
        font: inherit;
        font-size: 0.76rem;
        font-weight: 800;
        padding: 4px;
      }

      .contact-note-composer {
        gap: 8px;
      }

      .contact-note-composer .format-chat-composer-footer {
        flex-wrap: nowrap;
      }

      .contact-note-composer-actions {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-left: auto;
      }

      .contact-note-add-attachment {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        display: inline-grid;
        place-items: center;
        border: 1px solid var(--border);
        border-radius: 50%;
        background: var(--surface);
        color: var(--text-muted);
        cursor: pointer;
        padding: 0;
      }

      .contact-note-add-attachment:hover,
      .contact-note-add-attachment:focus-visible {
        border-color: var(--primary);
        background: var(--primary-soft);
        color: var(--primary);
        outline: none;
      }

      .contact-note-add-attachment svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-width: 2;
      }

      .contact-note-pending-files {
        min-height: 26px;
      }

      .contact-note-pending-file {
        max-width: 100%;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: 0.76rem;
        font-weight: 750;
        padding: 5px 7px 5px 9px;
      }

      .contact-note-pending-file > span {
        max-width: min(280px, 64vw);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .contact-note-pending-file button {
        width: 20px;
        height: 20px;
        display: inline-grid;
        place-items: center;
        border: 0;
        border-radius: 50%;
        background: transparent;
        color: currentColor;
        cursor: pointer;
        font: inherit;
        font-size: 1rem;
        padding: 0;
      }

      .contact-note-pending-file button:hover,
      .contact-note-pending-file button:focus-visible {
        background: color-mix(in srgb, var(--primary) 12%, transparent);
        outline: none;
      }

      .contact-note-long-text {
        min-width: 0;
      }

      .contact-note-long-text summary {
        display: grid;
        gap: 5px;
        color: var(--text);
        cursor: pointer;
        list-style: none;
      }

      .contact-note-long-text summary::-webkit-details-marker {
        display: none;
      }

      .contact-note-long-text__preview {
        line-height: 1.45;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
      }

      .contact-note-long-text__toggle {
        width: fit-content;
        color: var(--primary);
        font-size: 0.76rem;
        font-weight: 800;
      }

      .contact-note-long-text__less,
      .contact-note-long-text[open] .contact-note-long-text__preview,
      .contact-note-long-text[open] .contact-note-long-text__more {
        display: none;
      }

      .contact-note-long-text[open] .contact-note-long-text__less {
        display: inline;
      }

      .contact-note-long-text[open] .format-chat-text {
        margin-top: 3px;
      }

      .contact-note-error {
        margin: 0;
        font-size: 0.78rem;
      }

      .contact-note-error {
        color: var(--danger);
      }

      .format-export-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;
      }

      .format-export-row > div:first-child {
        display: grid;
        gap: 4px;
        min-width: min(100%, 360px);
      }

      .format-export-row h4,
      .format-export-row p {
        margin: 0;
      }

      .format-export-row p {
        color: var(--text-muted);
        font-size: 0.82rem;
        line-height: 1.45;
      }

      .format-excel-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        flex-wrap: wrap;
      }

      .format-template-card {
        margin-top: 14px;
        padding: 14px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;
      }

      .format-template-card strong,
      .format-template-card span {
        display: block;
      }

      .format-template-card span {
        margin-top: 3px;
        color: var(--text-muted);
        font-size: 0.78rem;
      }

      .format-settings-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
      }

      .format-diversity-board {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .format-reporting-layout {
        display: grid;
        grid-template-columns: minmax(240px, 0.42fr) minmax(0, 1fr);
        gap: 12px;
        align-items: start;
      }

      .format-participant-map {
        min-width: 0;
        display: grid;
        gap: 8px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        padding: 10px;
      }

      .format-participant-map h5 {
        margin: 0;
        font-size: 0.82rem;
      }

      .format-participant-map p {
        margin: 0;
        color: var(--text-muted);
        font-size: 0.76rem;
      }

      .format-participant-mini-map {
        width: min(100%, 210px);
        height: auto;
        display: block;
        justify-self: center;
      }

      .format-participant-map-state {
        fill: var(--surface);
        stroke: var(--border);
        stroke-width: 1.15;
        vector-effect: non-scaling-stroke;
      }

      .format-participant-map-marker {
        stroke: var(--surface);
        stroke-width: 2;
        vector-effect: non-scaling-stroke;
      }

      .format-diversity-column {
        min-width: 0;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        padding: 10px;
      }

      .format-diversity-column h5 {
        margin: 0 0 8px;
        font-size: 0.82rem;
      }

      .format-diversity-list {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }

      .format-diversity-list--stacked {
        display: grid;
        grid-template-columns: 1fr;
      }

      .format-diversity-chip {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        max-width: 100%;
        gap: 6px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--text);
        padding: 5px 8px;
        font-size: 0.78rem;
        font-weight: 700;
      }

      .format-diversity-chip span {
        color: var(--text-muted);
        font-weight: 800;
      }

      .format-diversity-chip--sector {
        border-radius: 999px;
      }

      .format-diversity-chip--sector span {
        color: inherit;
      }

      .format-diversity-chip--sector .format-diversity-chip__count {
        opacity: 0.78;
      }

      .format-diversity-chip--sector.contact-sector-pill--praxis {
        background: #eef5ff;
        color: #155fe4;
        border-color: #bfd3ff;
      }

      .format-diversity-chip--sector.contact-sector-pill--krankenhaus {
        background: #fff1f2;
        color: #dc2626;
        border-color: #fecdd3;
      }

      .format-diversity-chip--sector.contact-sector-pill--apotheke {
        background: #ecfdf3;
        color: #16a34a;
        border-color: #bbf7d0;
      }

      .format-diversity-chip--sector.contact-sector-pill--pflege {
        background: #f5f3ff;
        color: #7c3aed;
        border-color: #ddd6fe;
      }

      .format-diversity-chip--sector.contact-sector-pill--krankenkasse {
        background: #f0f2ff;
        color: #4f5fb8;
        border-color: #cfd6ff;
      }

      .format-diversity-chip--sector.contact-sector-pill--notfallversorgung {
        background: var(--danger-soft);
        color: var(--danger);
        border-color: #fecaca;
      }

      .format-editor {
        display: grid;
        gap: 12px;
      }

      .format-editor-drawer .format-participant-body {
        grid-template-rows: minmax(0, 1fr);
        padding: 0 24px 0;
      }

      .format-editor .contact-editor-steps {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      #hospitation-editor-drawer:not(.is-documentation-mode) .hospitation-editor-wizard .contact-editor-steps {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .hospitation-editor-field-hint {
        color: var(--text-muted);
        font-size: 0.72rem;
        line-height: 1.45;
      }

      .hospitation-entity-combobox .editor-input {
        width: 100%;
      }

      .hospitation-entity-combobox .editor-combobox__panel {
        z-index: 60;
      }

      .hospitation-entity-option {
        width: 100%;
        min-height: 52px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        text-align: left;
      }

      .hospitation-entity-option__visual {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        display: grid;
        place-items: center;
      }

      .hospitation-entity-option__visual .avatar,
      .hospitation-entity-option__visual .organization-logo {
        width: 32px;
        height: 32px;
      }

      .hospitation-entity-option__copy {
        min-width: 0;
        flex: 1 1 auto;
        display: grid;
        gap: 2px;
      }

      .hospitation-entity-option__copy strong,
      .hospitation-entity-option__copy small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .hospitation-entity-option__copy small,
      .hospitation-entity-combobox__empty {
        color: var(--text-muted);
        font-size: 0.72rem;
        font-weight: 600;
      }

      .hospitation-entity-option.is-keyboard-active {
        background: rgba(74, 121, 237, 0.1);
        color: var(--text-strong);
      }

      .hospitation-entity-option__create-icon {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        border-radius: 10px;
        display: grid;
        place-items: center;
        background: rgba(74, 121, 237, 0.12);
        font-size: 1.25rem;
        line-height: 1;
      }

      .hospitation-entity-combobox__empty {
        padding: 12px;
        line-height: 1.45;
      }

      .hospitation-editor-note-draft__save-hint {
        color: var(--text-muted);
        font-size: 0.72rem;
        font-weight: 700;
        text-align: right;
      }

      .format-editor-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      .format-editor-field {
        display: grid;
        gap: 5px;
      }

      .format-editor-field--wide {
        grid-column: 1 / -1;
      }

      .format-editor-field label {
        color: var(--text-muted);
        font-size: 0.78rem;
        font-weight: 700;
      }

      .format-editor-field input,
      .format-editor-field select,
      .format-editor-field textarea,
      .format-participant-actions select {
        min-height: 38px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--text);
        font: inherit;
        padding: 8px 10px;
      }

      .format-editor-field textarea {
        min-height: 76px;
        resize: vertical;
      }

      .format-editor-help {
        color: var(--text-muted);
        font-size: 0.72rem;
        line-height: 1.35;
      }

      .format-field-error {
        min-height: 1em;
        color: var(--danger);
        font-size: 0.74rem;
        font-weight: 700;
      }

      .format-editor-field input[aria-invalid="true"],
      .format-editor-field select[aria-invalid="true"] {
        border-color: var(--danger);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger) 16%, transparent);
      }

      .participant-board {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 10px;
      }

      .participant-board-column {
        min-width: 0;
        padding: 10px;
        background: var(--surface-muted);
      }

      .participant-board-column h5 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin: 0 0 10px;
        font-size: 0.82rem;
      }

      .participant-count {
        color: var(--text-muted);
        font-weight: 700;
      }

      .participant-card-list {
        display: grid;
        gap: 8px;
      }

      .invitation-status-board {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 8px;
      }

      .invitation-status-column {
        min-width: 0;
        display: grid;
        align-content: start;
        gap: 8px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        padding: 8px;
      }

      .invitation-status-column--kandidat {
        border-color: #e5dccf;
        background: #fbfaf7;
      }

      .invitation-status-column--eingeladen {
        border-color: #d7e3f8;
        background: #f6f9ff;
      }

      .invitation-status-column--zugesagt {
        border-color: #ccebd8;
        background: #f4fbf6;
      }

      .invitation-status-column--teilgenommen {
        border-color: #a7f3d0;
        background: #ecfdf5;
      }

      .invitation-status-column--abgesagt {
        border-color: #f3d4d4;
        background: #fff7f7;
      }

      .invitation-status-column.is-drop-target {
        border-color: var(--primary);
        background: var(--primary-soft);
      }

      .invitation-status-column h5 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin: 0;
        font-size: 0.78rem;
      }

      .invitation-status-list {
        display: grid;
        gap: 6px;
        min-height: 64px;
      }

      .invitation-status-card {
        display: grid;
        gap: 8px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        padding: 8px;
      }

      .invitation-status-card[draggable="true"] {
        cursor: grab;
      }

      .invitation-status-card.is-dragging {
        opacity: 0.62;
      }

      .invitation-status-person {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 7px;
        border: 0;
        background: transparent;
        color: inherit;
        cursor: pointer;
        padding: 0;
        text-align: left;
      }

      .invitation-status-keyboard-control {
        display: grid;
        gap: 4px;
        color: var(--text-muted);
        font-size: 0.68rem;
        font-weight: 800;
      }

      .invitation-status-keyboard-control select {
        width: 100%;
        min-height: 44px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: var(--surface);
        color: var(--text);
        font: inherit;
        padding: 8px;
      }

      .participant-card {
        display: grid;
        gap: 10px;
        position: relative;
        width: 100%;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        padding: 12px 58px 12px 12px;
      }

      .participant-card-main {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
        gap: 12px;
        width: 100%;
        border: 0;
        background: transparent;
        color: inherit;
        font: inherit;
        padding: 0;
        text-align: left;
        cursor: pointer;
      }

      .participant-card:hover,
      .participant-card:focus-within {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px var(--primary-soft);
      }

      .participant-card-main:focus-visible {
        outline: none;
      }

      .participant-card-actions {
        display: flex;
        position: absolute;
        top: 10px;
        right: 10px;
      }

      .participant-card-remove {
        width: 44px;
        height: 44px;
        min-width: 44px;
        display: inline-grid;
        place-items: center;
        border-radius: 999px;
        border-color: transparent;
        background: transparent;
        color: var(--text-muted);
        padding: 0;
      }

      .participant-card-remove:hover,
      .participant-card-remove:focus-visible {
        border-color: var(--border);
        background: var(--surface-muted);
        color: var(--danger);
      }

      .participant-card-remove svg {
        width: 15px;
        height: 15px;
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .participant-card-copy {
        min-width: 0;
      }

      .participant-card-name {
        display: block;
        color: var(--text);
        font-weight: 700;
        line-height: 1.25;
        overflow-wrap: anywhere;
      }

      .participant-card-meta {
        display: block;
        color: var(--text-muted);
        font-size: 0.78rem;
        line-height: 1.25;
        overflow-wrap: anywhere;
      }

      .participant-card-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        margin-top: 6px;
      }

      .participant-card-fields {
        display: grid;
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
        gap: 8px;
      }

      .participant-card-field {
        min-width: 0;
        display: grid;
        gap: 4px;
        color: var(--text-muted);
        font-size: 0.68rem;
        font-weight: 850;
      }

      .participant-card-field select,
      .participant-card-field input {
        width: 100%;
        min-width: 0;
        min-height: 36px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--text-primary);
        padding: 7px 9px;
        font: inherit;
        font-size: 0.75rem;
      }

      .format-participant-drawer {
        position: fixed;
        inset: 0;
        z-index: 80;
        overflow: hidden;
        pointer-events: none;
      }

      .format-participant-drawer:not(.is-open) {
        display: none;
      }

      .format-participant-drawer.is-open {
        pointer-events: auto;
      }

      .format-participant-overlay {
        position: absolute;
        inset: 0;
        background: rgba(4, 18, 45, 0.32);
        opacity: 0;
        transition: opacity 0.18s ease;
      }

      .format-participant-drawer.is-open .format-participant-overlay {
        opacity: 1;
      }

      .format-participant-panel {
        position: absolute;
        top: 0;
        right: 0;
        width: min(920px, 100vw);
        height: 100%;
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        background: var(--surface);
        border-left: 1px solid var(--border);
        box-shadow: var(--shadow-lg);
        transform: translateX(100%);
        transition: transform 0.22s ease;
      }

      #format-participant-drawer .format-participant-panel {
        width: min(1120px, 100vw);
      }

      .format-participant-drawer.is-open .format-participant-panel {
        transform: translateX(0);
      }

      .format-participant-header,
      .format-participant-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 16px 18px;
        border-bottom: 1px solid var(--border);
      }

      .format-participant-footer {
        border-top: 1px solid var(--border);
        border-bottom: 0;
      }

      #format-participant-add:disabled {
        opacity: 0.52;
        cursor: not-allowed;
        box-shadow: none;
        transform: none;
      }

      .format-participant-header h3 {
        margin: 0;
        font-size: 1.12rem;
      }

      .format-participant-header p,
      #format-participant-selection-count {
        margin: 4px 0 0;
        color: var(--text-muted);
        font-size: 0.86rem;
      }

      .format-participant-body {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        gap: 12px;
        padding: 16px 18px;
        overflow: auto;
        min-height: 0;
      }

      #format-participant-drawer .format-participant-body {
        grid-template-rows: auto auto auto auto minmax(0, 1fr);
        gap: 11px;
        overflow: hidden;
      }

      .format-participant-discovery {
        border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--border));
        border-radius: 14px;
        background:
          radial-gradient(circle at 4% 8%, color-mix(in srgb, var(--primary) 11%, transparent), transparent 34%),
          linear-gradient(135deg, color-mix(in srgb, var(--primary-soft) 54%, var(--surface)) 0%, var(--surface) 68%);
        padding: 13px 15px;
      }

      .format-participant-controls {
        display: grid;
        align-content: start;
        gap: 7px;
      }

      .format-participant-search {
        width: 100%;
        min-height: 50px;
        border-color: color-mix(in srgb, var(--primary) 36%, var(--border));
        border-radius: 14px;
        box-shadow: 0 12px 28px color-mix(in srgb, var(--primary) 10%, transparent);
      }

      .format-participant-search:focus-within {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent), 0 14px 30px color-mix(in srgb, var(--primary) 12%, transparent);
      }

      .format-participant-search-label {
        color: var(--text);
        font-size: 0.78rem;
        font-weight: 850;
      }

      .format-participant-search-meta {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        color: var(--text-muted);
        font-size: 0.7rem;
        line-height: 1.4;
      }

      .format-participant-search-meta[hidden] {
        display: none;
      }

      .format-participant-reset {
        flex: 0 0 auto;
        border: 0;
        background: transparent;
        color: var(--primary);
        cursor: pointer;
        font: inherit;
        font-weight: 800;
        padding: 0;
      }

      .format-participant-reset:disabled {
        color: var(--text-muted);
        cursor: default;
        opacity: 0.56;
      }

      .format-participant-reset[hidden] {
        display: none;
      }

      .format-participant-quick-filters {
        display: grid;
        grid-template-columns: minmax(130px, 160px) minmax(340px, 500px) minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        border: 1px solid color-mix(in srgb, var(--primary) 12%, var(--border));
        border-radius: 11px;
        background: color-mix(in srgb, var(--surface-muted) 58%, var(--surface));
        padding: 7px 9px;
      }

      .format-participant-quick-filters__actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
      }

      .format-participant-quick-filters__copy {
        display: grid;
        gap: 2px;
        min-width: 0;
      }

      .format-participant-quick-filters__label {
        color: var(--text);
        font-size: 0.66rem;
        font-weight: 850;
        letter-spacing: 0.035em;
        text-transform: uppercase;
      }

      .format-participant-quick-filters__hint {
        color: var(--text-muted);
        font-size: 0.62rem;
        line-height: 1.25;
      }

      .format-participant-quick-filters__controls {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
      }

      .format-participant-quick-filter {
        position: relative;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 6px;
        min-width: 0;
        border: 1px solid var(--border);
        border-radius: 9px;
        background: var(--surface);
        padding: 3px 8px;
        transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
      }

      .format-participant-quick-filter::after {
        content: "⌄";
        position: absolute;
        top: 50%;
        right: 9px;
        color: var(--text-muted);
        font-size: 0.76rem;
        line-height: 1;
        pointer-events: none;
        transform: translateY(-50%);
      }

      .format-participant-quick-filter > span {
        color: var(--text-muted);
        font-size: 0.58rem;
        font-weight: 800;
        letter-spacing: 0.025em;
        text-transform: uppercase;
        white-space: nowrap;
      }

      .format-participant-quick-filter select {
        width: 100%;
        min-height: 25px;
        appearance: none;
        -webkit-appearance: none;
        border: 0;
        background: transparent;
        color: var(--text);
        font: inherit;
        font-size: 0.72rem;
        font-weight: 750;
        line-height: 1.2;
        padding: 0 22px 0 0;
      }

      .format-participant-quick-filter:hover {
        border-color: var(--primary);
      }

      .format-participant-quick-filter:focus-within {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px var(--primary-soft);
      }

      .format-participant-quick-filter select:focus {
        outline: 0;
      }

      .format-participant-quick-filter.is-active {
        border-color: color-mix(in srgb, var(--primary) 54%, var(--border));
        background: color-mix(in srgb, var(--primary-soft) 72%, var(--surface));
        box-shadow: inset 3px 0 0 var(--primary);
      }

      .format-participant-quick-filter.is-active select {
        color: var(--primary);
      }

      .format-participant-quick-filters__status {
        color: var(--text-muted);
        font-size: 0.64rem;
        font-weight: 700;
        white-space: nowrap;
      }

      .format-participant-quick-filters__status[hidden],
      .format-participant-filter-reset[hidden] {
        display: none;
      }

      .format-participant-filter-reset {
        min-height: 28px;
        border: 0;
        border-radius: 999px;
        background: color-mix(in srgb, var(--primary-soft) 78%, var(--surface));
        color: var(--primary);
        cursor: pointer;
        font: inherit;
        font-size: 0.62rem;
        font-weight: 800;
        padding: 4px 8px;
      }

      .format-participant-filter-reset:hover:not(:disabled),
      .format-participant-filter-reset:focus-visible {
        background: var(--primary);
        color: var(--surface);
        outline: none;
      }

      .format-participant-filter-reset:disabled {
        background: var(--surface-muted);
        color: var(--text-muted);
        cursor: default;
        opacity: 0.62;
      }

      .format-editor-field span {
        color: var(--text-muted);
        font-size: 0.78rem;
        font-weight: 700;
      }

      .format-participant-results-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 0;
      }

      .format-participant-results-head > div {
        display: grid;
        gap: 2px;
      }

      .format-participant-results-head strong {
        color: var(--text);
        font-size: 0.9rem;
      }

      #format-participant-results {
        color: var(--text-muted);
        font-size: 0.76rem;
      }

      .format-participant-table-shell {
        min-height: 0;
        overflow: auto;
        border: 1px solid var(--border);
        border-radius: 14px;
        background: var(--surface);
        overscroll-behavior: contain;
      }

      .format-participant-table {
        width: 100%;
        min-width: 840px;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: fixed;
      }

      .format-participant-table th {
        position: sticky;
        top: 0;
        z-index: 2;
        border-bottom: 1px solid var(--border);
        background: color-mix(in srgb, var(--surface-muted) 82%, var(--surface));
        color: var(--text-muted);
        font-size: 0.68rem;
        font-weight: 850;
        letter-spacing: 0.04em;
        padding: 10px 12px;
        text-align: left;
        text-transform: uppercase;
      }

      .format-participant-table th:first-child {
        width: 48px;
      }

      .format-participant-table th:nth-child(2) {
        width: 20%;
      }

      .format-participant-table th:nth-child(3) {
        width: 25%;
      }

      .format-participant-table th:nth-child(4) {
        width: 13%;
      }

      .format-participant-table th:nth-child(5) {
        width: 17%;
      }

      .format-participant-table th:nth-child(6) {
        width: 25%;
      }

      .format-participant-row {
        background: var(--surface);
        transition: background 0.16s ease, box-shadow 0.16s ease;
      }

      .format-participant-row:hover {
        background: color-mix(in srgb, var(--surface-muted) 56%, var(--surface));
      }

      .format-participant-row td {
        border-bottom: 1px solid var(--border);
        padding: 12px;
        vertical-align: middle;
      }

      .format-participant-row:last-child td {
        border-bottom: 0;
      }

      .format-participant-row.is-selected {
        background: var(--primary-soft);
        box-shadow: inset 3px 0 0 var(--primary);
      }

      .format-participant-row input[type="checkbox"] {
        width: 20px;
        height: 20px;
        accent-color: var(--primary);
        cursor: pointer;
      }

      .format-participant-select-cell {
        text-align: center;
      }

      .format-participant-person {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
      }

      .format-participant-copy {
        min-width: 0;
        display: grid;
        gap: 4px;
      }

      .format-participant-name {
        color: var(--text);
        font-weight: 800;
        overflow-wrap: anywhere;
      }

      .format-participant-meta {
        color: var(--text-muted);
        font-size: 0.8rem;
        overflow-wrap: anywhere;
      }

      .format-participant-guidance {
        color: var(--text-muted);
        font-size: 0.72rem;
        line-height: 1.35;
        overflow-wrap: anywhere;
      }

      .format-participant-profile,
      .format-participant-match,
      .format-participant-contact-state {
        display: grid;
        gap: 5px;
        min-width: 0;
      }

      .format-participant-profile strong {
        color: var(--text);
        font-size: 0.8rem;
        line-height: 1.35;
      }

      .format-participant-profile > span:not(.format-participant-sector) {
        color: var(--text-muted);
        font-size: 0.75rem;
        line-height: 1.35;
      }

      .format-participant-sector {
        display: flex;
        align-items: center;
      }

      .format-participant-match__labels {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
      }

      .format-participant-match__labels > span {
        display: inline-flex;
        align-items: center;
        min-height: 21px;
        border-radius: 999px;
        background: color-mix(in srgb, var(--primary-soft) 78%, var(--surface));
        color: var(--primary);
        font-size: 0.64rem;
        font-weight: 850;
        padding: 2px 7px;
      }

      .format-participant-match__snippet {
        color: var(--text-muted);
        font-size: 0.72rem;
        line-height: 1.4;
        overflow-wrap: anywhere;
      }

      .format-participant-contact-state {
        justify-items: start;
      }

      .format-participant-empty-row td {
        padding: 32px 18px;
      }

      .format-participant-empty {
        display: grid;
        justify-items: center;
        gap: 8px;
        color: var(--text-muted);
        text-align: center;
      }

      .format-participant-empty strong {
        color: var(--text);
      }

      .format-participant-empty span {
        max-width: 560px;
        font-size: 0.8rem;
        line-height: 1.45;
      }

      .format-participant-readiness {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text-muted);
        font-size: 0.68rem;
        font-weight: 800;
        padding: 3px 7px;
      }

      .format-participant-readiness--success {
        border-color: #bbf7d0;
        background: #ecfdf3;
        color: #166534;
      }

      .format-participant-readiness--warning {
        border-color: #fde68a;
        background: #fffbeb;
        color: #92400e;
      }

      .format-participant-readiness--danger,
      .format-participant-readiness--limited {
        border-color: #fecaca;
        background: #fff7f7;
        color: #b91c1c;
      }

      @media (max-width: 980px) {
        .formats-layout {
          grid-template-columns: 1fr;
        }

        #hospitation-editor-drawer.is-documentation-mode .format-participant-panel {
          width: calc(100vw - 24px);
          max-width: calc(100vw - 24px);
        }

        .format-reporting-layout,
        .participant-board {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .format-diversity-board,
        .format-facts-grid {
          grid-template-columns: 1fr;
        }

        .format-participant-discovery {
          grid-template-columns: 1fr;
          gap: 14px;
        }

        .format-participant-quick-filters {
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 7px 9px;
        }

        .format-participant-quick-filters__copy {
          grid-column: 1;
          grid-row: 1;
        }

        .format-participant-quick-filters__actions {
          grid-column: 2;
          grid-row: 1;
        }

        .format-participant-quick-filters__controls {
          grid-column: 1 / -1;
          grid-row: 2;
        }

      }

      @media (min-width: 761px) and (max-width: 980px) {
        .format-participant-table-shell {
          overflow: auto;
          border: 0;
          border-radius: 0;
          background: transparent;
        }

        .format-participant-table,
        .format-participant-table tbody {
          display: block;
          width: 100%;
          min-width: 0;
        }

        .format-participant-table thead {
          position: absolute;
          width: 1px;
          height: 1px;
          overflow: hidden;
          clip: rect(0 0 0 0);
          clip-path: inset(50%);
          white-space: nowrap;
        }

        .format-participant-table tbody {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 10px;
        }

        .format-participant-row {
          display: grid;
          grid-template-columns: 38px minmax(0, 1fr);
          overflow: hidden;
          border: 1px solid var(--border);
          border-radius: 13px;
          background: var(--surface);
          box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
        }

        .format-participant-row td {
          display: block;
          grid-column: 2;
          border-bottom: 1px solid var(--border);
          padding: 10px 12px;
        }

        .format-participant-row td:last-child {
          border-bottom: 0;
        }

        .format-participant-row .format-participant-select-cell {
          display: grid;
          grid-column: 1;
          grid-row: 1 / span 5;
          align-items: start;
          justify-items: center;
          border-right: 1px solid var(--border);
          border-bottom: 0;
          padding: 15px 8px;
        }

        .format-participant-row td[data-label="Organisation"]::before,
        .format-participant-row td[data-label="Sektor"]::before,
        .format-participant-row td[data-label="Ort"]::before,
        .format-participant-row td[data-label="Treffer im Profil"]::before {
          content: attr(data-label);
          display: block;
          margin-bottom: 5px;
          color: var(--text-muted);
          font-size: 0.62rem;
          font-weight: 850;
          letter-spacing: 0.04em;
          text-transform: uppercase;
        }

        .format-participant-empty-row {
          display: block;
          grid-column: 1 / -1;
          border: 1px solid var(--border);
          border-radius: 13px;
          background: var(--surface);
        }

        .format-participant-empty-row td {
          display: block;
          padding: 24px 14px;
        }
      }

      @media (max-width: 760px) {
        .format-detail-head,
        .format-section-head,
        .hospitation-card__head,
        .hospitation-schedule-toolbar,
        .hospitation-calendar-head,
        .formats-command-row {
          align-items: stretch;
          flex-direction: column;
        }

        .hospitation-command-view-toggle {
          align-self: flex-end;
          margin-left: 0;
        }

        .hospitation-inline-date-grid {
          grid-template-columns: 1fr;
        }

        .app-shell[data-active-view="formats"] .controls-stack,
        .app-shell[data-active-view="hospitations"] .controls-stack {
          grid-template-columns: 1fr;
        }

        .app-shell[data-active-view="formats"] .workspace-header,
        .app-shell[data-active-view="hospitations"] .workspace-header {
          grid-template-columns: minmax(0, 1fr);
        }

        .app-shell[data-active-view="formats"] .workspace-header .workspace-actions,
        .app-shell[data-active-view="hospitations"] .workspace-header .workspace-actions {
          display: none;
        }

        .format-tabs {
          flex-wrap: wrap;
          overflow-x: visible;
        }

        .format-detail-nav {
          align-items: stretch;
          flex-direction: column;
          gap: 4px;
        }

        .format-detail-title {
          grid-template-columns: auto minmax(0, 1fr);
        }

        .format-detail-meta {
          padding-left: 0;
        }

        .format-tab {
          flex: 1 1 140px;
          padding-inline: 8px;
        }

        .hospitation-schedule-meta {
          text-align: left;
        }

        .hospitation-table-head {
          display: none;
        }

        .hospitation-row__head {
          grid-template-columns: 34px minmax(0, 1fr);
          gap: 10px;
        }

        .hospitation-row__person,
        .hospitation-row__cell,
        .hospitation-row__badges,
        .hospitation-row__documentation {
          grid-column: 1 / -1;
        }

        .hospitation-row__name,
        .hospitation-row__primary,
        .hospitation-row__meta,
        .hospitation-row__secondary,
        .hospitation-dashboard-item__title,
        .hospitation-dashboard-item__meta,
        .hospitation-dashboard-item__note,
        .hospitation-dashboard-score__label,
        .hospitation-dashboard-topic__label {
          white-space: normal;
        }

        .hospitation-dashboard-item {
          grid-template-columns: 1fr;
          align-items: start;
        }

        .hospitation-dashboard-preview-card {
          align-items: stretch;
          flex-direction: column;
          gap: 12px;
        }

        .hospitation-dashboard-preview-actions {
          width: 100%;
        }

        .framework-summary-grid,
        .framework-compact-list,
        .framework-reference-grid {
          grid-template-columns: minmax(0, 1fr);
        }

        .framework-model-divider {
          gap: 10px;
          margin: 22px 0 16px;
        }

        .framework-accordion > summary {
          grid-template-columns: 36px minmax(0, 1fr) 26px;
          gap: 10px;
          padding: 14px;
        }

        .framework-accordion-number {
          width: 36px;
          height: 36px;
        }

        .framework-accordion-body {
          padding: 0 14px 14px;
        }

        .framework-step-layout {
          grid-template-columns: minmax(0, 1fr);
          gap: 12px;
        }

        .framework-publication-card {
          grid-template-columns: minmax(76px, 0.26fr) minmax(0, 1fr);
          align-items: start;
        }

        .framework-publication-preview {
          min-height: 86px;
        }

        .framework-step-row {
          grid-template-columns: minmax(0, 1fr);
          gap: 4px;
        }

        .framework-funnel {
          grid-template-columns: minmax(0, 1fr);
          padding-top: 0;
        }

        .framework-process-flow::before {
          display: none;
        }

        .framework-process-flow .hospitation-dashboard-funnel-step {
          grid-template-columns: 58px minmax(0, 1fr);
          align-items: center;
          justify-items: stretch;
          min-height: auto;
          padding: 14px;
          text-align: left;
        }

        .framework-process-flow .hospitation-dashboard-funnel-step + .hospitation-dashboard-funnel-step::before {
          content: "";
          display: block;
          left: 28px;
          top: -16px;
          width: 2px;
          height: 18px;
          border: 0;
          background: #dbe6f7;
          box-shadow: none;
          color: transparent;
          font-size: 0;
        }

        .framework-process-flow .hospitation-dashboard-funnel-step:not(:last-child)::after {
          display: none;
        }

        .framework-process-flow .hospitation-dashboard-funnel-badge {
          position: static;
          width: 58px;
          height: 58px;
          border: 0;
          transform: none;
        }

        .framework-process-flow .hospitation-dashboard-funnel-copy {
          grid-template-rows: none;
          justify-items: start;
          min-height: 0;
          align-self: center;
        }

        .hospitation-dashboard {
          gap: 10px;
        }

        .hospitation-dashboard .dashboard-card {
          border-radius: var(--radius-md);
          padding: 12px;
        }

        .hospitation-dashboard .hospitation-dashboard-filter-card {
          padding: 0;
        }

        .hospitation-dashboard-card--span-3,
        .hospitation-dashboard-card--span-4,
        .hospitation-dashboard-card--span-5,
        .hospitation-dashboard-card--span-6,
        .hospitation-dashboard-card--span-7,
        .hospitation-dashboard-card--span-8 {
          grid-column: 1 / -1;
        }

        .hospitation-dashboard-layout-toolbar {
          align-items: stretch;
          flex-direction: column;
        }

        .hospitation-dashboard-layout-toolbar__actions {
          justify-content: flex-start;
        }

        .hospitation-dashboard-preview-copy span,
        .hospitation-dashboard-kpi__eyebrow,
        .hospitation-dashboard-section-label,
        .hospitation-dashboard-group-title {
          font-size: 0.68rem;
        }

        .hospitation-dashboard-preview-copy :is(strong, h2) {
          font-size: 0.96rem;
        }

        .hospitation-dashboard-preview-copy p,
        .hospitation-dashboard-guidance span {
          font-size: 0.78rem;
        }

        .hospitation-dashboard-guidance {
          align-items: flex-start;
          flex-direction: column;
          gap: 4px;
        }

        .hospitation-dashboard-guidance strong {
          white-space: normal;
        }

        .hospitation-dashboard-filter-summary {
          padding: 12px;
        }

        .hospitation-dashboard-filter-body {
          gap: 10px;
          padding: 12px;
        }

        .hospitation-dashboard-filter-head {
          align-items: flex-start;
          flex-direction: column;
        }

        .hospitation-dashboard-filter-actions .action-button {
          justify-content: center;
          width: 100%;
        }

        .hospitation-dashboard-filter-grid,
        .hospitation-dashboard-artifact-summary,
        .hospitation-dashboard-gallery,
        .hospitation-dashboard-kpi-row,
        .hospitation-dashboard-signal-grid,
        .hospitation-dashboard-pattern-grid,
        .hospitation-dashboard-evidence-grid,
        .hospitation-dashboard-roadmap-grid,
        .hospitation-dashboard-context-grid {
          grid-template-columns: 1fr;
        }

        .hospitation-dashboard-mini-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .hospitation-dashboard-metric {
          grid-template-columns: 1fr auto;
          padding: 8px 9px;
        }

        .hospitation-dashboard-score__head,
        .hospitation-dashboard-topic__head {
          align-items: flex-start;
          flex-direction: column;
          gap: 3px;
        }

        .hospitation-dashboard-score__value,
        .hospitation-dashboard-topic__count {
          white-space: normal;
        }

        .hospitation-dashboard-kpi {
          min-height: 104px;
          gap: 8px;
        }

        .hospitation-dashboard-kpi__value {
          font-size: 2rem;
        }

        .hospitation-dashboard-kpi__meta {
          font-size: 0.76rem;
        }

        .hospitation-dashboard-pie-layout {
          grid-template-columns: 1fr;
          justify-items: center;
          gap: 12px;
        }

        .hospitation-dashboard-card--span-4 .hospitation-dashboard-pie-layout {
          grid-template-columns: 1fr;
        }

        .hospitation-dashboard-pie {
          width: 132px;
        }

        .hospitation-dashboard-pie::after {
          inset: 28px;
        }

        .hospitation-dashboard-pie__center {
          inset: 40px;
        }

        .hospitation-dashboard-legend {
          width: 100%;
        }

        .hospitation-dashboard-location-layout,
        .hospitation-dashboard-card--span-4 .hospitation-dashboard-location-layout {
          grid-template-columns: 1fr;
          gap: 10px;
        }

        .hospitation-dashboard-voice-card,
        .hospitation-dashboard-observation-card,
        .hospitation-dashboard-readiness-item,
        .hospitation-dashboard-artifact-card {
          gap: 8px;
          padding: 10px;
        }

        .hospitation-dashboard-card-action {
          justify-content: center;
          width: 100%;
        }

        .hospitation-dashboard-observation-card .hospitation-dashboard-card-action {
          justify-content: center;
          width: auto;
        }

        .hospitation-dashboard-observations-card .hospitation-dashboard-card-list,
        .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel {
          grid-template-columns: 1fr;
          padding-top: 0;
        }

        .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel::before {
          display: none;
        }

        .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel-step {
          grid-template-columns: 58px minmax(0, 1fr);
          align-items: center;
          justify-items: stretch;
          min-height: 0;
          padding: 13px;
          text-align: left;
        }

        .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel-step + .hospitation-dashboard-funnel-step::before {
          content: "";
          display: block;
          left: 28px;
          top: -16px;
          width: 2px;
          height: 18px;
          border: 0;
          background: #dbe6f7;
          box-shadow: none;
          color: transparent;
          font-size: 0;
        }

        .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel-step:not(:last-child)::after {
          display: none;
        }

        .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel-badge {
          position: static;
          width: 58px;
          height: 58px;
          border: 0;
          transform: none;
        }

        .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel-copy {
          justify-items: start;
        }

        .hospitation-dashboard-card-head-actions {
          align-items: flex-start;
          flex-direction: column;
        }

        .hospitation-dashboard-detail-backdrop {
          align-items: stretch;
          justify-content: stretch;
        }

        .hospitation-dashboard-detail-drawer {
          width: 100%;
          max-height: 100%;
          margin: 0;
          border-radius: 0;
        }

        .hospitation-dashboard-detail-head {
          padding: 15px 14px;
        }

        .hospitation-dashboard-detail-list {
          padding: 14px;
        }

        .hospitation-dashboard-detail-row--quote {
          grid-template-columns: 44px minmax(0, 1fr);
        }

        .hospitation-dashboard-status-ladder {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .hospitation-dashboard-status-ladder span {
          justify-content: center;
          text-align: center;
        }

        .hospitation-calendar-grid {
          grid-template-columns: repeat(5, minmax(116px, 1fr));
          overflow-x: auto;
        }

        .hospitation-calendar-day {
          min-height: 118px;
          padding: 8px;
        }

        .hospitation-calendar-event {
          padding: 7px;
        }

        .hospitation-calendar-head {
          grid-template-columns: minmax(0, 1fr) auto;
        }

        .hospitation-calendar-actions {
          grid-column: 2;
          grid-row: 1;
          justify-content: flex-end;
        }

        .hospitation-calendar-nav {
          grid-column: 1;
          grid-row: 1;
        }

        .hospitation-calendar-title {
          grid-column: 1 / -1;
          grid-row: 2;
          padding-top: 2px;
        }

        .hospitation-calendar-legend {
          justify-content: flex-start;
        }

        .hospitation-calendar-mode-toggle {
          width: auto;
        }

        .hospitation-calendar-mode-button {
          flex: 1;
        }

        .hospitation-calendar-year-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .format-editor-grid,
        .format-reporting-layout,
        .format-overview-hero,
        .participant-board,
        .framework-summary-grid,
        .framework-compact-list,
        .hospitation-documentation-context,
        .hospitation-observation-coding-grid,
        .hospitation-score-row,
        .hospitation-score-row__head,
        .hospitation-slider-score__scale,
        .hospitation-repeatable-card__summary,
        .hospitation-roadmap-card__head,
        .hospitation-roadmap-card__scores,
        .hospitation-card__facts,
        .hospitation-dashboard,
        .invitation-status-board {
          grid-template-columns: 1fr;
        }

        .framework-intro h3 {
          font-size: 1.45rem;
        }

        #hospitation-editor-drawer .format-participant-panel {
          width: 100vw;
          max-width: 100vw;
          border-left: 0;
        }

        #hospitation-editor-drawer.is-documentation-mode .format-participant-panel {
          width: 100vw;
          max-width: 100vw;
          scroll-padding-top: 222px;
          scroll-padding-bottom: 24px;
        }

        #hospitation-editor-drawer .format-participant-header {
          align-items: flex-start;
          flex-direction: row;
          gap: 10px;
          padding: 12px 14px;
        }

        #hospitation-editor-drawer.is-documentation-mode .format-participant-header {
          align-items: center;
          gap: 8px;
        }

        #hospitation-editor-drawer.is-documentation-mode .hospitation-editor-header-actions {
          gap: 6px;
        }

        #hospitation-editor-drawer.is-documentation-mode .hospitation-editor-header-action {
          max-width: 116px;
          min-height: 36px;
          padding-inline: 10px;
        }

        #hospitation-editor-drawer .format-participant-header h3 {
          font-size: 1rem;
          line-height: 1.2;
        }

        #hospitation-editor-drawer .format-participant-header p {
          font-size: 0.78rem;
          line-height: 1.35;
        }

        #hospitation-editor-drawer .format-participant-body {
          gap: 10px;
          padding: 0 12px;
          scroll-padding-bottom: 18px;
        }

        #hospitation-editor-drawer.is-documentation-mode .format-participant-body {
          padding: 0 12px 12px;
        }

        #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-sticky-shell {
          margin: 0 -12px;
          padding: 16px 12px 0;
        }

        #hospitation-editor-drawer.is-documentation-mode .detail-profile-top {
          grid-template-columns: minmax(0, 1fr);
          gap: 10px;
        }

        #hospitation-editor-drawer.is-documentation-mode .detail-profile-meta {
          align-items: stretch;
          padding-left: 0;
          border-left: 0;
        }

        #hospitation-editor-drawer.is-documentation-mode .detail-profile-meta .detail-meta-control {
          width: 100%;
        }

        #hospitation-editor-drawer.is-documentation-mode .hospitation-owner-control__badge .owner-badge {
          flex-basis: 100%;
        }

        #hospitation-editor-drawer.is-documentation-mode .detail-profile-main {
          gap: 12px;
        }

        #hospitation-editor-drawer.is-documentation-mode .detail-profile-main .avatar,
        #hospitation-editor-drawer.is-documentation-mode .detail-profile-main img.avatar {
          width: 82px;
          height: 82px;
          flex: 0 0 82px;
        }

        #hospitation-editor-drawer.is-documentation-mode .detail-tabs {
          margin: 8px -12px 0;
          padding-inline: 12px;
        }

        #hospitation-editor-drawer .format-editor {
          gap: 10px;
        }

        #hospitation-editor-drawer .format-editor-field input,
        #hospitation-editor-drawer .format-editor-field select,
        #hospitation-editor-drawer .format-editor-field textarea {
          min-height: 42px;
          font-size: 0.86rem;
        }

        #hospitation-editor-drawer .format-editor-field textarea {
          min-height: 70px;
        }

        #hospitation-editor-drawer .hospitation-documentation-field--primary textarea {
          min-height: 132px;
        }

        #hospitation-editor-drawer .hospitation-documentation-form > .format-editor-actions {
          position: static;
          margin: 0;
          border-top: 1px solid var(--border);
          background: var(--surface);
          padding: 10px 0 0;
        }

        #hospitation-editor-drawer .hospitation-documentation-form > .format-editor-actions .action-button {
          flex: 1 1 0;
          justify-content: center;
          min-height: 44px;
        }

        #hospitation-editor-drawer .hospitation-documentation-save-actions {
          flex-direction: column;
        }

        #hospitation-editor-drawer.is-documentation-mode .format-editor-field,
        #hospitation-editor-drawer.is-documentation-mode .detail-info-card,
        #hospitation-editor-drawer.is-documentation-mode .hospitation-repeatable-card,
        #hospitation-editor-drawer.is-documentation-mode [data-add-hospitation-repeatable],
        #hospitation-editor-drawer.is-documentation-mode [data-documentation-theme-add] {
          scroll-margin-top: 222px;
          scroll-margin-bottom: 24px;
        }

        #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-form > .format-editor-actions {
          position: static;
          margin: 0;
          border-top: 1px solid var(--border);
          background: var(--surface);
          padding: 10px 0 0;
        }

        #hospitation-editor-drawer .hospitation-editor-section {
          border-radius: var(--radius-sm);
          padding: 0;
        }

        #hospitation-editor-drawer .hospitation-editor-section__summary {
          min-height: 44px;
          padding: 10px 11px;
        }

        #hospitation-editor-drawer .hospitation-editor-section__chevron {
          width: 28px;
          height: 28px;
        }

        #hospitation-editor-drawer .hospitation-documentation-context {
          grid-template-columns: 1fr;
          overflow-x: visible;
          padding-bottom: 0;
          scroll-snap-type: none;
        }

        #hospitation-editor-drawer .hospitation-documentation-context-card {
          scroll-snap-align: start;
          padding: 9px;
        }

        #hospitation-editor-drawer .hospitation-documentation-context-card--contact {
          min-height: 112px;
          padding: 12px;
        }

        #hospitation-editor-drawer .hospitation-documentation-context-card--contact .hospitation-documentation-context-card__main .avatar {
          width: 92px;
          height: 92px;
          min-width: 92px;
        }

        #hospitation-editor-drawer .hospitation-documentation-context-card strong {
          font-size: 0.82rem;
        }

        #hospitation-editor-drawer .hospitation-documentation-context-card--contact strong {
          font-size: 1.06rem;
        }

        #hospitation-editor-drawer .detail-theme-add {
          align-items: stretch;
          flex-direction: column;
        }

        #hospitation-editor-drawer .detail-theme-add .detail-theme-input,
        #hospitation-editor-drawer .detail-theme-add .action-button {
          width: 100%;
        }

        #hospitation-editor-drawer .detail-theme-presets,
        #hospitation-editor-drawer .detail-chip-row {
          gap: 6px;
        }

        #hospitation-editor-drawer .theme-tag {
          min-height: 30px;
          padding-inline: 9px;
          font-size: 0.76rem;
        }

        #hospitation-editor-drawer .hospitation-repeatable-card__summary {
          grid-template-columns: minmax(0, 1fr) 30px;
          padding: 10px;
        }

        #hospitation-editor-drawer .hospitation-repeatable-card__toggle {
          display: grid;
          width: 30px;
          height: 30px;
          place-items: center;
          padding: 0;
          font-size: 0;
        }

        #hospitation-editor-drawer .hospitation-repeatable-card__toggle::after {
          content: "";
          width: 8px;
          height: 8px;
          border-right: 2px solid currentColor;
          border-bottom: 2px solid currentColor;
          transform: rotate(45deg) translateY(-2px);
          transition: transform 0.16s ease;
        }

        #hospitation-editor-drawer .hospitation-repeatable-card[open] .hospitation-repeatable-card__toggle::after {
          transform: rotate(225deg) translateY(-1px);
        }

        #hospitation-editor-drawer .hospitation-repeatable-card__body {
          gap: 10px;
          padding: 10px;
        }

        #hospitation-editor-drawer .hospitation-repeatable-card {
          scroll-margin-bottom: 18px;
          scroll-margin-top: 72px;
        }

        #hospitation-editor-drawer .hospitation-repeatable-actions {
          align-items: stretch;
          flex-direction: column;
        }

        #hospitation-editor-drawer .hospitation-repeatable-remove,
        #hospitation-editor-drawer [data-add-hospitation-repeatable] {
          justify-content: center;
          width: 100%;
        }

        #hospitation-editor-drawer .hospitation-slider-score__scale {
          grid-template-columns: minmax(0, 1fr) auto;
        }

        .format-overview-title h4 {
          font-size: 1.55rem;
          overflow-wrap: anywhere;
        }

        .format-participant-header,
        .format-participant-footer,
        .format-participant-results-head {
          align-items: stretch;
          flex-direction: column;
        }

        #format-participant-drawer .format-participant-header {
          align-items: flex-start;
          flex-direction: row;
        }

        #format-participant-drawer .format-participant-body {
          grid-template-rows: auto auto auto auto auto;
          gap: 12px;
          padding: 12px;
          overflow: auto;
        }

        .format-participant-discovery {
          gap: 12px;
          border-radius: 14px;
          padding: 14px;
        }


        .format-participant-search-meta {
          display: grid;
          gap: 6px;
        }

        .format-participant-quick-filters {
          padding: 7px;
        }

        #format-participant-drawer .format-participant-results-head {
          align-items: center;
          flex-direction: row;
        }

        .format-participant-table-shell {
          overflow: visible;
          border: 0;
          border-radius: 0;
          background: transparent;
        }

        .format-participant-table,
        .format-participant-table tbody {
          display: block;
          width: 100%;
          min-width: 0;
        }

        .format-participant-table thead {
          position: absolute;
          width: 1px;
          height: 1px;
          overflow: hidden;
          clip: rect(0 0 0 0);
          clip-path: inset(50%);
          white-space: nowrap;
        }

        .format-participant-table tbody {
          display: grid;
          gap: 10px;
        }

        .format-participant-row {
          display: grid;
          grid-template-columns: 38px minmax(0, 1fr);
          overflow: hidden;
          border: 1px solid var(--border);
          border-radius: 13px;
          background: var(--surface);
          box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
        }

        .format-participant-row td {
          display: block;
          grid-column: 2;
          border-bottom: 1px solid var(--border);
          padding: 10px 12px;
        }

        .format-participant-row td:last-child {
          border-bottom: 0;
        }

        .format-participant-row .format-participant-select-cell {
          display: grid;
          grid-column: 1;
          grid-row: 1 / span 5;
          align-items: start;
          justify-items: center;
          border-right: 1px solid var(--border);
          border-bottom: 0;
          padding: 15px 8px;
        }

        .format-participant-row td[data-label="Organisation"]::before,
        .format-participant-row td[data-label="Sektor"]::before,
        .format-participant-row td[data-label="Ort"]::before,
        .format-participant-row td[data-label="Treffer im Profil"]::before {
          content: attr(data-label);
          display: block;
          margin-bottom: 5px;
          color: var(--text-muted);
          font-size: 0.62rem;
          font-weight: 850;
          letter-spacing: 0.04em;
          text-transform: uppercase;
        }

        .format-participant-empty-row {
          display: block;
          border: 1px solid var(--border);
          border-radius: 13px;
          background: var(--surface);
        }

        .format-participant-empty-row td {
          display: block;
          padding: 24px 14px;
        }

        #format-participant-drawer .format-participant-footer .format-editor-actions {
          display: grid;
          grid-template-columns: auto minmax(0, 1fr);
          width: 100%;
        }

        #format-participant-drawer #format-participant-add {
          justify-content: center;
          min-width: 0;
          white-space: normal;
        }

      }

      @media (max-width: 560px) {
        #format-participant-drawer .format-participant-results-head {
          align-items: stretch;
          flex-direction: column;
        }

        #format-participant-drawer #format-participant-clear {
          align-self: flex-end;
        }

        .format-participant-quick-filters__controls {
          grid-template-columns: minmax(0, 1fr);
          gap: 5px;
        }

        .format-participant-quick-filter select {
          min-height: 32px;
          font-size: 16px;
        }

        .format-participant-filter-reset {
          min-height: 32px;
        }
      }

      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="analytics"], [data-active-view="quality"], [data-active-view="hospitations"]) .workspace-header:not(.workspace-header--unified) .workspace-copy,
      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="hospitations"]) #summary-grid {
        display: none;
      }

      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="experts"], [data-active-view="patients"], [data-active-view="stakeholders"], [data-active-view="hospitations"]) .workspace-header {
        grid-template-columns: minmax(0, 1fr);
      }

      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="experts"], [data-active-view="patients"], [data-active-view="stakeholders"], [data-active-view="hospitations"]) .workspace-header .workspace-actions,
      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="experts"], [data-active-view="patients"], [data-active-view="stakeholders"], [data-active-view="hospitations"]) .workspace-expert-switcher,
      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="experts"], [data-active-view="patients"], [data-active-view="stakeholders"], [data-active-view="hospitations"]) .experts-mode-nav--header {
        width: 100%;
        min-width: 0;
      }

      .app-shell[data-active-view="stakeholders"] .experts-mode-nav--header .settings-tab-button {
        flex-direction: row;
        gap: 8px;
        min-height: 54px;
        padding: 0 16px;
      }

      .app-shell[data-active-view="stakeholders"] .experts-mode-label {
        display: inline-flex;
      }

      @media (max-width: 520px) {
        .app-shell[data-active-view="stakeholders"] .experts-mode-nav--header {
          gap: 4px;
          padding: 4px;
        }

        .app-shell[data-active-view="stakeholders"] .experts-mode-nav--header .settings-tab-button {
          flex-direction: column;
          gap: 4px;
          min-height: 58px;
          padding: 4px 2px;
          font-size: var(--font-size-xs);
        }

        .app-shell[data-active-view="stakeholders"] .experts-mode-label {
          display: block;
          max-width: 100%;
          overflow: visible;
          text-overflow: clip;
          white-space: nowrap;
        }

        .app-shell[data-active-view="stakeholders"] .experts-mode-count {
          min-width: 32px;
          min-height: 22px;
          padding-inline: 4px;
        }
      }

      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="experts"], [data-active-view="patients"], [data-active-view="stakeholders"], [data-active-view="hospitations"]) .workspace-header {
        gap: 0;
        padding-bottom: 6px;
      }

      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="experts"], [data-active-view="patients"], [data-active-view="stakeholders"], [data-active-view="hospitations"]) .controls {
        padding-bottom: 10px;
      }

      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="experts"], [data-active-view="patients"], [data-active-view="stakeholders"], [data-active-view="hospitations"]) .experts-mode-nav--header {
        margin-bottom: 0;
      }

      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="experts"], [data-active-view="patients"], [data-active-view="stakeholders"], [data-active-view="hospitations"]) .controls-stack {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="experts"], [data-active-view="patients"], [data-active-view="stakeholders"], [data-active-view="hospitations"]) .controls-stack .search-shell {
        min-height: 56px;
        padding: 0 18px 0 14px;
        border-color: var(--border-strong);
        border-radius: 999px;
        background: var(--surface);
        box-shadow: var(--shadow-sm);
        transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
      }

      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="experts"], [data-active-view="patients"], [data-active-view="stakeholders"], [data-active-view="hospitations"]) .controls-stack .search-shell:hover,
      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="experts"], [data-active-view="patients"], [data-active-view="stakeholders"], [data-active-view="hospitations"]) .controls-stack .search-shell:focus-within {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(21, 95, 228, 0.12), var(--shadow-sm);
      }

      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="experts"], [data-active-view="patients"], [data-active-view="stakeholders"], [data-active-view="hospitations"]) .controls-stack .search-shell svg {
        width: 34px;
        height: 34px;
        padding: 8px;
        border: 0;
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
      }

      .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="experts"], [data-active-view="patients"], [data-active-view="stakeholders"], [data-active-view="hospitations"]) .controls-stack .search-input {
        font-size: 1rem;
        font-weight: 700;
      }

      .sidebar-nav .primary-tab .notification-count-indicator[hidden],
      .sidebar-link .notification-count-indicator[hidden],
      .sidebar-notification-button .notification-count-indicator[hidden],
      .app-shell.is-sidebar-collapsed .sidebar-nav .primary-tab .notification-count-indicator[hidden],
      .app-shell.is-sidebar-collapsed .sidebar-link .notification-count-indicator[hidden],
      .app-shell.is-sidebar-collapsed .sidebar-notification-button .notification-count-indicator[hidden],
      .app-shell.is-mobile-sidebar-expanded .sidebar-nav .primary-tab .notification-count-indicator[hidden],
      .app-shell.is-mobile-sidebar-expanded .sidebar-link .notification-count-indicator[hidden],
      .app-shell.is-mobile-sidebar-expanded .sidebar-notification-button .notification-count-indicator[hidden] {
        display: none !important;
      }

      .person-profile-body .detail-toolbar,
      .organization-profile-body .detail-toolbar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
      }

      .person-profile-body .detail-toolbar > .action-button,
      .organization-profile-body .detail-toolbar > .action-button {
        justify-self: start;
      }

      .person-profile-body .detail-toolbar > .action-button,
      .person-profile-body .detail-toolbar-actions .action-button,
      .organization-profile-body .detail-toolbar > .action-button,
      .organization-profile-body .detail-toolbar-actions .action-button {
        height: 38px;
        min-height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-top: 0;
      }

      @media (max-width: 760px) {
        body.mobile-filter-open {
          touch-action: auto;
        }

        .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="stakeholders"]) #care-mode-actions,
        .app-shell:is([data-active-view="analytics"], [data-active-view="quality"]) #analytics-mode-actions,
        .app-shell[data-active-view="hospitations"] #hospitation-mode-actions {
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
          touch-action: pan-x pan-y;
          overscroll-behavior-inline: contain;
          scrollbar-width: none;
        }

        .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="stakeholders"]) #care-mode-actions::-webkit-scrollbar,
        .app-shell:is([data-active-view="analytics"], [data-active-view="quality"]) #analytics-mode-actions::-webkit-scrollbar,
        .app-shell[data-active-view="hospitations"] #hospitation-mode-actions::-webkit-scrollbar {
          display: none;
        }

        .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="stakeholders"]) #care-mode-actions .experts-mode-nav--header,
        .app-shell:is([data-active-view="analytics"], [data-active-view="quality"]) #analytics-mode-actions .experts-mode-nav--header,
        .app-shell[data-active-view="hospitations"] #hospitation-mode-actions .experts-mode-nav--header {
          width: max-content;
          min-width: 100%;
          justify-content: flex-start;
          gap: 4px;
          padding: 4px;
          overflow: visible;
        }

        .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="stakeholders"]) #care-mode-actions .settings-tab-button,
        .app-shell:is([data-active-view="analytics"], [data-active-view="quality"]) #analytics-mode-actions .settings-tab-button,
        .app-shell[data-active-view="hospitations"] #hospitation-mode-actions .settings-tab-button {
          flex: 0 0 auto;
          min-width: 128px;
          min-height: 52px;
          padding: 0 10px;
          gap: 6px;
          font-size: var(--font-size-sm);
        }

        .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="stakeholders"]) #care-mode-actions .experts-mode-label,
        .app-shell:is([data-active-view="analytics"], [data-active-view="quality"]) #analytics-mode-actions .experts-mode-label,
        .app-shell[data-active-view="hospitations"] #hospitation-mode-actions .experts-mode-label {
          white-space: nowrap;
        }

        .app-shell:is([data-active-view="contacts"], [data-active-view="organizations"], [data-active-view="map"], [data-active-view="stakeholders"]) #care-mode-actions .experts-mode-count {
          flex: 0 0 auto;
          min-width: 30px;
          min-height: 22px;
          padding: 0 5px;
          font-size: var(--font-size-xs);
        }

        .person-profile-body .detail-toolbar,
        .organization-profile-body .detail-toolbar {
          gap: 8px;
        }

        .person-profile-body .detail-toolbar-actions,
        .organization-profile-body .detail-toolbar-actions {
          max-width: none;
        }

        .filter-panel {
          overflow-x: hidden;
          overflow-y: auto;
          touch-action: pan-y;
        }

        .filter-panel-grid {
          min-width: 0;
          overflow-x: hidden;
        }

        .filter-choice-list {
          inline-size: min(100%, calc(100vw - 104px)) !important;
          max-inline-size: calc(100vw - 104px) !important;
          max-width: 100%;
          overflow-x: auto !important;
          overflow-y: hidden !important;
          -webkit-overflow-scrolling: touch;
          touch-action: pan-x pan-y;
          overscroll-behavior-inline: contain;
        }

        .filter-choice {
          flex: 0 0 auto;
          user-select: none;
          -webkit-tap-highlight-color: transparent;
        }

        .filter-choice input {
          pointer-events: auto;
        }

        .app-shell[data-active-view="organizations"] .organizations-table .row.organization-mobile-card {
          grid-template-columns: minmax(0, 1fr);
          grid-template-rows: minmax(52px, auto) minmax(30px, auto);
          align-content: center;
          gap: 8px;
          min-height: 106px;
          margin-bottom: 8px;
          padding: 12px;
          border-radius: var(--radius-md);
          box-shadow: var(--shadow-sm);
        }

        .app-shell[data-active-view="organizations"] .organization-mobile-card .cell--organization {
          grid-column: 1;
          grid-row: 1;
        }

        .app-shell[data-active-view="organizations"] .organization-mobile-card .organization-cell {
          display: grid;
          grid-template-columns: 52px minmax(0, 1fr);
          align-items: center;
          gap: 12px;
          min-width: 0;
        }

        .app-shell[data-active-view="organizations"] .organization-mobile-card .organization-logo,
        .app-shell[data-active-view="organizations"] .organization-mobile-card .organization-logo--sm {
          width: 52px;
          height: 52px;
        }

        .app-shell[data-active-view="organizations"] .organization-mobile-card .contact-meta {
          min-width: 0;
        }

        .app-shell[data-active-view="organizations"] .organization-mobile-card .organization-name-button {
          display: -webkit-box;
          max-width: 100%;
          overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          line-height: var(--line-height-tight);
          text-overflow: ellipsis;
        }

        .app-shell[data-active-view="organizations"] .organization-mobile-card .contact-subline {
          display: none;
        }

        .app-shell[data-active-view="organizations"] .organization-mobile-meta {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          align-items: center;
          gap: 8px;
          min-width: 0;
        }

        .app-shell[data-active-view="organizations"] .organization-mobile-sector {
          min-width: 0;
          max-width: 100%;
        }

        .app-shell[data-active-view="organizations"] .organization-mobile-sector .contact-sector-pill {
          max-inline-size: 100%;
          min-height: 28px;
          display: inline-flex;
          align-items: center;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .app-shell[data-active-view="organizations"] .organization-mobile-count {
          min-height: 28px;
          display: inline-flex;
          align-items: center;
          justify-self: end;
          white-space: nowrap;
        }

        .app-shell[data-active-view="profile"],
        .app-shell[data-active-view="profile"] .app-main,
        .app-shell[data-active-view="profile"] .wrap,
        .profile-page {
          min-height: 100dvh;
          overflow: visible;
        }

        .profile-page .profile-panel {
          width: 100%;
          height: auto;
          min-height: 100dvh;
          max-height: none;
          overflow: visible;
        }

        .profile-page .profile-panel__body {
          height: auto;
          max-height: none;
          overflow: visible;
          padding-bottom: calc(24px + env(safe-area-inset-bottom));
        }
      }
      /* Hospitation mobile: one final, scoped responsive layer after the legacy rules. */
      .questionnaire-mobile-progress,
      .questionnaire-mobile-navigation,
      .hospitation-mobile-agenda,
      .hospitation-dashboard-mobile-group,
      .hospitation-dashboard-filter-close,
      .hospitation-row__mobile-topline,
      .hospitation-row__mobile-date,
      .hospitation-row__mobile-organization,
      .hospitation-row__mobile-footer,
      .hospitation-row__mobile-chevron {
        display: none;
      }

      @media (min-width: 761px) and (max-width: 980px) {
        .questionnaire-mobile-progress {
          position: sticky;
          top: 10px;
          z-index: 24;
          display: grid;
          gap: 8px;
          border: 1px solid #c8d8f1;
          border-radius: var(--radius-md);
          background: rgba(255, 255, 255, 0.96);
          padding: 12px 14px;
          box-shadow: var(--shadow-sm);
        }

        .questionnaire-mobile-navigation {
          position: sticky;
          bottom: max(10px, env(safe-area-inset-bottom));
          z-index: 24;
          display: grid;
          grid-template-columns: minmax(108px, auto) minmax(48px, 1fr) minmax(148px, auto);
          align-items: center;
          gap: 10px;
          border: 1px solid var(--border);
          border-radius: var(--radius-md);
          background: rgba(255, 255, 255, 0.96);
          padding: 10px;
          box-shadow: 0 12px 30px rgba(16, 36, 92, 0.14);
        }

        .questionnaire-meta-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .questionnaire-field--container {
          grid-column: 1 / -1;
        }

        .questionnaire-field--date,
        .questionnaire-field--sector,
        .questionnaire-field--organization,
        .questionnaire-field--contact {
          grid-column: auto;
        }

        .questionnaire-context-goal {
          grid-column: 1 / -1;
        }

        .hospitation-dashboard-card--span-3,
        .hospitation-dashboard-card--span-4,
        .hospitation-dashboard-card--span-5,
        .hospitation-dashboard-card--span-6 {
          grid-column: span 6;
        }

        .hospitation-dashboard-card--span-7,
        .hospitation-dashboard-card--span-8,
        .hospitation-dashboard-epic-funnel-card {
          grid-column: 1 / -1;
        }

        .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel {
          grid-template-columns: minmax(0, 1fr);
          padding-top: 0;
        }

        .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel-step {
          grid-template-columns: 58px minmax(0, 1fr);
          align-items: center;
          justify-items: stretch;
          min-height: 0;
          padding: 13px;
          text-align: left;
        }

        .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel-step + .hospitation-dashboard-funnel-step::before {
          content: "";
          display: block;
          left: 28px;
          top: -16px;
          width: 2px;
          height: 18px;
          border: 0;
          background: #dbe6f7;
          box-shadow: none;
          color: transparent;
          font-size: 0;
        }

        .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel-badge {
          position: static;
          width: 58px;
          height: 58px;
          border: 0;
          transform: none;
        }

        .hospitation-dashboard-epic-funnel-card .hospitation-dashboard-funnel-copy {
          justify-items: start;
        }

        .format-editor-grid,
        .format-reporting-layout,
        .participant-board {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .hospitation-table {
          width: 100%;
          min-width: 0;
        }

        .hospitation-table-head {
          display: none;
        }

        .hospitation-row {
          margin-bottom: 10px;
          overflow: hidden;
          border: 1px solid var(--border);
          border-radius: 12px;
          background: var(--surface);
        }

        .hospitation-row__head {
          display: grid;
          grid-template-columns: 32px minmax(0, 1fr) auto;
          gap: 8px 12px;
          border: 0;
          padding: 13px;
        }

        .hospitation-row__head > .cell--select {
          grid-column: 1;
          grid-row: 1 / span 2;
        }

        .hospitation-row__head > .hospitation-row__cell:nth-child(2) {
          grid-column: 2;
          grid-row: 1;
        }

        .hospitation-row__head > .hospitation-row__badges:nth-child(3) {
          grid-column: 3;
          grid-row: 1;
          justify-self: end;
        }

        .hospitation-row__person {
          grid-column: 2 / -1;
          grid-row: 2;
        }

        .hospitation-row__head > .hospitation-row__cell:nth-child(5),
        .hospitation-row__head > .hospitation-row__cell:nth-child(6),
        .hospitation-row__head > .hospitation-row__badges:nth-child(7) {
          grid-column: 2 / -1;
        }

        .hospitation-row__head > .hospitation-row__cell:nth-child(5) {
          grid-row: 3;
        }

        .hospitation-row__head > .hospitation-row__cell:nth-child(6) {
          grid-row: 4;
        }

        .hospitation-row__head > .hospitation-row__badges:nth-child(7) {
          grid-row: 5;
        }

        .hospitation-row__owner {
          grid-column: 2;
          grid-row: 6;
        }

        .hospitation-row__documentation {
          grid-column: 3;
          grid-row: 6;
          justify-self: end;
        }
      }

      /* Compact single-column card list for tablets and narrowed desktop windows. */
      @media (min-width: 761px) and (max-width: 1279px) {
        #view-hospitations .hospitations-workspace {
          gap: 10px;
        }

        #view-hospitations #hospitation-command-row {
          gap: 8px;
          padding: 12px 14px;
        }

        #view-hospitations .hospitation-appointments-header__top {
          gap: 8px;
        }

        #view-hospitations .hospitation-appointments-action-row {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          grid-template-areas:
            "create mode"
            "exports view";
          gap: 8px 10px;
          padding: 0;
        }

        #view-hospitations .hospitation-appointments-action-row__left {
          grid-area: create;
          display: block;
          min-width: 0;
        }

        #view-hospitations .hospitation-appointments-action-row__left .formats-command-actions,
        #view-hospitations #new-hospitation-request-button {
          width: 100%;
        }

        #view-hospitations .hospitation-appointments-action-row__center {
          grid-area: mode;
          justify-self: end;
          width: auto;
        }

        #view-hospitations .hospitation-appointments-action-row__right {
          display: contents;
        }

        #view-hospitations .hospitation-export-actions {
          grid-area: exports;
          justify-self: start;
        }

        #view-hospitations .hospitation-command-view-toggle {
          grid-area: view;
          align-self: stretch;
          justify-self: end;
          margin: 0;
        }

        #view-hospitations .hospitation-appointments-action-row:has(.hospitation-bulk-toolbar:not([hidden])) {
          grid-template-columns: minmax(0, 1fr);
          grid-template-areas: "bulk";
        }

        #view-hospitations .hospitation-appointments-action-row:has(.hospitation-bulk-toolbar:not([hidden])) .hospitation-appointments-action-row__left {
          grid-area: bulk;
        }

        #view-hospitations .hospitation-appointments-action-row:has(.hospitation-bulk-toolbar:not([hidden])) :is(
          .formats-command-actions,
          .hospitation-appointments-action-row__center,
          .hospitation-appointments-action-row__right
        ) {
          display: none;
        }

        #view-hospitations .hospitation-table {
          grid-template-columns: minmax(0, 1fr);
          gap: 10px;
          border: 0;
          background: transparent;
          overflow: visible;
        }

        #view-hospitations .hospitation-table-head {
          display: none;
        }

        #view-hospitations .hospitation-row {
          min-width: 0;
          margin-bottom: 0;
          overflow: hidden;
          border: 1px solid var(--border);
          border-radius: 16px;
          background: var(--surface);
          box-shadow: none;
        }

        #view-hospitations .hospitation-row__head {
          display: block;
          min-height: 0;
          border: 0;
          padding: 10px 12px;
        }

        #view-hospitations .hospitation-row__head > :is(
          .cell--select,
          .hospitation-row__date,
          .hospitation-row__status,
          .hospitation-row__organization,
          .hospitation-row__observations,
          .hospitation-row__sector,
          .hospitation-row__owner,
          .hospitation-row__documentation
        ) {
          display: none;
        }

        #view-hospitations .hospitation-row__person {
          display: grid;
          grid-template-columns: 48px minmax(0, 1fr) 18px;
          align-items: center;
          gap: 10px;
          min-width: 0;
        }

        #view-hospitations .hospitation-row__person .avatar {
          width: 48px;
          height: 48px;
          font-size: 0.78rem;
        }

        #view-hospitations .hospitation-row__person .hospitation-row__copy {
          display: grid;
          gap: 2px;
          min-width: 0;
        }

        #view-hospitations .hospitation-row__mobile-topline {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 8px;
          min-width: 0;
        }

        #view-hospitations .hospitation-row__mobile-date {
          display: block;
          color: var(--text);
          font-size: 0.72rem;
          font-weight: 900;
          line-height: 1.2;
        }

        #view-hospitations .hospitation-row__name {
          display: -webkit-box;
          overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          font-size: 0.84rem;
          line-height: 1.18;
          text-overflow: ellipsis;
          white-space: normal;
        }

        #view-hospitations .hospitation-row__mobile-organization {
          display: -webkit-box;
          overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          color: var(--text-muted);
          font-size: 0.74rem;
          font-weight: 720;
          line-height: 1.2;
          text-overflow: ellipsis;
        }

        #view-hospitations .hospitation-row__mobile-footer {
          display: flex;
          align-items: center;
          gap: 6px;
          min-width: 0;
          min-height: 22px;
          margin-top: 3px;
          overflow: hidden;
        }

        #view-hospitations .hospitation-row__mobile-footer .contact-sector-pill {
          min-width: 0;
          max-width: calc(100% - 58px);
          min-height: 22px;
          padding-inline: 7px;
          overflow: hidden;
          font-size: 0.66rem;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        #view-hospitations .hospitation-row__mobile-owner {
          display: inline-flex;
          min-width: 0;
          flex: 0 0 auto;
        }

        #view-hospitations .hospitation-row__mobile-owner .owner-avatar-stack {
          height: 22px;
        }

        #view-hospitations .hospitation-row__mobile-owner :is(.owner-avatar-stack__item, .owner-avatar-stack__more) {
          width: 22px;
          height: 22px;
          border-width: 1px;
        }

        #view-hospitations .hospitation-row__mobile-owner .owner-avatar-stack--empty {
          display: none;
        }

        #view-hospitations .hospitation-row__mobile-chevron {
          display: block;
          color: #667399;
          font-size: 1.5rem;
          line-height: 1;
          text-align: right;
        }
      }

      .questionnaire-mobile-progress__copy {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
        min-width: 0;
      }

      .questionnaire-mobile-progress__copy strong {
        color: var(--primary);
        font-size: 0.82rem;
        font-weight: 900;
        white-space: nowrap;
      }

      .questionnaire-mobile-progress__copy span {
        min-width: 0;
        color: var(--text);
        font-size: 0.82rem;
        font-weight: 820;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .questionnaire-mobile-progress__track {
        height: 6px;
        overflow: hidden;
        border-radius: 999px;
        background: #e3ebf8;
      }

      .questionnaire-mobile-progress__track span {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: var(--primary);
        transition: width 180ms ease;
      }

      .questionnaire-mobile-navigation__status {
        justify-self: center;
        color: var(--text-muted);
        font-size: 0.78rem;
        font-weight: 900;
        font-variant-numeric: tabular-nums;
      }

      @media (max-width: 760px) {
        .app-shell:is([data-active-view="framework"], [data-active-view="hospitations"], [data-active-view="questionnaire"], [data-active-view="formats"]) .app-sidebar {
          width: 58px;
          min-width: 58px;
          padding-inline: 5px;
        }

        .app-shell:is([data-active-view="framework"], [data-active-view="hospitations"], [data-active-view="questionnaire"], [data-active-view="formats"]) .app-main {
          width: calc(100vw - 68px);
          max-width: calc(100vw - 68px);
          margin-left: 68px;
        }

        .app-shell:is([data-active-view="framework"], [data-active-view="hospitations"], [data-active-view="questionnaire"], [data-active-view="formats"]) .wrap {
          width: 100%;
          max-width: 100%;
          padding: 10px 10px 24px 0;
          overflow-x: clip;
        }

        #view-framework,
        #view-hospitations,
        #view-questionnaire,
        #view-formats,
        #view-framework > *,
        #view-hospitations > *,
        #view-questionnaire > *,
        #view-formats > * {
          width: 100%;
          max-width: 100%;
          min-width: 0;
        }

        #view-framework :is(button, .action-button, summary),
        #view-hospitations :is(button, .action-button, summary),
        #view-questionnaire :is(button, .action-button, summary, .custom-select-trigger),
        #view-formats :is(button, .action-button, summary) {
          min-height: 44px;
        }

        .framework-workspace,
        .hospitations-workspace,
        .questionnaire-workspace,
        .formats-workspace {
          gap: 10px;
        }

        .hospitation-dashboard-preview-card,
        .framework-model-section,
        .questionnaire-section,
        .format-detail {
          border-radius: 12px;
        }

        .hospitation-dashboard-preview-card {
          padding: 14px;
        }

        .hospitation-dashboard-preview-copy :is(strong, h2) {
          font-size: 1.08rem;
          line-height: 1.2;
        }

        .framework-header .hospitation-dashboard-preview-copy p {
          display: block;
          font-size: 0.8rem;
        }

        .framework-model-section {
          padding: 14px;
        }

        .framework-model-heading h4 {
          font-size: 1.28rem;
        }

        .framework-process-flow .hospitation-dashboard-funnel-step {
          grid-template-columns: 48px minmax(0, 1fr);
          gap: 11px;
          padding: 12px;
        }

        .framework-process-flow .hospitation-dashboard-funnel-badge {
          width: 48px;
          height: 48px;
          font-size: 1rem;
        }

        .framework-process-flow .hospitation-dashboard-funnel-step + .hospitation-dashboard-funnel-step::before {
          left: 23px;
        }

        .framework-accordion > summary {
          grid-template-columns: 34px minmax(0, 1fr) 28px;
          padding: 12px;
        }

        .framework-accordion-number {
          width: 34px;
          height: 34px;
        }

        .framework-publication-card {
          grid-template-columns: 72px minmax(0, 1fr);
          gap: 10px;
          padding: 10px;
        }

        .questionnaire-mobile-progress {
          position: sticky;
          top: 8px;
          z-index: 24;
          display: grid;
          gap: 8px;
          border: 1px solid #c8d8f1;
          border-radius: 12px;
          background: rgba(255, 255, 255, 0.96);
          padding: 10px 12px;
          box-shadow: var(--shadow-sm);
        }

        .questionnaire-toolbar {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          align-items: center;
          gap: 8px;
        }

        .questionnaire-toolbar__actions {
          display: flex;
          width: auto;
          flex-wrap: nowrap;
        }

        .questionnaire-download-link {
          width: 44px;
          min-width: 44px;
          padding: 0;
          font-size: 0;
        }

        .questionnaire-download-link .action-button__icon {
          margin: 0;
        }

        .questionnaire-section-stack {
          gap: 8px;
        }

        .questionnaire-section > summary {
          padding: 11px;
        }

        .questionnaire-section__head {
          grid-template-columns: minmax(0, 1fr) 34px;
          gap: 8px;
        }

        .questionnaire-section__head h3 {
          font-size: 0.98rem;
        }

        .questionnaire-section__head p {
          display: -webkit-box;
          overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          font-size: 0.76rem;
        }

        .questionnaire-section-number {
          width: 34px;
          height: 34px;
          min-width: 34px;
        }

        .questionnaire-section__body {
          padding: 0 11px 12px;
        }

        .questionnaire-meta-grid,
        .questionnaire-observation-grid,
        .questionnaire-classification-grid,
        .questionnaire-notes-grid {
          grid-template-columns: minmax(0, 1fr);
          gap: 9px;
        }

        .questionnaire-field--container,
        .questionnaire-field--date,
        .questionnaire-field--sector,
        .questionnaire-field--organization,
        .questionnaire-field--contact,
        .questionnaire-context-goal {
          grid-column: 1 / -1;
        }

        .questionnaire-select-shell .custom-select-panel {
          position: fixed;
          inset: auto 10px max(10px, env(safe-area-inset-bottom)) 68px;
          z-index: 1300;
          width: auto;
          min-width: 0;
          max-width: none;
          max-height: min(72dvh, 560px);
          overflow-y: auto;
          border-radius: 16px;
          box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
        }

        .questionnaire-select-shell .custom-select-search {
          position: sticky;
          top: 0;
          z-index: 2;
          background: var(--surface);
        }

        .questionnaire-step-actions [data-questionnaire-step-complete],
        .questionnaire-step-actions--submit [data-questionnaire-submit] {
          display: none;
        }

        .questionnaire-mobile-navigation {
          position: sticky;
          bottom: max(8px, env(safe-area-inset-bottom));
          z-index: 25;
          display: grid;
          grid-template-columns: minmax(88px, auto) minmax(42px, 1fr) minmax(110px, auto);
          align-items: center;
          gap: 7px;
          border: 1px solid var(--border);
          border-radius: 14px;
          background: rgba(255, 255, 255, 0.97);
          padding: 8px;
          box-shadow: 0 14px 32px rgba(16, 36, 92, 0.16);
        }

        .questionnaire-mobile-navigation .action-button {
          justify-content: center;
          padding-inline: 10px;
        }

        .hospitation-appointments-header__top {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          align-items: center;
          gap: 8px;
        }

        #view-hospitations .hospitations-workspace {
          gap: 8px;
        }

        #view-hospitations #hospitation-command-row {
          gap: 0;
          padding: 10px 12px;
        }

        #view-hospitations .hospitation-dashboard-preview-copy :is(strong, h2) {
          font-size: 0.98rem;
        }

        .hospitation-appointments-header__tools {
          width: auto;
          min-height: 44px;
        }

        .hospitation-header-search-slot {
          position: fixed;
          inset: 10px 64px auto 68px;
          z-index: 1100;
          width: auto;
          min-width: 0;
          transform: none;
        }

        .hospitation-appointments-action-row {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          grid-template-areas:
            "create exports"
            "mode view";
          gap: 6px 8px;
          padding: 0;
        }

        .hospitation-appointments-action-row__left {
          grid-area: create;
          display: block;
          min-width: 0;
        }

        .hospitation-appointments-action-row__left .formats-command-actions,
        #new-hospitation-request-button {
          width: 100%;
        }

        .hospitation-appointments-action-row__center {
          grid-area: mode;
          justify-content: flex-start;
          width: auto;
          min-width: 0;
        }

        .hospitation-appointments-action-row__right {
          display: contents;
        }

        .hospitation-export-actions {
          grid-area: exports;
          justify-self: end;
          gap: 6px;
        }

        .hospitation-export-button {
          width: 44px;
          min-width: 44px;
          padding: 0;
          font-size: 0;
        }

        .hospitation-export-button svg {
          width: 18px;
          height: 18px;
        }

        .hospitation-command-view-toggle {
          grid-area: view;
          align-self: stretch;
          justify-self: end;
          margin: 0;
        }

        .hospitation-appointments-action-row:has(.hospitation-bulk-toolbar:not([hidden])) {
          grid-template-columns: minmax(0, 1fr);
          grid-template-areas: "bulk";
        }

        .hospitation-appointments-action-row:has(.hospitation-bulk-toolbar:not([hidden])) .hospitation-appointments-action-row__left {
          grid-area: bulk;
        }

        .hospitation-appointments-action-row:has(.hospitation-bulk-toolbar:not([hidden])) :is(
          .formats-command-actions,
          .hospitation-appointments-action-row__center,
          .hospitation-appointments-action-row__right
        ) {
          display: none;
        }

        .hospitation-bulk-toolbar {
          box-sizing: border-box;
          width: 100%;
          max-width: 100%;
          min-width: 0;
          gap: 4px;
          overflow: hidden;
          padding: 5px 6px;
        }

        .hospitation-bulk-toolbar .bulk-toolbar__count {
          min-width: 0;
          flex: 1 1 auto;
          overflow: hidden;
          padding: 0 2px;
          font-size: 0.72rem;
          text-overflow: ellipsis;
        }

        .hospitation-bulk-toolbar .bulk-toolbar__link {
          display: inline-grid;
          width: 44px;
          min-width: 44px;
          flex: 0 0 44px;
          place-items: center;
          padding: 0;
          overflow: hidden;
          font-size: 0;
          text-decoration: none;
        }

        .hospitation-bulk-toolbar .bulk-toolbar__link::before {
          content: "×";
          font-size: 1.15rem;
          line-height: 1;
        }

        .hospitation-bulk-toolbar .bulk-toolbar__divider {
          display: none;
        }

        .hospitation-bulk-toolbar .action-button {
          width: auto;
          flex: 0 0 auto;
          padding-inline: 9px;
          font-size: 0.72rem;
        }

        .hospitation-view-toggle {
          max-width: 100%;
        }

        .hospitation-view-toggle {
          gap: 2px;
          padding: 2px;
        }

        .hospitation-view-toggle button {
          min-width: 0;
          padding-inline: 7px;
          font-size: 0.72rem;
        }

        .hospitation-list {
          gap: 8px;
        }

        .hospitation-row {
          margin-bottom: 0;
          overflow: hidden;
          border: 1px solid var(--border);
          border-radius: 16px;
          background: var(--surface);
          box-shadow: none;
        }

        .hospitation-row__head {
          display: block;
          min-height: 0;
          border: 0;
          padding: 10px 12px;
        }

        .hospitation-row__head > :is(
          .cell--select,
          .hospitation-row__date,
          .hospitation-row__status,
          .hospitation-row__organization,
          .hospitation-row__observations,
          .hospitation-row__sector,
          .hospitation-row__owner,
          .hospitation-row__documentation
        ) {
          display: none;
        }

        .hospitation-row__person {
          display: grid;
          grid-template-columns: 48px minmax(0, 1fr) 18px;
          align-items: center;
          gap: 10px;
          min-width: 0;
        }

        .hospitation-row__person .avatar {
          width: 48px;
          height: 48px;
          font-size: 0.78rem;
        }

        .hospitation-row__person .hospitation-row__copy {
          display: grid;
          gap: 2px;
          min-width: 0;
        }

        .hospitation-row__mobile-topline {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 8px;
          min-width: 0;
        }

        .hospitation-row__mobile-date {
          display: block;
          color: var(--text);
          font-size: 0.72rem;
          font-weight: 900;
          line-height: 1.2;
        }

        .hospitation-row__name {
          display: -webkit-box;
          overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          font-size: 0.84rem;
          line-height: 1.18;
          text-overflow: ellipsis;
          white-space: normal;
        }

        .hospitation-row__mobile-organization {
          display: -webkit-box;
          overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          color: var(--text-muted);
          font-size: 0.74rem;
          font-weight: 720;
          line-height: 1.2;
          text-overflow: ellipsis;
        }

        .hospitation-row__mobile-footer {
          display: flex;
          align-items: center;
          gap: 6px;
          min-width: 0;
          min-height: 22px;
          margin-top: 3px;
          overflow: hidden;
        }

        .hospitation-row__mobile-footer .contact-sector-pill {
          min-height: 22px;
          padding-inline: 7px;
          font-size: 0.66rem;
        }

        .hospitation-row__mobile-owner {
          display: inline-flex;
          min-width: 0;
          flex: 0 0 auto;
        }

        .hospitation-row__mobile-owner .owner-avatar-stack {
          height: 22px;
        }

        .hospitation-row__mobile-owner :is(.owner-avatar-stack__item, .owner-avatar-stack__more) {
          width: 22px;
          height: 22px;
          border-width: 1px;
        }

        .hospitation-row__mobile-owner .owner-avatar-stack--empty {
          display: none;
        }

        .hospitation-row__mobile-chevron {
          display: block;
          color: #667399;
          font-size: 1.5rem;
          line-height: 1;
          text-align: right;
        }

        .hospitation-mobile-agenda {
          display: grid;
          gap: 10px;
          min-width: 0;
        }

        .hospitation-mobile-agenda__head {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 10px;
          border: 1px solid var(--border);
          border-radius: 12px;
          background: var(--surface-muted);
          padding: 10px 12px;
        }

        .hospitation-mobile-agenda__head span {
          color: var(--text-muted);
          font-size: 0.76rem;
          font-weight: 820;
        }

        .hospitation-mobile-agenda__groups,
        .hospitation-mobile-agenda__events {
          display: grid;
          gap: 8px;
        }

        .hospitation-mobile-agenda__day {
          display: grid;
          gap: 7px;
        }

        .hospitation-mobile-agenda__day h3 {
          margin: 0;
          color: var(--text-muted);
          font-size: 0.74rem;
          font-weight: 900;
          letter-spacing: 0.04em;
          text-transform: uppercase;
        }

        .hospitation-mobile-agenda .hospitation-calendar-event {
          width: 100%;
          min-width: 0;
          display: grid;
          grid-template-columns: 52px minmax(0, 1fr);
          text-align: left;
        }

        #hospitation-editor-drawer.is-documentation-mode .format-participant-header {
          position: sticky;
          top: 0;
          z-index: 16;
          min-width: 0;
          background: var(--surface);
        }

        #hospitation-editor-drawer.is-documentation-mode .format-participant-header > div {
          min-width: 0;
        }

        #hospitation-editor-drawer.is-documentation-mode .format-participant-header h3 {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        #hospitation-editor-drawer.is-documentation-mode .hospitation-editor-header-action {
          width: 44px;
          min-width: 44px;
          max-width: 44px;
          padding: 0;
          overflow: hidden;
          font-size: 0;
        }

        #hospitation-editor-drawer.is-documentation-mode .detail-profile-main .avatar,
        #hospitation-editor-drawer.is-documentation-mode .detail-profile-main img.avatar {
          width: 64px;
          height: 64px;
          flex: 0 0 64px;
        }

        #hospitation-editor-drawer.is-documentation-mode .detail-tabs {
          flex-wrap: nowrap;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          scrollbar-width: none;
          scroll-snap-type: x proximity;
        }

        #hospitation-editor-drawer.is-documentation-mode .detail-tab {
          flex: 0 0 auto;
          min-width: 108px;
          scroll-snap-align: start;
        }

        #hospitation-editor-drawer.is-documentation-mode .hospitation-documentation-form > .format-editor-actions {
          position: sticky;
          bottom: 0;
          z-index: 14;
          margin-inline: -12px;
          padding: 10px 12px max(10px, env(safe-area-inset-bottom));
          box-shadow: 0 -10px 26px rgba(15, 23, 42, 0.09);
        }

        .hospitation-dashboard-mobile-group {
          grid-column: 1 / -1;
          display: block;
          min-width: 0;
          overflow: hidden;
          border: 1px solid var(--hospitation-dashboard-line);
          border-radius: 12px;
          background: var(--surface);
        }

        .hospitation-dashboard-mobile-group > summary {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          align-items: center;
          gap: 10px;
          cursor: pointer;
          list-style: none;
          padding: 12px;
        }

        .hospitation-dashboard-mobile-group > summary::-webkit-details-marker {
          display: none;
        }

        .hospitation-dashboard-mobile-group > summary::after {
          content: "+";
          grid-column: 2;
          grid-row: 1;
          display: grid;
          place-items: center;
          width: 28px;
          height: 28px;
          border: 1px solid var(--hospitation-dashboard-line);
          border-radius: 999px;
          color: var(--primary);
          font-weight: 900;
        }

        .hospitation-dashboard-mobile-group[open] > summary::after {
          content: "−";
        }

        .hospitation-dashboard-mobile-group > summary > span {
          display: none;
        }

        .hospitation-dashboard-mobile-group__body {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          gap: 9px;
          min-width: 0;
          border-top: 1px solid var(--hospitation-dashboard-line);
          padding: 9px;
        }

        .hospitation-dashboard-mobile-group__body > * {
          grid-column: 1 / -1 !important;
          min-width: 0;
        }

        .hospitation-dashboard-kpi-row {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 8px;
        }

        .hospitation-dashboard-kpi-row > .hospitation-dashboard-kpi-card:last-child:nth-child(odd) {
          grid-column: 1 / -1;
        }

        .hospitation-dashboard-kpi-tile {
          min-width: 0;
          padding: 10px;
        }

        .hospitation-dashboard-filter-close {
          display: inline-flex;
          flex: 0 0 auto;
        }

        .hospitation-dashboard-filter-card[open]::before {
          content: "";
          position: fixed;
          inset: 0;
          z-index: 1180;
          background: rgba(15, 23, 42, 0.34);
          backdrop-filter: blur(2px);
        }

        .hospitation-dashboard-filter-card[open] .hospitation-dashboard-filter-body {
          position: fixed;
          inset: auto 0 0 58px;
          z-index: 1190;
          max-height: 82dvh;
          overflow-y: auto;
          border-radius: 18px 18px 0 0;
          background: var(--surface);
          padding: 14px 12px max(14px, env(safe-area-inset-bottom));
          box-shadow: 0 -24px 60px rgba(15, 23, 42, 0.2);
        }

        .hospitation-dashboard-filter-head {
          display: flex;
          flex-direction: row;
          align-items: flex-start;
        }

        .hospitation-dashboard-filter-head > div {
          display: grid;
          gap: 3px;
          min-width: 0;
        }

        .formats-command-row {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          gap: 9px;
          padding: 10px;
        }

        .formats-command-actions,
        .formats-command-actions .action-button {
          width: 100%;
        }

        .formats-command-actions .action-button {
          justify-content: center;
        }

        .format-status-legend {
          display: flex;
          width: 100%;
          max-width: 100%;
          flex-wrap: nowrap;
          gap: 6px;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          scrollbar-width: none;
          padding-bottom: 2px;
        }

        .format-status-filter {
          flex: 0 0 auto;
          white-space: nowrap;
        }

        .format-detail-head {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          align-items: center;
          gap: 10px;
          padding: 12px;
        }

        .format-detail-title {
          grid-template-columns: 50px minmax(0, 1fr);
          gap: 10px;
        }

        .format-type-icon {
          width: 50px;
          height: 50px;
          border-radius: 14px;
        }

        .format-type-icon svg {
          width: 32px;
          height: 32px;
        }

        .format-detail-title h3,
        .format-overview-title h4 {
          font-size: 1rem;
          line-height: 1.25;
          overflow-wrap: break-word;
          word-break: normal;
          hyphens: auto;
        }

        .format-detail-meta {
          gap: 5px;
        }

        .format-detail-actions {
          align-items: flex-end;
          flex-direction: column;
          gap: 7px;
        }

        .format-detail-actions .format-status-badge {
          max-width: 110px;
          padding-inline: 8px;
          font-size: 0.74rem;
        }

        .format-detail-body {
          width: 100%;
          max-width: 100%;
          gap: 10px;
          padding: 10px;
        }

        .format-detail-nav,
        .format-tabs,
        .format-tab-panel,
        .format-section,
        .format-export-row {
          min-width: 0;
          max-width: 100%;
        }

        .format-detail-nav {
          overflow: hidden;
        }

        .format-tabs {
          flex-wrap: nowrap;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          scrollbar-width: none;
          scroll-snap-type: x proximity;
        }

        .format-tab {
          flex: 0 0 auto;
          min-width: 112px;
          scroll-snap-align: start;
        }

        .format-editor-drawer .format-participant-panel,
        #format-participant-drawer .format-participant-panel {
          width: 100vw;
          max-width: 100vw;
          border-left: 0;
        }

        .format-editor-drawer .editor-footer,
        #format-participant-drawer .format-participant-footer {
          position: sticky;
          bottom: 0;
          z-index: 15;
          background: var(--surface);
          padding-bottom: max(12px, env(safe-area-inset-bottom));
          box-shadow: 0 -10px 24px rgba(15, 23, 42, 0.08);
        }

        .format-export-row,
        .format-excel-actions,
        .format-settings-actions,
        .format-chat-composer-footer {
          align-items: stretch;
          flex-direction: column;
        }

        .format-export-row > div:first-child {
          width: 100%;
          min-width: 0;
        }

        .format-excel-actions .action-button,
        .format-settings-actions .action-button,
        .format-chat-composer-footer .action-button {
          justify-content: center;
          width: 100%;
        }

        .contact-content-search-results {
          left: 10px;
          right: 10px;
          max-height: 56vh;
        }

        .contact-note-composer .format-chat-composer-footer {
          align-items: center;
          flex-direction: row;
        }

        .contact-note-composer .format-chat-composer-footer .action-button {
          width: auto;
        }
      }

      @media (max-width: 374px) {
        #view-hospitations .hospitation-appointments-action-row {
          grid-template-areas:
            "create exports"
            "mode mode"
            "view view";
        }

        #view-hospitations .hospitation-command-view-toggle {
          width: 100%;
        }

        #view-hospitations .hospitation-view-toggle button {
          flex: 1 1 0;
        }
      }

      /* Mobile map entry: keep the app sidebar, stabilize tabs and search in the remaining width. */
      @media (max-width: 760px) {
        .app-shell[data-active-view="map"] .workspace-header {
          display: block;
          min-width: 0;
          padding-bottom: 10px;
          overflow: hidden;
        }

        .app-shell[data-active-view="map"] .workspace-header:not(.workspace-header--unified) .workspace-copy,
        .app-shell[data-active-view="map"] .workspace-header:not(.workspace-header--unified) .workspace-actions {
          display: none;
        }

        .app-shell[data-active-view="map"] #care-mode-actions {
          display: block !important;
          width: 100%;
          min-width: 0;
          overflow: hidden;
        }

        .app-shell[data-active-view="map"] #care-mode-actions .experts-mode-nav--header {
          display: flex;
          width: 100%;
          max-width: 100%;
          gap: 6px;
          padding: 4px;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }

        .app-shell[data-active-view="map"] #care-mode-actions .experts-mode-nav--header::-webkit-scrollbar {
          display: none;
        }

        .app-shell[data-active-view="map"] #care-mode-actions .settings-tab-button {
          flex: 0 0 auto;
          min-width: 112px;
          min-height: 44px;
          padding-inline: 12px;
          white-space: nowrap;
        }

        .app-shell[data-active-view="map"] .controls {
          padding-bottom: 10px;
        }

        .app-shell[data-active-view="map"] .controls-stack,
        .app-shell[data-active-view="map"] .search-shell {
          width: 100%;
          min-width: 0;
        }

        .app-shell[data-active-view="map"] .search-shell {
          min-height: 48px;
          border-radius: 14px;
        }

        .app-shell[data-active-view="map"] .search-input {
          min-width: 0;
          font-size: 16px;
          text-overflow: ellipsis;
        }

        .app-shell[data-active-view="map"] .filter-toolbar {
          display: none !important;
        }

        .app-shell[data-active-view="map"] .view-card--map,
        .app-shell[data-active-view="map"] .map-embed-frame {
          width: 100%;
          min-width: 0;
          min-height: calc(100dvh - 166px - env(safe-area-inset-bottom));
        }
      }

      /* Calm desktop sidebar: preserve every destination while reducing visual and vertical pressure. */
      @media (min-width: 761px) {
        .app-sidebar {
          padding: 18px 14px 20px;
        }

        .sidebar-brand {
          min-height: 52px;
          align-items: center;
          gap: 9px;
          padding: 0 44px 10px 6px;
        }

        .sidebar-brand .brand-mark {
          width: 34px;
          height: 34px;
          flex-basis: 34px;
          margin-top: 0;
        }

        .sidebar-brand .brand-mark span {
          width: 12px;
          height: 12px;
          border-radius: 5px;
        }

        .sidebar-brand .brand-mark span:nth-child(1) {
          top: 1px;
          left: 5px;
        }

        .sidebar-brand .brand-mark span:nth-child(2) {
          top: 11px;
          left: 16px;
        }

        .sidebar-brand .brand-mark span:nth-child(3) {
          top: 21px;
          left: 5px;
        }

        .sidebar-brand-copy {
          gap: 3px;
        }

        .sidebar-brand-kicker {
          max-width: 140px;
          padding-bottom: 3px;
          font-size: 1.15rem;
        }

        .sidebar-brand-kicker::after {
          right: 12px;
          height: 2px;
        }

        .sidebar-brand strong {
          max-width: 140px;
          font-size: 0.76rem;
          font-weight: 750;
        }

        .sidebar-nav {
          gap: 10px;
          margin-top: 8px;
          padding-top: 12px;
          padding-bottom: 8px;
          border-top: 1px solid rgba(255, 255, 255, 0.14);
        }

        .sidebar-section {
          gap: 3px;
        }

        .sidebar-section + .sidebar-section {
          padding-top: 0;
          border-top: 0;
        }

        .sidebar-section[data-sidebar-section="care"] {
          --sidebar-module-rgb: var(--module-care-rgb);
        }

        .sidebar-section[data-sidebar-section="stakeholders"] {
          --sidebar-module-rgb: var(--module-stakeholders-rgb);
        }

        .sidebar-section[data-sidebar-section="planning"] {
          --sidebar-module-rgb: var(--module-planning-rgb);
        }

        .sidebar-section[data-sidebar-section="formats"] {
          --sidebar-module-rgb: var(--module-formats-rgb);
        }

        .sidebar-section-toggle {
          min-height: 40px;
          padding: 0 10px 0 11px;
          border-left: 3px solid rgb(var(--sidebar-module-rgb));
          border-radius: 9px;
          background: rgba(var(--sidebar-module-rgb), 0.2);
          color: rgba(255, 255, 255, 0.94);
          font-size: 0.82rem;
          font-weight: 820;
          letter-spacing: 0.035em;
          text-transform: uppercase;
        }

        .sidebar-section-toggle:hover,
        .sidebar-section-toggle:focus-visible {
          border-left-color: rgb(var(--sidebar-module-rgb));
          background: rgba(var(--sidebar-module-rgb), 0.28);
          color: #ffffff;
        }

        .sidebar-section.is-active-section .sidebar-section-toggle {
          border-left-color: rgb(var(--sidebar-module-rgb));
          background: rgba(var(--sidebar-module-rgb), 0.32);
          color: #ffffff;
        }

        .sidebar-section-toggle svg {
          width: 15px;
          height: 15px;
          opacity: 0.82;
        }

        .sidebar-section-content {
          gap: 2px;
          margin: 2px 0 3px 11px;
          padding-left: 7px;
          border-left: 1px solid rgba(var(--sidebar-module-rgb), 0.46);
        }

        .sidebar-nav .primary-tab {
          min-height: 40px;
          padding: 0 10px;
          font-size: 0.84rem;
          font-weight: 720;
          opacity: 0.68;
        }

        .sidebar-section.is-active-section .primary-tab {
          opacity: 0.76;
        }

        .sidebar-nav .primary-tab.is-active,
        .sidebar-section.is-active-section .primary-tab.is-active {
          background: rgba(255, 255, 255, 0.11);
          opacity: 1;
          box-shadow: inset 3px 0 0 rgb(var(--sidebar-module-rgb));
        }

        .sidebar-home-entry .primary-tab.is-active {
          background: var(--sidebar-active);
          box-shadow: none;
        }

        .sidebar-nav .primary-tab svg,
        .sidebar-link svg {
          width: 17px;
          height: 17px;
        }

        .sidebar-account-section {
          gap: 5px;
          padding-top: 12px;
          padding-bottom: 8px;
          border-top-color: rgba(255, 255, 255, 0.12);
        }

        .sidebar-section-label {
          padding: 0 10px 2px;
          color: rgba(255, 255, 255, 0.5);
          font-size: 0.72rem;
          font-weight: 740;
          letter-spacing: 0.015em;
          text-transform: none;
        }

        .sidebar-link {
          min-height: 36px;
          gap: 8px;
          padding: 0 10px;
          font-size: 0.82rem;
          font-weight: 720;
        }

        .sidebar-team-link {
          min-height: 38px;
          grid-template-columns: 30px minmax(0, 1fr) auto;
          gap: 8px;
          padding: 2px 10px;
        }

        .sidebar-team-link .sidebar-team-icon {
          width: 30px;
          height: 30px;
        }

        .sidebar-team-link .sidebar-team-icon svg {
          width: 16px;
          height: 16px;
        }

        .sidebar-account-row {
          grid-template-columns: minmax(0, 1fr) 36px;
          gap: 6px;
          margin-top: 1px;
        }

        .sidebar-notification-button {
          width: 36px;
          height: 36px;
          min-width: 36px;
        }

        .sidebar-account-section .sidebar-footer {
          min-height: 40px;
          grid-template-columns: 32px minmax(0, 1fr);
          gap: 8px;
          margin-top: 0;
          padding: 2px 8px;
        }

        .sidebar-footer__badge {
          width: 32px;
          height: 32px;
          font-size: 0.75rem;
        }

        .sidebar-footer strong {
          font-size: 0.8rem;
        }

        .sidebar-footer span {
          margin-top: 1px;
          font-size: 0.69rem;
        }

        .app-shell:not(.is-sidebar-collapsed) .sidebar-collapse {
          position: absolute;
          top: 18px;
          right: 12px;
          z-index: 2;
          width: 34px;
          min-height: 34px;
          margin: 0;
          padding: 0;
          border-color: rgba(255, 255, 255, 0.12);
          border-radius: 10px;
          background: rgba(255, 255, 255, 0.045);
        }

        .app-shell:not(.is-sidebar-collapsed) .sidebar-collapse-label {
          display: none;
        }

        .app-shell:not(.is-sidebar-collapsed) .sidebar-collapse svg {
          width: 16px;
          height: 16px;
        }

        .app-shell.is-sidebar-collapsed .sidebar-brand {
          min-height: 52px;
          align-items: flex-start;
          justify-content: flex-start;
          padding: 0 28px 10px 0;
        }

        .app-shell.is-sidebar-collapsed .sidebar-brand .brand-mark {
          width: 26px;
          height: 26px;
          flex-basis: 26px;
          margin-top: 0;
        }

        .app-shell.is-sidebar-collapsed .sidebar-brand .brand-mark span {
          width: 9px;
          height: 9px;
          border-radius: 4px;
        }

        .app-shell.is-sidebar-collapsed .sidebar-brand .brand-mark span:nth-child(1) {
          top: 1px;
          left: 4px;
        }

        .app-shell.is-sidebar-collapsed .sidebar-brand .brand-mark span:nth-child(2) {
          top: 9px;
          left: 13px;
        }

        .app-shell.is-sidebar-collapsed .sidebar-brand .brand-mark span:nth-child(3) {
          top: 17px;
          left: 4px;
        }

        .app-shell.is-sidebar-collapsed .sidebar-collapse {
          position: absolute;
          top: 18px;
          right: 4px;
          z-index: 2;
          width: 32px;
          min-height: 32px;
          margin: 0;
          padding: 0;
          border-color: rgba(255, 255, 255, 0.12);
          border-radius: 10px;
          background: rgba(255, 255, 255, 0.045);
        }
      }

      @media (min-width: 761px) and (max-height: 820px) {
        .app-sidebar {
          padding: 14px 12px 18px;
        }

        .sidebar-brand {
          min-height: 46px;
          gap: 8px;
          padding: 0 42px 8px 4px;
        }

        .sidebar-brand .brand-mark {
          width: 32px;
          height: 32px;
          flex-basis: 32px;
        }

        .sidebar-brand .brand-mark span {
          width: 11px;
          height: 11px;
        }

        .sidebar-brand .brand-mark span:nth-child(1) {
          top: 1px;
          left: 5px;
        }

        .sidebar-brand .brand-mark span:nth-child(2) {
          top: 10px;
          left: 15px;
        }

        .sidebar-brand .brand-mark span:nth-child(3) {
          top: 19px;
          left: 5px;
        }

        .sidebar-brand-kicker {
          font-size: 1.08rem;
        }

        .sidebar-brand strong {
          font-size: 0.72rem;
        }

        .sidebar-nav {
          gap: 6px;
          margin-top: 4px;
          padding-bottom: 6px;
        }

        .sidebar-section-toggle {
          min-height: 38px;
        }

        .sidebar-nav .primary-tab {
          min-height: 38px;
        }

        .sidebar-account-section {
          gap: 4px;
          padding-top: 10px;
          padding-bottom: 6px;
        }

        .sidebar-link {
          min-height: 34px;
        }

        .sidebar-team-link {
          min-height: 36px;
        }

        .sidebar-account-row {
          grid-template-columns: minmax(0, 1fr) 34px;
        }

        .sidebar-notification-button {
          width: 34px;
          height: 34px;
          min-width: 34px;
        }

        .sidebar-account-section .sidebar-footer {
          min-height: 38px;
        }

        .sidebar-footer__badge {
          width: 30px;
          height: 30px;
        }

        .app-shell:not(.is-sidebar-collapsed) .sidebar-collapse {
          top: 12px;
          right: 10px;
          width: 32px;
          min-height: 32px;
        }

        .app-shell.is-sidebar-collapsed .sidebar-brand {
          min-height: 46px;
          padding-bottom: 8px;
        }

        .app-shell.is-sidebar-collapsed .sidebar-collapse {
          top: 12px;
          right: 4px;
        }
      }

      .app-shell:is([data-active-view="map"], [data-active-view="contacts"], [data-active-view="organizations"]) .workspace-header:not(.workspace-header--unified) {
        display: none;
      }

      /* Let the map consume the viewport space left below its controls. */
      .app-shell[data-active-view="map"] .app-main {
        height: 100dvh;
      }

      .app-shell[data-active-view="map"] .wrap {
        height: 100%;
      }

      .app-shell[data-active-view="map"] .crm-shell {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
      }

      .app-shell[data-active-view="map"] .controls {
        flex: 0 0 auto;
      }

      .app-shell[data-active-view="map"] .view-shell {
        flex: 1 1 auto;
        min-height: 0;
      }

      .app-shell[data-active-view="map"] #view-map,
      .app-shell[data-active-view="map"] .view-card--map,
      .app-shell[data-active-view="map"] .map-embed-frame {
        height: 100%;
        min-height: 0;
      }
      .hospitation-observations-workbench {
        display: grid;
        gap: var(--space-4, 16px);
        padding: var(--space-4, 16px) 0;
      }

      .observation-workbench-toolbar,
      .observation-workbench-analysis,
      .observation-workbench-list,
      .observation-workbench-detail {
        background: var(--surface, #fff);
        border: 1px solid var(--border, #dfe4ea);
        border-radius: var(--radius-lg, 12px);
      }

      .observation-workbench-toolbar {
        display: grid;
        grid-template-columns: minmax(240px, 1.5fr) repeat(5, minmax(130px, 0.7fr));
        gap: 10px;
        padding: 14px;
      }

      .observation-workbench-toolbar input,
      .observation-workbench-toolbar select,
      .observation-detail-form input,
      .observation-detail-form select,
      .observation-detail-form textarea {
        width: 100%;
        min-height: 40px;
        border: 1px solid var(--border, #dfe4ea);
        border-radius: var(--radius-md, 8px);
        background: var(--surface, #fff);
        color: var(--text, #172033);
        padding: 8px 10px;
        font: inherit;
      }

      .observation-workbench-toolbar :is(input, select):focus,
      .observation-detail-form :is(input, select, textarea):focus {
        outline: 2px solid var(--focus-ring, #7a9ee6);
        outline-offset: 1px;
      }

      .observation-workbench-kpis {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }

      .observation-workbench-kpi {
        min-width: 0;
        padding: 14px 16px;
        background: var(--surface, #fff);
        border: 1px solid var(--border, #dfe4ea);
        border-radius: var(--radius-lg, 12px);
      }

      .observation-workbench-kpi strong {
        display: block;
        margin-top: 4px;
        font-size: 1.45rem;
      }

      .observation-workbench-kpi span,
      .observation-workbench-kpi small {
        color: var(--text-muted, #667085);
      }

      .observation-workbench-analysis {
        padding: 16px;
        overflow: hidden;
      }

      .observation-workbench-section-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 12px;
      }

      .observation-workbench-section-head h3,
      .observation-workbench-section-head p {
        margin: 0;
      }

      .observation-workbench-section-head p {
        margin-top: 4px;
        color: var(--text-muted, #667085);
        font-size: 0.9rem;
      }

      .observation-matrix-wrap {
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-inline: contain;
        scrollbar-color: #8aa6da #eef3fb;
        scrollbar-gutter: stable;
        padding-bottom: 6px;
      }

      .observation-matrix-wrap:focus-visible {
        border-radius: var(--radius-sm, 6px);
        outline: 3px solid color-mix(in srgb, var(--primary, #2563eb) 28%, transparent);
        outline-offset: 3px;
      }

      .observation-matrix-wrap::-webkit-scrollbar {
        height: 12px;
      }

      .observation-matrix-wrap::-webkit-scrollbar-track {
        border-radius: 999px;
        background: #eef3fb;
      }

      .observation-matrix-wrap::-webkit-scrollbar-thumb {
        border: 2px solid #eef3fb;
        border-radius: 999px;
        background: #8aa6da;
      }

      .observation-matrix-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 2px 0 9px;
        color: var(--text-muted, #667085);
        font-size: 0.78rem;
        font-weight: 760;
      }

      .observation-matrix-toolbar__actions {
        display: inline-flex;
        flex: 0 0 auto;
        gap: 6px;
      }

      .observation-matrix-toolbar__actions .action-button {
        min-width: 38px;
        padding-inline: 10px;
      }

      .observation-matrix {
        width: 100%;
        min-width: 720px;
        border-collapse: collapse;
        font-size: 0.85rem;
      }

      .observation-matrix th,
      .observation-matrix td {
        padding: 8px;
        border-bottom: 1px solid var(--border-subtle, #edf0f4);
        text-align: center;
      }

      .observation-matrix th:first-child {
        position: sticky;
        left: 0;
        z-index: 1;
        min-width: 180px;
        background: var(--surface, #fff);
        text-align: left;
      }

      .observation-matrix button {
        min-width: 34px;
        min-height: 30px;
        border: 1px solid transparent;
        border-radius: var(--radius-sm, 6px);
        background: color-mix(in srgb, var(--hospitation-dashboard-blue, #4263eb) calc(var(--matrix-intensity, 0) * 1%), transparent);
        color: var(--text, #172033);
        font: inherit;
        font-weight: 700;
        cursor: pointer;
      }

      .observation-workbench-body {
        display: grid;
        grid-template-columns: minmax(0, 1.45fr) minmax(340px, 0.8fr);
        gap: 14px;
        align-items: start;
      }

      .observation-workbench-list,
      .observation-workbench-detail {
        overflow: hidden;
      }

      .observation-list-head,
      .observation-list-row {
        display: grid;
        grid-template-columns: minmax(220px, 1.5fr) minmax(150px, 0.8fr) minmax(150px, 0.8fr) minmax(120px, 0.6fr);
        gap: 12px;
        align-items: center;
        padding: 11px 14px;
      }

      .observation-list-head {
        color: var(--text-muted, #667085);
        border-bottom: 1px solid var(--border, #dfe4ea);
        font-size: 0.78rem;
        font-weight: 700;
      }

      .observation-list-row {
        width: 100%;
        border: 0;
        border-bottom: 1px solid var(--border-subtle, #edf0f4);
        background: transparent;
        color: inherit;
        text-align: left;
        cursor: pointer;
      }

      .observation-list-row:hover,
      .observation-list-row.is-active {
        background: var(--surface-subtle, #f6f8fb);
      }

      .observation-list-row strong,
      .observation-list-row small {
        display: block;
      }

      .observation-list-row small {
        margin-top: 3px;
        color: var(--text-muted, #667085);
      }

      .observation-workbench-detail {
        position: sticky;
        top: 12px;
        padding: 16px;
      }

      .observation-detail-section {
        padding: 12px 0;
        border-top: 1px solid var(--border-subtle, #edf0f4);
      }

      .observation-detail-section:first-of-type { border-top: 0; }
      .observation-detail-section h4 { margin: 0 0 8px; }
      .observation-detail-section p { margin: 5px 0; white-space: pre-wrap; }
      .observation-detail-muted { color: var(--text-muted, #667085); }

      .observation-detail-form {
        display: grid;
        gap: 12px;
      }

      .observation-detail-form label {
        display: grid;
        gap: 5px;
        color: var(--text-muted, #667085);
        font-size: 0.82rem;
        font-weight: 700;
      }

      .observation-detail-form textarea { min-height: 96px; resize: vertical; }
      .observation-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
      .observation-detail-actions { display: flex; justify-content: flex-end; gap: 8px; }

      .observation-evidence-label {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 3px 8px;
        border-radius: var(--radius-sm, 6px);
        background: var(--surface-subtle, #f6f8fb);
        color: var(--text-muted, #667085);
        font-size: 0.78rem;
        font-weight: 700;
      }

      @media (max-width: 1180px) {
        .observation-workbench-toolbar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        .observation-workbench-toolbar input { grid-column: 1 / -1; }
        .observation-workbench-body { grid-template-columns: 1fr; }
        .observation-workbench-detail { position: static; }
      }

      @media (max-width: 700px) {
        .observation-workbench-toolbar,
        .observation-workbench-kpis,
        .observation-detail-grid { grid-template-columns: 1fr; }
        .observation-list-head { display: none; }
        .observation-list-row { grid-template-columns: 1fr; gap: 7px; }
        .observation-workbench-detail { order: -1; }
        .observation-workbench-section-head { display: block; }
      }

      /* Beobachtungen: full-width CRM list, aligned with the Hospitation schedule. */
      .hospitation-observations-workbench {
        gap: var(--section-gap);
        min-width: 0;
        width: 100%;
        max-width: 100%;
        padding: 0;
      }

      .hospitation-observations-workbench > * {
        width: 100%;
        max-width: 100%;
        min-width: 0;
      }

      #hospitation-observations-panel {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
      }

      .observation-page-header {
        position: relative;
        display: grid;
        align-items: stretch;
        justify-content: stretch;
        gap: 8px;
        min-width: 0;
      }

      .observation-page-header__top {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
        width: 100%;
        min-height: 44px;
      }

      .observation-page-header__copy {
        display: grid;
        gap: 3px;
        min-width: 0;
      }

      .observation-page-header__copy strong {
        color: var(--hospitation-dashboard-ink);
        font-size: clamp(1.35rem, 2.2vw, 2.35rem);
        font-weight: 900;
        line-height: 1.05;
      }

      .observation-page-header__copy p {
        margin: 0;
        color: var(--text-muted);
        font-size: var(--font-size-sm);
      }

      .observation-page-header__tools {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        justify-self: end;
        margin-left: auto;
        gap: 8px;
      }

      .observation-header-search-slot {
        position: absolute;
        top: 50%;
        right: 54px;
        z-index: 15;
        width: min(620px, calc(100vw - 180px));
        transform: translateY(-50%);
      }

      .observation-header-search-slot[hidden],
      .observation-filter-strip[hidden] {
        display: none !important;
      }

      .observation-header-search {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
        min-height: 44px;
        padding: 0 10px 0 14px;
        border: 1px solid var(--border-strong);
        border-radius: 999px;
        background: var(--surface);
        box-shadow: var(--shadow-md);
      }

      .observation-header-search svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: var(--text-muted);
        stroke-width: 2;
      }

      .observation-header-search input {
        width: 100%;
        min-width: 0;
        border: 0;
        background: transparent;
        color: var(--text-primary);
        font: inherit;
        outline: none;
      }

      .observation-search-clear {
        width: 28px;
        height: 28px;
        border: 0;
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text-muted);
        cursor: pointer;
        font: inherit;
        font-weight: 900;
      }

      .observation-action-row {
        margin-top: -4px;
      }

      .observation-action-row__left,
      .observation-action-row__right {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
      }

      .observation-action-row__right {
        justify-content: flex-end;
      }

      @media (min-width: 701px) {
        #view-hospitations .observation-action-row {
          display: flex;
          align-items: center;
          gap: 12px;
        }

        #view-hospitations .observation-action-row > .observation-action-row__left {
          display: flex;
          width: auto;
        }

        #view-hospitations .observation-action-row > .hospitation-appointments-action-row__center {
          display: none;
        }

        #view-hospitations .observation-action-row > .observation-action-row__right {
          display: flex;
          width: auto;
          margin-left: auto;
          justify-content: flex-end;
        }

        #view-hospitations .observation-action-row__left .action-button {
          width: auto;
        }
      }

      .observation-result-meta {
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        font-weight: 750;
        white-space: nowrap;
      }

      .observation-filter-strip {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 34px;
        overflow-x: auto;
        padding: 0 2px;
      }

      .observation-filter-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-height: 30px;
        flex: 0 0 auto;
        border: 1px solid var(--border-strong);
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
        cursor: pointer;
        padding: 4px 9px;
        font: inherit;
        font-size: var(--font-size-xs);
        font-weight: 800;
      }

      .observation-filter-reset {
        flex: 0 0 auto;
        border: 0;
        background: transparent;
        color: var(--text-muted);
        cursor: pointer;
        font: inherit;
        font-size: var(--font-size-xs);
        font-weight: 800;
      }

      .observation-summary-strip {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        overflow: hidden;
      }

      .observation-summary-item {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: baseline;
        gap: 8px;
        min-width: 0;
        padding: 10px 14px;
        border-right: 1px solid var(--border);
      }

      .observation-summary-item:last-child {
        border-right: 0;
      }

      .observation-summary-item strong {
        color: var(--text-primary);
        font-size: 1.05rem;
        font-variant-numeric: tabular-nums;
      }

      .observation-summary-item span {
        min-width: 0;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .observation-table-scroll {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        overflow-x: auto;
      }

      .observation-table {
        min-width: var(--observation-table-min-width, 980px);
      }

      .observation-table-head,
      .observation-table-row {
        display: grid;
        grid-template-columns: var(--observation-grid-template, minmax(215px, 1.35fr) minmax(96px, 0.5fr) minmax(160px, 0.85fr) minmax(100px, 0.54fr) minmax(135px, 0.7fr) minmax(135px, 0.7fr) minmax(96px, 0.42fr));
        align-items: center;
        gap: 10px;
        min-width: 0;
      }

      .observation-table-head {
        position: sticky;
        top: 0;
        z-index: 20;
        min-height: 42px;
        padding: 0 14px;
        border-bottom: 1px solid var(--border);
        background: var(--surface-muted);
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 850;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .observation-table-head .column-head {
        justify-content: flex-start;
        gap: 3px;
      }

      .observation-table-head .column-head--number {
        justify-content: center;
      }

      .observation-table-number-head {
        font-variant-numeric: tabular-nums;
      }

      .observation-table-head .column-sort-button {
        flex: 0 1 auto;
        width: auto;
        gap: 3px;
      }

      .observation-table-head .column-sort-indicator {
        width: 18px;
        height: 18px;
      }

      .observation-table-head .header-filter {
        margin-left: 0;
      }

      .observation-table-head .filter-icon-button {
        width: 20px;
        height: 20px;
      }

      .observation-table-head .filter-icon-button svg {
        width: 12px;
        height: 12px;
      }

      .observation-table-row {
        width: 100%;
        min-height: 70px;
        padding: 9px 14px 9px 11px;
        border: 0;
        border-bottom: 1px solid var(--border);
        border-left: 3px solid transparent;
        background: var(--surface);
        color: inherit;
        cursor: pointer;
        text-align: left;
        transition: background 160ms ease, border-color 160ms ease;
      }

      .observation-table-row:last-child {
        border-bottom: 0;
      }

      .observation-table-row:hover,
      .observation-table-row:focus-visible,
      .observation-table-row.is-active {
        border-left-color: var(--primary);
        background: var(--surface-muted);
        outline: none;
      }

      .observation-table-row:focus-visible {
        box-shadow: var(--focus-ring);
      }

      .observation-table-cell {
        display: grid;
        gap: 3px;
        min-width: 0;
      }

      .observation-table-cell--number {
        place-items: center;
        color: var(--text-muted);
        font-size: 0.72rem;
        font-variant-numeric: tabular-nums;
        font-weight: 850;
      }

      .observation-row-number {
        display: inline-grid;
        min-width: 24px;
        min-height: 24px;
        place-items: center;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        line-height: 1;
      }

      .observation-table-contact-cell {
        grid-template-columns: 28px minmax(0, 1fr);
        align-items: center;
        gap: 8px;
      }

      .observation-table-contact-cell .avatar {
        grid-column: 1;
        grid-row: 1;
        flex: 0 0 auto;
      }

      .observation-table-contact-cell .observation-table-cell__primary {
        grid-column: 2;
        grid-row: 1;
      }

      .observation-table-cell--sector .contact-sector-pill {
        min-height: 22px;
        width: fit-content;
        padding-inline: 7px;
        font-size: 0.68rem;
        line-height: 1;
      }

      .observation-table-cell strong,
      .observation-table-cell__primary {
        color: var(--text-primary);
        font-size: 0.9rem;
        font-weight: 850;
        line-height: 1.25;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .observation-table-cell small,
      .observation-table-cell__secondary {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .observation-evidence-label--direct {
        background: var(--success-soft);
        color: var(--success);
      }

      .observation-evidence-label--reported {
        background: var(--info-soft);
        color: var(--info);
      }

      .observation-evidence-label--interpreted {
        background: var(--warning-soft);
        color: var(--warning);
      }

      .observation-analysis-panel {
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        overflow: hidden;
      }

      .observation-analysis-panel > summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 48px;
        padding: 10px 14px;
        cursor: pointer;
        list-style: none;
      }

      .observation-analysis-panel > summary::-webkit-details-marker {
        display: none;
      }

      .observation-analysis-panel > summary strong {
        display: block;
        color: var(--text-primary);
        font-size: 0.9rem;
      }

      .observation-analysis-panel > summary span {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
      }

      .observation-analysis-panel__body {
        padding: 14px;
        border-top: 1px solid var(--border);
      }

      .observation-matrix-coverage {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
        margin-bottom: 14px;
      }

      .observation-matrix-coverage > div {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 9px;
        min-width: 0;
        padding: 10px 12px;
        border: 1px solid #dce5f3;
        border-radius: 10px;
        background: #f7f9fd;
      }

      .observation-matrix-coverage strong {
        color: #17386f;
        font-size: 1rem;
        font-variant-numeric: tabular-nums;
      }

      .observation-matrix-coverage span {
        color: #64738e;
        font-size: 0.72rem;
        line-height: 1.35;
      }

      .observation-matrix-coverage > .observation-matrix-coverage__note {
        border-color: #f2dfae;
        background: #fffaf0;
      }

      .observation-matrix-coverage__note strong {
        color: #95610d;
      }

      .observation-analysis-panel .observation-matrix {
        min-width: 1100px;
      }

      #observation-detail-drawer {
        z-index: 100;
      }

      #observation-detail-drawer .format-participant-panel {
        width: min(820px, calc(100vw - 28px));
        grid-template-columns: minmax(0, 1fr);
        background: #f6f8fd;
        border-left-color: #dbe3f2;
        box-shadow: -24px 0 70px rgba(16, 27, 80, 0.18);
      }

      #observation-detail-drawer .format-participant-header,
      #observation-detail-drawer .format-participant-body,
      #observation-detail-drawer .observation-detail-content {
        min-width: 0;
        max-width: 100%;
      }

      #observation-detail-drawer .format-participant-header {
        min-height: 76px;
        padding: 15px 20px;
        border-bottom-color: #dfe6f3;
        background: rgba(255, 255, 255, 0.96);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
      }

      #observation-detail-drawer .format-participant-header > div {
        min-width: 0;
      }

      #observation-detail-drawer .format-participant-header h3 {
        overflow: hidden;
        color: var(--text-primary);
        font-size: 1.04rem;
        font-weight: 850;
        line-height: 1.3;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      #observation-detail-drawer .format-participant-header p {
        overflow: hidden;
        margin-top: 5px;
        color: #60708f;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        font-size: 0.72rem;
        line-height: 1.3;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      #observation-detail-drawer .import-close {
        width: 36px;
        height: 36px;
        flex: 0 0 auto;
        border: 1px solid #dce5f6;
        border-radius: 10px;
        background: #f5f8ff;
        color: #23437f;
        font-size: 1.12rem;
      }

      #observation-detail-drawer .format-participant-body {
        display: block;
        padding: 20px;
      }

      .observation-detail-content {
        display: grid;
        gap: 16px;
      }

      .observation-detail-hero {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
        padding: 18px;
        border: 1px solid #d5e3fb;
        border-radius: 16px;
        background:
          radial-gradient(circle at 94% 8%, rgba(86, 142, 244, 0.18), transparent 31%),
          linear-gradient(135deg, #ffffff 0%, #edf4ff 100%);
        box-shadow: 0 8px 24px rgba(30, 78, 158, 0.07);
      }

      .observation-detail-hero__identity {
        display: flex;
        align-items: center;
        min-width: 0;
        gap: 14px;
      }

      .observation-detail-hero__avatar {
        flex: 0 0 auto;
      }

      .observation-detail-hero__avatar .avatar {
        width: 68px;
        height: 68px;
        border: 3px solid #ffffff;
        border-radius: 18px;
        box-shadow: 0 8px 20px rgba(28, 64, 132, 0.18);
      }

      .observation-detail-hero__avatar img {
        object-fit: cover;
        object-position: center top;
      }

      .observation-detail-hero__copy {
        min-width: 0;
      }

      .observation-detail-hero__eyebrow,
      .observation-detail-hero__name,
      .observation-detail-hero__actions {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
      }

      .observation-detail-hero__eyebrow > span {
        color: #5f7192;
        font-size: 0.67rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .observation-detail-id {
        display: inline-flex;
        align-items: center;
        min-height: 22px;
        max-width: 100%;
        padding: 2px 7px;
        overflow: hidden;
        border: 1px solid #d6e1f5;
        border-radius: 6px;
        background: rgba(255, 255, 255, 0.8);
        color: #496181;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        font-size: 0.66rem;
        font-weight: 750;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .observation-detail-hero__name {
        margin-top: 6px;
      }

      .observation-detail-hero__name > strong {
        color: #142a55;
        font-size: 1.05rem;
        font-weight: 900;
        letter-spacing: -0.015em;
      }

      .observation-detail-hero__name .contact-sector-pill {
        min-height: 22px;
        padding: 2px 8px;
        font-size: 0.68rem;
      }

      .observation-detail-hero__copy > p {
        margin: 5px 0 0;
        color: #5f6f8b;
        font-size: 0.78rem;
        line-height: 1.45;
      }

      .observation-detail-hero__actions {
        justify-content: flex-end;
        flex: 0 0 auto;
      }

      .observation-detail-card {
        padding: 18px;
        border: 1px solid #dfe5f0;
        border-radius: 15px;
        background: #ffffff;
        box-shadow: 0 3px 12px rgba(28, 46, 91, 0.035);
      }

      .observation-detail-card--coding {
        border-color: #d6e3fb;
        background: linear-gradient(180deg, #f9fbff 0%, #f3f7ff 100%);
      }

      .observation-detail-card__head {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 14px;
      }

      .observation-detail-card__icon {
        display: inline-grid;
        width: 34px;
        height: 34px;
        flex: 0 0 auto;
        place-items: center;
        border: 1px solid #d6e3fb;
        border-radius: 10px;
        background: #edf4ff;
        color: #2462ce;
      }

      .observation-detail-card__icon svg {
        width: 17px;
        height: 17px;
      }

      .observation-detail-card__head h4,
      .observation-detail-card__head p {
        margin: 0;
      }

      .observation-detail-card__head h4 {
        color: #172e5a;
        font-size: 0.9rem;
        font-weight: 900;
      }

      .observation-detail-card__head p {
        margin-top: 2px;
        color: #6f7d98;
        font-size: 0.72rem;
        line-height: 1.35;
      }

      .observation-detail-copy-grid {
        display: grid;
        grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
        gap: 10px;
      }

      .observation-detail-copy-block {
        min-width: 0;
        padding: 13px 14px;
        border: 1px solid #e5e9f2;
        border-radius: 11px;
        background: #f8f9fc;
      }

      .observation-detail-copy-block--primary {
        border-color: #dce6f8;
        background: #f5f8ff;
      }

      .observation-detail-copy-block > span,
      .observation-detail-coding-item dt,
      .observation-detail-source-grid dt {
        display: block;
        margin-bottom: 6px;
        color: #697896;
        font-size: 0.66rem;
        font-weight: 900;
        letter-spacing: 0.07em;
        text-transform: uppercase;
      }

      .observation-detail-copy-block p {
        margin: 0;
        color: #263958;
        font-size: 0.84rem;
        line-height: 1.55;
        white-space: pre-wrap;
      }

      .observation-detail-coding-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
        margin: 0;
      }

      .observation-detail-coding-item {
        min-width: 0;
        min-height: 80px;
        padding: 12px;
        border: 1px solid #dce5f5;
        border-radius: 11px;
        background: rgba(255, 255, 255, 0.92);
      }

      .observation-detail-coding-item.is-empty {
        border-style: dashed;
        background: rgba(255, 255, 255, 0.58);
      }

      .observation-detail-coding-item dt,
      .observation-detail-coding-item dd,
      .observation-detail-source-grid dt,
      .observation-detail-source-grid dd {
        margin: 0;
      }

      .observation-detail-coding-item dd {
        color: #1f3766;
        font-size: 0.8rem;
        font-weight: 850;
        line-height: 1.35;
        overflow-wrap: anywhere;
      }

      .observation-detail-coding-item.is-empty dd {
        color: #7a879f;
        font-weight: 700;
      }

      .observation-detail-coding-item .observation-evidence-label {
        min-height: 23px;
        padding: 2px 7px;
        font-size: 0.69rem;
      }

      .observation-coding-badge {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        max-width: 100%;
        min-height: 27px;
        padding: 4px 9px;
        border: 1px solid transparent;
        border-radius: 999px;
        font-size: 0.72rem;
        font-weight: 850;
        line-height: 1.25;
        white-space: normal;
      }

      .observation-coding-badge--problem {
        border-color: #d8cdf8;
        background: #f2eeff;
        color: #5b3eb2;
      }

      .observation-coding-badge--phase {
        border-color: #cbdcfb;
        background: #eaf2ff;
        color: #215cb8;
      }

      .observation-coding-badge--impact {
        border-color: #f0d5aa;
        background: #fff5e5;
        color: #9a5b08;
      }

      .observation-coding-badge--usage {
        border-color: #bfe3dc;
        background: #eaf9f5;
        color: #167060;
      }

      .observation-coding-badge--relevance {
        border-color: #d7e1f3;
        background: #f0f4fb;
        color: #38527f;
      }

      .observation-detail-coding-item.is-empty .observation-coding-badge {
        border-style: dashed;
        filter: saturate(0.65);
        opacity: 0.82;
      }

      .observation-detail-relevance {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
      }

      .observation-detail-relevance__dots {
        display: inline-flex;
        gap: 3px;
      }

      .observation-detail-relevance__dots i {
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: #dce4f3;
      }

      .observation-detail-relevance__dots i.is-active {
        background: #2368db;
      }

      .observation-detail-source-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin: 0;
      }

      .observation-detail-source-grid > div {
        min-width: 0;
        padding: 11px 12px;
        border-left: 3px solid #d5e2f7;
        border-radius: 0 9px 9px 0;
        background: #f8f9fc;
      }

      .observation-detail-source-grid dd {
        color: #2b3d5e;
        font-size: 0.79rem;
        font-weight: 800;
        line-height: 1.4;
      }

      .observation-detail-source-action {
        margin-top: 12px;
      }

      .observation-detail-history {
        overflow: hidden;
        border: 1px solid #dfe5f0;
        border-radius: 13px;
        background: #ffffff;
      }

      .observation-detail-history > summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 48px;
        padding: 11px 15px;
        cursor: pointer;
        list-style: none;
      }

      .observation-detail-history > summary::-webkit-details-marker {
        display: none;
      }

      .observation-detail-history > summary span {
        color: #24395f;
        font-size: 0.8rem;
        font-weight: 900;
      }

      .observation-detail-history > summary small {
        color: #71809b;
        font-size: 0.7rem;
      }

      .observation-detail-history > summary::after {
        content: "⌄";
        color: #4c65a0;
        font-size: 1rem;
        transition: transform 0.18s ease;
      }

      .observation-detail-history[open] > summary::after {
        transform: rotate(180deg);
      }

      .observation-detail-history__body {
        padding: 0 15px 14px;
        border-top: 1px solid #e7ebf3;
      }

      .observation-detail-history__body ol {
        display: grid;
        gap: 8px;
        margin: 12px 0 0;
        padding: 0;
        list-style: none;
      }

      .observation-detail-history__body li {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        color: #2c3f61;
        font-size: 0.76rem;
      }

      .observation-detail-history__body li span,
      .observation-detail-history__body p {
        color: #71809a;
      }

      .observation-detail-history__body p {
        margin: 12px 0 0;
        font-size: 0.76rem;
      }

      .observation-detail-footer-actions {
        display: flex;
        justify-content: flex-end;
        padding-top: 2px;
      }

      .observation-detail-form input,
      .observation-detail-form select,
      .observation-detail-form textarea {
        min-height: 42px;
        border-color: var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        color: var(--text-primary);
      }

      .observation-detail-form :is(input, select, textarea):focus {
        border-color: var(--primary);
        box-shadow: var(--focus-ring);
        outline: none;
      }

      .observation-detail-form textarea {
        min-height: 104px;
      }

      .observation-create-note {
        margin: 0;
        padding: 10px 12px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        line-height: 1.45;
      }

      #observation-detail-drawer:is(.is-observation-edit, .is-observation-create) .observation-detail-form {
        padding: 18px;
        border: 1px solid #dfe5f0;
        border-radius: 15px;
        background: #ffffff;
      }

      @media (max-width: 900px) {
        .observation-summary-strip {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .observation-summary-item:nth-child(2) {
          border-right: 0;
        }

        .observation-summary-item:nth-child(-n + 2) {
          border-bottom: 1px solid var(--border);
        }
      }

      @media (max-width: 700px) {
        .observation-page-header__copy p {
          display: none;
        }

        .observation-header-search-slot {
          position: fixed;
          top: 12px;
          right: 12px;
          left: 96px;
          z-index: 120;
          width: auto;
          transform: none;
        }

        #view-hospitations .observation-action-row {
          display: grid;
          grid-template-columns: 1fr;
          grid-template-areas: none;
        }

        .observation-action-row > *,
        .observation-action-row__left,
        .observation-action-row__right {
          width: 100%;
          max-width: 100%;
          min-width: 0;
          justify-content: stretch;
        }

        #view-hospitations .observation-action-row > * {
          grid-area: auto;
        }

        #view-hospitations .observation-action-row > .hospitation-appointments-action-row__center,
        #view-hospitations .observation-action-row > .observation-action-row__right {
          display: flex;
        }

        #view-hospitations .observation-action-row > .observation-action-row__right {
          justify-content: flex-end;
        }

        #view-hospitations [data-observation-column-menu-shell] {
          display: block !important;
          margin-left: auto;
        }

        .observation-action-row__left .action-button {
          width: 100%;
          justify-content: center;
        }

        .observation-result-meta {
          white-space: normal;
        }

        .observation-summary-strip,
        .observation-detail-grid {
          grid-template-columns: 1fr;
        }

        .observation-summary-item,
        .observation-summary-item:nth-child(2) {
          border-right: 0;
          border-bottom: 1px solid var(--border);
        }

        .observation-summary-item:last-child {
          border-bottom: 0;
        }

        #observation-detail-drawer .format-participant-panel {
          width: 100vw;
        }

        #observation-detail-drawer .format-participant-header {
          min-height: 68px;
          padding: 12px 14px;
        }

        #observation-detail-drawer .format-participant-body {
          padding: 12px;
        }

        .observation-detail-content {
          gap: 12px;
        }

        .observation-detail-hero {
          display: grid;
          gap: 14px;
          padding: 14px;
        }

        .observation-detail-hero__avatar .avatar {
          width: 58px;
          height: 58px;
          border-radius: 15px;
        }

        .observation-detail-hero__actions {
          justify-content: space-between;
        }

        .observation-detail-card {
          padding: 14px;
        }

        .observation-detail-copy-grid,
        .observation-detail-coding-grid,
        .observation-detail-source-grid,
        .observation-matrix-coverage {
          grid-template-columns: 1fr;
        }

        .observation-detail-coding-item {
          min-height: 0;
        }

        .observation-detail-history__body li {
          display: grid;
          gap: 2px;
        }
      }

      /* Sidebar hierarchy and mobile drawer ergonomics. Kept last to consolidate legacy layers. */
      .sidebar-section[data-sidebar-section="care"] {
        --sidebar-module-rgb: 85, 158, 232;
      }

      .sidebar-section[data-sidebar-section="stakeholders"] {
        --sidebar-module-rgb: 67, 179, 145;
      }

      .sidebar-section[data-sidebar-section="planning"] {
        --sidebar-module-rgb: 224, 164, 77;
      }

      .sidebar-section[data-sidebar-section="formats"] {
        --sidebar-module-rgb: 169, 128, 218;
      }

      .sidebar-section .primary-tab.is-active {
        background: rgba(255, 255, 255, 0.11);
        opacity: 1;
        box-shadow: inset 3px 0 0 rgb(var(--sidebar-module-rgb));
      }

      .sidebar-home-entry .primary-tab.is-active {
        background: var(--sidebar-active);
        opacity: 1;
        box-shadow: none;
      }

      .app-sidebar :is(button, a):focus-visible {
        outline: 3px solid #ffffff;
        outline-offset: 2px;
        box-shadow: 0 0 0 5px rgba(21, 95, 228, 0.74);
      }

      @media (min-width: 761px) {
        .app-shell:not(.is-sidebar-collapsed) .sidebar-collapse,
        .app-shell.is-sidebar-collapsed .sidebar-collapse {
          width: 32px;
          min-width: 32px;
          height: 32px;
          min-height: 32px;
        }

        .sidebar-brand {
          gap: 7px;
          padding-right: 38px;
        }

        .sidebar-brand strong {
          white-space: nowrap;
        }

        .sidebar-section-toggle {
          font-size: 0.86rem;
          font-weight: 820;
          letter-spacing: 0.04em;
          text-transform: uppercase;
        }
      }

      @media (max-width: 760px) {
        .app-shell {
          --mobile-sidebar-header-height: 60px;
        }

        .app-sidebar {
          width: 100vw !important;
          min-width: 100vw !important;
          max-width: 100vw !important;
          height: var(--mobile-sidebar-header-height) !important;
          min-height: var(--mobile-sidebar-header-height);
          padding: 8px 10px !important;
          overflow: hidden;
          background: #0b2d68;
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12), 0 7px 20px rgba(9, 30, 70, 0.16);
        }

        .app-main {
          width: 100vw;
          max-width: 100vw;
          margin-left: 0;
          padding-top: var(--mobile-sidebar-header-height);
        }

        .app-shell:is([data-active-view="framework"], [data-active-view="hospitations"], [data-active-view="questionnaire"], [data-active-view="formats"]) .app-main {
          width: 100vw;
          max-width: 100vw;
          margin-left: 0;
        }

        .page-size-shell .custom-select-panel--compact {
          right: auto;
          left: 0;
        }

        .app-shell:not(.is-mobile-sidebar-expanded) .sidebar-nav,
        .app-shell:not(.is-mobile-sidebar-expanded) .sidebar-account-section {
          display: none;
        }

        .app-shell:not(.is-mobile-sidebar-expanded) .sidebar-brand {
          position: absolute;
          inset: 8px 10px auto 64px;
          display: flex;
          width: auto;
          min-height: 44px;
          align-items: center;
          justify-content: flex-start;
          gap: 9px;
          padding: 0;
          overflow: hidden;
        }

        .app-shell:not(.is-mobile-sidebar-expanded) .sidebar-brand-copy {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: center;
          min-width: 0;
          height: 44px;
          gap: 2px;
        }

        .app-shell:not(.is-mobile-sidebar-expanded) .sidebar-brand .brand-mark {
          width: 32px;
          height: 32px;
          flex: 0 0 32px;
          margin: 0;
        }

        .app-shell:not(.is-mobile-sidebar-expanded) .sidebar-brand-kicker {
          max-width: 100%;
          padding: 0;
          overflow: hidden;
          font-size: 1rem;
          line-height: 1;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        .app-shell:not(.is-mobile-sidebar-expanded) .sidebar-brand strong {
          max-width: 100%;
          overflow: hidden;
          font-size: 0.7rem;
          line-height: 1.15;
          text-overflow: ellipsis;
          white-space: nowrap !important;
        }

        .sidebar-collapse,
        .app-shell.is-mobile-sidebar-expanded .sidebar-collapse {
          position: fixed;
          top: 8px;
          right: auto;
          bottom: auto;
          left: 10px;
          z-index: 72;
          width: 44px;
          min-width: 44px;
          height: 44px;
          min-height: 44px;
          margin: 0;
        }

        .sidebar-collapse svg {
          display: none;
        }

        .sidebar-collapse::before,
        .sidebar-collapse::after {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          width: 18px;
          height: 2px;
          border-radius: 999px;
          background: currentColor;
          transform: translate(-50%, -50%);
          transition: transform 160ms ease, box-shadow 160ms ease;
        }

        .sidebar-collapse::before {
          box-shadow: 0 -6px 0 currentColor, 0 6px 0 currentColor;
        }

        .sidebar-collapse::after {
          opacity: 0;
        }

        .app-shell.is-mobile-sidebar-expanded::after {
          content: "";
          position: fixed;
          inset: 0 0 0 min(300px, calc(100vw - 18px));
          z-index: 65;
          background: rgba(9, 24, 58, 0.24);
          backdrop-filter: blur(1px);
          -webkit-backdrop-filter: blur(1px);
        }

        .app-shell.is-mobile-sidebar-expanded .app-sidebar {
          display: flex;
          flex-direction: column;
          width: 300px !important;
          min-width: 300px !important;
          max-width: calc(100vw - 18px) !important;
          height: 100dvh !important;
          min-height: 100dvh;
          padding: 10px 8px calc(12px + env(safe-area-inset-bottom)) !important;
          overflow-y: auto;
          scrollbar-width: thin;
          scrollbar-color: rgba(255, 255, 255, 0.34) transparent;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-collapse {
          top: 8px;
          right: 8px;
          left: auto;
          width: 44px;
          min-width: 44px;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-collapse::before {
          box-shadow: none;
          transform: translate(-50%, -50%) rotate(45deg);
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-collapse::after {
          opacity: 1;
          transform: translate(-50%, -50%) rotate(-45deg);
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-collapse-label {
          display: none;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-brand {
          min-height: 68px;
          align-items: center;
          gap: 12px;
          padding: 4px 52px 16px 10px;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-brand .brand-mark {
          width: 42px;
          height: 42px;
          flex: 0 0 42px;
          margin: 0;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-brand-copy {
          gap: 4px;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-brand-kicker {
          position: relative !important;
          max-width: 190px;
          padding-bottom: 5px !important;
          overflow: visible !important;
          font-size: 1.24rem;
          line-height: 1;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-brand strong {
          max-width: 190px;
          font-size: 0.78rem;
          line-height: 1.2;
          white-space: nowrap !important;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-nav.primary-nav {
          flex: 0 0 auto;
          min-height: auto;
          display: grid;
          gap: 10px;
          padding: 10px 0 4px;
          overflow: visible;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-nav > .sidebar-section {
          display: grid !important;
          gap: 4px;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-section + .sidebar-section {
          padding-top: 0;
          border-top: 0;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-section-toggle {
          min-height: 40px;
          padding: 0 11px 0 12px;
          border-left: 3px solid rgb(var(--sidebar-module-rgb));
          border-radius: 9px;
          background: linear-gradient(90deg, rgba(var(--sidebar-module-rgb), 0.24), rgba(var(--sidebar-module-rgb), 0.035) 78%);
          color: rgba(255, 255, 255, 0.96);
          font-size: 0.84rem;
          font-weight: 850;
          letter-spacing: 0.035em;
          text-transform: uppercase;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-section-toggle:hover,
        .app-shell.is-mobile-sidebar-expanded .sidebar-section-toggle:focus-visible,
        .app-shell.is-mobile-sidebar-expanded .sidebar-section.is-active-section .sidebar-section-toggle {
          border-left-color: rgb(var(--sidebar-module-rgb));
          background: linear-gradient(90deg, rgba(var(--sidebar-module-rgb), 0.34), rgba(var(--sidebar-module-rgb), 0.07) 80%);
          color: #ffffff;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-section-toggle svg {
          width: 15px;
          height: 15px;
          opacity: 0.82;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-section-content {
          gap: 2px;
          margin: 2px 0 3px 11px;
          padding-left: 7px;
          border-left: 1px solid rgba(var(--sidebar-module-rgb), 0.46);
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-section.is-collapsed .sidebar-section-content {
          display: none;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-nav .primary-tab {
          min-height: 40px;
          gap: 9px;
          padding: 0 10px;
          border-radius: 9px;
          font-size: 0.84rem;
          font-weight: 700;
          opacity: 0.78;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-nav .primary-tab.is-active {
          opacity: 1;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-account-section {
          position: static;
          flex: 0 0 auto;
          display: grid;
          gap: 5px;
          margin-top: 12px;
          padding: 12px 4px 4px;
          border-top: 1px solid rgba(255, 255, 255, 0.16);
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-section-label {
          padding: 0 8px 2px;
          color: rgba(255, 255, 255, 0.72);
          font-size: 0.72rem;
          font-weight: 800;
          letter-spacing: 0.04em;
          text-transform: uppercase;
        }

        .sidebar-collapse:focus-visible,
        .app-shell.is-mobile-sidebar-expanded .sidebar-section-toggle:focus-visible,
        .app-shell.is-mobile-sidebar-expanded .sidebar-nav .primary-tab:focus-visible,
        .app-shell.is-mobile-sidebar-expanded .sidebar-account-section :is(button, a):focus-visible {
          outline: 3px solid #ffffff;
          outline-offset: 2px;
          box-shadow: 0 0 0 5px rgba(21, 95, 228, 0.74);
        }
      }

      /* Sidebar refinement: quieter modules, a separate rail toggle, and a docked mobile account area. */
      .sidebar-section-toggle {
        gap: 9px;
        padding-left: 7px;
      }

      .sidebar-section-title {
        min-width: 0;
        flex: 1 1 auto;
        text-align: left;
      }

      .sidebar-module-icon {
        width: 32px;
        height: 32px;
        display: grid;
        flex: 0 0 32px;
        place-items: center;
        border: 1px solid rgba(var(--sidebar-module-rgb), 0.38);
        border-radius: 9px;
        background: rgba(var(--sidebar-module-rgb), 0.16);
        color: rgba(255, 255, 255, 0.96);
      }

      .sidebar-module-icon svg {
        width: 18px !important;
        height: 18px !important;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
        opacity: 1 !important;
        transform: none !important;
      }

      .sidebar-module-icon img {
        width: 26px;
        height: 26px;
        display: block;
        object-fit: contain;
      }

      .sidebar-section.is-active-section .sidebar-module-icon {
        border-color: rgba(var(--sidebar-module-rgb), 0.72);
        background: rgba(var(--sidebar-module-rgb), 0.3);
      }

      .sidebar-section-chevron {
        margin-left: auto;
      }

      @media (min-width: 761px) {
        .sidebar-section-toggle {
          font-weight: 600;
          letter-spacing: 0.01em;
          text-transform: none;
        }

        .app-sidebar,
        .app-shell.is-sidebar-collapsed .app-sidebar {
          padding-right: 14px;
          padding-left: 14px;
        }

        .app-shell:not(.is-sidebar-collapsed) .sidebar-collapse,
        .app-shell.is-sidebar-collapsed .sidebar-collapse {
          position: static;
          inset: auto;
          order: 4;
          flex: 0 0 40px;
          align-self: flex-start;
          height: 40px;
          min-height: 40px;
          margin: 10px 0 0 4px;
          padding-top: 0;
          padding-bottom: 0;
          border-color: rgba(255, 255, 255, 0.16);
          background: rgba(255, 255, 255, 0.07);
        }

        .app-shell:not(.is-sidebar-collapsed) .sidebar-collapse {
          width: calc(100% - 4px);
          min-width: 0;
          justify-content: flex-start;
          gap: 8px;
          padding-right: 10px;
          padding-left: 10px;
        }

        .app-shell:not(.is-sidebar-collapsed) .sidebar-collapse .sidebar-collapse-label {
          display: inline;
          font-size: 0.78rem;
          font-weight: 800;
          letter-spacing: 0.01em;
        }

        .app-shell.is-sidebar-collapsed .sidebar-collapse {
          width: 40px;
          min-width: 40px;
          padding-right: 0;
          padding-left: 0;
        }

        .app-shell:not(.is-sidebar-collapsed) .sidebar-collapse svg,
        .app-shell.is-sidebar-collapsed .sidebar-collapse svg {
          width: 18px;
          height: 18px;
        }

        .app-shell:not(.is-sidebar-collapsed) .sidebar-brand {
          order: 0;
          margin-left: 0;
          padding-right: 6px;
          padding-left: 6px;
        }

        .app-shell.is-sidebar-collapsed .sidebar-brand {
          order: 0;
          width: auto;
          min-width: 0;
          align-self: stretch;
          align-items: center;
          justify-content: center;
          margin-left: 0;
          padding: 0 0 10px;
        }

        .app-shell.is-sidebar-collapsed .sidebar-brand .brand-mark {
          width: 34px;
          height: 34px;
          flex-basis: 34px;
        }

        .app-shell.is-sidebar-collapsed .sidebar-collapse:hover,
        .app-shell.is-sidebar-collapsed .sidebar-collapse:focus-visible {
          background: rgba(255, 255, 255, 0.13);
        }

        .sidebar-nav,
        .app-shell.is-sidebar-collapsed .sidebar-nav {
          order: 1;
        }

        .app-shell.is-sidebar-collapsed .sidebar-section.is-active-section > .sidebar-section-toggle {
          display: flex;
          width: 40px;
          min-height: 40px;
          align-items: center;
          justify-content: center;
          margin: 0 auto 5px;
          padding: 0;
          border: 0;
          background: transparent;
        }

        .app-shell.is-sidebar-collapsed .sidebar-section.is-active-section > .sidebar-section-toggle .sidebar-section-title {
          position: absolute;
          width: 1px;
          height: 1px;
          margin: -1px;
          overflow: hidden;
          clip: rect(0, 0, 0, 0);
          white-space: nowrap;
        }

        .app-shell.is-sidebar-collapsed .sidebar-section.is-active-section > .sidebar-section-toggle .sidebar-section-chevron {
          display: none;
        }

        .app-shell.is-sidebar-collapsed .sidebar-section.is-active-section > .sidebar-section-toggle .sidebar-module-icon {
          width: 36px;
          height: 36px;
          flex-basis: 36px;
          border-color: rgba(var(--sidebar-module-rgb), 0.72);
          background: rgba(var(--sidebar-module-rgb), 0.3);
        }

        .app-shell.is-sidebar-collapsed .sidebar-section.is-active-section > .sidebar-section-toggle:hover .sidebar-module-icon,
        .app-shell.is-sidebar-collapsed .sidebar-section.is-active-section > .sidebar-section-toggle:focus-visible .sidebar-module-icon {
          border-color: rgb(var(--sidebar-module-rgb));
          background: rgba(var(--sidebar-module-rgb), 0.42);
        }

        .app-shell.is-sidebar-collapsed .sidebar-section.is-active-section > .sidebar-section-toggle:focus-visible {
          outline: 3px solid #ffffff;
          outline-offset: 2px;
        }

        .sidebar-account-section,
        .app-shell.is-sidebar-collapsed .sidebar-account-section {
          order: 3;
          height: 167px;
          min-height: 167px;
          align-content: end;
        }

        .app-shell.is-sidebar-collapsed .sidebar-account-section {
          width: 100%;
          justify-items: center;
          gap: 3px;
        }

        .app-shell.is-sidebar-collapsed .sidebar-account-section > .sidebar-link,
        .app-shell.is-sidebar-collapsed .sidebar-account-row,
        .app-shell.is-sidebar-collapsed .sidebar-account-section .sidebar-footer,
        .app-shell.is-sidebar-collapsed .sidebar-notification-button {
          width: 32px;
          min-width: 32px;
        }

        .app-shell.is-sidebar-collapsed .sidebar-account-section > .sidebar-link,
        .app-shell.is-sidebar-collapsed .sidebar-account-section .sidebar-footer,
        .app-shell.is-sidebar-collapsed .sidebar-notification-button {
          height: 32px;
          min-height: 32px;
          margin: 0;
          padding: 0;
          border-radius: 10px;
          place-items: center;
        }

        .app-shell.is-sidebar-collapsed .sidebar-account-section > .sidebar-link {
          display: grid;
          grid-template-columns: 32px;
        }

        .app-shell.is-sidebar-collapsed .sidebar-team-link .sidebar-team-icon {
          width: 18px;
          height: 18px;
          border: 0;
          background: transparent;
        }

        .app-shell.is-sidebar-collapsed .sidebar-account-row {
          display: grid;
          grid-template-columns: 32px;
          justify-items: center;
          gap: 3px;
          margin: 0;
        }

        .app-shell.is-sidebar-collapsed .sidebar-account-section .sidebar-footer {
          grid-template-columns: 32px;
        }

        .app-shell.is-sidebar-collapsed .sidebar-notification-button {
          order: -1;
        }

        .app-shell.is-sidebar-collapsed .sidebar-account-section :is(.sidebar-link, .sidebar-notification-button) svg,
        .app-shell.is-sidebar-collapsed .sidebar-team-link .sidebar-team-icon svg {
          width: 18px;
          height: 18px;
        }

        .app-shell.is-sidebar-collapsed .sidebar-footer__badge {
          width: 26px;
          height: 26px;
        }
      }

      @media (min-width: 761px) and (max-height: 820px) {
        .app-shell:not(.is-sidebar-collapsed) .sidebar-collapse,
        .app-shell.is-sidebar-collapsed .sidebar-collapse {
          margin-top: 8px;
        }

        .app-shell:not(.is-sidebar-collapsed) .sidebar-brand {
          padding-right: 2px;
          padding-left: 2px;
        }

        .app-shell.is-sidebar-collapsed .sidebar-brand .brand-mark {
          width: 32px;
          height: 32px;
          flex-basis: 32px;
        }

        .sidebar-account-section,
        .app-shell.is-sidebar-collapsed .sidebar-account-section {
          height: 154px;
          min-height: 154px;
        }
      }

      @media (max-width: 760px) {
        .app-shell.is-mobile-sidebar-expanded .app-sidebar {
          overflow: hidden;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-nav.primary-nav {
          flex: 1 1 auto;
          min-height: 0;
          padding-right: 2px;
          overflow-x: hidden;
          overflow-y: auto;
          overscroll-behavior: contain;
          scrollbar-width: thin;
          scrollbar-color: rgba(255, 255, 255, 0.32) transparent;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-section-toggle {
          min-height: 44px;
          padding-left: 7px;
          font-weight: 600;
          letter-spacing: 0.01em;
          text-transform: none;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-account-section {
          position: relative;
          z-index: 130;
          flex: 0 0 auto;
          margin-top: auto;
          padding: 12px 4px calc(4px + env(safe-area-inset-bottom));
          background: linear-gradient(180deg, rgba(7, 39, 94, 0.96), #07275e 22%);
          box-shadow: 0 -10px 22px rgba(4, 24, 63, 0.2);
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-collapse {
          right: auto;
          left: 10px;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-brand {
          padding: 4px 10px 16px 56px;
        }
      }

      /* The mark already is the hashtag, so one word completes a single #Mitmachen logo. */
      .sidebar-brand-word {
        min-width: 0;
        color: #ffffff;
        font-size: 1.15rem;
        font-weight: 850;
        line-height: 1;
        letter-spacing: -0.02em;
        white-space: nowrap;
      }

      @media (min-width: 761px) {
        .app-shell.is-sidebar-collapsed .sidebar-brand-word {
          position: absolute;
          width: 1px;
          height: 1px;
          margin: -1px;
          overflow: hidden;
          clip: rect(0, 0, 0, 0);
          white-space: nowrap;
        }
      }

      @media (max-width: 760px) {
        .app-shell:not(.is-mobile-sidebar-expanded) .sidebar-brand-word {
          font-size: 1rem;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-brand-word {
          font-size: 1.24rem;
        }
      }

      .avatar.avatar--sector-ring,
      .mobile-contact-card .avatar.avatar--sector-ring,
      .organization-logo.organization-logo--sector-ring {
        box-sizing: border-box;
        border: 2px solid var(--avatar-sector-color, #64748b);
        border-radius: 999px;
        background-clip: padding-box;
      }

      /* Match the public GKE entry rail while the full Pages app is on its home view. */
      .app-shell.is-public-demo-profile[data-active-view="home"] :is(
        .sidebar-collapse,
        .sidebar-nav,
        .sidebar-account-section,
        .sidebar-brand-word
      ) {
        display: none !important;
      }

      @media (min-width: 761px) {
        .app-shell.is-public-demo-profile[data-active-view="home"] {
          grid-template-columns: 76px minmax(0, 1fr);
        }

        .app-shell.is-public-demo-profile[data-active-view="home"] .app-sidebar {
          width: 76px;
          padding: 22px 12px 18px;
        }

        .app-shell.is-public-demo-profile[data-active-view="home"] .sidebar-brand {
          min-height: 58px;
          align-items: flex-start;
          justify-content: center;
          padding: 7px 0 15px;
        }

        .app-shell.is-public-demo-profile[data-active-view="home"] .sidebar-brand .brand-mark {
          width: 36px;
          height: 36px;
          flex: 0 0 36px;
          margin: 0;
        }
      }

      @media (max-width: 760px) {
        .app-shell.is-public-demo-profile[data-active-view="home"] {
          --mobile-sidebar-header-height: 64px;
        }

        .app-shell.is-public-demo-profile[data-active-view="home"]::after {
          display: none;
        }

        .app-shell.is-public-demo-profile[data-active-view="home"] .app-sidebar {
          width: 100vw !important;
          min-width: 100vw !important;
          max-width: 100vw !important;
          height: 64px !important;
          min-height: 64px;
          padding: 8px 14px !important;
          background: linear-gradient(100deg, var(--sidebar-bg), var(--sidebar-bg-strong));
          box-shadow: none;
        }

        .app-shell.is-public-demo-profile[data-active-view="home"] .sidebar-brand {
          position: static;
          inset: auto;
          width: 48px;
          min-height: 48px;
          align-items: center;
          justify-content: center;
          gap: 0;
          padding: 6px;
          overflow: visible;
        }

        .app-shell.is-public-demo-profile[data-active-view="home"] .sidebar-brand .brand-mark {
          width: 34px;
          height: 34px;
          flex: 0 0 34px;
          margin: 0;
        }
      }

      /* Stakeholder-Kompass · Politik: quellengestützte Ausschussübersicht und Profile. */
      .politics-workspace {
        overflow: hidden;
      }

      .politics-context {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 16px;
        background:
          linear-gradient(135deg, rgba(var(--module-stakeholders-rgb), 0.1), transparent 52%),
          var(--surface);
      }

      .politics-context__mark {
        width: 46px;
        height: 46px;
        display: grid;
        flex: 0 0 46px;
        place-items: center;
        border: 1px solid rgba(var(--module-stakeholders-rgb), 0.32);
        border-radius: var(--radius-lg);
        background: rgba(var(--module-stakeholders-rgb), 0.14);
        color: var(--module-stakeholders-strong);
      }

      .politics-context__mark svg {
        width: 23px;
        height: 23px;
      }

      .politics-context__copy {
        min-width: 0;
        flex: 1 1 auto;
      }

      .politics-context__eyebrow {
        display: block;
        margin-bottom: 3px;
        color: var(--module-stakeholders-strong);
        font-size: var(--font-size-xs);
        font-weight: 850;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }

      .politics-context__copy h2 {
        margin: 0;
        color: var(--text-primary);
        font-size: var(--font-size-lg);
        font-weight: 900;
        line-height: var(--line-height-tight);
      }

      .politics-context__copy p {
        margin: 5px 0 0;
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-normal);
      }

      .politics-context__meta {
        display: grid;
        flex: 0 0 auto;
        justify-items: end;
        gap: 8px;
      }

      .politics-context__actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
      }

      .politics-map-open {
        min-height: 36px;
        padding: 7px 11px;
        border-color: rgba(var(--module-stakeholders-rgb), 0.34);
        color: var(--module-stakeholders-strong);
      }

      .politics-map-open svg {
        width: 17px;
        height: 17px;
      }

      .politics-status-pill,
      .politics-party-chip {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 3px 9px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 800;
        white-space: nowrap;
      }

      .politics-status-pill {
        border-color: rgba(var(--module-stakeholders-rgb), 0.3);
        background: rgba(var(--module-stakeholders-rgb), 0.11);
        color: var(--module-stakeholders-strong);
      }

      .politics-party-chip {
        border-color: var(--politics-party-border, var(--border));
        background: var(--politics-party-background, var(--surface-muted));
        color: var(--politics-party-color, var(--text-secondary));
      }

      .politics-table .politics-party-chip {
        max-width: 100%;
        padding-inline: 8px;
        font-size: 11px;
      }

      .politics-party-chip--cdu-csu {
        --politics-party-background: #262b33;
        --politics-party-border: #15181d;
        --politics-party-color: #ffffff;
      }

      .politics-party-chip--afd {
        --politics-party-background: #087bb8;
        --politics-party-border: #05618f;
        --politics-party-color: #ffffff;
      }

      .politics-party-chip--spd {
        --politics-party-background: #d71920;
        --politics-party-border: #ab1117;
        --politics-party-color: #ffffff;
      }

      .politics-party-chip--greens {
        --politics-party-background: #13833b;
        --politics-party-border: #0d672d;
        --politics-party-color: #ffffff;
      }

      .politics-party-chip--left {
        --politics-party-background: #a52b68;
        --politics-party-border: #832252;
        --politics-party-color: #ffffff;
      }

      .politics-source-link,
      .politics-profile-link {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--primary);
        font-size: var(--font-size-sm);
        font-weight: 800;
        text-decoration: none;
      }

      .politics-source-link svg,
      .politics-profile-link svg {
        width: 15px;
        height: 15px;
        flex: 0 0 auto;
      }

      .politics-source-link:hover,
      .politics-profile-link:hover {
        color: var(--primary-hover);
        text-decoration: underline;
        text-underline-offset: 3px;
      }

      .politics-source-link:focus-visible,
      .politics-profile-link:focus-visible {
        border-radius: var(--radius-sm);
        outline: 3px solid rgba(21, 95, 228, 0.24);
        outline-offset: 3px;
      }

      .politics-data-notice {
        margin: 0;
        padding: 14px 16px;
        border-top: 1px solid var(--border);
        border-left: 4px solid var(--info);
        background: var(--info-soft);
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        font-weight: 700;
        line-height: var(--line-height-normal);
      }

      .politics-data-notice[data-tone="error"] {
        border-left-color: var(--danger);
        background: var(--danger-soft);
        color: var(--danger);
      }

      .politics-table-wrap {
        overflow: auto;
      }

      .table-wrap > .politics-table {
        width: 100%;
        min-width: 1050px;
      }

      .politics-table .thead,
      .politics-table .politics-member-row {
        grid-template-columns:
          minmax(230px, 1.25fr)
          minmax(160px, 0.68fr)
          minmax(170px, 0.8fr)
          minmax(120px, 0.54fr)
          minmax(220px, 0.98fr)
          minmax(90px, 0.44fr);
      }

      .politics-table .thead:has([data-politics-header-filter-button][aria-expanded="true"]) {
        z-index: 48;
      }

      .politics-column-head .column-sort-button {
        flex: 1 1 auto;
      }

      .politics-filter-search {
        display: block;
        padding: 0 2px 7px;
      }

      .politics-filter-search input {
        width: 100%;
        min-height: 34px;
        padding: 6px 9px;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--text-primary);
        font: inherit;
        font-size: var(--font-size-xs);
        text-transform: none;
      }

      .politics-filter-search input:focus {
        border-color: var(--primary);
        outline: 3px solid rgba(21, 95, 228, 0.14);
      }

      .politics-member-row {
        min-height: 58px;
        border-bottom: 1px solid var(--border);
        background: var(--surface);
      }

      .politics-member-row:last-child {
        border-bottom: 0;
      }

      .politics-member-row:hover {
        background: var(--surface-muted);
      }

      .politics-member-row:focus-visible {
        z-index: 1;
        outline: 3px solid rgba(21, 95, 228, 0.24);
        outline-offset: -3px;
      }

      .politics-member-cell {
        display: flex;
        align-items: center;
        gap: 11px;
        min-width: 0;
      }

      .avatar.avatar--policy {
        border: 1px solid rgba(var(--module-stakeholders-rgb), 0.34);
        background: rgba(var(--module-stakeholders-rgb), 0.13);
        color: var(--module-stakeholders-strong);
      }

      .politics-member-avatar img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
      }

      .politics-member-copy {
        display: grid;
        gap: 2px;
        min-width: 0;
      }

      .politics-member-copy strong,
      .politics-member-name {
        overflow: hidden;
        color: var(--text-primary);
        font-size: var(--font-size-md);
        font-weight: 850;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .politics-member-name {
        max-width: 100%;
        padding: 0;
        border: 0;
        border-radius: var(--radius-sm);
        background: transparent;
        cursor: pointer;
        font-family: inherit;
        text-align: left;
      }

      .politics-member-name:hover,
      .politics-member-name:focus-visible {
        color: var(--primary);
        text-decoration: underline;
        text-underline-offset: 3px;
        outline: none;
      }

      .politics-member-copy small {
        overflow: hidden;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 650;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .politics-role {
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        font-weight: 700;
        line-height: 1.35;
      }

      .politics-postal-summary,
      .politics-constituency {
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        font-weight: 720;
        line-height: 1.35;
      }

      .politics-postal-summary small {
        display: inline-flex;
        min-height: 21px;
        align-items: center;
        padding: 1px 6px;
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 850;
      }

      .politics-postal-summary--empty,
      .politics-constituency:empty {
        color: var(--text-muted);
        font-weight: 650;
      }

      .politics-loading-state {
        min-height: 180px;
        display: grid;
        place-items: center;
        padding: 24px;
        color: var(--text-muted);
        font-size: var(--font-size-sm);
        font-weight: 750;
      }

      .politics-table-footer {
        justify-content: space-between;
      }

      .politics-map-panel {
        min-height: min(720px, calc(100dvh - 230px));
        border-top: 1px solid var(--border);
        background: var(--surface-muted);
      }

      .politics-map-panel[hidden] {
        display: none;
      }

      .politics-map-toolbar {
        min-height: 52px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 8px 12px;
        border-bottom: 1px solid var(--border);
        background: var(--surface);
      }

      .politics-map-toolbar__meta {
        display: grid;
        justify-items: end;
        gap: 3px;
        text-align: right;
      }

      .politics-map-toolbar__meta > span {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 750;
      }

      .politics-map-toolbar__meta > small {
        max-width: 680px;
        color: var(--text-muted);
        font-size: 0.64rem;
        line-height: 1.35;
      }

      .politics-map-frame {
        width: 100%;
        height: min(668px, calc(100dvh - 282px));
        min-height: 520px;
        border: 0;
      }

      .politics-source-meta {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 700;
      }

      .detail-panel--politics .detail-content {
        padding: clamp(18px, 3vw, 32px);
      }

      @media (min-width: 1024px) {
        body.politics-detail-open {
          --detail-panel-width: clamp(520px, 43vw, 640px);
        }
      }

      .politics-person-profile {
        gap: 24px;
      }

      .politics-person-profile__top {
        padding-bottom: 22px;
        border-bottom: 1px solid var(--border);
      }

      .politics-person-profile__actions .action-button {
        width: auto;
        min-width: 190px;
        justify-content: center;
        text-decoration: none;
      }

      .politics-person-profile__grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        align-items: start;
      }

      .politics-person-profile__section {
        min-width: 0;
        padding: 18px;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        background: linear-gradient(180deg, var(--surface) 0%, var(--surface-muted) 100%);
      }

      .politics-person-profile__section .detail-section-title {
        margin-top: 0;
      }

      .politics-person-profile__section .detail-line__label {
        min-width: 126px;
        overflow-wrap: normal;
        hyphens: auto;
      }

      .politics-postal-code-list {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        max-height: 180px;
        overflow: auto;
        padding: 2px 2px 2px 0;
      }

      .politics-constituency-preview {
        display: grid;
        grid-template-columns: minmax(150px, 0.62fr) minmax(0, 1fr);
        align-items: center;
        gap: 14px;
        margin: 0;
      }

      .politics-constituency-preview__map {
        display: block;
        width: 100%;
        max-height: 220px;
        filter: drop-shadow(0 7px 12px rgba(24, 49, 105, 0.08));
      }

      .politics-constituency-preview__state {
        fill: #e6edfa;
        stroke: #ffffff;
        stroke-width: 0.9;
        vector-effect: non-scaling-stroke;
      }

      .politics-constituency-preview__highlight {
        fill: rgba(var(--module-stakeholders-rgb), 0.72);
        stroke: var(--module-stakeholders-strong);
        stroke-width: 1.5;
        vector-effect: non-scaling-stroke;
      }

      .politics-constituency-preview__highlight.is-state {
        fill: rgba(var(--module-stakeholders-rgb), 0.34);
      }

      .politics-constituency-preview__point {
        fill: var(--module-stakeholders-strong);
        stroke: #ffffff;
        stroke-width: 2.4;
        vector-effect: non-scaling-stroke;
      }

      .politics-constituency-preview figcaption {
        display: grid;
        gap: 5px;
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        line-height: 1.4;
      }

      .politics-constituency-preview figcaption strong {
        color: var(--text-primary);
        font-weight: 850;
      }

      .politics-constituency-preview figcaption span {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 700;
      }

      .politics-map-attribution {
        margin: 10px 0 0;
        color: var(--text-muted);
        font-size: 0.66rem;
        line-height: 1.45;
      }

      .politics-postal-code {
        display: inline-flex;
        min-height: 25px;
        align-items: center;
        padding: 2px 7px;
        border: 1px solid rgba(var(--module-stakeholders-rgb), 0.24);
        border-radius: 999px;
        background: rgba(var(--module-stakeholders-rgb), 0.08);
        color: var(--module-stakeholders-strong);
        font-size: var(--font-size-xs);
        font-weight: 820;
        font-variant-numeric: tabular-nums;
      }

      .politics-profile-data-note,
      .politics-profile-rights-note {
        margin: 14px 0 0;
        padding: 11px 12px;
        border-radius: var(--radius-md);
        background: var(--surface);
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        line-height: 1.5;
      }

      .politics-profile-rights-note {
        border-left: 3px solid var(--warning);
        background: var(--warning-soft);
        color: var(--text-secondary);
      }

      @media (max-width: 760px) {
        .app-shell[data-active-view="politics"] .workspace-header {
          align-items: flex-start;
        }

        .politics-workspace {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          gap: 10px;
        }

        .politics-context {
          display: grid;
          grid-template-columns: 42px minmax(0, 1fr);
          gap: 11px;
          padding: 14px;
          border: 1px solid var(--border);
          border-radius: var(--radius-lg);
          box-shadow: var(--shadow-sm);
        }

        .politics-context__mark {
          width: 42px;
          height: 42px;
          flex-basis: 42px;
        }

        .politics-context__copy p {
          font-size: var(--font-size-xs);
        }

        .politics-context__meta {
          grid-column: 1 / -1;
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 10px;
          padding-top: 2px;
        }

        .politics-context .politics-context__actions {
          width: 100%;
          align-items: stretch;
          flex-wrap: nowrap;
          justify-content: flex-end;
          gap: 8px;
        }

        .politics-context__actions > .directory-filter-shell {
          width: auto;
          min-width: 0;
          flex: 0 0 auto;
          order: 0;
        }

        .politics-context__actions > .directory-filter-shell > .directory-filter-button {
          width: auto;
          min-height: 44px;
        }

        .politics-context__actions > .politics-map-open {
          width: auto;
          min-width: 0;
          min-height: 44px;
          flex: 1 1 auto;
          justify-content: center;
          order: 1;
          white-space: nowrap;
        }

        .politics-map-panel {
          min-height: 620px;
          border: 1px solid var(--border);
          border-radius: var(--radius-lg);
          overflow: hidden;
        }

        .politics-map-toolbar {
          align-items: flex-start;
          flex-direction: column;
        }

        .politics-map-toolbar__meta {
          justify-items: start;
          text-align: left;
        }

        .politics-map-frame {
          height: 568px;
          min-height: 568px;
        }

        .politics-data-notice {
          border: 1px solid var(--border-strong);
          border-left: 4px solid var(--info);
          border-radius: var(--radius-lg);
        }

        .politics-data-notice[data-tone="error"] {
          border-color: var(--danger);
          border-left-color: var(--danger);
        }

        .table-wrap > .politics-table,
        .politics-table-wrap {
          min-width: 0;
          width: 100%;
          overflow: visible;
        }

        .politics-table .thead {
          display: none;
        }

        .politics-table .politics-member-row {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 9px 12px;
          min-width: 0;
          min-height: 0;
          margin-bottom: 10px;
          padding: 13px;
          border: 1px solid var(--border);
          border-radius: var(--radius-lg);
          background: var(--surface);
          box-shadow: var(--shadow-sm);
        }

        .politics-table .politics-member-row > div {
          min-height: 0;
          padding: 0;
          border: 0;
        }

        .politics-table .politics-member-row [data-politics-field="member"] {
          grid-column: 1 / -1;
          padding-bottom: 9px;
          border-bottom: 1px solid var(--border);
        }

        .politics-table .politics-member-row [data-politics-field="faction"],
        .politics-table .politics-member-row [data-politics-field="role"],
        .politics-table .politics-member-row [data-politics-field="postalCodes"],
        .politics-table .politics-member-row [data-politics-field="constituency"] {
          grid-column: 1;
          justify-content: flex-start;
        }

        .politics-table .politics-member-row [data-politics-field="postalCodes"],
        .politics-table .politics-member-row [data-politics-field="constituency"] {
          display: grid;
          gap: 2px;
        }

        .politics-table .politics-member-row [data-politics-field="postalCodes"]::before,
        .politics-table .politics-member-row [data-politics-field="constituency"]::before {
          color: var(--text-muted);
          font-size: 0.68rem;
          font-weight: 850;
          letter-spacing: 0.04em;
          text-transform: uppercase;
        }

        .politics-table .politics-member-row [data-politics-field="postalCodes"]::before {
          content: "PLZ im Wahlkreis";
        }

        .politics-table .politics-member-row [data-politics-field="constituency"]::before {
          content: "Wahlkreis";
        }

        .politics-table .politics-member-row [data-politics-field="profile"] {
          grid-column: 2;
          grid-row: 2 / span 4;
          align-self: stretch;
          justify-content: flex-end;
        }

        .politics-profile-link {
          min-height: 44px;
          padding: 0 4px 0 10px;
        }

        .politics-member-copy strong,
        .politics-member-name,
        .politics-member-copy small {
          white-space: normal;
        }

        .politics-person-profile__top,
        .politics-person-profile__grid {
          grid-template-columns: minmax(0, 1fr);
        }

        .politics-person-profile__actions {
          width: 100%;
        }

        .politics-person-profile__actions .action-button {
          width: 100%;
        }

        .politics-person-profile__section {
          padding: 14px;
        }

        .politics-constituency-preview {
          grid-template-columns: minmax(0, 1fr);
        }

        .politics-constituency-preview__map {
          max-height: 190px;
        }

        .politics-person-profile__section .detail-line__label {
          min-width: 124px;
        }

        .politics-loading-state {
          min-height: 140px;
          border: 1px solid var(--border);
          border-radius: var(--radius-lg);
          background: var(--surface);
        }
      }

      /* Stakeholder-Kompass · Presse: kuratierte berufliche Pressekontakte. */
      .press-context__mark {
        color: var(--module-stakeholders-strong);
      }

      .press-context__source {
        max-width: 250px;
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 700;
        line-height: 1.4;
        text-align: right;
      }

      .table-wrap > .press-table {
        min-width: 1480px;
      }

      .press-table .thead,
      .press-table .press-contact-row {
        grid-template-columns:
          minmax(185px, 0.92fr)
          minmax(205px, 1.02fr)
          minmax(180px, 0.88fr)
          minmax(165px, 0.8fr)
          minmax(205px, 1.02fr)
          minmax(225px, 1.1fr)
          minmax(130px, 0.6fr)
          minmax(165px, 0.76fr);
      }

      .press-table .thead:has([data-press-header-filter-button][aria-expanded="true"]) {
        z-index: 48;
      }

      .press-table .thead > div[data-press-column="organization"] .column-head__label,
      .press-table .thead > div[data-press-column="contactType"] .column-head__label {
        font-size: 0.68rem;
        letter-spacing: 0;
      }

      .press-contact-row {
        cursor: pointer;
      }

      .press-person-cell .avatar {
        flex: 0 0 auto;
      }

      .press-table .press-contact-row .press-organization-cell {
        display: grid;
        align-content: center;
        align-items: initial;
        gap: 3px;
        min-width: 0;
      }

      .press-organization-cell strong {
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 820;
        line-height: 1.35;
      }

      .press-contact-type {
        display: inline-flex;
        width: fit-content;
        max-width: 100%;
        min-height: 25px;
        align-items: center;
        padding: 3px 8px;
        border: 1px solid rgba(var(--module-stakeholders-rgb), 0.26);
        border-radius: 999px;
        background: rgba(var(--module-stakeholders-rgb), 0.09);
        color: var(--module-stakeholders-strong);
        font-size: var(--font-size-xs);
        font-weight: 800;
        line-height: 1.25;
      }

      .press-theme-list {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
      }

      .press-theme-chip,
      .press-theme-more {
        display: inline-flex;
        min-height: 23px;
        align-items: center;
        padding: 2px 7px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text-secondary);
        font-size: 0.69rem;
        font-weight: 750;
        line-height: 1.25;
      }

      .press-theme-more {
        color: var(--text-muted);
      }

      .press-value-link {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 720;
        line-height: 1.35;
        text-decoration: none;
        text-overflow: ellipsis;
        overflow-wrap: anywhere;
      }

      .press-value-link:hover {
        color: var(--primary);
        text-decoration: underline;
        text-underline-offset: 2px;
      }

      .press-source-link {
        width: fit-content;
        margin-top: 2px;
        font-size: 0.69rem;
      }

      .press-empty-value {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        font-weight: 650;
      }

      .press-table-footer .table-footer__controls {
        margin-left: auto;
      }

      @media (max-width: 760px) {
        .app-shell[data-active-view="press"] .workspace-header {
          align-items: flex-start;
        }

        .dataset-toolbar.press-context {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          align-items: center;
          flex-wrap: nowrap;
          gap: 8px;
        }

        .press-context > .dataset-toolbar__summary {
          min-width: 0;
        }

        .press-context > .dataset-toolbar__actions {
          width: auto;
          flex-wrap: nowrap;
          justify-self: end;
        }

        .press-context .directory-filter-shell,
        .press-context .directory-filter-button {
          width: auto;
        }

        .press-context .directory-filter-button {
          min-height: 44px;
        }

        .press-context__source {
          max-width: 190px;
          text-align: right;
        }

        .table-wrap > .press-table,
        .press-table-wrap {
          width: 100%;
          min-width: 0;
          overflow: visible;
        }

        .press-table .thead {
          display: none;
        }

        .press-table .mobile-collection-card .press-value-link {
          display: none;
        }

        .press-table .press-contact-row {
          grid-template-columns: minmax(0, 1fr);
          gap: 11px;
          cursor: default;
        }

        .press-table .press-contact-row [data-press-field] {
          grid-column: 1;
          display: grid;
          gap: 3px;
          min-width: 0;
        }

        .press-table .press-contact-row [data-press-field="name"] {
          display: flex;
          padding-bottom: 10px;
          border-bottom: 1px solid var(--border);
        }

        .press-table .press-contact-row [data-press-field]:not([data-press-field="name"])::before {
          color: var(--text-muted);
          font-size: 0.68rem;
          font-weight: 850;
          letter-spacing: 0.04em;
          text-transform: uppercase;
        }

        .press-table .press-contact-row [data-press-field="organization"]::before {
          content: "Medium / Organisation";
        }

        .press-table .press-contact-row [data-press-field="role"]::before {
          content: "Funktion";
        }

        .press-table .press-contact-row [data-press-field="contactType"]::before {
          content: "Kontaktart";
        }

        .press-table .press-contact-row [data-press-field="themes"]::before {
          content: "Themen";
        }

        .press-table .press-contact-row [data-press-field="email"]::before {
          content: "E-Mail";
        }

        .press-table .press-contact-row [data-press-field="phone"]::before {
          content: "Telefon";
        }

        .press-table .press-contact-row [data-press-field="source"] {
          padding-top: 10px;
          border-top: 1px solid var(--border);
        }

        .press-table .press-contact-row [data-press-field="source"]::before {
          content: "Quelle";
        }

        .press-table-footer {
          display: flex;
          align-items: stretch;
          flex-direction: column;
          gap: 10px;
        }

        .press-table-footer .table-footer__controls {
          width: 100%;
          margin-left: 0;
          justify-content: space-between;
        }
      }

      @media (min-width: 480px) and (max-width: 760px) {
        .press-table .press-contact-row {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          column-gap: 16px;
        }

        .press-table .press-contact-row [data-press-field] {
          grid-column: auto;
        }

        .press-table .press-contact-row [data-press-field="name"],
        .press-table .press-contact-row [data-press-field="source"] {
          grid-column: 1 / -1;
        }
      }

      /* Gemeinsame Marken-Kopfzeile: Seitentitel links, Modulmarke rechts. */
      .app-shell:not([data-active-view="home"]) .workspace-header.workspace-header--unified {
        --workspace-header-rgb: var(--module-care-rgb);
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: 10px;
        padding: 0 0 12px;
      }

      .workspace-header--unified[data-workspace-module="stakeholders"] {
        --workspace-header-rgb: var(--module-stakeholders-rgb);
      }

      .workspace-header--unified[data-workspace-module="planning"] {
        --workspace-header-rgb: var(--module-planning-rgb);
      }

      .workspace-header--unified[data-workspace-module="formats"] {
        --workspace-header-rgb: var(--module-formats-rgb);
      }

      .workspace-header--unified[data-workspace-module="mitmachen"] {
        --workspace-header-rgb: 25, 184, 106;
      }

      .workspace-heading-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        min-height: 64px;
        align-items: center;
        gap: var(--page-header-gap);
        padding: 12px 16px;
        border: 1px solid rgba(var(--workspace-header-rgb), 0.3);
        border-radius: var(--radius-lg);
        background:
          linear-gradient(110deg, rgba(var(--workspace-header-rgb), 0.11), rgba(var(--workspace-header-rgb), 0.035) 48%, transparent 76%),
          var(--surface);
        box-shadow: var(--shadow-sm);
      }

      .app-shell .workspace-header.workspace-header--unified .workspace-copy {
        min-width: 0;
        margin: 0;
      }

      .workspace-header--unified .workspace-copy h1 {
        margin: 0;
        color: var(--text-primary);
        font-size: var(--font-size-lg);
        font-weight: 850;
        line-height: var(--line-height-tight);
        letter-spacing: -0.015em;
      }

      .workspace-header--unified .workspace-copy p {
        display: none;
      }

      .workspace-brand {
        display: flex;
        min-width: 0;
        min-height: var(--page-header-logo-height);
        align-items: center;
        justify-content: flex-end;
      }

      .workspace-brand[hidden] {
        display: none;
      }

      .workspace-brand img {
        display: block;
        width: auto;
        max-width: min(300px, 32vw);
        height: var(--page-header-logo-height);
        object-fit: contain;
        object-position: right center;
      }

      .workspace-header--unified > .workspace-expert-switcher,
      .workspace-header--unified > .workspace-header-search,
      .workspace-header--unified > .workspace-actions {
        grid-column: 1 / -1;
      }

      .workspace-header--unified > .workspace-actions {
        min-width: 0;
      }

      .app-shell[data-active-view="patients"] #patient-mode-actions .experts-mode-nav--header {
        width: min(100%, 820px);
        min-height: 54px;
        justify-content: flex-start;
        padding: 4px;
      }

      .app-shell[data-active-view="patients"] #patient-mode-actions .settings-tab-button {
        min-height: 44px;
        padding: 6px 12px;
      }

      .app-shell[data-active-view="patients"] #patient-mode-actions [data-patient-mode="organizations"] {
        flex-grow: 1.7;
      }

      .app-shell .workspace-header.workspace-header--unified #analytics-mode-actions,
      .app-shell .workspace-header.workspace-header--unified #expert-mode-actions,
      .app-shell .workspace-header.workspace-header--unified #patient-mode-actions {
        width: min(100%, 820px);
        max-width: 820px;
      }

      .app-shell .workspace-header.workspace-header--unified #analytics-mode-actions .experts-mode-nav--header,
      .app-shell .workspace-header.workspace-header--unified #expert-mode-actions .experts-mode-nav--header,
      .app-shell .workspace-header.workspace-header--unified #patient-mode-actions .experts-mode-nav--header {
        width: 100%;
        max-width: 820px;
        min-height: 54px;
        justify-content: flex-start;
      }

      .app-shell .crm-shell > #summary-grid {
        width: 100%;
        max-width: 100%;
        margin: 0 0 12px;
        padding: 0;
      }

      .app-shell .crm-shell > #summary-grid:empty {
        display: none;
      }

      .app-shell:not([data-standalone-module="hospitation-documentation"]) #hospitation-command-row {
        display: none;
      }

      .questionnaire-toolbar.questionnaire-toolbar--actions-only {
        display: flex;
        min-height: 44px;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        padding: 0 0 12px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      .questionnaire-toolbar--actions-only .questionnaire-toolbar__actions {
        width: auto;
        margin-left: auto;
      }

      .observation-page-header--actions-only {
        min-height: 44px;
      }

      .observation-page-header--actions-only .observation-page-header__top {
        grid-template-columns: minmax(0, 1fr);
        justify-items: end;
      }

      .hospitation-dashboard-page-actions {
        grid-column: 1 / -1;
        display: flex;
        min-height: 44px;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
      }

      .app-shell .crm-shell > .controls {
        margin: 0;
        padding: 0 0 12px;
      }

      .app-shell .crm-shell > .controls .controls-stack {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      .workspace-header--unified > .workspace-actions:not(:has(.permission-banner.is-visible)) {
        display: none;
      }

      .app-shell[data-active-view="activities"] .controls {
        display: block;
      }

      .app-shell .crm-shell > .controls .controls-stack .search-shell {
        width: 100%;
        min-height: var(--toolbar-control-height);
        padding: 0 12px;
        gap: 10px;
        border: 1px solid var(--border-strong);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-sm);
      }

      .app-shell .crm-shell > .controls .controls-stack .search-shell:hover,
      .app-shell .crm-shell > .controls .controls-stack .search-shell:focus-within {
        border-color: var(--primary);
        background: var(--surface);
        box-shadow: 0 0 0 3px rgba(21, 95, 228, 0.12), var(--shadow-sm);
      }

      .app-shell .crm-shell > .controls .controls-stack .search-shell svg {
        width: 20px;
        height: 20px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--primary);
      }

      .app-shell .crm-shell > .controls .controls-stack .search-input {
        font-size: var(--font-size-md);
        font-weight: 650;
      }

      .app-shell .crm-shell > .controls .filter-toolbar {
        display: flex;
        min-height: 36px;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
      }

      .app-shell .crm-shell > .controls .filter-toolbar[hidden],
      .app-shell .crm-shell > .controls .filter-shell[hidden] {
        display: none;
      }

      .filter-panel .filter-field[hidden] {
        display: none;
      }

      .app-shell .crm-shell > .controls .active-filter-row {
        flex: 1 1 auto;
        min-width: 0;
      }

      .app-shell .crm-shell > .controls .filter-results {
        margin-right: auto;
        color: var(--text-secondary);
        font-variant-numeric: tabular-nums;
      }

      .view-card .table-command-row {
        min-height: 54px;
        padding: 8px 12px;
        border-bottom: 1px solid var(--border);
        background: var(--surface);
      }

      .view-card > .table-wrap {
        border: 1px solid var(--border);
        border-right: 0;
        border-left: 0;
        background: var(--surface);
      }

      .view-card .thead {
        min-height: var(--table-header-height);
        background: var(--surface-muted);
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        letter-spacing: 0.04em;
      }

      .view-card .thead > div,
      .view-card .row > div {
        padding-inline: var(--table-cell-padding-inline);
        border-right-color: var(--border);
      }

      .view-card .row {
        min-height: var(--row-height);
        border-bottom-color: var(--border);
      }

      .view-card > .table-footer {
        min-height: 58px;
        padding: 10px 12px;
        border-top: 1px solid var(--border);
        background: var(--surface-muted);
      }

      .view-card .pagination-button {
        min-width: 36px;
        height: 36px;
        border-color: var(--border);
        border-radius: var(--radius-sm);
        background: var(--surface);
        color: var(--text-secondary);
        box-shadow: none;
      }

      .view-card .pagination-button.is-active {
        border-color: var(--primary);
        background: var(--primary);
        color: var(--surface);
        box-shadow: none;
      }

      .patient-indications-table {
        min-width: 980px;
      }

      .patient-indications-table .thead,
      .patient-indications-table .patient-indication-row {
        grid-template-columns:
          minmax(250px, 1.05fr)
          minmax(360px, 1.7fr)
          minmax(190px, 0.72fr)
          minmax(150px, 0.58fr);
      }

      .patient-indication-row {
        border-left: 3px solid var(--patient-indication-color, var(--primary));
      }

      .patient-indication-table-title {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        align-items: center;
        gap: 9px;
        min-width: 0;
        color: var(--patient-indication-color, var(--text-primary));
        line-height: 1.3;
      }

      .patient-indication-table-title .patient-indication-card__icon {
        width: 34px;
        height: 34px;
        border-radius: var(--radius-sm);
      }

      .patient-indication-table-title .patient-indication-card__icon svg {
        width: 19px;
        height: 19px;
      }

      .patient-indication-description {
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-normal);
      }

      .patient-indications-table .patient-indication-result {
        width: 100%;
        min-height: 36px;
      }

      @media (max-width: 760px) {
        .app-shell:not([data-active-view="home"]) .workspace-header.workspace-header--unified {
          grid-template-columns: minmax(0, 1fr);
          gap: 8px;
          padding-bottom: 10px;
        }

        .workspace-heading-row {
          grid-template-columns: minmax(0, 1fr) var(--page-header-logo-height);
          min-height: 64px;
          gap: 12px;
          padding: 10px 12px;
        }

        .workspace-header--unified .workspace-copy h1 {
          font-size: 1.05rem;
        }

        .workspace-brand {
          min-height: var(--page-header-logo-height);
        }

        .workspace-brand img {
          width: var(--page-header-logo-height);
          max-width: var(--page-header-logo-height);
          height: var(--page-header-logo-height);
        }

        .app-shell[data-active-view="patients"] #patient-mode-actions .experts-mode-nav--header {
          display: grid;
          grid-template-columns: minmax(74px, 0.8fr) minmax(142px, 1.7fr) minmax(84px, 0.9fr);
          gap: 3px;
          width: 100%;
          min-height: 62px;
        }

        .app-shell[data-active-view="patients"] #patient-mode-actions .settings-tab-button {
          width: 100%;
          min-height: 52px;
          padding: 4px;
        }

        .app-shell[data-active-view="patients"] #patient-mode-actions .experts-mode-label {
          display: block;
          overflow: visible;
          text-overflow: clip;
          white-space: normal;
          line-height: 1.15;
        }

        .app-shell .crm-shell > .controls {
          padding-bottom: 10px;
        }

        .app-shell .crm-shell > .controls .controls-stack .search-shell {
          min-height: 46px;
        }

        .app-shell .crm-shell > .controls .filter-toolbar {
          align-items: stretch;
          flex-wrap: wrap;
        }

        .app-shell .crm-shell > .controls .active-filter-row {
          flex-basis: 100%;
        }

        .app-shell .crm-shell > .controls .filter-results {
          display: flex;
          min-height: 36px;
          align-items: center;
        }

        .patient-indications-table,
        .table-wrap > .patient-indications-table {
          width: 100%;
          min-width: 0;
        }

        .patient-indications-table .thead {
          display: none;
        }

        .patient-indications-table .patient-indication-row {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          gap: 0;
          margin: 10px;
          border: 1px solid var(--border);
          border-left: 3px solid var(--patient-indication-color, var(--primary));
          border-radius: var(--radius-md);
          overflow: hidden;
        }

        .patient-indications-table .patient-indication-row > div {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          gap: 5px;
          padding: 10px 12px;
          border-right: 0;
          border-bottom: 1px solid var(--border);
        }

        .patient-indications-table .patient-indication-row > div:last-child {
          border-bottom: 0;
        }

        .patient-indications-table [data-patient-indication-field="description"]::before,
        .patient-indications-table [data-patient-indication-field="organizations"]::before,
        .patient-indications-table [data-patient-indication-field="people"]::before {
          color: var(--text-muted);
          font-size: 0.68rem;
          font-weight: 850;
          letter-spacing: 0.04em;
          text-transform: uppercase;
        }

        .patient-indications-table [data-patient-indication-field="description"]::before {
          content: "Kurzbeschreibung";
        }

        .patient-indications-table [data-patient-indication-field="organizations"]::before {
          content: "Organisationen / Verbände";
        }

        .patient-indications-table [data-patient-indication-field="people"]::before {
          content: "Personen";
        }
      }

      /* Einheitliche Werkzeugzeilen direkt unter der Markenleiste. */
      .app-shell .crm-shell > .controls .controls-stack {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        column-gap: 10px;
        row-gap: 8px;
      }

      .app-shell .crm-shell > .controls .controls-stack > .search-shell {
        grid-column: 2;
        grid-row: 1;
        min-height: 48px;
      }

      .workspace-primary-actions {
        grid-column: 1;
        grid-row: 1;
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
      }

      .workspace-primary-actions:not(:has(> :not([hidden]):not(.is-role-hidden):not([aria-hidden="true"]))) {
        display: none;
      }

      .workspace-primary-actions > .action-button {
        min-width: 164px;
        min-height: 48px;
        justify-content: center;
        white-space: nowrap;
      }

      .workspace-primary-actions > [hidden],
      .workspace-secondary-actions > [hidden] {
        display: none !important;
      }

      .workspace-secondary-actions {
        order: 3;
        display: none;
        min-width: 0;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        margin-left: auto;
      }

      .app-shell[data-active-view="hospitations"] .workspace-secondary-actions {
        display: flex;
      }

      .app-shell .crm-shell > .controls .controls-stack:not(:has(> .workspace-primary-actions > :not([hidden]):not(.is-role-hidden):not([aria-hidden="true"]))) > .search-shell {
        grid-column: 1 / -1;
      }

      .app-shell .crm-shell > .controls .controls-stack > .filter-toolbar {
        grid-column: 1 / -1;
        grid-row: 2;
      }

      .app-shell .crm-shell > .controls .filter-toolbar > .filter-results {
        order: 1;
        margin-right: auto;
      }

      .app-shell .crm-shell > .controls .filter-toolbar > .active-filter-row {
        order: 2;
      }

      .app-shell .crm-shell > .controls .filter-toolbar > .active-filter-row:has(.active-filter-list:empty) {
        display: none;
      }

      .app-shell .crm-shell > .controls .filter-toolbar > .filter-shell {
        order: 4;
        margin-left: auto;
      }

      .table-command-actions:empty,
      .formats-command-actions:not(:has(> :not([hidden]))) {
        display: none;
      }

      .formats-command-row {
        justify-content: flex-start;
      }

      .format-status-legend {
        margin-right: auto;
      }

      .dataset-toolbar {
        display: flex;
        min-height: 52px;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 8px 12px;
        border-bottom: 1px solid var(--border);
        background: var(--surface);
      }

      .dataset-toolbar__meta {
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        font-weight: 800;
        font-variant-numeric: tabular-nums;
      }

      .dataset-toolbar__summary {
        display: flex;
        min-width: 0;
        align-items: center;
        gap: 10px;
      }

      .dataset-toolbar__scope {
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 850;
      }

      .dataset-toolbar__actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
      }

      .team-directory__header {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
      }

      .team-search {
        width: 100%;
        min-height: 48px;
        grid-template-columns: 20px minmax(0, 1fr) 32px;
        gap: 10px;
        padding: 0 8px 0 12px;
        border-radius: var(--radius-md);
        box-shadow: var(--shadow-sm);
      }

      .team-search:hover,
      .team-search:focus-within {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(21, 95, 228, 0.12), var(--shadow-sm);
      }

      .team-search__icon {
        color: var(--primary);
      }

      .team-search__icon svg {
        width: 20px;
        height: 20px;
      }

      #view-hospitations .hospitation-appointments-action-row:not(.observation-action-row) {
        display: flex;
        min-height: 48px;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        padding: 0;
      }

      #view-hospitations .hospitation-appointments-action-row:not(.observation-action-row) > .hospitation-appointments-action-row__left {
        margin-right: auto;
      }

      #view-hospitations .hospitation-appointments-action-row:not(.observation-action-row) > .hospitation-appointments-action-row__left:not(:has(> :not([hidden]))) {
        display: none;
      }

      #view-hospitations .hospitation-appointments-action-row:not(.observation-action-row) > .hospitation-appointments-action-row__center {
        display: none;
      }

      .observation-page-header--actions-only,
      .observation-page-header--actions-only .observation-page-header__top {
        min-height: 0;
      }

      .observation-page-header__top {
        grid-template-columns: minmax(0, 1fr);
      }

      .observation-primary-toolbar {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        width: 100%;
        min-width: 0;
      }

      .observation-header-search {
        grid-column: 2;
        grid-row: 1;
        width: 100%;
        min-height: 48px;
        gap: 10px;
        padding: 0 12px;
        border-radius: var(--radius-md);
        box-shadow: var(--shadow-sm);
      }

      .observation-header-search:hover,
      .observation-header-search:focus-within {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(21, 95, 228, 0.12), var(--shadow-sm);
      }

      .observation-header-search svg {
        width: 20px;
        height: 20px;
        stroke: var(--primary);
      }

      #view-hospitations .observation-action-row {
        display: flex;
        min-height: 44px;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        margin-top: 0;
        padding: 0;
      }

      #view-hospitations .observation-action-row > .hospitation-appointments-action-row__center {
        display: none;
      }

      #view-hospitations .observation-action-row > .observation-action-row__right {
        width: auto;
        margin-left: auto;
      }

      @media (max-width: 760px) {
        .app-shell .crm-shell > .controls .controls-stack,
        .observation-primary-toolbar {
          grid-template-columns: minmax(0, 1fr);
        }

        .app-shell .crm-shell > .controls .controls-stack > .search-shell,
        .app-shell .crm-shell > .controls .controls-stack:not(:has(> .workspace-primary-actions > :not([hidden]):not(.is-role-hidden):not([aria-hidden="true"]))) > .search-shell,
        .observation-header-search,
        .workspace-primary-actions,
        .app-shell .crm-shell > .controls .controls-stack > .filter-toolbar {
          grid-column: 1;
          grid-row: auto;
        }

        .workspace-primary-actions,
        .workspace-primary-actions > .action-button {
          width: 100%;
        }

        .workspace-secondary-actions {
          width: 100%;
          flex-wrap: wrap;
        }

        .dataset-toolbar {
          display: flex;
          width: 100%;
          min-width: 0;
          max-width: 100%;
          min-height: 48px;
          align-items: center;
          flex-wrap: wrap;
          gap: 8px;
          padding: 8px 10px;
          border: 0;
          border-bottom: 1px solid var(--border);
          border-radius: 0;
          box-shadow: none;
        }

        .dataset-toolbar__actions {
          width: 100%;
          justify-content: flex-end;
          flex-wrap: wrap;
        }

        .team-directory__header {
          grid-template-columns: minmax(0, 1fr);
        }

        .observation-header-search {
          min-height: 46px;
        }

        #view-hospitations .observation-action-row,
        #view-hospitations .observation-action-row > .observation-action-row__right {
          width: 100%;
          max-width: 100%;
        }

        #view-hospitations .observation-action-row > .observation-action-row__right {
          justify-content: flex-end;
        }

        #view-hospitations .hospitation-appointments-action-row:not(.observation-action-row) {
          align-items: stretch;
          flex-direction: column;
        }

        #view-hospitations .hospitation-appointments-action-row:not(.observation-action-row) > .hospitation-appointments-action-row__right {
          width: 100%;
        }
      }

      /* Tabellennahe Steuerleisten fuer Kontakte und Hospitationstermine. */
      #view-contacts #contact-table-toolbar > .filter-toolbar[hidden],
      #results-count[hidden],
      #hospitation-table-toolbar-meta[hidden] {
        display: none !important;
      }

      #view-contacts .view-card:has(#filter-panel:not([hidden])) {
        overflow: visible;
      }

      #view-hospitations #hospitation-appointments-panel {
        gap: 10px;
      }

      #view-hospitations .hospitation-table-toolbar,
      #view-hospitations .hospitation-table-toolbar:not(:has(.hospitation-bulk-toolbar:not([hidden]))) {
        position: relative;
        z-index: 24;
        display: flex;
        min-height: 54px;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 8px 12px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: var(--shadow-sm);
      }

      #view-hospitations .hospitation-table-toolbar > .hospitation-appointments-action-row__left {
        display: flex;
        min-width: 0;
        flex: 1 1 auto;
        align-items: center;
        margin-right: 0;
      }

      #view-hospitations .hospitation-table-toolbar > .hospitation-appointments-action-row__right {
        display: flex;
        min-width: 0;
        flex: 0 1 auto;
        align-items: center;
        justify-content: flex-end;
      }

      #view-hospitations .hospitation-table-toolbar .workspace-secondary-actions {
        display: flex;
        width: auto;
        min-width: 0;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        margin: 0;
      }

      #view-hospitations .hospitation-table-toolbar__meta {
        color: var(--text-secondary);
        white-space: nowrap;
      }

      #view-hospitations .hospitation-table-toolbar .hospitation-command-view-toggle {
        margin: 0;
      }

      #view-hospitations .hospitation-table-toolbar:has(.hospitation-bulk-toolbar:not([hidden])) .hospitation-table-toolbar__meta,
      #view-hospitations .hospitation-table-toolbar:has(.hospitation-bulk-toolbar:not([hidden])) > .hospitation-appointments-action-row__right {
        display: none;
      }

      @media (max-width: 760px) {
        #view-hospitations .hospitation-table-toolbar,
        #view-hospitations .hospitation-table-toolbar:not(:has(.hospitation-bulk-toolbar:not([hidden]))) {
          align-items: stretch;
          flex-direction: column;
          gap: 8px;
          padding: 10px;
        }

        #view-hospitations .hospitation-table-toolbar > .hospitation-appointments-action-row__left,
        #view-hospitations .hospitation-table-toolbar > .hospitation-appointments-action-row__right,
        #view-hospitations .hospitation-table-toolbar .workspace-secondary-actions {
          width: 100%;
        }

        #view-hospitations .hospitation-table-toolbar .workspace-secondary-actions {
          justify-content: space-between;
          flex-wrap: wrap;
        }

        #view-hospitations .hospitation-table-toolbar .hospitation-export-button {
          width: auto;
          min-width: 72px;
          min-height: 44px;
          padding: 0 10px;
          font-size: var(--font-size-xs);
        }

        #view-hospitations .hospitation-table-toolbar .hospitation-export-button svg {
          width: 17px;
          height: 17px;
        }

        #view-hospitations .hospitation-table-toolbar .hospitation-view-toggle {
          flex: 0 1 auto;
          min-height: 44px;
          padding: 0;
        }

        #view-hospitations .hospitation-table-toolbar .hospitation-view-toggle button {
          min-height: 44px;
        }
      }

      /* Versorgungs-Kompass · operative Übersicht mit zentraler Kartenvorschau. */
      .app-shell[data-active-view="careOverview"] .workspace-header {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
      }

      .care-overview-workspace {
        display: grid;
        min-width: 0;
        gap: 12px;
      }

      .care-overview-map__kicker {
        color: var(--care-overview-atlas-highlight);
        font-size: var(--font-size-xs);
        font-weight: 800;
        letter-spacing: 0.045em;
        line-height: 1.2;
        text-transform: uppercase;
      }

      .care-overview-layout {
        display: grid;
        min-width: 0;
        height: clamp(560px, calc(100dvh - 140px), 700px);
        min-height: 560px;
        grid-template-columns: minmax(178px, 0.62fr) minmax(400px, 1.76fr) minmax(178px, 0.62fr);
        grid-template-rows: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      .care-overview-map,
      .care-overview-destination {
        min-width: 0;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        box-shadow: none;
      }

      .care-overview-map {
        position: relative;
        display: grid;
        min-height: 0;
        grid-template-rows: auto minmax(0, 1fr);
        grid-column: 2;
        grid-row: 1 / 3;
        border-color: #8fb8df;
        background: linear-gradient(145deg, var(--care-overview-atlas-start) 0%, var(--care-overview-atlas-end) 100%);
        overflow: hidden;
        isolation: isolate;
        cursor: default;
        transition: border-color 180ms ease, box-shadow 180ms ease;
      }

      .care-overview-map__head {
        position: relative;
        z-index: 3;
        display: flex;
        min-width: 0;
        min-height: 68px;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 12px 14px;
        border-bottom: 1px solid rgba(82, 132, 184, 0.24);
        background: rgba(249, 253, 255, 0.90);
      }

      .care-overview-map__head > div {
        display: grid;
        min-width: 0;
        gap: 3px;
      }

      .care-overview-map__head h2 {
        margin: 0;
        color: var(--care-overview-atlas-text);
        font-size: var(--font-size-lg);
        font-weight: 850;
        letter-spacing: -0.015em;
        line-height: var(--line-height-tight);
      }

      .care-overview-map__open {
        display: inline-flex;
        min-height: 40px;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 0 12px;
        border: 1px solid #0b5cad;
        border-radius: var(--radius-md);
        background: #0b5cad;
        color: #ffffff;
        font-size: var(--font-size-sm);
        font-weight: 800;
        text-decoration: none;
        transition: border-color 180ms ease, background-color 180ms ease;
      }

      .care-overview-map__open > span {
        transition: transform 180ms ease;
      }

      .care-overview-map__preview {
        position: relative;
        z-index: 1;
        min-height: 0;
        overflow: hidden;
        background:
          radial-gradient(circle at 15% 18%, rgba(255, 255, 255, 0.80) 0, rgba(255, 255, 255, 0) 34%),
          linear-gradient(145deg, var(--care-overview-atlas-start) 0%, var(--care-overview-atlas-end) 100%);
      }

      .care-overview-map__frame {
        position: absolute;
        inset: 32px 80px 32px 0;
        width: calc(100% - 80px);
        height: calc(100% - 64px);
        min-height: 0;
        border-radius: 0;
        background: transparent;
        pointer-events: none;
        transform-origin: center;
        transition: transform 180ms ease;
      }

      .care-overview-map__meta {
        position: absolute;
        z-index: 3;
        inset: 0;
        color: var(--care-overview-atlas-muted);
        font-size: var(--font-size-sm);
        font-weight: 700;
        line-height: 1.25;
        pointer-events: none;
      }

      .care-overview-map__counter {
        position: absolute;
        top: 12px;
        right: 12px;
        bottom: auto;
        display: inline-grid;
        width: 64px;
        min-height: 44px;
        align-content: center;
        justify-items: center;
        gap: 2px;
        padding: 5px 6px;
        border: 1px solid var(--care-map-density-high);
        border-radius: var(--radius-md);
        background: var(--care-overview-atlas-counter);
        color: #ffffff;
        text-align: center;
      }

      .care-overview-map__counter strong {
        font-size: var(--font-size-lg);
        font-variant-numeric: tabular-nums;
        font-weight: 850;
        line-height: 1;
      }

      .care-overview-map__counter span {
        font-size: 0.68rem;
        font-weight: 800;
        line-height: 1.1;
      }

      .care-overview-map__counter[data-state="loading"],
      .care-overview-map__counter[data-state="error"] {
        border-color: rgba(82, 132, 184, 0.32);
        background: rgba(255, 255, 255, 0.58);
        color: var(--care-overview-atlas-muted);
      }

      .care-overview-map__legend {
        position: absolute;
        right: 12px;
        bottom: 12px;
        display: flex;
        width: 64px;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        color: #010e52;
      }

      .care-overview-map__legend-body {
        display: grid;
        width: 64px;
        grid-template-rows: auto 247px auto;
        justify-items: center;
        gap: 6px;
      }

      .care-overview-map__legend-endpoints {
        display: contents;
        color: #010e52;
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        white-space: nowrap;
      }

      .care-overview-map__legend-endpoints > span:first-child {
        grid-row: 1;
      }

      .care-overview-map__legend-endpoints > span:last-child {
        grid-row: 3;
      }

      .care-overview-map__legend-scale {
        display: block;
        grid-row: 2;
        width: 40px;
        height: 247px;
        border: 1px solid #010e52;
        border-radius: 22px;
        background: linear-gradient(180deg, var(--care-map-density-high) 0%, var(--care-map-density-cobalt) 24%, var(--care-map-density-mid) 45%, var(--care-map-density-low) 72%, var(--care-map-density-empty) 100%);
      }

      .care-overview-destination {
        --care-overview-card-accent: var(--care-overview-contacts-accent);
        --care-overview-card-soft: var(--care-overview-contacts-soft);
        --care-overview-card-border: var(--care-overview-contacts-border);
        --care-overview-connector-strength: 0.58;
        position: relative;
        display: flex;
        min-height: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 16px;
        border-color: var(--care-overview-card-border);
        border-left: 4px solid var(--care-overview-card-accent);
        background: var(--care-overview-card-soft);
        color: var(--text-primary);
        text-decoration: none;
        transition: border-color 160ms ease, background-color 160ms ease;
      }

      .care-overview-destination:hover {
        --care-overview-connector-strength: 1;
        border-color: var(--care-overview-card-accent);
        border-left-color: var(--care-overview-card-accent);
        background: var(--care-overview-card-soft);
      }

      .care-overview-map:focus-within {
        border-color: var(--care-overview-atlas-highlight);
        box-shadow: var(--care-overview-atlas-halo);
      }

      .care-overview-map:focus-within .care-overview-map__open {
        border-color: #073e77;
        background: #073e77;
      }

      .care-overview-map:focus-within .care-overview-map__open > span {
        transform: translateX(2px);
      }

      .care-overview-map__open:focus-visible,
      .care-overview-destination:focus-visible {
        outline: 3px solid var(--primary);
        outline-offset: -3px;
      }

      @media (hover: hover) and (pointer: fine) {
        .care-overview-map__frame {
          pointer-events: auto;
        }

        .care-overview-map__open:hover {
          border-color: #073e77;
          background: #073e77;
        }

        .care-overview-map__open:hover > span {
          transform: translateX(2px);
        }
      }

      .care-overview-destination__icon {
        display: grid;
        width: 36px;
        height: 36px;
        flex: 0 0 auto;
        place-items: center;
        border: 1px solid var(--care-overview-card-accent);
        border-radius: var(--radius-sm);
        background: var(--care-overview-card-accent);
        color: #ffffff;
        transform: rotate(45deg);
        transition: background-color 160ms ease, transform 160ms ease;
      }

      .care-overview-destination__icon svg {
        width: 20px;
        height: 20px;
        transform: rotate(-45deg);
      }

      .care-overview-destination__copy {
        display: grid;
        min-width: 0;
        gap: 5px;
      }

      .care-overview-destination__metric {
        color: var(--care-overview-card-accent);
        font-variant-numeric: tabular-nums;
      }

      .care-overview-destination__copy > strong {
        color: var(--text-primary);
        font-size: var(--font-size-lg);
        font-weight: 850;
        line-height: var(--line-height-tight);
      }

      .care-overview-destination__metric--count {
        display: grid;
        width: fit-content;
        gap: 1px;
        letter-spacing: 0;
        line-height: 1.1;
        text-transform: none;
      }

      .care-overview-destination__metric--count > strong {
        color: var(--care-overview-card-accent);
        font-size: clamp(1.45rem, 2.1vw, 1.8rem);
        font-weight: 850;
        line-height: 1;
      }

      .care-overview-destination__metric--count > span {
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 750;
        line-height: 1.25;
      }

      .care-overview-destination__metric--count[data-state="ready"] > span:empty {
        display: none;
      }

      .care-overview-destination__metric--count[data-state="loading"],
      .care-overview-destination__metric--count[data-state="error"],
      .care-overview-destination__metric--count[data-state="loading"] > strong,
      .care-overview-destination__metric--count[data-state="error"] > strong,
      .care-overview-destination__metric--count[data-state="loading"] > span,
      .care-overview-destination__metric--count[data-state="error"] > span {
        color: var(--text-muted);
      }

      .care-overview-destination__metric--descriptor {
        font-size: var(--font-size-sm);
        font-weight: 800;
        letter-spacing: 0;
        line-height: 1.3;
        text-transform: none;
      }

      .care-overview-destination__copy > span:last-child {
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-normal);
      }

      .care-overview-destination__action {
        display: inline-flex;
        min-height: 24px;
        align-items: center;
        gap: 7px;
        margin-top: auto;
        color: var(--care-overview-card-accent);
        font-size: var(--font-size-sm);
        font-weight: 800;
      }

      .care-overview-destination__action > span {
        transition: transform 160ms ease;
      }

      .care-overview-destination:is(:hover, :focus-visible) {
        --care-overview-connector-strength: 1;
      }

      .care-overview-destination:is(:hover, :focus-visible) .care-overview-destination__icon {
        transform: rotate(45deg) scale(1.06);
      }

      .care-overview-destination:is(:hover, :focus-visible) .care-overview-destination__action > span {
        transform: translateX(2px);
      }

      .care-overview-destination--contacts {
        --care-overview-card-accent: var(--care-overview-contacts-accent);
        --care-overview-card-soft: var(--care-overview-contacts-soft);
        --care-overview-card-border: var(--care-overview-contacts-border);
        grid-column: 1;
        grid-row: 1;
      }

      .care-overview-destination--organizations {
        --care-overview-card-accent: var(--care-overview-organizations-accent);
        --care-overview-card-soft: var(--care-overview-organizations-soft);
        --care-overview-card-border: var(--care-overview-organizations-border);
        grid-column: 1;
        grid-row: 2;
      }

      .care-overview-destination--analytics {
        --care-overview-card-accent: var(--care-overview-analytics-accent);
        --care-overview-card-soft: var(--care-overview-analytics-soft);
        --care-overview-card-border: var(--care-overview-analytics-border);
        grid-column: 3;
        grid-row: 1;
      }

      .care-overview-destination--activities {
        --care-overview-card-accent: var(--care-overview-activities-accent);
        --care-overview-card-soft: var(--care-overview-activities-soft);
        --care-overview-card-border: var(--care-overview-activities-border);
        grid-column: 3;
        grid-row: 2;
      }

      .care-overview-layout:not(:has(.care-overview-destination--analytics:not(.is-role-hidden))) {
        grid-template-columns: minmax(178px, 0.62fr) minmax(400px, 1.76fr);
      }

      .care-overview-layout:not(:has(.care-overview-destination--analytics:not(.is-role-hidden))) .care-overview-map {
        grid-column: 2;
      }

      @keyframes care-overview-enter {
        from {
          opacity: 0;
          transform: translateY(8px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .care-overview-layout[data-entrance-state="playing"] .care-overview-map,
      .care-overview-layout[data-entrance-state="playing"] .care-overview-destination {
        animation: care-overview-enter 400ms cubic-bezier(0.22, 1, 0.36, 1) both;
      }

      .care-overview-layout[data-entrance-state="playing"] .care-overview-destination--contacts {
        animation-delay: 30ms;
      }

      .care-overview-layout[data-entrance-state="playing"] .care-overview-destination--organizations {
        animation-delay: 60ms;
      }

      .care-overview-layout[data-entrance-state="playing"] .care-overview-destination--analytics {
        animation-delay: 90ms;
      }

      .care-overview-layout[data-entrance-state="playing"] .care-overview-destination--activities {
        animation-delay: 120ms;
      }

      @media (min-width: 1181px) {
        .care-overview-destination--contacts::after,
        .care-overview-destination--organizations::after,
        .care-overview-destination--analytics::before,
        .care-overview-destination--activities::before {
          position: absolute;
          top: 50%;
          width: 13px;
          height: 2px;
          background: var(--care-overview-card-accent);
          content: "";
          opacity: var(--care-overview-connector-strength);
          transform: scaleX(0.78);
          transition: opacity 160ms ease, transform 160ms ease;
        }

        .care-overview-destination--contacts::after,
        .care-overview-destination--organizations::after {
          right: -13px;
          transform-origin: right center;
        }

        .care-overview-destination--analytics::before,
        .care-overview-destination--activities::before {
          left: -13px;
          transform-origin: left center;
        }

        .care-overview-destination:is(:hover, :focus-visible)::before,
        .care-overview-destination:is(:hover, :focus-visible)::after {
          transform: scaleX(1);
        }
      }

      @media (max-width: 1180px) {
        .care-overview-layout,
        .care-overview-layout:not(:has(.care-overview-destination--analytics:not(.is-role-hidden))) {
          height: auto;
          min-height: 0;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          grid-template-rows: minmax(430px, 50dvh) repeat(2, minmax(142px, auto));
        }

        .care-overview-layout:not(:has(.care-overview-destination--analytics:not(.is-role-hidden))) {
          grid-template-rows: minmax(430px, 50dvh) minmax(142px, auto);
        }

        .care-overview-map,
        .care-overview-layout:not(:has(.care-overview-destination--analytics:not(.is-role-hidden))) .care-overview-map {
          grid-column: 1 / -1;
          grid-row: 1;
        }

        .care-overview-destination--contacts {
          grid-column: 1;
          grid-row: 2;
        }

        .care-overview-destination--organizations {
          grid-column: 2;
          grid-row: 2;
        }

        .care-overview-destination--analytics {
          grid-column: 1;
          grid-row: 3;
        }

        .care-overview-destination--activities {
          grid-column: 2;
          grid-row: 3;
        }

        .care-overview-destination {
          min-height: 142px;
          display: grid;
          grid-template-columns: 44px minmax(0, 1fr) auto;
          grid-template-rows: minmax(0, 1fr);
          align-items: center;
          gap: 12px;
          padding: 14px;
        }

        .care-overview-destination__action {
          margin-top: 0;
        }
      }

      @media (min-width: 761px) and (max-width: 900px) {
        .care-overview-destination {
          min-height: 108px;
          grid-template-columns: 36px minmax(0, 1fr) 18px;
          gap: 10px;
          padding: 12px;
        }

        .care-overview-destination__icon {
          width: 32px;
          height: 32px;
        }

        .care-overview-destination__icon svg {
          width: 18px;
          height: 18px;
        }

        .care-overview-destination__copy {
          gap: 3px;
        }

        .care-overview-destination__copy > strong {
          font-size: var(--font-size-md);
        }

        .care-overview-destination__copy > span:last-child {
          display: none;
        }

        .care-overview-destination__metric--descriptor {
          font-size: 0.76rem;
        }

        .care-overview-destination__action {
          font-size: 0;
        }

        .care-overview-destination__action > span {
          font-size: var(--font-size-lg);
        }
      }

      @media (max-width: 760px) {
        .care-overview-workspace {
          gap: 10px;
        }

        .care-overview-layout,
        .care-overview-layout:not(:has(.care-overview-destination--analytics:not(.is-role-hidden))) {
          grid-template-columns: minmax(0, 1fr);
          grid-template-rows: minmax(460px, 58dvh);
          gap: 10px;
        }

        .care-overview-map,
        .care-overview-layout:not(:has(.care-overview-destination--analytics:not(.is-role-hidden))) .care-overview-map,
        .care-overview-destination--contacts,
        .care-overview-destination--organizations,
        .care-overview-destination--analytics,
        .care-overview-destination--activities {
          grid-column: 1;
          grid-row: auto;
        }

        .care-overview-map {
          min-height: 460px;
        }

        .care-overview-map__head {
          min-height: 62px;
          gap: 8px;
          padding: 10px 12px;
        }

        .care-overview-map__head h2 {
          font-size: var(--font-size-md);
        }

        .care-overview-map__open {
          min-height: 44px;
          padding-inline: 10px;
          font-size: var(--font-size-xs);
        }

        .care-overview-map__preview {
          display: grid;
          grid-template-rows: minmax(0, 1fr) auto;
        }

        .care-overview-map__frame {
          position: relative;
          inset: auto;
          display: block;
          width: 100%;
          height: calc(100% - 48px);
          grid-row: 1;
          align-self: center;
        }

        .care-overview-map__meta {
          position: relative;
          inset: auto;
          display: grid;
          min-width: 0;
          grid-row: 2;
          grid-template-columns: minmax(0, 1fr);
          align-items: end;
          padding: 8px 12px 12px;
          border-top: 1px solid rgba(82, 132, 184, 0.24);
        }

        .care-overview-map__legend {
          position: static;
          right: auto;
          bottom: auto;
          left: auto;
          min-width: 0;
          width: auto;
          align-items: stretch;
          gap: 0;
        }

        .care-overview-map__legend-body {
          display: flex;
          width: 100%;
          height: 56px;
          flex-direction: column;
          align-items: stretch;
          gap: 8px;
        }

        .care-overview-map__legend-endpoints {
          display: flex;
          width: 100%;
          min-width: 0;
          height: 20px;
          flex-direction: row-reverse;
          align-items: flex-end;
          justify-content: space-between;
          font-size: 12px;
          font-weight: 500;
          line-height: 12px;
        }

        .care-overview-map__legend-scale {
          grid-row: auto;
          width: 100%;
          height: 28px;
          border-radius: 16.5px;
          background: linear-gradient(90deg, var(--care-map-density-empty) 0%, var(--care-map-density-low) 28%, var(--care-map-density-mid) 55%, var(--care-map-density-cobalt) 76%, var(--care-map-density-high) 100%);
        }

        .care-overview-map__counter {
          position: absolute;
          z-index: 4;
          top: 12px;
          right: 12px;
          bottom: auto;
          left: auto;
          display: inline-grid;
          width: 78px;
          min-width: 0;
          min-height: 54px;
          align-content: center;
          gap: 2px;
          padding: 7px 12px;
        }

        .care-overview-map__counter strong {
          font-size: var(--font-size-xl);
        }

        .care-overview-destination {
          min-height: 96px;
          grid-template-columns: 40px minmax(0, 1fr) auto;
          gap: 10px;
          padding: 12px;
        }

        .care-overview-destination__icon {
          width: 34px;
          height: 34px;
        }

        .care-overview-destination__copy {
          gap: 3px;
        }

        .care-overview-destination__copy > strong {
          font-size: var(--font-size-md);
        }

        .care-overview-destination__copy > span:last-child {
          font-size: var(--font-size-xs);
        }

        .care-overview-destination__action {
          font-size: 0;
        }

        .care-overview-destination__action > span {
          font-size: var(--font-size-lg);
        }
      }

      @media (max-width: 600px) {
        .care-overview-layout,
        .care-overview-layout:not(:has(.care-overview-destination--analytics:not(.is-role-hidden))) {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          grid-template-rows: none;
          grid-auto-rows: auto;
        }

        .care-overview-destination--contacts,
        .care-overview-destination--organizations,
        .care-overview-destination--analytics,
        .care-overview-destination--activities {
          min-height: 112px;
          grid-column: auto;
          grid-row: auto;
          grid-template-columns: 32px minmax(0, 1fr) 16px;
          align-items: start;
          gap: 8px;
          padding: 10px;
        }

        .care-overview-destination--contacts {
          order: 1;
        }

        .care-overview-destination--organizations {
          order: 2;
        }

        .care-overview-destination--analytics {
          order: 3;
        }

        .care-overview-destination--activities {
          order: 4;
        }

        .care-overview-map,
        .care-overview-layout:not(:has(.care-overview-destination--analytics:not(.is-role-hidden))) .care-overview-map {
          min-height: 460px;
          grid-column: 1 / -1;
          grid-row: auto;
          order: 5;
        }

        .care-overview-destination__icon {
          width: 30px;
          height: 30px;
        }

        .care-overview-destination__icon svg {
          width: 17px;
          height: 17px;
        }

        .care-overview-destination__copy {
          align-self: center;
        }

        .care-overview-destination__copy > span:last-child {
          display: none;
        }

        .care-overview-destination__metric--count > strong {
          font-size: 1.35rem;
        }

        .care-overview-destination__metric--count > span,
        .care-overview-destination__metric--descriptor {
          font-size: 0.72rem;
        }

        .care-overview-destination__action {
          align-self: center;
        }

        .care-overview-map__counter {
          min-width: 76px;
          min-height: 50px;
          padding: 6px 10px;
        }

        .care-overview-map__counter strong {
          font-size: var(--font-size-lg);
        }

      }

      @media (prefers-reduced-motion: reduce) {
        .care-overview-layout[data-entrance-state] .care-overview-map,
        .care-overview-layout[data-entrance-state] .care-overview-destination {
          animation: none;
        }

        .care-overview-destination,
        .care-overview-destination::before,
        .care-overview-destination::after,
        .care-overview-destination__icon,
        .care-overview-destination__action > span {
          transition: none;
        }

        .care-overview-map,
        .care-overview-map__frame,
        .care-overview-map__open,
        .care-overview-map__open > span {
          transition: none;
        }

        .care-overview-map__open:is(:hover, :focus-visible) > span {
          transform: none;
        }

        .care-overview-destination:is(:hover, :focus-visible) .care-overview-destination__icon {
          transform: rotate(45deg);
        }

        .care-overview-destination:is(:hover, :focus-visible) .care-overview-destination__action > span {
          transform: none;
        }
      }

      @media (forced-colors: active) {
        .care-overview-map,
        .care-overview-destination,
        .care-overview-map__open,
        .care-overview-map__counter {
          border-color: CanvasText;
        }

        .care-overview-map {
          background: Canvas;
          color: CanvasText;
          box-shadow: none;
        }

        .care-overview-map__head {
          background: Canvas;
          color: CanvasText;
        }

        .care-overview-map__head h2,
        .care-overview-map__kicker,
        .care-overview-map__open,
        .care-overview-map__legend,
        .care-overview-map__counter,
        .care-overview-destination__metric,
        .care-overview-destination__action {
          color: CanvasText;
        }

        .care-overview-destination__icon {
          border-color: ButtonText;
          background: ButtonFace;
          color: ButtonText;
        }

        .care-overview-destination::before,
        .care-overview-destination::after,
        .care-overview-map__legend-scale {
          background: CanvasText;
        }

        .care-overview-map:focus-within {
          border-color: Highlight;
          box-shadow: none;
        }

        .care-overview-map__open:focus-visible,
        .care-overview-destination:focus-visible {
          outline-color: Highlight;
        }

      }

      /* Hospitations-Kompass · operative Arbeitsübersicht nach Option A. */
      .app-shell[data-active-view="hospitationOverview"] .workspace-header {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
      }

      .hospitation-overview-workspace {
        --hospitation-overview-intro-size: 190px;
        --hospitation-overview-blue: #2f6fec;
        --hospitation-overview-blue-text: #285fc7;
        --hospitation-overview-green: #20a86b;
        --hospitation-overview-green-text: #13784a;
        --hospitation-overview-amber: #c77a08;
        --hospitation-overview-amber-text: #8c5200;
        --hospitation-overview-red: #d94c45;
        --hospitation-overview-red-text: #a63731;
        overflow: hidden;
        background: var(--surface);
        box-shadow: none;
      }

      .hospitation-overview-priority {
        display: grid;
        min-width: 0;
        grid-template-columns: minmax(0, 1.8fr) minmax(280px, 0.8fr);
        border-bottom: 1px solid var(--border);
      }

      .hospitation-overview-plan-card {
        display: grid;
        width: 100%;
        min-width: 0;
        min-height: 104px;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        align-content: center;
        gap: 12px;
        padding: 14px 16px;
        border: 0;
        border-left: 1px solid rgba(255, 255, 255, 0.24);
        color: var(--surface);
        font: inherit;
        text-align: left;
        cursor: pointer;
      }

      .hospitation-overview-plan-card {
        grid-area: plan;
        background: var(--primary);
      }

      .hospitation-overview-plan-card[hidden] {
        display: none;
      }

      .hospitation-overview-plan-card:hover {
        background: var(--primary-hover);
      }

      .hospitation-overview-plan-card:focus-visible {
        position: relative;
        z-index: 1;
        outline: 3px solid var(--surface);
        outline-offset: -4px;
      }

      .hospitation-overview-plan-card__icon {
        display: grid;
        width: 44px;
        height: 44px;
        place-items: center;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.16);
        color: var(--surface);
      }

      .hospitation-overview-plan-card__icon svg {
        width: 22px;
        height: 22px;
      }

      .hospitation-overview-plan-card__label {
        min-width: 0;
        color: var(--surface);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-tight);
        text-wrap: balance;
      }

      .hospitation-overview-plan-card__arrow {
        color: var(--surface);
        font-size: var(--font-size-lg);
      }

      .hospitation-overview-next {
        position: relative;
        isolation: isolate;
        display: grid;
        min-width: 0;
        min-height: 252px;
        overflow: hidden;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 26px;
        padding: 28px 34px;
        background: var(--sidebar-bg);
        color: var(--surface);
      }

      .hospitation-overview-next::before,
      .hospitation-overview-next::after {
        position: absolute;
        z-index: -1;
        border: 1px solid rgba(var(--module-planning-rgb), 0.28);
        border-radius: 50%;
        content: "";
        pointer-events: none;
      }

      .hospitation-overview-next::before {
        right: -120px;
        bottom: -235px;
        width: 520px;
        height: 520px;
      }

      .hospitation-overview-next::after {
        right: -10px;
        bottom: -150px;
        width: 340px;
        height: 340px;
        background: rgba(var(--module-planning-rgb), 0.05);
      }

      .hospitation-overview-date {
        display: grid;
        width: 112px;
        height: 132px;
        place-items: center;
        align-content: center;
        gap: 2px;
        border: 1px solid rgba(255, 255, 255, 0.24);
        border-radius: 56px;
        background: rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 0 0 7px rgba(255, 255, 255, 0.04);
        text-align: center;
      }

      .hospitation-overview-date strong {
        color: var(--surface);
        font-size: 2rem;
        font-variant-numeric: tabular-nums;
        line-height: 1;
      }

      .hospitation-overview-date span {
        color: rgb(var(--module-planning-rgb));
        font-size: var(--font-size-xs);
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .hospitation-overview-next__copy {
        position: relative;
        z-index: 1;
        display: grid;
        min-width: 0;
        justify-items: start;
        gap: 7px;
      }

      .hospitation-overview-next__actions {
        display: flex;
        min-width: 0;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px 12px;
        margin-top: 3px;
      }

      .hospitation-overview-section-label {
        color: var(--module-planning-strong);
        font-size: var(--font-size-xs);
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }

      .hospitation-overview-next .hospitation-overview-section-label {
        color: rgb(var(--module-planning-rgb));
      }

      .hospitation-overview-next__copy > strong {
        max-width: 560px;
        color: var(--surface);
        font-size: var(--font-size-xl);
        line-height: var(--line-height-tight);
        overflow-wrap: anywhere;
      }

      .hospitation-overview-next__subtitle {
        color: rgba(255, 255, 255, 0.72);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-normal);
      }

      .hospitation-overview-next__meta {
        display: flex;
        min-height: 20px;
        flex-wrap: wrap;
        gap: 6px 16px;
        margin: 0;
        padding: 0;
        color: rgba(255, 255, 255, 0.78);
        font-size: var(--font-size-sm);
        list-style: none;
      }

      .hospitation-overview-next__meta li {
        display: inline-flex;
        align-items: center;
        gap: 6px;
      }

      .hospitation-overview-next__meta svg {
        width: 15px;
        height: 15px;
        flex: 0 0 auto;
        color: rgb(var(--module-planning-rgb));
      }

      .hospitation-overview-next__action,
      .hospitation-overview-next__secondary,
      .hospitation-overview-attention__action {
        display: inline-flex;
        width: max-content;
        min-height: 40px;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 8px 12px;
        border-radius: var(--radius-md);
        font: inherit;
        font-size: var(--font-size-sm);
        font-weight: 800;
        cursor: pointer;
      }

      .hospitation-overview-next__action {
        border: 1px solid var(--surface);
        background: var(--surface);
        color: var(--sidebar-bg);
      }

      .hospitation-overview-next__action:hover {
        border-color: var(--primary-soft);
        background: var(--primary-soft);
      }

      .hospitation-overview-next__secondary {
        border: 1px solid rgba(255, 255, 255, 0.3);
        background: rgba(255, 255, 255, 0.05);
        color: var(--surface);
      }

      .hospitation-overview-next__secondary[hidden] {
        display: none;
      }

      .hospitation-overview-next__secondary:hover {
        border-color: rgba(255, 255, 255, 0.58);
        background: rgba(255, 255, 255, 0.12);
      }

      .hospitation-overview-next__action:focus-visible,
      .hospitation-overview-next__secondary:focus-visible,
      .hospitation-overview-attention__action:focus-visible {
        outline: 3px solid var(--primary);
        outline-offset: 3px;
      }

      .hospitation-overview-next__action:disabled,
      .hospitation-overview-next__secondary:disabled {
        cursor: default;
        opacity: 0.58;
      }

      .hospitation-overview-attention {
        --hospitation-attention-accent: var(--primary);
        --hospitation-attention-background: var(--primary-soft);
        --hospitation-attention-border: var(--border-strong);
        display: grid;
        min-width: 0;
        align-content: center;
        gap: 14px;
        padding: 26px 28px;
        background: var(--hospitation-attention-background);
      }

      .hospitation-overview-attention.is-error {
        --hospitation-attention-accent: var(--danger);
        --hospitation-attention-background: var(--danger-soft);
        --hospitation-attention-border: rgba(180, 45, 45, 0.3);
      }

      .hospitation-overview-attention__head {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
      }

      .hospitation-overview-attention__focus {
        display: grid;
        min-width: 0;
      }

      .hospitation-overview-attention__focus-value {
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 800;
        overflow-wrap: anywhere;
      }

      .hospitation-overview-attention__focus-value > strong[hidden] {
        display: none;
      }

      .hospitation-overview-attention__focus.is-total .hospitation-overview-attention__focus-value {
        display: flex;
        min-width: 0;
        align-items: baseline;
        gap: 8px;
        overflow-wrap: normal;
      }

      .hospitation-overview-attention__focus.is-total .hospitation-overview-attention__focus-value > strong {
        color: var(--hospitation-attention-accent);
        font-size: 2.6rem;
        font-variant-numeric: tabular-nums;
        line-height: 1;
      }

      .hospitation-overview-attention__focus.is-total .hospitation-overview-attention__focus-value > span {
        min-width: 0;
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        font-weight: 400;
        line-height: var(--line-height-normal);
        text-wrap: balance;
      }

      .hospitation-overview-attention__action {
        border: 1px solid var(--hospitation-attention-border);
        background: transparent;
        color: var(--hospitation-attention-accent);
        text-decoration: none;
      }

      .hospitation-overview-attention__action:hover {
        background: rgba(255, 255, 255, 0.52);
      }

      .hospitation-overview-attention__action-icon {
        display: grid;
        width: 18px;
        height: 18px;
        flex: 0 0 auto;
        place-items: center;
      }

      .hospitation-overview-attention__action-icon svg {
        width: 18px;
        height: 18px;
      }

      .hospitation-overview-evidence {
        display: grid;
        min-width: 0;
        grid-template-areas: "intro flow";
        grid-template-columns: var(--hospitation-overview-intro-size) minmax(0, 1fr);
        border-bottom: 1px solid var(--border);
      }

      .hospitation-overview-agenda {
        display: grid;
        min-width: 0;
        grid-template-areas: "intro items";
        grid-template-columns: var(--hospitation-overview-intro-size) minmax(0, 1fr);
        border-bottom: 1px solid var(--border);
      }

      .hospitation-overview-agenda.has-plan {
        grid-template-areas: "intro items plan";
        grid-template-columns: var(--hospitation-overview-intro-size) minmax(0, 1fr) 250px;
      }

      .hospitation-overview-evidence__intro,
      .hospitation-overview-agenda__intro {
        display: grid;
        min-width: 0;
        align-content: center;
        gap: 4px;
        padding: 20px;
        border-right: 1px solid var(--border);
      }

      .hospitation-overview-agenda__intro {
        grid-area: intro;
      }

      .hospitation-overview-evidence__intro {
        grid-area: intro;
        gap: 12px;
        background: var(--surface-muted);
      }

      .hospitation-overview-evidence__intro-copy {
        display: grid;
        min-width: 0;
        gap: 4px;
      }

      .hospitation-overview-evidence__intro-copy strong,
      .hospitation-overview-agenda__intro strong {
        color: var(--text-primary);
        font-size: var(--font-size-sm);
      }

      .hospitation-overview-evidence__intro-copy > strong {
        max-width: 150px;
        line-height: 1.28;
      }

      .hospitation-overview-context-link {
        display: inline-flex;
        width: 100%;
        min-width: 0;
        min-height: 44px;
        align-items: center;
        gap: 8px;
        padding: 7px 10px;
        border: 1px solid var(--sidebar-bg);
        border-radius: var(--radius-md);
        background: var(--sidebar-bg);
        color: var(--surface);
        font-size: var(--font-size-xs);
        font-weight: 850;
        text-decoration: none;
        transition: background-color 160ms ease, border-color 160ms ease;
      }

      .hospitation-overview-context-link:hover {
        border-color: var(--primary);
        background: var(--primary);
      }

      .hospitation-overview-context-link:focus-visible {
        outline: 3px solid var(--primary);
        outline-offset: 3px;
      }

      .hospitation-overview-context-link__icon {
        display: grid;
        width: 18px;
        height: 18px;
        flex: 0 0 auto;
        place-items: center;
      }

      .hospitation-overview-context-link__icon svg {
        width: 18px;
        height: 18px;
      }

      .hospitation-overview-context-link > span:last-child {
        margin-left: auto;
      }

      .hospitation-overview-agenda__all {
        margin-top: 8px;
      }

      .hospitation-overview-agenda__all > span:nth-child(2) {
        white-space: nowrap;
      }

      .hospitation-overview-evidence__flow {
        position: relative;
        grid-area: flow;
        display: grid;
        min-width: 0;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 28px;
        margin: 0;
        padding: 14px 20px;
        list-style: none;
      }

      .hospitation-overview-evidence__step {
        --hospitation-evidence-color: var(--hospitation-overview-green);
        --hospitation-evidence-text: var(--hospitation-overview-green-text);
        --hospitation-evidence-soft: var(--success-soft);
        position: relative;
        z-index: 1;
        display: grid;
        min-width: 0;
        min-height: 96px;
        height: 100%;
        grid-row: 1;
        grid-template-columns: 44px minmax(0, 1fr);
        align-content: center;
        align-items: center;
        justify-items: start;
        gap: 4px 10px;
        padding: 14px 12px;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        background: var(--surface);
        color: var(--text-primary);
        box-shadow: inset 0 3px 0 var(--hospitation-evidence-color);
        text-align: left;
        text-decoration: none;
      }

      .hospitation-overview-evidence__item {
        --hospitation-evidence-stripe: var(--hospitation-overview-green);
        position: relative;
        display: grid;
        min-width: 0;
        grid-template-rows: minmax(0, 1fr) 5px;
        gap: 7px;
      }

      .hospitation-overview-evidence__item::before {
        grid-row: 2;
        width: 100%;
        height: 5px;
        border-radius: 999px;
        background: var(--hospitation-evidence-stripe);
        content: "";
      }

      .hospitation-overview-evidence__item--patterns {
        --hospitation-evidence-stripe: var(--hospitation-overview-blue);
      }

      .hospitation-overview-evidence__item--hypothesis {
        --hospitation-evidence-stripe: var(--hospitation-overview-amber);
      }

      .hospitation-overview-evidence__item--next-step {
        --hospitation-evidence-stripe: var(--hospitation-overview-red);
      }

      .hospitation-overview-evidence__item:not(:last-child)::after {
        position: absolute;
        z-index: 2;
        top: 50%;
        right: -23px;
        display: grid;
        width: 18px;
        height: 24px;
        place-items: center;
        color: var(--primary);
        content: "→";
        font-size: 1.1rem;
        font-weight: 900;
        line-height: 1;
        transform: translateY(-50%);
      }

      .hospitation-overview-evidence__step--interactive {
        padding-right: 32px;
        cursor: pointer;
        transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
      }

      .hospitation-overview-evidence__step--patterns {
        --hospitation-evidence-color: var(--hospitation-overview-blue);
        --hospitation-evidence-text: var(--hospitation-overview-blue-text);
        --hospitation-evidence-soft: var(--primary-soft);
      }

      .hospitation-overview-evidence__step--hypothesis {
        --hospitation-evidence-color: var(--hospitation-overview-amber);
        --hospitation-evidence-text: var(--hospitation-overview-amber-text);
        --hospitation-evidence-soft: var(--warning-soft);
      }

      .hospitation-overview-evidence__step--next-step {
        --hospitation-evidence-color: var(--hospitation-overview-red);
        --hospitation-evidence-text: var(--hospitation-overview-red-text);
        --hospitation-evidence-soft: var(--danger-soft);
      }

      .hospitation-overview-evidence__icon {
        display: grid;
        width: 44px;
        height: 44px;
        grid-row: 1 / 3;
        place-items: center;
        border: 5px solid var(--surface);
        border-radius: 50%;
        background: var(--hospitation-evidence-color);
        color: var(--surface);
        box-shadow: 0 0 0 1px var(--hospitation-evidence-soft);
      }

      .hospitation-overview-evidence__step--interactive .hospitation-overview-evidence__icon {
        transition: box-shadow 160ms ease, filter 160ms ease;
      }

      .hospitation-overview-evidence__icon svg {
        width: 19px;
        height: 19px;
      }

      .hospitation-overview-evidence__step strong {
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-variant-numeric: tabular-nums;
      }

      .hospitation-overview-evidence__step > strong + span {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
        line-height: var(--line-height-normal);
      }

      .hospitation-overview-evidence__step > strong + span > span {
        color: var(--hospitation-evidence-text);
        font-weight: 850;
        font-variant-numeric: tabular-nums;
      }

      .hospitation-overview-evidence__open {
        position: absolute;
        top: 7px;
        right: 9px;
        display: grid;
        width: 24px;
        height: 24px;
        place-items: center;
        border-radius: 50%;
        color: var(--hospitation-evidence-text);
        font-size: var(--font-size-sm);
        font-weight: 850;
        opacity: 0.72;
        transition: background-color 160ms ease, opacity 160ms ease, transform 160ms ease;
      }

      .hospitation-overview-evidence__step--interactive:hover {
        background: var(--hospitation-evidence-soft);
        border-color: var(--hospitation-evidence-color);
        box-shadow: inset 0 3px 0 var(--hospitation-evidence-color), 0 8px 18px rgba(18, 48, 86, 0.12);
        transform: translateY(-2px);
      }

      .hospitation-overview-evidence__step--interactive:hover .hospitation-overview-evidence__icon,
      .hospitation-overview-evidence__step--interactive:focus-visible .hospitation-overview-evidence__icon {
        filter: brightness(1.08);
        box-shadow: 0 0 0 4px var(--hospitation-evidence-soft), 0 6px 14px rgba(18, 48, 86, 0.16);
      }

      .hospitation-overview-evidence__step--interactive:hover .hospitation-overview-evidence__open,
      .hospitation-overview-evidence__step--interactive:focus-visible .hospitation-overview-evidence__open {
        background: var(--surface);
        opacity: 1;
        transform: translateX(2px);
      }

      .hospitation-overview-evidence__step--interactive:focus-visible {
        position: relative;
        z-index: 2;
        background: var(--hospitation-evidence-soft);
        outline: 3px solid var(--primary);
        outline-offset: -4px;
      }

      .hospitation-overview-agenda__items {
        grid-area: items;
        display: grid;
        min-width: 0;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      }

      .hospitation-overview-agenda__item {
        display: grid;
        min-width: 0;
        min-height: 104px;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 11px;
        padding: 16px 18px;
        border: 0;
        border-right: 1px solid var(--border);
        background: var(--surface);
        color: var(--text-primary);
        font: inherit;
        text-align: left;
        cursor: pointer;
      }

      .hospitation-overview-agenda__item:last-child {
        border-right: 0;
      }

      .hospitation-overview-agenda__item:hover {
        background: var(--surface-muted);
      }

      .hospitation-overview-agenda__item:focus-visible {
        position: relative;
        z-index: 1;
        outline: 3px solid var(--primary);
        outline-offset: -4px;
      }

      .hospitation-overview-agenda__date {
        display: grid;
        width: 48px;
        height: 56px;
        place-items: center;
        align-content: center;
        gap: 1px;
        border-radius: 24px;
        background: var(--primary-soft);
        color: var(--primary);
        font-variant-numeric: tabular-nums;
      }

      .hospitation-overview-agenda__date strong {
        font-size: var(--font-size-sm);
      }

      .hospitation-overview-agenda__date span {
        font-size: 0.64rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .hospitation-overview-agenda__copy {
        display: grid;
        min-width: 0;
        gap: 5px;
      }

      .hospitation-overview-agenda__copy strong {
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-tight);
        overflow-wrap: anywhere;
      }

      .hospitation-overview-agenda__copy span {
        width: max-content;
        max-width: 100%;
        padding: 3px 7px;
        border-radius: 999px;
        background: var(--primary-soft);
        color: var(--primary);
        font-size: var(--font-size-xs);
        overflow-wrap: anywhere;
      }

      .hospitation-overview-agenda__item--open .hospitation-overview-agenda__date,
      .hospitation-overview-agenda__item--open .hospitation-overview-agenda__copy span {
        background: var(--warning-soft);
        color: var(--module-planning-strong);
      }

      .hospitation-overview-agenda__item--done .hospitation-overview-agenda__date,
      .hospitation-overview-agenda__item--done .hospitation-overview-agenda__copy span {
        background: var(--success-soft);
        color: var(--success);
      }

      .hospitation-overview-agenda__arrow {
        color: var(--text-muted);
        font-size: var(--font-size-lg);
      }

      .hospitation-overview-empty {
        grid-column: 1 / -1;
        align-self: center;
        margin: 0;
        padding: 24px;
        color: var(--text-muted);
        font-size: var(--font-size-sm);
      }

      @media (max-width: 1100px) {
        .hospitation-overview-priority {
          grid-template-columns: minmax(0, 1.45fr) minmax(250px, 0.85fr);
        }

        .hospitation-overview-next {
          gap: 18px;
          padding-inline: 24px;
        }

        .hospitation-overview-date {
          width: 96px;
          height: 116px;
        }

        .hospitation-overview-evidence {
          grid-template-areas:
            "intro"
            "flow";
          grid-template-columns: minmax(0, 1fr);
        }

        .hospitation-overview-evidence__intro {
          grid-template-columns: minmax(0, 1fr) auto;
          align-content: normal;
          align-items: center;
          padding-block: 14px;
          border-right: 0;
          border-bottom: 1px solid var(--border);
        }

        .hospitation-overview-evidence__framework {
          width: auto;
          min-width: 142px;
        }

        .hospitation-overview-evidence__step {
          min-height: 112px;
          grid-template-columns: minmax(0, 1fr);
          justify-items: center;
          gap: 5px;
          padding: 12px 10px;
          text-align: center;
        }

        .hospitation-overview-evidence__step--interactive {
          padding-right: 10px;
        }

        .hospitation-overview-evidence__icon {
          width: 42px;
          height: 42px;
          grid-row: auto;
        }

        .hospitation-overview-agenda {
          grid-template-areas: "intro items";
          grid-template-columns: var(--hospitation-overview-intro-size) minmax(0, 1fr);
        }

        .hospitation-overview-agenda.has-plan {
          grid-template-areas:
            "intro items"
            "plan plan";
          grid-template-columns: var(--hospitation-overview-intro-size) minmax(0, 1fr);
        }

        .hospitation-overview-agenda > .hospitation-overview-plan-card {
          min-height: 76px;
          grid-template-columns: auto minmax(0, 1fr) auto;
          border-top: 1px solid rgba(255, 255, 255, 0.24);
          border-left: 0;
        }

        .hospitation-overview-agenda__item {
          grid-template-columns: auto minmax(0, 1fr);
          padding-inline: 12px;
        }

        .hospitation-overview-agenda__arrow {
          display: none;
        }

      }

      @media (max-width: 1000px) {
        .hospitation-overview-priority {
          grid-template-columns: minmax(0, 1fr);
        }
      }

      @media (max-width: 960px) {
        .hospitation-overview-priority,
        .hospitation-overview-evidence {
          grid-template-columns: minmax(0, 1fr);
        }

        .hospitation-overview-evidence {
          grid-template-areas:
            "intro"
            "flow";
        }

        .hospitation-overview-agenda {
          grid-template-areas:
            "intro"
            "items";
          grid-template-columns: minmax(0, 1fr);
        }

        .hospitation-overview-agenda.has-plan {
          grid-template-areas:
            "intro"
            "items"
            "plan";
          grid-template-columns: minmax(0, 1fr);
        }

        .hospitation-overview-agenda > .hospitation-overview-plan-card {
          min-height: 82px;
          grid-template-columns: auto minmax(0, 1fr) auto;
          gap: 12px;
          padding: 12px 16px;
        }

        .hospitation-overview-evidence__intro,
        .hospitation-overview-agenda__intro {
          border-right: 0;
          border-bottom: 1px solid var(--border);
        }

      }

      @media (max-width: 820px) {

        .hospitation-overview-next {
          min-height: 224px;
          gap: 16px;
          padding: 22px 18px;
        }

        .hospitation-overview-date {
          width: 82px;
          height: 100px;
          border-radius: 42px;
        }

        .hospitation-overview-date strong {
          font-size: 1.65rem;
        }

        .hospitation-overview-next__copy > strong {
          font-size: var(--font-size-lg);
        }

        .hospitation-overview-next__meta {
          display: grid;
          gap: 3px;
        }

        .hospitation-overview-next__action,
        .hospitation-overview-next__secondary,
        .hospitation-overview-attention__action {
          min-height: 44px;
        }

        .hospitation-overview-attention {
          padding: 20px 18px;
        }

        .hospitation-overview-evidence__intro,
        .hospitation-overview-agenda__intro {
          padding: 16px;
          border-right: 0;
          border-bottom: 1px solid var(--border);
        }

        .hospitation-overview-evidence__flow {
          grid-template-columns: minmax(0, 1fr);
          gap: 18px;
          padding: 14px 16px;
        }

        .hospitation-overview-evidence__item:not(:last-child)::after {
          top: auto;
          right: auto;
          bottom: -19px;
          left: 29px;
          width: 20px;
          height: 20px;
          content: "↓";
          transform: none;
        }

        .hospitation-overview-evidence__step {
          grid-template-columns: 44px minmax(0, 1fr);
          justify-items: start;
          gap: 2px 12px;
          min-height: 76px;
          align-content: center;
          padding: 10px 36px 10px 10px;
          text-align: left;
        }

        .hospitation-overview-evidence__open {
          top: 50%;
          right: 4px;
          transform: translateY(-50%);
        }

        .hospitation-overview-evidence__step--interactive:hover .hospitation-overview-evidence__open,
        .hospitation-overview-evidence__step--interactive:focus-visible .hospitation-overview-evidence__open {
          transform: translate(2px, -50%);
        }

        .hospitation-overview-evidence__icon {
          grid-row: 1 / 3;
          width: 44px;
          height: 44px;
        }

        .hospitation-overview-agenda__items {
          grid-template-columns: minmax(0, 1fr);
        }

        .hospitation-overview-agenda__item {
          min-height: 82px;
          grid-template-columns: auto minmax(0, 1fr) auto;
          padding: 12px 16px;
          border-right: 0;
          border-bottom: 1px solid var(--border);
        }

        .hospitation-overview-agenda__item:last-child {
          border-bottom: 0;
        }

        .hospitation-overview-agenda__arrow {
          display: inline;
        }

      }

      @media (max-width: 520px) {
        .hospitation-overview-next {
          grid-template-columns: 74px minmax(0, 1fr);
          gap: 13px;
          padding-inline: 14px;
        }

        .hospitation-overview-date {
          width: 72px;
          height: 92px;
        }

        .hospitation-overview-next__actions {
          align-items: stretch;
        }

        .hospitation-overview-next__action,
        .hospitation-overview-next__secondary {
          width: 100%;
        }

        .hospitation-overview-evidence__intro {
          grid-template-columns: minmax(0, 1fr);
        }

        .hospitation-overview-evidence__framework {
          width: 100%;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .hospitation-overview-evidence__step--interactive,
        .hospitation-overview-evidence__step--interactive .hospitation-overview-evidence__icon,
        .hospitation-overview-evidence__open,
        .hospitation-overview-context-link {
          transition: none;
        }
      }

      @media (forced-colors: active) {
        .hospitation-overview-next,
        .hospitation-overview-attention,
        .hospitation-overview-plan-card,
        .hospitation-overview-evidence__step,
        .hospitation-overview-agenda__item,
        .hospitation-overview-context-link,
        .hospitation-overview-attention__action {
          border-color: ButtonText;
          background: Canvas;
          color: ButtonText;
          forced-color-adjust: none;
        }

        .hospitation-overview-next__copy > strong,
        .hospitation-overview-next__subtitle,
        .hospitation-overview-next__meta,
        .hospitation-overview-date strong {
          color: ButtonText;
        }

        .hospitation-overview-plan-card__label,
        .hospitation-overview-plan-card__arrow,
        .hospitation-overview-plan-card__icon,
        .hospitation-overview-context-link__icon {
          color: ButtonText;
        }

        .hospitation-overview-evidence__item::before {
          background: ButtonText;
        }

        .hospitation-overview-evidence__step--interactive:focus-visible,
        .hospitation-overview-context-link:focus-visible {
          outline-color: Highlight;
        }
      }

      /* Stakeholder-Kompass · gleichrangige Übersicht als NHS-inspirierte Kreislandschaft. */
      .app-shell[data-active-view="stakeholderOverview"] .workspace-header {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
      }

      .stakeholder-overview-workspace {
        overflow: hidden;
        background: var(--surface);
        box-shadow: none;
      }

      .stakeholder-overview-intro {
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 14px var(--card-padding);
        border-bottom: 1px solid var(--border);
      }

      .stakeholder-overview-intro > div {
        display: grid;
        min-width: 0;
        gap: 3px;
      }

      .stakeholder-overview-kicker {
        color: var(--module-stakeholders-strong);
        font-size: var(--font-size-xs);
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }

      .stakeholder-overview-intro p,
      .stakeholder-overview-note {
        margin: 0;
        color: var(--text-secondary);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-normal);
      }

      .stakeholder-overview-equality,
      .stakeholder-overview-note {
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }

      .stakeholder-overview-equality {
        flex: 0 0 auto;
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 750;
        white-space: nowrap;
      }

      .stakeholder-overview-equality > span,
      .stakeholder-overview-note > span {
        width: 10px;
        height: 10px;
        flex: 0 0 auto;
        border-radius: 50%;
        background: rgb(var(--module-stakeholders-rgb));
      }

      .stakeholder-overview-map {
        position: relative;
        isolation: isolate;
        display: grid;
        width: min(100%, 760px);
        aspect-ratio: 1;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: repeat(4, minmax(0, 1fr));
        place-items: center;
        margin: 0 auto;
        padding: 12px;
      }

      .stakeholder-overview-ring {
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        aspect-ratio: 1;
        border: 1px solid rgba(var(--module-stakeholders-rgb), 0.26);
        border-radius: 50%;
        pointer-events: none;
        transform: translate(-50%, -50%);
      }

      .stakeholder-overview-ring--outer {
        width: 76%;
        background: rgba(var(--module-stakeholders-rgb), 0.05);
      }

      .stakeholder-overview-ring--middle {
        width: 57%;
        background: rgba(var(--module-stakeholders-rgb), 0.065);
      }

      .stakeholder-overview-ring--inner {
        width: 35%;
        background: rgba(var(--module-stakeholders-rgb), 0.08);
      }

      .stakeholder-overview-node {
        --stakeholder-node-bg: var(--surface-muted);
        --stakeholder-node-border: var(--border-strong);
        --stakeholder-node-color: var(--module-stakeholders-strong);
        position: relative;
        z-index: 2;
        display: flex;
        width: clamp(118px, 10vw, 144px);
        aspect-ratio: 1;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 8px;
        padding: 12px 9px;
        border: 2px solid var(--stakeholder-node-border);
        border-radius: 50%;
        background: var(--stakeholder-node-bg);
        color: var(--text-primary);
        text-align: center;
        text-decoration: none;
        transition: border-color 160ms ease, transform 160ms ease;
      }

      .stakeholder-overview-node:hover {
        border-color: var(--stakeholder-node-color);
        transform: translateY(-3px);
      }

      .stakeholder-overview-node:focus-visible {
        border-color: var(--stakeholder-node-color);
        outline: 3px solid var(--primary);
        outline-offset: 4px;
        transform: translateY(-3px);
      }

      .stakeholder-overview-node:active {
        transform: translateY(-1px);
      }

      .stakeholder-overview-node__icon {
        display: grid;
        width: 48px;
        height: 48px;
        flex: 0 0 auto;
        place-items: center;
        border-radius: 50%;
        background: var(--stakeholder-node-color);
        color: var(--surface);
      }

      .stakeholder-overview-node__icon svg {
        width: 24px;
        height: 24px;
      }

      .stakeholder-overview-node strong {
        max-width: 116px;
        color: var(--text-primary);
        font-size: var(--font-size-sm);
        font-weight: 800;
        hyphens: auto;
        line-height: 1.18;
        overflow-wrap: anywhere;
        text-wrap: balance;
      }

      .stakeholder-overview-node--patients {
        --stakeholder-node-bg: var(--stakeholder-patients-bg);
        --stakeholder-node-border: var(--stakeholder-patients-border);
        --stakeholder-node-color: var(--stakeholder-patients-color);
        grid-column: 2;
        grid-row: 1;
      }

      .stakeholder-overview-node--politics {
        --stakeholder-node-bg: var(--stakeholder-politics-bg);
        --stakeholder-node-border: var(--stakeholder-politics-border);
        --stakeholder-node-color: var(--stakeholder-politics-color);
        grid-column: 3;
        grid-row: 1;
      }

      .stakeholder-overview-node--press {
        --stakeholder-node-bg: var(--stakeholder-press-bg);
        --stakeholder-node-border: var(--stakeholder-press-border);
        --stakeholder-node-color: var(--stakeholder-press-color);
        grid-column: 4;
        grid-row: 2;
      }

      .stakeholder-overview-node--kv {
        --stakeholder-node-bg: var(--stakeholder-kv-bg);
        --stakeholder-node-border: var(--stakeholder-kv-border);
        --stakeholder-node-color: var(--stakeholder-kv-color);
        grid-column: 4;
        grid-row: 3;
      }

      .stakeholder-overview-node--insurance {
        --stakeholder-node-bg: var(--stakeholder-insurance-bg);
        --stakeholder-node-border: var(--stakeholder-insurance-border);
        --stakeholder-node-color: var(--stakeholder-insurance-color);
        grid-column: 3;
        grid-row: 4;
      }

      .stakeholder-overview-node--hospitals {
        --stakeholder-node-bg: var(--stakeholder-hospitals-bg);
        --stakeholder-node-border: var(--stakeholder-hospitals-border);
        --stakeholder-node-color: var(--stakeholder-hospitals-color);
        grid-column: 2;
        grid-row: 4;
      }

      .stakeholder-overview-node--physicians {
        --stakeholder-node-bg: var(--stakeholder-physicians-bg);
        --stakeholder-node-border: var(--stakeholder-physicians-border);
        --stakeholder-node-color: var(--stakeholder-physicians-color);
        grid-column: 1;
        grid-row: 3;
      }

      .stakeholder-overview-node--experts {
        --stakeholder-node-bg: var(--stakeholder-experts-bg);
        --stakeholder-node-border: var(--stakeholder-experts-border);
        --stakeholder-node-color: var(--stakeholder-experts-color);
        grid-column: 1;
        grid-row: 2;
      }

      .stakeholder-overview-center {
        z-index: 3;
        display: grid;
        width: clamp(164px, 15vw, 190px);
        aspect-ratio: 1;
        grid-column: 2 / 4;
        grid-row: 2 / 4;
        place-items: center;
        align-content: center;
        gap: 7px;
        padding: 18px;
        border: 6px solid rgba(var(--module-stakeholders-rgb), 0.28);
        border-radius: 50%;
        background: var(--surface);
        color: var(--text-primary);
        text-align: center;
      }

      .stakeholder-overview-center__mark {
        display: grid;
        width: 48px;
        height: 48px;
        place-items: center;
        border-radius: 50%;
        background: rgba(var(--module-stakeholders-rgb), 0.14);
      }

      .stakeholder-overview-center__mark img {
        display: block;
        width: 30px;
        height: 30px;
      }

      .stakeholder-overview-center strong {
        max-width: 140px;
        color: var(--module-stakeholders-strong);
        font-size: var(--font-size-md);
        font-weight: 800;
        line-height: 1.2;
        text-wrap: balance;
      }

      .stakeholder-overview-center > span:last-child {
        color: var(--text-muted);
        font-size: var(--font-size-xs);
      }

      .stakeholder-overview-note {
        width: 100%;
        min-height: 44px;
        justify-content: center;
        padding: 10px var(--card-padding);
        border-top: 1px solid var(--border);
        box-sizing: border-box;
        text-align: center;
      }

      @media (max-width: 980px) {
        .stakeholder-overview-node {
          width: clamp(112px, 13vw, 128px);
        }

        .stakeholder-overview-node__icon {
          width: 44px;
          height: 44px;
        }

        .stakeholder-overview-node strong {
          max-width: 106px;
          font-size: var(--font-size-xs);
        }

        .stakeholder-overview-center {
          width: 164px;
        }
      }

      @media (max-width: 760px) {
        .stakeholder-overview-intro {
          align-items: flex-start;
          flex-direction: column;
          gap: 8px;
          padding: 12px;
        }

        .stakeholder-overview-equality {
          white-space: normal;
        }

        .stakeholder-overview-map {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          grid-template-rows: auto;
          gap: 10px;
          aspect-ratio: auto;
          padding: 16px 12px;
        }

        .stakeholder-overview-ring {
          top: 16px;
          transform: translateX(-50%);
        }

        .stakeholder-overview-ring--outer {
          width: 178px;
        }

        .stakeholder-overview-ring--middle {
          width: 144px;
        }

        .stakeholder-overview-ring--inner {
          width: 108px;
        }

        .stakeholder-overview-node {
          width: min(100%, 144px);
          grid-column: auto;
          grid-row: auto;
          justify-self: center;
        }

        .stakeholder-overview-center {
          order: -1;
          width: 154px;
          grid-column: 1 / -1;
          grid-row: auto;
          justify-self: center;
          margin-bottom: 4px;
          padding: 14px;
        }

        .stakeholder-overview-center__mark {
          width: 42px;
          height: 42px;
        }

        .stakeholder-overview-note {
          align-items: flex-start;
          padding: 10px 12px;
          text-align: left;
        }
      }

      @media (max-width: 360px) {
        .stakeholder-overview-map {
          gap: 8px;
          padding-inline: 8px;
        }

        .stakeholder-overview-node {
          width: min(100%, 132px);
          padding: 10px 7px;
        }

        .stakeholder-overview-node__icon {
          width: 42px;
          height: 42px;
        }

        .stakeholder-overview-node__icon svg {
          width: 21px;
          height: 21px;
        }
      }

      /* Stakeholder-Navigation: Personen und Organisationen als kompakte Untergruppen. */
      .sidebar-subnav[data-sidebar-subnav^="stakeholder-"] {
        display: grid;
        gap: 2px;
        padding: 2px 0;
      }

      .sidebar-subnav[data-sidebar-subnav^="stakeholder-"] > summary {
        list-style: none;
      }

      .sidebar-subnav[data-sidebar-subnav^="stakeholder-"] > summary::-webkit-details-marker {
        display: none;
      }

      .sidebar-subnav__toggle {
        display: grid;
        grid-template-columns: 17px minmax(0, 1fr) auto 15px;
        min-height: 38px;
        align-items: center;
        gap: 8px;
        padding: 0 9px;
        border-radius: 8px;
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.8rem;
        font-weight: 760;
        line-height: 1.2;
        cursor: pointer;
      }

      .sidebar-subnav__toggle:hover,
      .sidebar-subnav__toggle:focus-visible,
      .sidebar-subnav[open] > .sidebar-subnav__toggle,
      .sidebar-subnav.is-active-subnav > .sidebar-subnav__toggle {
        background: rgba(255, 255, 255, 0.08);
        color: #ffffff;
      }

      .sidebar-subnav__toggle:focus-visible {
        outline: 3px solid #ffffff;
        outline-offset: 2px;
        box-shadow: 0 0 0 5px rgba(21, 95, 228, 0.74);
      }

      .sidebar-subnav__toggle > svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .sidebar-subnav__count {
        display: inline-grid;
        place-items: center;
        min-width: 22px;
        height: 20px;
        padding-inline: 5px;
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.08);
        color: rgba(255, 255, 255, 0.78);
        font-size: 0.65rem;
        font-weight: 850;
        font-variant-numeric: tabular-nums;
      }

      .sidebar-subnav__chevron {
        width: 14px !important;
        height: 14px !important;
        transition: transform 160ms ease;
      }

      .sidebar-subnav:not([open]) .sidebar-subnav__chevron {
        transform: rotate(-90deg);
      }

      .sidebar-subnav:not([open]) > .sidebar-subnav__content {
        display: none;
      }

      .sidebar-subnav__content {
        display: grid;
        gap: 2px;
        margin-left: 8px;
        padding: 2px 0 2px 6px;
        border-left: 1px solid rgba(var(--sidebar-module-rgb), 0.42);
      }

      @media (max-width: 760px) {
        .app-shell.is-mobile-sidebar-expanded .sidebar-subnav__toggle {
          min-height: 44px;
        }

        .app-shell.is-mobile-sidebar-expanded .sidebar-subnav__content > .primary-tab {
          min-height: 44px;
        }
      }

      @media (min-width: 761px) {
        .app-shell.is-sidebar-collapsed .sidebar-subnav[data-sidebar-subnav^="stakeholder-"] {
          display: grid;
          padding: 0;
        }

        .app-shell.is-sidebar-collapsed .sidebar-subnav__toggle {
          display: none;
        }

        .app-shell.is-sidebar-collapsed .sidebar-subnav__content {
          display: grid !important;
          gap: 2px;
          margin: 0;
          padding: 0;
          border-left: 0;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .stakeholder-overview-node {
          transition: none;
        }

        .stakeholder-overview-node:hover,
        .stakeholder-overview-node:focus-visible,
        .stakeholder-overview-node:active {
          transform: none;
        }
      }

      @media (forced-colors: active) {
        .stakeholder-overview-ring {
          border-color: CanvasText;
          background: transparent;
        }

        .stakeholder-overview-node {
          border-color: ButtonText;
          background: Canvas;
          color: ButtonText;
          forced-color-adjust: none;
        }

        .stakeholder-overview-node__icon {
          background: ButtonText;
          color: ButtonFace;
        }

        .stakeholder-overview-node:focus-visible {
          outline-color: Highlight;
        }
      }

      /* Standardisierte Listenwerkzeuge: ein Zähler, kompakte Modi und Mehrfachauswahl. */
      .collection-result:not([hidden]) {
        display: inline-flex;
        min-height: 30px;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        padding: 4px 10px;
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--surface-muted);
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 820;
        font-variant-numeric: tabular-nums;
        line-height: 1.2;
        white-space: nowrap;
      }

      .filter-toolbar[hidden],
      .workspace-expert-switcher[hidden],
      .contextual-bulk-toolbar[hidden],
      .politics-pagination-controls[hidden] {
        display: none !important;
      }

      #organization-column-actions > .filter-toolbar,
      #expert-column-actions > .filter-toolbar,
      #patient-column-actions > .filter-toolbar,
      #formats-table-toolbar > .filter-toolbar {
        display: flex;
        width: auto;
        min-width: 0;
        min-height: 38px;
        flex: 0 1 auto;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        padding: 0;
      }

      #organization-column-actions,
      #expert-column-actions,
      #patient-column-actions {
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
      }

      #formats-table-toolbar {
        display: flex;
        min-height: 54px;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
      }

      #formats-table-toolbar > .filter-toolbar {
        order: -1;
        margin-right: auto;
      }

      #formats-table-toolbar .format-status-legend {
        margin-right: 0;
      }

      .view-mode-command-row {
        display: flex;
        min-height: 46px;
        align-items: center;
        justify-content: flex-end;
        margin: -2px 0 12px;
      }

      #expert-table-toolbar,
      #patient-table-toolbar,
      #organization-table-toolbar {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
      }

      #expert-mode-actions,
      #patient-mode-actions {
        order: 8;
        width: auto;
        max-width: 100%;
        flex: 0 1 auto;
        margin-left: auto;
      }

      #analytics-mode-actions {
        width: auto;
        max-width: 100%;
      }

      .view-mode-command-row > #analytics-mode-actions {
        display: inline-flex !important;
        width: max-content !important;
        max-width: 100%;
        flex: 0 0 auto !important;
      }

      #analytics-mode-actions .experts-mode-nav--header,
      #expert-mode-actions .experts-mode-nav--header,
      #patient-mode-actions .experts-mode-nav--header {
        display: inline-flex;
        width: auto;
        max-width: 100%;
        min-height: 38px;
        align-items: center;
        justify-content: flex-start;
        gap: 3px;
        margin: 0;
        padding: 3px;
        overflow-x: auto;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface-muted);
        box-shadow: none;
        scrollbar-width: none;
      }

      .view-mode-command-row > #analytics-mode-actions .experts-mode-nav--header {
        width: max-content !important;
        max-width: 100%;
        flex: 0 0 auto !important;
      }

      #analytics-mode-actions .experts-mode-nav--header::-webkit-scrollbar,
      #expert-mode-actions .experts-mode-nav--header::-webkit-scrollbar,
      #patient-mode-actions .experts-mode-nav--header::-webkit-scrollbar {
        display: none;
      }

      #analytics-mode-actions .settings-tab-button,
      #expert-mode-actions .settings-tab-button,
      #patient-mode-actions .settings-tab-button {
        width: auto;
        min-width: max-content;
        min-height: 32px;
        flex: 0 0 auto;
        gap: 6px;
        padding: 5px 9px;
        border: 0;
        border-radius: calc(var(--radius-md) - 3px);
        background: transparent;
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 800;
        line-height: 1.15;
        white-space: nowrap;
      }

      #analytics-mode-actions .settings-tab-button.is-active,
      #expert-mode-actions .settings-tab-button.is-active,
      #patient-mode-actions .settings-tab-button.is-active {
        background: var(--surface);
        color: var(--primary);
        box-shadow: 0 1px 3px rgba(24, 35, 76, 0.12);
      }

      #analytics-mode-actions .experts-mode-label,
      #expert-mode-actions .experts-mode-label,
      #patient-mode-actions .experts-mode-label {
        display: inline;
        overflow: visible;
        text-overflow: clip;
        white-space: nowrap;
      }

      #expert-mode-actions .experts-mode-count,
      #patient-mode-actions .experts-mode-count {
        display: inline-grid !important;
        min-width: 22px;
        height: 22px;
        place-items: center;
        padding: 0 5px;
        border-radius: 999px;
        background: var(--surface-strong, #e7ecf7);
        color: var(--text-secondary);
        font-size: 0.68rem;
        font-weight: 850;
        font-variant-numeric: tabular-nums;
      }

      #expert-mode-actions .settings-tab-button.is-active .experts-mode-count,
      #patient-mode-actions .settings-tab-button.is-active .experts-mode-count {
        background: var(--primary-soft);
        color: var(--primary);
      }

      .table-selection-control {
        display: inline-grid;
        width: 28px;
        min-width: 28px;
        height: 28px;
        flex: 0 0 28px;
        place-items: center;
        border-radius: var(--radius-sm);
        cursor: pointer;
      }

      .table-selection-control:hover {
        background: var(--primary-soft);
      }

      .cell--select {
        display: grid;
        min-width: 0;
        place-items: center;
      }

      .contextual-bulk-toolbar {
        width: 100%;
        min-width: 0;
        flex: 1 1 100%;
        align-items: center;
        justify-content: flex-start;
      }

      #organization-table-toolbar:has(> .contextual-bulk-toolbar:not([hidden])) > :not(.contextual-bulk-toolbar),
      #patient-table-toolbar:has(> .contextual-bulk-toolbar:not([hidden])) > :not(.contextual-bulk-toolbar),
      #politics-table-toolbar:has(> .contextual-bulk-toolbar:not([hidden])) > :not(.contextual-bulk-toolbar),
      #press-table-toolbar:has(> .contextual-bulk-toolbar:not([hidden])) > :not(.contextual-bulk-toolbar) {
        display: none !important;
      }

      .row.is-bulk-selected,
      .mobile-contact-card.is-bulk-selected {
        background: var(--primary-soft);
        box-shadow: inset 3px 0 0 var(--primary);
      }

      .politics-table .thead,
      .politics-table .politics-member-row {
        grid-template-columns:
          42px
          minmax(230px, 1.25fr)
          minmax(160px, 0.68fr)
          minmax(170px, 0.8fr)
          minmax(120px, 0.54fr)
          minmax(220px, 0.98fr)
          minmax(90px, 0.44fr);
      }

      .press-table .thead,
      .press-table .press-contact-row {
        grid-template-columns:
          42px
          minmax(185px, 0.92fr)
          minmax(205px, 1.02fr)
          minmax(180px, 0.88fr)
          minmax(165px, 0.8fr)
          minmax(205px, 1.02fr)
          minmax(225px, 1.1fr)
          minmax(130px, 0.6fr)
          minmax(165px, 0.76fr);
      }

      .patient-indications-table .thead,
      .patient-indications-table .patient-indication-row {
        grid-template-columns:
          42px
          minmax(250px, 1.05fr)
          minmax(360px, 1.7fr)
          minmax(190px, 0.72fr)
          minmax(150px, 0.58fr);
      }

      #pagination-meta,
      #organizations-pagination-meta,
      #experts-pagination-meta,
      #patients-pagination-meta,
      #politics-results-meta,
      #press-results-meta {
        display: none !important;
      }

      .mobile-collection-name {
        max-width: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
        border: 0;
        background: transparent;
        color: inherit;
        font: inherit;
        font-weight: inherit;
        line-height: inherit;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
      }

      .mobile-collection-tags {
        display: flex;
        min-width: 0;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 7px;
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 750;
      }

      .politics-pagination-controls {
        margin-left: auto;
      }

      @media (max-width: 760px) {
        #organization-table-toolbar,
        #expert-table-toolbar,
        #patient-table-toolbar {
          align-items: stretch;
          padding: 8px;
        }

        #organization-column-actions,
        #expert-column-actions,
        #patient-column-actions {
          width: 100%;
          flex: 1 1 100%;
          flex-wrap: wrap;
        }

        #organization-column-actions > .filter-toolbar,
        #expert-column-actions > .filter-toolbar,
        #patient-column-actions > .filter-toolbar {
          width: 100%;
          flex: 1 1 100%;
        }

        #expert-mode-actions,
        #patient-mode-actions {
          width: auto;
          max-width: 100%;
          margin-left: auto;
        }

        .app-shell[data-active-view="patients"] #patient-mode-actions .experts-mode-nav--header {
          display: inline-flex;
          width: max-content;
          max-width: 100%;
          min-height: 38px;
          grid-template-columns: none;
          justify-content: flex-start;
          padding: 3px;
        }

        .app-shell[data-active-view="patients"] #patient-mode-actions .settings-tab-button {
          width: auto;
          min-width: max-content;
          min-height: 34px;
          flex: 0 0 auto;
          padding: 5px;
        }

        .app-shell[data-active-view="patients"] #patient-mode-actions [data-patient-mode="organizations"] {
          flex-grow: 0;
        }

        .app-shell[data-active-view="patients"] #patient-mode-actions .experts-mode-label {
          display: inline;
          white-space: nowrap;
        }

        #analytics-mode-actions .settings-tab-button,
        #expert-mode-actions .settings-tab-button,
        #patient-mode-actions .settings-tab-button {
          min-height: 34px;
          gap: 3px;
          padding-inline: 5px;
          font-size: 0.68rem;
        }

        #expert-mode-actions .experts-mode-count,
        #patient-mode-actions .experts-mode-count {
          min-width: 20px;
          height: 20px;
          padding-inline: 3px;
          font-size: 0.64rem;
        }

        #results-count.collection-result:not([hidden]),
        .dataset-toolbar__meta.collection-result:not([hidden]) {
          display: inline-flex !important;
        }

        .mobile-contact-card.mobile-collection-card {
          display: block;
          min-width: 0;
          min-height: 0;
          margin: 0;
          padding: 11px;
          border: 1px solid var(--border);
          border-radius: var(--radius-md);
          background: var(--surface);
          box-shadow: none;
        }

        .contextual-bulk-toolbar:not([hidden]) {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 7px 10px;
          padding: 7px;
        }

        .contextual-bulk-toolbar .bulk-toolbar__count {
          grid-column: 1 / -1;
        }

        .contextual-bulk-toolbar .bulk-toolbar__link {
          grid-column: 1;
          justify-self: start;
        }

        .contextual-bulk-toolbar .bulk-toolbar__divider {
          display: none;
        }

        .contextual-bulk-toolbar .action-button {
          grid-column: 2;
          grid-row: 2;
          min-width: 0;
        }

        .mobile-collection-card .mobile-contact-top {
          display: flex;
          min-width: 0;
          align-items: center;
          gap: 9px;
        }

        .mobile-collection-card .table-selection-control {
          align-self: flex-start;
          margin-top: 7px;
        }

        .mobile-collection-card .avatar,
        .mobile-collection-card img.avatar,
        .mobile-collection-card .organization-logo,
        .mobile-collection-card .organization-logo--sm {
          width: 44px;
          height: 44px;
          flex: 0 0 44px;
        }

        .mobile-collection-card .mobile-contact-copy {
          overflow: hidden;
        }

        .mobile-collection-card .mobile-contact-name {
          font-size: 0.92rem;
        }

        .mobile-collection-card .mobile-contact-organization {
          display: -webkit-box;
          margin-top: 3px;
          overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          color: var(--text-secondary);
          font-size: 0.76rem;
          line-height: 1.3;
        }

        .politics-table .mobile-collection-card,
        .press-table .mobile-collection-card {
          grid-template-columns: none;
        }

        .politics-table .thead > .cell--select,
        .press-table .thead > .cell--select {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          gap: 7px;
          padding-inline: 9px;
        }

        .politics-table .thead > .cell--select::after,
        .press-table .thead > .cell--select::after {
          content: "Alle";
          color: var(--text-secondary);
          font-size: 0.7rem;
          font-weight: 850;
          letter-spacing: 0.04em;
          text-transform: uppercase;
        }

        .patient-indications-table .patient-indication-row {
          position: relative;
          grid-template-columns: minmax(0, 1fr);
          padding-top: 38px;
        }

        .patient-indications-table .patient-indication-row > .cell--select {
          position: absolute;
          top: 5px;
          right: 7px;
          width: 34px;
          padding: 0;
          border: 0;
        }

        .politics-table-footer:has(.politics-pagination-controls:not([hidden])) {
          display: flex;
        }

        .politics-pagination-controls,
        .politics-pagination-controls .pagination {
          width: 100%;
        }
      }

      @media (max-width: 360px) {
        #patient-mode-actions .experts-mode-nav--header {
          gap: 1px;
          padding: 2px;
        }

        #patient-mode-actions .settings-tab-button {
          gap: 2px;
          padding-inline: 3px;
        }

        #patient-mode-actions .experts-mode-count {
          min-width: 18px;
          height: 18px;
          padding-inline: 2px;
          font-size: 0.58rem;
        }

        #patient-mode-actions .experts-mode-label {
          font-size: 0;
        }

        #patient-mode-actions [data-patient-mode="people"] .experts-mode-label::after {
          content: "Pers.";
          font-size: 0.64rem;
        }

        #patient-mode-actions [data-patient-mode="organizations"] .experts-mode-label::after {
          content: "Org.";
          font-size: 0.64rem;
        }

        #patient-mode-actions [data-patient-mode="indications"] .experts-mode-label::after {
          content: "Indik.";
          font-size: 0.64rem;
        }
      }

      /* Gebuendelte Verzeichnisfilter und tabellennahe Folgeaktionen. */
      .directory-filter-shell {
        z-index: 34;
      }

      .directory-filter-panel {
        width: min(620px, calc(100vw - 32px));
        max-height: min(78vh, 720px);
      }

      .directory-filter-panel__grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        max-height: calc(min(78vh, 720px) - 128px);
        padding: 14px;
        overflow: auto;
      }

      .directory-filter-field {
        display: grid;
        min-width: 0;
        gap: 6px;
        color: var(--text-secondary);
        font-size: var(--font-size-xs);
        font-weight: 800;
      }

      .directory-filter-field select {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        padding: 0 36px 0 11px;
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
        color: var(--text-primary);
        font: inherit;
        font-weight: 700;
      }

      .directory-filter-field select:hover {
        border-color: var(--border-strong);
      }

      .directory-filter-field select:focus-visible {
        border-color: var(--primary);
        outline: 3px solid rgba(21, 95, 228, 0.18);
        outline-offset: 1px;
      }

      .directory-filter-panel .filter-panel-footer {
        justify-content: flex-end;
      }

      .directory-filter-panel .filter-reset--all {
        min-width: 0;
      }

      .politics-source-footer {
        display: flex;
        min-width: 0;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px 14px;
      }

      #organization-table-toolbar {
        justify-content: flex-end;
      }

      #organization-column-actions {
        width: 100%;
      }

      @media (max-width: 760px) {
        .contextual-bulk-toolbar,
        .mobile-collection-card .table-selection-control,
        .patient-indications-table .patient-indication-row > .cell--select {
          display: none !important;
        }

        .patient-indications-table .patient-indication-row {
          padding-top: 13px;
        }

        .directory-filter-panel {
          width: 100%;
          max-height: min(82dvh, 720px);
          border-radius: var(--radius-lg) var(--radius-lg) 0 0;
        }

        .directory-filter-panel__grid {
          grid-template-columns: minmax(0, 1fr);
          max-height: calc(min(82dvh, 720px) - 132px);
          padding: 12px;
        }

        .directory-filter-field select {
          min-height: 46px;
          font-size: 16px;
        }

        #contact-table-toolbar,
        #organization-column-actions {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto auto;
          align-items: center;
          gap: 8px;
        }

        #contact-table-toolbar > #contact-command-actions {
          grid-column: 1 / -1;
          grid-row: 1;
        }

        #contact-table-toolbar > .filter-toolbar,
        #organization-column-actions > .filter-toolbar {
          display: contents;
        }

        #contact-table-toolbar > .filter-toolbar > .filter-results,
        #organization-column-actions > .filter-toolbar > .filter-results {
          grid-column: 1;
          grid-row: 2;
          justify-self: start;
          margin: 0;
        }

        #contact-table-toolbar > .filter-toolbar > .filter-shell,
        #organization-column-actions > .filter-toolbar > .filter-shell {
          grid-column: 2;
          grid-row: 2;
          width: auto;
          margin: 0;
        }

        #contact-table-toolbar > .view-select-shell,
        #organization-column-actions > .view-select-shell {
          grid-column: 3;
          grid-row: 2;
          width: auto;
          margin: 0;
        }

        #contact-table-toolbar > .filter-toolbar > .active-filter-row,
        #organization-column-actions > .filter-toolbar > .active-filter-row {
          grid-column: 1 / -1;
          grid-row: 3;
        }

        #contact-table-toolbar .filter-panel-button,
        #contact-table-toolbar .view-select-button,
        #organization-column-actions .filter-panel-button,
        #organization-column-actions .view-select-button {
          width: auto;
          min-height: 44px;
          padding-inline: 11px;
          white-space: nowrap;
        }

        #organization-secondary-actions,
        #organization-secondary-actions .action-button {
          width: 100%;
        }

        .politics-source-footer {
          width: 100%;
          align-items: flex-start;
          flex-direction: column;
        }

        .politics-table-footer {
          gap: 10px;
        }
      }

      @media (max-width: 360px) {
        #contact-table-toolbar,
        #organization-column-actions {
          grid-template-columns: minmax(0, 1fr) auto auto;
          gap: 6px;
        }

        #contact-table-toolbar .filter-panel-button,
        #contact-table-toolbar .view-select-button,
        #organization-column-actions .filter-panel-button,
        #organization-column-actions .view-select-button {
          padding-inline: 8px;
          font-size: 0.72rem;
        }

        #contact-table-toolbar .filter-panel-button svg,
        #organization-column-actions .filter-panel-button svg,
        #contact-table-toolbar .view-select-button__icon,
        #organization-column-actions .view-select-button__icon {
          display: none;
        }
      }