/* PlanKamerad Design 1.1 (claude-dienste.32) – gemeinsame letzte Stildatei für Website, Web-App und öffentliche Links.
   Vorgabe: doku/design/PK-DESIGN-1.1.md. Gleiche Farben, gleiche Formen, gleiche Bewegung; der bewegte Hintergrund bleibt.
   „:is(#pk-design#pk-design,body)“ trifft nur <body>, hebt aber die Gewichtung über die älteren CI-Schichten
   (portal-ci, site-ci, public-ci …), ohne jede alte Regel einzeln nachzuziehen. Rückweg: Datei nicht mehr laden. */

/* ── 1. Farben und Maße ─────────────────────────────── */
:root{
  --pk-bg:#0B1E29;--pk-surface:#102B3A;--pk-surface-2:#163647;--pk-hover:#1A3E51;
  --pk-line:#234759;--pk-line-strong:#6B929F;--pk-text:#F1F7F8;--pk-muted:#A9C0C9;
  --pk-primary:#F0D65B;--pk-primary-hover:#F5E07F;--pk-on-primary:#0B2330;
  --pk-accent:#A9DCE4;--pk-ok:#67D4A3;--pk-warn:#F0D65B;--pk-danger:#FF9DA5;
  --pk-h:44px;--pk-h-lg:48px;--pk-h-sm:36px;--pk-r-field:12px;--pk-r-card:16px;--pk-r-dialog:20px;
  --pk-shadow:0 1px 2px rgba(0,0,0,.25),0 10px 28px -18px rgba(0,0,0,.6);
  --pk-shadow-pop:0 24px 60px -24px rgba(0,0,0,.7);
  --pk-focus:0 0 0 3px rgba(169,220,228,.35);
  --pk-ease:cubic-bezier(.23,1,.32,1);
  /* Ältere CI-Variablen auf ruhige Werte: keine Verläufe, kein Glanz, keine Unschärfe */
  --ci-glass-bg:rgba(16,43,58,.9);--ci-glass-bg-hover:#163647;--ci-glass-border:#234759;
  --ci-glass-shadow:var(--pk-shadow);--ci-shadow:var(--pk-shadow);--ci-blur:none;--ci-glass-blur:none;
}
:root[data-theme="light"]{
  --pk-bg:#F2F7F8;--pk-surface:#FFFFFF;--pk-surface-2:#EAF3F5;--pk-hover:#F3F8F9;
  --pk-line:#D3E2E7;--pk-line-strong:#799397;--pk-text:#142E3B;--pk-muted:#49616C;
  --pk-primary:#F0D65B;--pk-primary-hover:#E9CB41;--pk-on-primary:#0B2330;
  --pk-accent:#116B80;--pk-ok:#166747;--pk-warn:#825200;--pk-danger:#B42332;
  --pk-shadow:0 1px 2px rgba(20,46,59,.06),0 10px 24px -18px rgba(20,46,59,.3);
  --pk-shadow-pop:0 24px 60px -24px rgba(20,46,59,.35);
  --pk-focus:0 0 0 3px rgba(17,107,128,.25);
  --ci-glass-bg:#FFFFFF;--ci-glass-bg-hover:#F3F8F9;--ci-glass-border:#D3E2E7;
}

/* ── 2. Keine Dauereffekte ───────────────────────────── */
/* Hintergrund (Farbwolken, Raster, Mausspur) bleibt wie bisher – Janniks Entscheidung 18.10.; in der Web-App dämpft ci-bg.js die Mausspur. */
html :is(#pk-design#pk-design,body) :is(.ci-orbit-ring,.ci-orbit-ring-b,.ci-scroll-hint span,.ci-pkg-beta,.ci-kam,.ci-crew *){animation:none!important}
html :is(#pk-design#pk-design,body) :not(.ci-bg,.ci-bg *){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html :is(#pk-design#pk-design,body) .ci-hero-title em{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:var(--pk-primary)!important;animation:none!important}
html :is(#pk-design#pk-design,body) :is(.ci-btn-primary,.button-yellow,.button-dark)::before{display:none!important}
html :is(#pk-design#pk-design,body) :is(.ci-btn-glass,.button:not(.button-yellow):not(.button-dark))::after{display:none!important}
html :is(#pk-design#pk-design,body) .ci-orbit-node.is-lit{box-shadow:none!important}

/* ── 3. Knöpfe: Kapsel, flach, Text mittig ───────────── */
html :is(#pk-design#pk-design,body) :is(.btn,.ci-btn,.ci-mini-btn,.header-login,.button,.system-notice-confirm){display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;border-radius:999px!important;background-image:none!important;text-shadow:none!important;box-shadow:none!important;font-weight:650;letter-spacing:0;transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease,transform 120ms var(--pk-ease)!important}
html :is(#pk-design#pk-design,body) :is(.btn,.button,.system-notice-confirm){min-height:var(--pk-h)!important;padding:0 20px!important}
html :is(#pk-design#pk-design,body) :is(.btn.btn-sm,.ci-mini-btn){min-height:var(--pk-h-sm)!important;padding:0 14px!important}
html :is(#pk-design#pk-design,body) :is(.btn:not(.secondary):not(.danger):not(.btn-link):not(.pk-danger),.ci-btn-primary,.ci-mini-primary,.header-login,.button-yellow,.system-notice-confirm){background:var(--pk-primary)!important;color:var(--pk-on-primary)!important;border:1px solid transparent!important}
html :is(#pk-design#pk-design,body) :is(.btn.secondary,.ci-btn-glass,.ci-mini-btn:not(.ci-mini-primary),.button:not(.button-yellow):not(.button-dark)){background:transparent!important;color:var(--pk-text)!important;border:1px solid var(--pk-line-strong)!important}
html :is(#pk-design#pk-design,body) :is(.btn.danger,.btn.pk-danger){background:transparent!important;color:var(--pk-danger)!important;border:1px solid color-mix(in srgb,var(--pk-danger) 55%,transparent)!important}
html :is(#pk-design#pk-design,body) .sfp-dialog .dlg-actions .btn.danger{background:var(--pk-danger)!important;color:#fff!important;border-color:transparent!important}
html[data-theme="dark"] :is(#pk-design#pk-design,body) .sfp-dialog .dlg-actions .btn.danger,html:not([data-theme]) :is(#pk-design#pk-design,body) .sfp-dialog .dlg-actions .btn.danger{color:#0B2330!important}
html :is(#pk-design#pk-design,body) :is(.btn,.ci-btn,.ci-mini-btn,.header-login,.button):active:not(:disabled){transform:scale(.97)!important}
html :is(#pk-design#pk-design,body) :is(.btn,.ci-btn,.ci-mini-btn,.header-login,.button):disabled{opacity:.5!important;cursor:not-allowed}
@media (hover:hover) and (pointer:fine){
  html :is(#pk-design#pk-design,body) :is(.btn:not(.secondary):not(.danger):not(.btn-link):not(.pk-danger),.ci-btn-primary,.ci-mini-primary,.header-login,.button-yellow,.system-notice-confirm):hover:not(:disabled){background:var(--pk-primary-hover)!important;filter:none!important;box-shadow:none!important}
  html :is(#pk-design#pk-design,body) :is(.btn.secondary,.ci-btn-glass,.ci-mini-btn:not(.ci-mini-primary),.button:not(.button-yellow):not(.button-dark)):hover:not(:disabled){background:var(--pk-hover)!important;border-color:var(--pk-line-strong)!important}
  html :is(#pk-design#pk-design,body) :is(.btn.danger,.btn.pk-danger):hover:not(:disabled){background:color-mix(in srgb,var(--pk-danger) 12%,transparent)!important}
}
html :is(#pk-design#pk-design,body) :is(.btn,.ci-btn,.ci-mini-btn,.header-login,.button):focus-visible{outline:none!important;box-shadow:var(--pk-focus)!important}

/* ── 4. Felder: Rundung 12, gleiche Höhe ─────────────── */
html :is(#pk-design#pk-design,body) :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=number],input[type=date],input[type=datetime-local],input[type=time],input[type=url],select){min-height:var(--pk-h)!important;border-radius:var(--pk-r-field)!important;box-shadow:none!important;background-image:none}
html :is(#pk-design#pk-design,body) select:not([multiple]):not([size]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2388afc4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:16px!important;padding-right:40px!important}
html :is(#pk-design#pk-design,body) textarea{border-radius:var(--pk-r-field)!important;box-shadow:none!important}
html :is(#pk-design#pk-design,body) :is(input,select,textarea):focus{outline:none!important;border-color:var(--pk-accent)!important;box-shadow:var(--pk-focus)!important}

/* ── 5. Karten und Dialoge ───────────────────────────── */
html :is(#pk-design#pk-design,body) :is(.card,.ci-glass,.ci-card,.login-card){border-radius:var(--pk-r-card)!important;background-image:none!important}
html :is(#pk-design#pk-design,body) :is(.card,.login-card){box-shadow:var(--pk-shadow)!important}
html :is(#pk-design#pk-design,body) dialog.sfp-dialog{border-radius:var(--pk-r-dialog)!important;border:1px solid var(--pk-line)!important;background-image:none!important;box-shadow:var(--pk-shadow-pop)!important}
html :is(#pk-design#pk-design,body) :is(.sfp-dialog .dlg-head button,.system-notice-close,.site-close){border-radius:999px!important;background:var(--pk-surface-2)!important;border:1px solid var(--pk-line)!important;color:var(--pk-muted)!important;transform:none!important;box-shadow:none!important}

/* ── 6. Bewegung beim Erscheinen ──────── */
/* claude-mobil.8: frühere Scroll-Einblendung „pk-rise“ für Website-Bereiche entfernt – die Website blendet
   selbst ein (site-ci.css, ≤ 400 ms seit site-preise.4); doppelte Einblendung vermieden. */
@media (prefers-reduced-motion:reduce){html :is(#pk-design#pk-design,body) *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ── 7. Befunde Bildschirm-Durchgang 18.10. (claude-dienste.33) ── */
/* Unterseiten: nur eine Dachzeile über der Überschrift, kein Leerraum unter dem Kopfbereich */
html :is(#pk-design#pk-design,body) .subhero .eyebrow:has(+ h1 .ci-h1-kw){display:none!important}
@media (min-width:761px){
  html :is(#pk-design#pk-design,body) .subhero{padding-bottom:24px!important}
  html :is(#pk-design#pk-design,body) .subhero-grid{padding-bottom:48px!important}
}
/* Nachbau-Reiter auf dem Handy umbrechen statt seitlich abschneiden */
@media (max-width:760px){
  html :is(#pk-design#pk-design,body) .ci-mock-tabs{flex-wrap:wrap!important;overflow:visible!important;border-radius:16px!important}
  html :is(#pk-design#pk-design,body) .ci-mock-tabs .ci-tab-glider{display:none!important}
  html :is(#pk-design#pk-design,body) .ci-mock-tabs > button[aria-selected="true"],html :is(#pk-design#pk-design,body) .ci-mock-tabs > button[aria-pressed="true"]{background:var(--pk-primary)!important;color:var(--pk-on-primary)!important;border-radius:999px}
  html :is(#pk-design#pk-design,body) .ci-kam-hero{display:none!important}
}
/* Rechtstexte: Gliederung lesbar */
html :is(#pk-design#pk-design,body) :is(main,.card) h2 + p.muted{margin-top:0}
html :is(#pk-design#pk-design,body) .pk-legal-address{line-height:1.6}

/* ── 8. Befunde Web-App angemeldet 18.10. (claude-dienste.35) ── */
/* Symbol-Knöpfe (z. B. Event bearbeiten) quadratisch rund, Symbol sichtbar */
html :is(#pk-design#pk-design,body) .btn:is(.ci-icon-btn,.icon-btn){padding:0!important;width:var(--pk-h)!important;min-width:var(--pk-h)!important;flex:0 0 auto}
/* Aktive Auswahl überall gelb wie die Hauptreiter */
html :is(#pk-design#pk-design,body) :is(.log-chip.active,.admin-nav .nav-btn.active){background:var(--pk-primary)!important;color:var(--pk-on-primary)!important;border-color:transparent!important}
/* Bereichsüberschrift in Textfarbe statt Aqua */
html :is(#pk-design#pk-design,body) .administration-navigation-heading :is(h1,h2){color:var(--pk-text)!important}
/* Empfänger-Kacheln: Namen und Adressen umbrechen statt abschneiden */
html :is(#pk-design#pk-design,body) .recipient-option :is(b,small,strong){white-space:normal!important;text-overflow:clip!important;overflow:visible!important;overflow-wrap:anywhere}
/* Tabellen: nicht mitten im Wort trennen („Mandante n-Admin“) */
html :is(#pk-design#pk-design,body) #app table td{overflow-wrap:break-word!important;word-break:normal!important}
/* Statusmarken im Vorstand wie überall */
html :is(#pk-design#pk-design,body) .board-status-badge{border:0!important;border-radius:999px!important;background:color-mix(in srgb,currentColor 14%,transparent)!important;font-size:.74rem!important;font-weight:600!important;padding:3px 10px!important}
html :is(#pk-design#pk-design,body) .board-status-badge.board-status-draft{color:var(--pk-warn)!important}
/* Dateiauswahl als Kapsel statt grauem Systemknopf */
html :is(#pk-design#pk-design,body) input[type=file]::file-selector-button{border:1px solid var(--pk-line-strong);border-radius:999px;background:transparent;color:var(--pk-text);font:inherit;font-weight:600;padding:6px 14px;margin-right:10px;cursor:pointer}

/* ── 9. Anmeldung & Sicherheit (claude-dienste.39) ── */
/* Zwei-Faktor und Passkeys als Abschnitte einer Karte: innere Karten ohne eigenen Rahmen */
html :is(#pk-design#pk-design,body) .account-signin-security .card{border:0!important;box-shadow:none!important;background:none!important;padding:0!important;margin:0!important}
html :is(#pk-design#pk-design,body) .account-signin-security .account-subhead{margin:0 0 8px;font-size:1.05rem;font-weight:650;color:var(--pk-text)}
html :is(#pk-design#pk-design,body) .account-signin-security [data-pk-passkey-host]:not(:empty){margin-top:24px;padding-top:20px;border-top:1px solid var(--pk-line)}

/* ── 10. Handy-Überarbeitung (claude-mobil.1) ── */
/* Navigation: genau ein Zurück-Knopf (eine Ebene höher), auf dem Dashboard keiner; Logo führt zum Dashboard */
html :is(#pk-design#pk-design,body) .workspace-breadcrumb[hidden]{display:none!important}
html :is(#pk-design#pk-design,body) .workspace-breadcrumb .workspace-back{min-height:var(--pk-h-sm)!important;padding:0 16px 0 12px!important}
html :is(#pk-design#pk-design,body) .app-shell-header .logo[role=link]{cursor:pointer}
/* Bereichsauswahl wie ein Auswahlfeld: ruhige Fläche, Rundung 12, ein klarer Pfeil statt Kringel */
html :is(#pk-design#pk-design,body) .section-menu-trigger{min-height:var(--pk-h-lg)!important;border-radius:var(--pk-r-field)!important;background:var(--pk-surface)!important;border:1px solid var(--pk-line-strong)!important;box-shadow:none!important;padding:0 14px 0 16px!important;color:var(--pk-text)!important}
html :is(#pk-design#pk-design,body) .section-menu-chevron{width:20px!important;height:20px!important;min-width:20px!important;flex:0 0 20px!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;background:var(--pk-muted)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat!important}
html :is(#pk-design#pk-design,body) .section-menu-chevron > *{display:none!important}
/* Ein einzelner Zusatzknopf (z. B. „Formular löschen“) steht direkt da statt in einem Aufklappmenü */
html :is(#pk-design#pk-design,body) .secondary-actions-single{display:flex}
html :is(#pk-design#pk-design,body) .survey-active-head > .secondary-actions-single{justify-content:flex-end;margin-left:auto}
/* Hilfe-„?“ nicht allein in einer Zeile */
html :is(#pk-design#pk-design,body) .planning-notes-panel{position:relative}
html :is(#pk-design#pk-design,body) .planning-notes-panel > .help-wrap{position:absolute;top:14px;right:14px;margin:0!important}
/* Fällige Erinnerung: Warnfarbe als Markierung, nicht als gelbe Fläche */
html :is(#pk-design#pk-design,body) .planning-reminder.due{background:color-mix(in srgb,var(--pk-warn) 14%,transparent)!important;color:var(--pk-text)!important;box-shadow:inset 3px 0 0 var(--pk-warn)}
/* Terminumfrage: Zähler als Plaketten nach Vorgabe (Farbe mit 14 %), in Hell gut lesbar */
html :is(#pk-design#pk-design,body) .survey-date-poll-counts span{display:inline-flex;align-items:center;min-height:24px;padding:2px 10px!important;font-size:.75rem!important;font-weight:600!important}
html :is(#pk-design#pk-design,body) .survey-date-poll-counts .is-yes{color:var(--pk-ok)!important;background:color-mix(in srgb,var(--pk-ok) 14%,transparent)!important}
html :is(#pk-design#pk-design,body) .survey-date-poll-counts .is-no{color:var(--pk-danger)!important;background:color-mix(in srgb,var(--pk-danger) 14%,transparent)!important}
/* Zeitfelder wie alle Felder linksbündig */
html :is(#pk-design#pk-design,body) .time-input{text-align:left!important}

@media (max-width:760px){
  /* Überschrift + Hilfe in einer Zeile, Knöpfe darunter; nichts wird zusammengequetscht */
  html :is(#pk-design#pk-design,body) :is(.section-title-row,.tasks-head){flex-wrap:wrap!important;row-gap:12px}
  html :is(#pk-design#pk-design,body) :is(.section-title-row,.tasks-head) > :is(h2,h3,.survey-heading-with-help){flex:1 1 auto!important;min-width:0!important}
  html :is(#pk-design#pk-design,body) :is(.section-title-row,.tasks-head) > .tasks-actions{flex:0 0 auto!important;width:100%!important}
  html :is(#pk-design#pk-design,body) .tasks-head:has(> .help-wrap){display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
  html :is(#pk-design#pk-design,body) .tasks-head:has(> .help-wrap) > :is(h2,h3){grid-column:1;grid-row:1;margin:0}
  html :is(#pk-design#pk-design,body) .tasks-head:has(> .help-wrap) > .help-wrap{grid-column:2;grid-row:1}
  html :is(#pk-design#pk-design,body) .tasks-head:has(> .help-wrap) > :not(h2,h3,.help-wrap){grid-column:1 / -1}
  html :is(#pk-design#pk-design,body) .tasks-head:has(> .help-wrap) > :first-child:not(.help-wrap){grid-column:1;grid-row:1}
  html :is(#pk-design#pk-design,body) .tasks-actions:has(> .help-wrap){display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center}
  html :is(#pk-design#pk-design,body) .tasks-actions:has(> .help-wrap) > :not(.help-wrap){grid-column:1 / -1}
  html :is(#pk-design#pk-design,body) .tasks-actions:has(> .help-wrap) > :first-child:not(.help-wrap){grid-column:1}
  html :is(#pk-design#pk-design,body) .tasks-actions:has(> .help-wrap) > .help-wrap{grid-column:2;grid-row:1}
  /* Sitzungskopf: Hauptschritt oben voll, Zweitaktionen paarweise; zwei Kopfknöpfe nebeneinander */
  html :is(#pk-design#pk-design,body) :is(.board-detail-head,.section-title-row:has(> .tasks-actions > :nth-child(2):last-child)) > .tasks-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
  html :is(#pk-design#pk-design,body) :is(.board-detail-head,.section-title-row) > .tasks-actions > .btn{width:100%!important;min-width:0!important}
  html :is(#pk-design#pk-design,body) .board-detail-head > .tasks-actions > .btn:not(.secondary):not(.danger){grid-column:1 / -1;order:-1}
  /* Bereichsauswahl beim Scrollen: deckende Fläche statt durchscheinend */
  html :is(#pk-design#pk-design,body) .workspace-section-menu .section-menu-trigger{background:var(--pk-surface)!important;box-shadow:0 8px 20px -14px rgba(0,0,0,.6)!important}
  /* Kartenüberschrift, die nur den gewählten Bereich wiederholt */
  html :is(#pk-design#pk-design,body) .pk-same-as-menu{display:none!important}
  /* Zwei Zweitaktionen nebeneinander statt drei volle Zeilen */
  html :is(#pk-design#pk-design,body) .pk-action-pair{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
  html :is(#pk-design#pk-design,body) .pk-action-pair > .btn{width:100%!important;min-width:0!important}
  /* Hauptaktion eines Formulars volle Breite (Vorgabe 1.1) */
  html :is(#pk-design#pk-design,body) :is(#app,dialog) form > button.btn[type=submit]:not(.secondary):not(.danger){width:100%!important}
  /* Start/Ende nebeneinander */
  html :is(#pk-design#pk-design,body) #app .card form > .row{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}
  html :is(#pk-design#pk-design,body) #app .card form > .row > div{min-width:0}
  html :is(#pk-design#pk-design,body) #app .card form > .row input{width:100%;min-width:0}
  /* Anmeldungen als Karten: nicht breiter als die Karte, leere Felder weglassen */
  html :is(#pk-design#pk-design,body) .signups-table{min-width:0!important;width:100%!important}
  html :is(#pk-design#pk-design,body) .signups-table td.pk-empty{display:none!important}
  html :is(#pk-design#pk-design,body) .signups-table td.signup-actions-cell::before{display:none!important}
  html :is(#pk-design#pk-design,body) .signups-table .signup-table-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
  /* Karten aus Tabellen (Benutzer, Anmeldungen): Beschriftung links, Wert rechts – halb so hoch */
  html :is(#pk-design#pk-design,body) :is(.users-table,.signups-table) td[data-label]{display:grid!important;grid-template-columns:minmax(6.5em,34%) minmax(0,1fr);gap:4px 12px;align-items:baseline;padding-top:6px!important;padding-bottom:6px!important}
  html :is(#pk-design#pk-design,body) :is(.users-table,.signups-table) td[data-label]::before{margin:0!important;font-size:.75rem!important}
  html :is(#pk-design#pk-design,body) :is(.users-table,.signups-table) td[data-label] > *{min-width:0;overflow-wrap:anywhere}
  html :is(#pk-design#pk-design,body) :is(.users-table td[data-label=Name],.users-table td.user-actions-cell,.signups-table td.signup-actions-cell){display:block!important}
  html :is(#pk-design#pk-design,body) :is(.users-table td[data-label=Name],.users-table td.user-actions-cell)::before{display:none!important}
  html :is(#pk-design#pk-design,body) .users-table td[data-label=Name] strong{font-size:1.05rem}
  html :is(#pk-design#pk-design,body) :is(.users-table,.signups-table) td[data-label]{align-items:center}
  html :is(#pk-design#pk-design,body) .user-row-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px}
  /* Kasse: drei Summen in einer Zeile */
  html :is(#pk-design#pk-design,body) .finance-summary-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  html :is(#pk-design#pk-design,body) .finance-summary-row > *{min-width:0;padding:10px 10px!important}
  html :is(#pk-design#pk-design,body) .finance-summary-row .finance-stat-value{font-size:1rem!important;white-space:nowrap}
  html :is(#pk-design#pk-design,body) .finance-summary-row .finance-stat-label{font-size:.7rem!important}
  /* Export: Knöpfe umbrechen statt über den Rand */
  html :is(#pk-design#pk-design,body) .export-row-controls{display:flex!important;flex-wrap:wrap;gap:8px}
  html :is(#pk-design#pk-design,body) .export-row-controls > *{flex:1 1 100%;min-width:0}
}
/* Buchungen auf Handy und Tablet als Karten statt abgeschnittener Tabelle */
@media (max-width:900px){
  html :is(#pk-design#pk-design,body) .finance-entry-table{min-width:0!important;width:100%!important;display:block!important}
  html :is(#pk-design#pk-design,body) .finance-entry-table thead{display:none!important}
  html :is(#pk-design#pk-design,body) .finance-entry-table tbody{display:grid!important;gap:12px}
  html :is(#pk-design#pk-design,body) .finance-entry-table tr{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px;padding:14px!important;border:1px solid var(--pk-line)!important;border-radius:var(--pk-r-card)!important;background:var(--pk-surface-2)!important}
  html :is(#pk-design#pk-design,body) .finance-entry-table td{display:block!important;padding:0!important;border:0!important;min-width:0!important;background:none!important}
  html :is(#pk-design#pk-design,body) .finance-entry-table td:nth-child(1){order:0}
  html :is(#pk-design#pk-design,body) .finance-entry-table td:nth-child(5){order:1;text-align:right;font-size:.85rem}
  html :is(#pk-design#pk-design,body) .finance-entry-table td:nth-child(3){order:2;grid-column:1 / -1;font-weight:600}
  html :is(#pk-design#pk-design,body) .finance-entry-table td:nth-child(2){order:3;grid-column:1 / -1;color:var(--pk-muted);font-size:.85rem}
  html :is(#pk-design#pk-design,body) .finance-entry-table td:nth-child(4){order:4;grid-column:1 / -1}
  html :is(#pk-design#pk-design,body) .finance-entry-table td:nth-child(4) small{display:block}
  html :is(#pk-design#pk-design,body) .finance-entry-table td:nth-child(6){order:5;grid-column:1 / -1;padding-top:6px!important}
  html :is(#pk-design#pk-design,body) .finance-entry-table .finance-entry-actions{display:flex!important;flex-wrap:wrap;gap:8px}
  html :is(#pk-design#pk-design,body) .finance-entry-table .finance-entry-actions .btn{flex:1 1 auto}
  html :is(#pk-design#pk-design,body) .table-scroll:has(> .finance-entry-table){overflow:visible!important}
  html :is(#pk-design#pk-design,body) .table-scroll-hint:has(+ .table-scroll > .finance-entry-table){display:none!important}
}
/* Navigation als Liste (Handy/Tablet): ruhige Zeilen, Bereichsfarbe als schmale Markierung, aktive Zeile gelb wie überall */
html :is(#pk-design#pk-design,body) .mobile-navigation-dialog{background:var(--pk-surface)!important;color:var(--pk-text)!important}
html :is(#pk-design#pk-design,body) .mobile-navigation-dialog .dlg-head{border-bottom:1px solid var(--pk-line)!important}
html :is(#pk-design#pk-design,body) .mobile-navigation-items{gap:4px!important}
html :is(#pk-design#pk-design,body) .mobile-navigation-item{display:flex!important;align-items:center;gap:12px;min-height:var(--pk-h-lg)!important;padding:0 14px!important;border:0!important;border-radius:var(--pk-r-field)!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:var(--pk-text)!important;font-weight:600!important;text-align:left;transition:background-color 150ms ease!important}
html :is(#pk-design#pk-design,body) .mobile-navigation-item[data-area]::before{content:"";flex:0 0 4px;height:20px;border-radius:2px;background:var(--pk-area,var(--pk-muted))}
html :is(#pk-design#pk-design,body) .mobile-navigation-item[data-area=events]{--pk-area:#F0D65B}
html :is(#pk-design#pk-design,body) .mobile-navigation-item[data-area=personal]{--pk-area:#A9DCE4}
html :is(#pk-design#pk-design,body) .mobile-navigation-item[data-area=umfragen]{--pk-area:#8FD9B6}
html :is(#pk-design#pk-design,body) .mobile-navigation-item[data-area=board]{--pk-area:#F4B183}
html :is(#pk-design#pk-design,body) .mobile-navigation-item[data-area=club]{--pk-area:#C3B6F2}
html :is(#pk-design#pk-design,body) .mobile-navigation-item[data-area=administration]{--pk-area:#B8C7CE}
@media (hover:hover) and (pointer:fine){html :is(#pk-design#pk-design,body) .mobile-navigation-item:hover:not(.active):not(:disabled){background:var(--pk-surface-2)!important}}
html :is(#pk-design#pk-design,body) .mobile-navigation-item.active{background:var(--pk-primary)!important;color:var(--pk-on-primary)!important}
html :is(#pk-design#pk-design,body) .mobile-navigation-item.active::before{background:var(--pk-on-primary)}
html :is(#pk-design#pk-design,body) .mobile-navigation-item.danger{color:var(--pk-danger)!important}
html :is(#pk-design#pk-design,body) .mobile-navigation-divider{height:1px;background:var(--pk-line);margin:8px 4px}
/* Oben rechts auf Handy/Tablet nur noch das Konto: runder Knopf mit Personensymbol statt „Hamburger + Pfeil“ (Bereiche über Dashboard/Zurück) */
@media (max-width:1100px),(hover:none) and (pointer:coarse){
  html :is(#pk-design#pk-design,body) .account-menu-trigger{width:var(--pk-h)!important;min-width:var(--pk-h)!important;height:var(--pk-h)!important;min-height:var(--pk-h)!important;padding:0!important;border-radius:999px!important;justify-content:center!important;background:var(--pk-surface)!important;border:1px solid var(--pk-line-strong)!important;box-shadow:none!important}
  html :is(#pk-design#pk-design,body) .account-menu-trigger > *{display:none!important}
  html :is(#pk-design#pk-design,body) .account-menu-trigger::before{content:"";width:22px;height:22px;background:var(--pk-text);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center/contain no-repeat}
}
/* Umfrage-Antwort: Löschen klein rechts neben Nummer und Zeit statt volle Zeile */
html :is(#pk-design#pk-design,body) .survey-result-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;flex-wrap:nowrap!important}
html :is(#pk-design#pk-design,body) .survey-result-head > div{min-width:0}
html :is(#pk-design#pk-design,body) .survey-result-head small{display:block}
html :is(#pk-design#pk-design,body) .survey-result-head .btn{width:auto!important;flex:0 0 auto!important}

/* ── 11. Befunde Live-Durchgang 20.10. (claude-mobil.2) ── */
/* Administration-Kopf auch in Hell als ruhige Karte (war fest dunkel mit unlesbarer Schrift) */
html :is(#pk-design#pk-design,body) .administration-navigation{background:var(--pk-surface)!important;border:1px solid var(--pk-line)!important;border-radius:var(--pk-r-card)!important;box-shadow:var(--pk-shadow)!important}
html :is(#pk-design#pk-design,body) .administration-navigation-heading p{color:var(--pk-muted)!important}
/* Log: Betreff vollständig lesbar statt „…“ */
html :is(#pk-design#pk-design,body) .log-subject{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
@media (max-width:760px){
  /* Leere Felder in Anmeldungen wirklich ausblenden; Kategorie bleibt beim Wert */
  html :is(#pk-design#pk-design,body) .signups-table td.pk-empty[data-label]{display:none!important}
  html :is(#pk-design#pk-design,body) :is(.users-table,.signups-table) td[data-label] > *{grid-column:2}
  /* Link-Aktionen paarweise, einzelne Hauptaktion einer Karte volle Breite */
  html :is(#pk-design#pk-design,body) .link-row-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
  html :is(#pk-design#pk-design,body) .link-row-actions > .btn{width:100%!important;min-width:0!important}
  html :is(#pk-design#pk-design,body) #app .card > .btn:not(.secondary):not(.danger):not(.btn-sm):not(.ci-icon-btn){width:100%!important}
}

/* ── 12. Termine aus dienste.42 (claude-mobil.3) ── */
/* Dialog „Mehrere Tage hinzufügen“ nutzt die Knopfleiste der Auswahlmöglichkeiten: dort keine eingeblendete Überschrift und keine Trennlinie */
html :is(#pk-design#pk-design,body) dialog .survey-choice-actions::before{content:none!important;display:none!important}
html :is(#pk-design#pk-design,body) dialog .survey-choice-actions{border-top:0!important;padding-top:0!important;margin-top:8px!important}

/* ── 13. Restpunkte (claude-mobil.4) ── */
/* Hilfe: rundes „?“ 22 px nach Vorgabe 1.1; Trefferfläche bleibt über ::after groß genug */
html :is(#pk-design#pk-design,body) :is(.help-btn,.help-btn:hover,.help-btn[aria-expanded="true"]){position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;padding:0!important;border:1.5px solid currentColor!important;border-radius:999px!important;color:var(--pk-warn)!important;font-size:12px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;box-shadow:none!important}
html :is(#pk-design#pk-design,body) .help-btn{background:transparent!important}
html :is(#pk-design#pk-design,body) :is(.help-btn:hover,.help-btn[aria-expanded="true"]){background:color-mix(in srgb,var(--pk-warn) 14%,transparent)!important}
html :is(#pk-design#pk-design,body) .help-btn:focus-visible{box-shadow:var(--pk-focus)!important}
html :is(#pk-design#pk-design,body) .help-wrap{min-width:22px}
/* Kontomenü: übliche Linien-Symbole statt Emojis */
html :is(#pk-design#pk-design,body) .pk-ico-user{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-bell{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-logout{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico::before{content:"";display:inline-block;flex:0 0 18px;width:18px;height:18px;background:currentColor;-webkit-mask:var(--pk-ico) center/contain no-repeat;mask:var(--pk-ico) center/contain no-repeat}
html :is(#pk-design#pk-design,body) .account-menu-item.pk-ico{display:flex!important;align-items:center;gap:10px}
html :is(#pk-design#pk-design,body) .account-trigger-desktop.pk-ico{align-items:center}
/* Einstellungen auf dem Handy: jede Karte klappt über ihre Überschrift auf (admin.js foldSettingsCards) */
html :is(#pk-design#pk-design,body) .pk-fold > h2{display:flex!important;align-items:center;gap:10px;margin:0!important;cursor:pointer;min-height:28px}
html :is(#pk-design#pk-design,body) .pk-fold > h2::after{content:"";flex:0 0 16px;width:16px;height:16px;margin-left:auto;background:var(--pk-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform 160ms cubic-bezier(.23,1,.32,1)}
html :is(#pk-design#pk-design,body) .pk-fold > h2 .help-wrap{margin-left:0!important}
html :is(#pk-design#pk-design,body) .pk-fold.is-open > h2{margin-bottom:12px!important}
html :is(#pk-design#pk-design,body) .pk-fold.is-open > h2::after{transform:rotate(180deg)}
html :is(#pk-design#pk-design,body) .pk-fold:not(.is-open) > :not(h2){display:none!important}
html :is(#pk-design#pk-design,body) .pk-fold > h2:focus-visible{outline:none;box-shadow:var(--pk-focus);border-radius:8px}

/* ── 14. Bestätigung, Hinweise, Titel (claude-mobil.5) ── */
/* Bestätigung statt Browser-confirm: Text, darunter „Abbrechen“ und rotes „Löschen“ (bzw. Verb); Handy volle Breite */
html :is(#pk-design#pk-design,body) dialog.pk-confirm-dialog{width:min(440px,calc(100vw - 32px))}
html :is(#pk-design#pk-design,body) .pk-confirm{padding:4px 22px 8px}
html :is(#pk-design#pk-design,body) .pk-confirm-text{margin:0;color:var(--pk-text);font-size:1rem;line-height:1.5;white-space:pre-line}
html :is(#pk-design#pk-design,body) .pk-confirm-dialog .dlg-actions,html :is(#pk-design#pk-design,body) .pk-confirm-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}
html :is(#pk-design#pk-design,body) .pk-confirm-dialog .dlg-actions .btn,html :is(#pk-design#pk-design,body) .pk-confirm-actions .btn{width:100%!important;min-height:var(--pk-h-lg)!important}
html :is(#pk-design#pk-design,body) .pk-confirm-actions .btn.danger{background:var(--pk-danger)!important;color:#fff!important;border-color:transparent!important}
html[data-theme="dark"] :is(#pk-design#pk-design,body) .pk-confirm-actions .btn.danger,html:not([data-theme]) :is(#pk-design#pk-design,body) .pk-confirm-actions .btn.danger{color:#0B2330!important}
/* Eigenständige Variante auf öffentlichen Seiten (public.js, ohne admin.js) */
html :is(#pk-design#pk-design,body) dialog.pk-confirm-standalone{padding:20px!important;border:1px solid var(--pk-line)!important;border-radius:var(--pk-r-dialog)!important;background:var(--pk-surface)!important;color:var(--pk-text)!important;box-shadow:var(--pk-shadow-pop)!important;display:grid;gap:16px}
html :is(#pk-design#pk-design,body) dialog.pk-confirm-standalone:not([open]){display:none}
html :is(#pk-design#pk-design,body) dialog.pk-confirm-standalone::backdrop{background:rgba(3,16,25,.6)}
html :is(#pk-design#pk-design,body) .pk-confirm-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:1.06rem}
html :is(#pk-design#pk-design,body) .pk-confirm-x{width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border-radius:999px!important;border:1px solid var(--pk-line)!important;background:var(--pk-surface-2)!important;color:var(--pk-muted)!important;font-size:20px!important;line-height:1!important;box-shadow:none!important;cursor:pointer}
@media (max-width:760px){
  html :is(#pk-design#pk-design,body) dialog.pk-confirm-standalone{width:100%!important;max-width:100%!important;margin:auto 0 0!important;border-radius:var(--pk-r-dialog) var(--pk-r-dialog) 0 0!important;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important}
}
/* Hinweis-Karte mit Symbol statt nacktem Text (z. B. „noch nicht freigegeben“) */
html :is(#pk-design#pk-design,body) .pk-notice{display:flex;align-items:flex-start;gap:10px;margin:8px 0;padding:12px 14px;border-radius:var(--pk-r-field);background:var(--pk-surface-2);box-shadow:inset 3px 0 0 var(--pk-accent);color:var(--pk-text);font-size:.92rem;line-height:1.45}
html :is(#pk-design#pk-design,body) .pk-notice::before{content:"";flex:0 0 18px;width:18px;height:18px;margin-top:1px;background:var(--pk-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E") center/contain no-repeat}
/* Große Titel nur auf Bereichsseiten; Detailseiten (Event, Sitzung) kleiner */
html :is(#pk-design#pk-design,body) :is(.event-compact-identity h1,.board-detail-head h1){font-size:1.5rem!important;line-height:1.25!important}
@media (max-width:760px){
  html :is(#pk-design#pk-design,body) :is(.event-compact-identity h1,.board-detail-head h1){font-size:1.3rem!important}
}

/* ── 15. Befunde Live-Durchgang nach dienste.44 (claude-mobil.6) ── */
@media (max-width:760px){
  /* Zeitslot geöffnet: Duplizieren/Bearbeiten/Löschen nebeneinander statt drei volle Zeilen */
  html :is(#pk-design#pk-design,body) .slot-actions-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}
  html :is(#pk-design#pk-design,body) .slot-actions-row > .btn{width:100%!important;min-width:0!important;padding:0 10px!important}
  /* Eingetragene Person: Bearbeiten und Entfernen als Paar */
  html :is(#pk-design#pk-design,body) .slot-signup-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
  html :is(#pk-design#pk-design,body) .slot-signup-actions > .btn{width:100%!important;min-width:0!important}
  /* Selbst eintragen: Knopf voll, Erinnerungswege und „?“ in einer Zeile darunter */
  html :is(#pk-design#pk-design,body) .self-row{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 10px}
  html :is(#pk-design#pk-design,body) .self-row > .btn{flex:1 1 100%}
  html :is(#pk-design#pk-design,body) .self-row > .muted{flex:1 1 0;min-width:0;margin:0}
}

/* ── 16. Symbole statt Emoji (claude-mobil.7) ── */
/* Linien-Symbole wie in den Reitern (portal-ci.js); kein buntes Emoji mehr im Text */
html :is(#pk-design#pk-design,body) .pk-ico-edit{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 5.5l4 4L9 19H5v-4z'/%3E%3Cpath d='M12.5 7.5l4 4'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-note{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5h14v15H5z'/%3E%3Cpath d='M8.5 9h7M8.5 12.5h7M8.5 16h4'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-mail{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='2.5'/%3E%3Cpath d='m4.5 7.5 7.5 5.5 7.5-5.5'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-phone{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.8' width='10' height='18.4' rx='2.6'/%3E%3Cpath d='M10.5 5.6h3M11.2 18h1.6'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-cal{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='3'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4M8 14h2M14 14h2M8 17h2'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-radio{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-check{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11'/%3E%3Cpath d='M3.5 6l1.5 1.5L7.5 5M3.5 12l1.5 1.5 2.5-2.5'/%3E%3Ccircle cx='5' cy='18' r='1.4'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-ticket{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5A1.5 1.5 0 0 1 5.5 6h13A1.5 1.5 0 0 1 20 7.5V10a2 2 0 0 0 0 4v2.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 16.5V14a2 2 0 0 0 0-4z'/%3E%3Cpath d='M14 6v12' stroke-dasharray='2 2'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-help{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M9.6 9.4a2.5 2.5 0 0 1 4.8.9c0 1.7-2.4 2.1-2.4 3.6M12 17h.01'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-clip{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.5 12.2 19.3a5 5 0 0 1-7.1-7.1l8.1-8.1a3.3 3.3 0 0 1 4.7 4.7l-8.2 8.2a1.7 1.7 0 0 1-2.4-2.4l7.4-7.4'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-key{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M11 12l8.5-8.5M16 7l2.5 2.5M14 9l2 2'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) :is(.finance-receipt-detail,.finance-existing-receipt span,b).pk-ico{display:inline-flex!important;align-items:center;gap:6px}
html :is(#pk-design#pk-design,body) .pk-ico::before{flex:0 0 16px}
html :is(#pk-design#pk-design,body) .survey-question-type-icon.pk-ico{display:inline-grid!important;place-items:center;color:var(--pk-accent)!important;font-size:0!important}
html :is(#pk-design#pk-design,body) .survey-question-type-icon.pk-ico::before{width:18px;height:18px}

/* ── 17. Menüpunkte, Anmeldung, Bewegung (claude-mobil.9) ── */
/* Linien-Symbole für alle Schlüssel aus portal-ci.js */
html :is(#pk-design#pk-design,body) .pk-ico-wallet{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='3'/%3E%3Cpath d='M3 10h18'/%3E%3Ccircle cx='16.5' cy='14.5' r='1.6'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-link{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4.5 4.5 0 0 0 6.4 0l3-3a4.5 4.5 0 0 0-6.4-6.4l-1 1'/%3E%3Cpath d='M14 10a4.5 4.5 0 0 0-6.4 0l-3 3a4.5 4.5 0 0 0 6.4 6.4l1-1'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-down{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7.5 10.5 12 15l4.5-4.5M5 19.5h14'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-gear{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2.8v2.4M12 18.8v2.4M2.8 12h2.4M18.8 12h2.4M5.5 5.5l1.7 1.7M16.8 16.8l1.7 1.7M5.5 18.5l1.7-1.7M16.8 7.2l1.7-1.7'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-users{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='3.2'/%3E%3Cpath d='M3 19.5c.6-3.2 3-5 6-5s5.4 1.8 6 5'/%3E%3Cpath d='M15.5 6.2a3 3 0 0 1 0 5.6M17.5 14.8c1.8.6 3 2.2 3.4 4.7'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-chart{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M21 20H3'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-doc{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h7l4 4V20a.5.5 0 0 1-.5.5h-10.5a.5.5 0 0 1-.5-.5V4a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M14 3.5V8h4M9 12h6M9 15.5h6'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-mega{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10v4h3l7 4V6l-7 4H4z'/%3E%3Cpath d='M18 9.5a3.5 3.5 0 0 1 0 5'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-form{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3.5' width='16' height='17' rx='3'/%3E%3Cpath d='M8 8.5h8M8 12h8M8 15.5h5'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-puzzle{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4.5h3.5v2a1.8 1.8 0 1 0 3.5 0v-2H19.5V9h-2a1.8 1.8 0 1 0 0 3.5h2v7H15v-2a1.8 1.8 0 1 0-3.5 0v2H4.5V15h2a1.8 1.8 0 1 0 0-3.5h-2V4.5z'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-bank{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 9.5 12 4l8.5 5.5M5 20.5h14M6 10.5v7M10 10.5v7M14 10.5v7M18 10.5v7'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-lock{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2.5'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5M12 14.5v2.5'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-chat{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5.5h14a1.5 1.5 0 0 1 1.5 1.5v8.5A1.5 1.5 0 0 1 19 17H10l-4.5 3.5V17H5A1.5 1.5 0 0 1 3.5 15.5V7A1.5 1.5 0 0 1 5 5.5z'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-globe{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17M12 3.5c2.4 2.6 3.5 5.4 3.5 8.5s-1.1 5.9-3.5 8.5c-2.4-2.6-3.5-5.4-3.5-8.5S9.6 6.1 12 3.5z'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-palette{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5a8.5 8.5 0 1 0 0 17c1.2 0 1.8-.8 1.8-1.7 0-1.3-1.1-1.6-1.1-2.7 0-1 .8-1.6 1.9-1.6h2.2a3.7 3.7 0 0 0 3.7-3.7C20.5 7 16.7 3.5 12 3.5z'/%3E%3Ccircle cx='7.8' cy='11' r='1'/%3E%3Ccircle cx='10.5' cy='7.4' r='1'/%3E%3Ccircle cx='15' cy='7.6' r='1'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-tool{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 6.5a4 4 0 0 0 5 5L12 19a2.1 2.1 0 0 1-3-3l7.5-7.5'/%3E%3Cpath d='M14.5 6.5l2-2'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-out{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h4.5a1.5 1.5 0 0 1 1.5 1.5v13a1.5 1.5 0 0 1-1.5 1.5H14M10 8l-4 4 4 4M6 12h10'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-folder{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7a1.5 1.5 0 0 1 1.5-1.5h4.2l2 2.2H19a1.5 1.5 0 0 1 1.5 1.5v8.3A1.5 1.5 0 0 1 19 19H5a1.5 1.5 0 0 1-1.5-1.5z'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-plus{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-copy{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='12' rx='2.5'/%3E%3Cpath d='M16 8V5.5A1.5 1.5 0 0 0 14.5 4h-9A1.5 1.5 0 0 0 4 5.5v9A1.5 1.5 0 0 0 5.5 16H8'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-trash{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 7h15M9.5 7V4.5h5V7M6.5 7l.8 12.5a1.5 1.5 0 0 0 1.5 1.5h6.4a1.5 1.5 0 0 0 1.5-1.5L17.5 7M10 11v6M14 11v6'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-box{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h16v11a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 19z'/%3E%3Cpath d='M3 4.5h18V8H3zM10 12h4'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-clock{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-pin{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-warn{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 2.8 19.5h18.4z'/%3E%3Cpath d='M12 10v4.5M12 17h.01'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-dice{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='3.5'/%3E%3Cpath d='M8.5 8.5h.01M15.5 8.5h.01M12 12h.01M8.5 15.5h.01M15.5 15.5h.01' stroke-width='2.6'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-share{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V4M8 7.5 12 3.5l4 4'/%3E%3Cpath d='M7 11H5.5A1.5 1.5 0 0 0 4 12.5v6A1.5 1.5 0 0 0 5.5 20h13a1.5 1.5 0 0 0 1.5-1.5v-6a1.5 1.5 0 0 0-1.5-1.5H17'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-refresh{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 12a7.5 7.5 0 1 1-2.2-5.3'/%3E%3Cpath d='M19.5 4.5v4.5H15'/%3E%3C/svg%3E")}
html :is(#pk-design#pk-design,body) .pk-ico-shield{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 5 6v5.5c0 4.3 3 7.6 7 9 4-1.4 7-4.7 7-9V6z'/%3E%3Cpath d='m9 12 2.2 2.2L15.5 10'/%3E%3C/svg%3E")}
/* Menüzeilen: Symbol · Text · Pfeil, Trennlinie, deutliche Druck-Rückmeldung */
html :is(#pk-design#pk-design,body) .pk-menu-row{display:grid!important;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:12px;min-height:52px!important;padding:8px 12px!important;border-radius:var(--pk-r-field)!important;text-align:left;cursor:pointer;transition:background-color 150ms ease,transform 120ms cubic-bezier(.23,1,.32,1)!important}
html :is(#pk-design#pk-design,body) .pk-menu-row::before,html :is(#pk-design#pk-design,body) .pk-menu-row::after{content:none!important;display:none!important}
html :is(#pk-design#pk-design,body) .pk-menu-ico{width:28px;height:28px;border-radius:8px;background:var(--pk-surface-2);color:var(--pk-accent);display:inline-grid!important;place-items:center}
html :is(#pk-design#pk-design,body) .pk-menu-ico.pk-ico::before{width:18px;height:18px;flex:none}
html :is(#pk-design#pk-design,body) .pk-menu-text{min-width:0;display:grid;gap:2px;font-weight:600;color:var(--pk-text)}
html :is(#pk-design#pk-design,body) .pk-menu-text small{font-weight:400;font-size:.8rem;color:var(--pk-muted);overflow-wrap:anywhere}
html :is(#pk-design#pk-design,body) .pk-menu-chev{width:16px;height:16px;background:var(--pk-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m6 4 4 4-4 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m6 4 4 4-4 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform 160ms cubic-bezier(.23,1,.32,1)}
html :is(#pk-design#pk-design,body) .pk-menu-row:active{transform:scale(.985)!important;background:var(--pk-surface-2)!important}
@media (hover:hover) and (pointer:fine){html :is(#pk-design#pk-design,body) .pk-menu-row:hover{background:var(--pk-surface-2)!important}}
html :is(#pk-design#pk-design,body) .mobile-navigation-items{gap:0!important}
html :is(#pk-design#pk-design,body) .mobile-navigation-item.pk-menu-row + .mobile-navigation-item.pk-menu-row{box-shadow:0 -1px 0 var(--pk-line)}
html :is(#pk-design#pk-design,body) .mobile-navigation-item.pk-menu-row.active{background:var(--pk-primary)!important;color:var(--pk-on-primary)!important}
html :is(#pk-design#pk-design,body) .mobile-navigation-item.pk-menu-row.active :is(.pk-menu-text,.pk-menu-ico){color:var(--pk-on-primary)!important}
html :is(#pk-design#pk-design,body) .mobile-navigation-item.pk-menu-row.active .pk-menu-ico{background:rgba(11,35,48,.12)}
html :is(#pk-design#pk-design,body) .mobile-navigation-item.pk-menu-row.active .pk-menu-chev{background:var(--pk-on-primary)}
html :is(#pk-design#pk-design,body) .mobile-navigation-item.pk-menu-row.danger :is(.pk-menu-text,.pk-menu-ico){color:var(--pk-danger)!important}
html :is(#pk-design#pk-design,body) .mobile-navigation-item.pk-menu-row[data-area]::before{content:none!important}
/* Mein Konto: Abschnitte als zusammenhängende Menüliste; geöffnet zeigt der Pfeil nach unten */
html :is(#pk-design#pk-design,body) .account-sections{gap:0!important}
html :is(#pk-design#pk-design,body) details.pk-menu-section{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:inset 0 -1px 0 var(--pk-line)!important;padding:0!important}
html :is(#pk-design#pk-design,body) details.pk-menu-section > summary.pk-menu-row{list-style:none;padding:12px 8px!important;border-radius:var(--pk-r-field)!important;background:transparent!important;color:var(--pk-text)!important}
html :is(#pk-design#pk-design,body) details.pk-menu-section > summary.pk-menu-row::-webkit-details-marker{display:none}
html :is(#pk-design#pk-design,body) details.pk-menu-section[open] > summary .pk-menu-chev{transform:rotate(90deg)}
html :is(#pk-design#pk-design,body) details.pk-menu-section[open]{padding-bottom:16px!important}
html :is(#pk-design#pk-design,body) details.pk-menu-section.account-section-delete :is(.pk-menu-text,.pk-menu-ico){color:var(--pk-danger)!important}
/* Vorstand auf dem Handy: Zeilenaktionen paarweise, Kopfknöpfe voll, Werkzeuge kompakt */
@media (max-width:760px){
  html :is(#pk-design#pk-design,body) .board-row-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:100%}
  html :is(#pk-design#pk-design,body) .board-row-actions > .btn{width:100%!important;min-width:0!important}
  html :is(#pk-design#pk-design,body) .board-list-row{row-gap:10px!important}
  html :is(#pk-design#pk-design,body) .section-title-row > .btn{flex:1 1 100%!important;width:100%!important}
  html :is(#pk-design#pk-design,body) .board-minutes-workspace > .btn{font-size:.9rem!important;padding:0 14px!important;white-space:normal;line-height:1.25}
}
/* Anmeldung: Begrüßung, volle Hauptaktion, ruhige Einstiegsbewegung (Web halb so stark wie in den Apps) */
html :is(#pk-design#pk-design,body) .pk-login{position:relative;overflow:hidden}
html :is(#pk-design#pk-design,body) .pk-login-intro{text-align:center;margin:4px 0 18px}
html :is(#pk-design#pk-design,body) .pk-login-title{margin:0;font-size:1.6rem;line-height:1.2;letter-spacing:-.01em;color:var(--pk-text)}
html :is(#pk-design#pk-design,body) .pk-login-sub{margin:6px 0 0;font-size:.95rem}
html :is(#pk-design#pk-design,body) .pk-login form > button.btn[type=submit]{width:100%!important;min-height:var(--pk-h-lg)!important}
html :is(#pk-design#pk-design,body) .pk-login .pk-passkey-login .btn{width:100%}
html :is(#pk-design#pk-design,body) .pk-login-crew{position:absolute;top:14px;right:16px;display:flex;gap:6px}
html :is(#pk-design#pk-design,body) .pk-login-crew span{width:8px;height:8px;border-radius:999px;background:#F0D65B;opacity:.85}
html :is(#pk-design#pk-design,body) .pk-login-crew span:nth-child(2){background:#A9DCE4}
html :is(#pk-design#pk-design,body) .pk-login-crew span:nth-child(3){background:#8FD9B6}
html :is(#pk-design#pk-design,body) .pk-login::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#F0D65B 0 33%,#A9DCE4 33% 66%,#8FD9B6 66%);transform-origin:left;opacity:.9}
@keyframes pk-login-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pk-login-card{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes pk-login-logo{0%{opacity:0;transform:translateY(-8px) scale(.9)}70%{opacity:1;transform:translateY(1px) scale(1.02)}100%{transform:none}}
@keyframes pk-login-item{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes pk-login-dot{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes pk-route-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  html:not([data-motion="reduce"]):not([data-reduce-motion="true"]) :is(#pk-design#pk-design,body) .pk-login{animation:pk-login-card 420ms cubic-bezier(.23,1,.32,1) both}
  html:not([data-motion="reduce"]):not([data-reduce-motion="true"]) :is(#pk-design#pk-design,body) .pk-login .logo{display:inline-block;animation:pk-login-logo 520ms cubic-bezier(.23,1,.32,1) 80ms both}
  html:not([data-motion="reduce"]):not([data-reduce-motion="true"]) :is(#pk-design#pk-design,body) .pk-login :is(.pk-login-intro,form > *){animation:pk-login-item 320ms cubic-bezier(.23,1,.32,1) both}
  html:not([data-motion="reduce"]):not([data-reduce-motion="true"]) :is(#pk-design#pk-design,body) .pk-login .pk-login-intro{animation-delay:140ms}
  html:not([data-motion="reduce"]):not([data-reduce-motion="true"]) :is(#pk-design#pk-design,body) .pk-login form > :nth-child(-n+2){animation-delay:200ms}
  html:not([data-motion="reduce"]):not([data-reduce-motion="true"]) :is(#pk-design#pk-design,body) .pk-login form > :nth-child(n+3):nth-child(-n+4){animation-delay:240ms}
  html:not([data-motion="reduce"]):not([data-reduce-motion="true"]) :is(#pk-design#pk-design,body) .pk-login form > :nth-child(n+5){animation-delay:280ms}
  html:not([data-motion="reduce"]):not([data-reduce-motion="true"]) :is(#pk-design#pk-design,body) .pk-login::before{animation:pk-login-bar 700ms cubic-bezier(.23,1,.32,1) 200ms both}
  html:not([data-motion="reduce"]):not([data-reduce-motion="true"]) :is(#pk-design#pk-design,body) .pk-login-crew span{animation:pk-login-dot 2.4s ease-in-out infinite}
  html:not([data-motion="reduce"]):not([data-reduce-motion="true"]) :is(#pk-design#pk-design,body) .pk-login-crew span:nth-child(2){animation-delay:.3s}
  html:not([data-motion="reduce"]):not([data-reduce-motion="true"]) :is(#pk-design#pk-design,body) .pk-login-crew span:nth-child(3){animation-delay:.6s}
  html:not([data-motion="reduce"]):not([data-reduce-motion="true"]) :is(#pk-design#pk-design,body) #app.pk-route-enter > :not(.app-shell-header):not(.workspace-breadcrumb){animation:pk-route-in 220ms cubic-bezier(.23,1,.32,1) both}
  html:not([data-motion="reduce"]):not([data-reduce-motion="true"]) :is(#pk-design#pk-design,body) #app.pk-route-enter > :nth-child(4){animation-delay:30ms}
  html:not([data-motion="reduce"]):not([data-reduce-motion="true"]) :is(#pk-design#pk-design,body) #app.pk-route-enter > :nth-child(n+5){animation-delay:60ms}
}
/* Kasse auf dem Handy: Beträge nicht abgeschnitten */
@media (max-width:760px){
  html :is(#pk-design#pk-design,body) .finance-category-row{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}
  html :is(#pk-design#pk-design,body) .finance-category-amount{white-space:nowrap;min-width:max-content}
  html :is(#pk-design#pk-design,body) .finance-summary-row .finance-stat-value{font-size:.92rem!important}
}

/* ── 18. Angleich an die Apps (claude-mobil.10) ── */
html :is(#pk-design#pk-design,body) .pk-ico-info{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E")}
/* Rückmeldung oben nach dem Speichern: grünes Häkchen, 1,8 s */
.pk-toast{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top,0px));z-index:2147483000;display:flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:999px;background:var(--pk-surface,#102B3A);color:var(--pk-text,#F1F7F8);border:1px solid var(--pk-line,#234759);box-shadow:0 12px 30px -16px rgba(0,0,0,.6);font-weight:600;font-size:.92rem;pointer-events:none;opacity:0;transform:translate(-50%,-12px);transition:opacity 180ms ease,transform 220ms cubic-bezier(.23,1,.32,1)}
.pk-toast.is-shown{opacity:1;transform:translate(-50%,0)}
.pk-toast-check{width:20px;height:20px;border-radius:999px;background:var(--pk-ok,#67D4A3);display:inline-grid;place-items:center}
.pk-toast-check::before{content:"";width:13px;height:13px;background:#0B2330;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
@media (prefers-reduced-motion:reduce){.pk-toast{transition:none}}
/* Anmeldung: Erfolg mit gelbem Kreis und Häkchen, Fehler schüttelt die Karte kurz */
html :is(#pk-design#pk-design,body) .pk-login-welcome{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:var(--pk-surface);z-index:2;animation:pk-welcome-in 240ms ease-out both}
html :is(#pk-design#pk-design,body) .pk-login-welcome b{font-size:1.25rem;color:var(--pk-text)}
html :is(#pk-design#pk-design,body) .pk-login-welcome-check{width:64px;height:64px;border-radius:999px;background:var(--pk-primary);display:grid;place-items:center;animation:pk-welcome-pop 420ms cubic-bezier(.23,1,.32,1) both}
html :is(#pk-design#pk-design,body) .pk-login-welcome-check::before{content:"";width:34px;height:34px;background:var(--pk-on-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
@keyframes pk-welcome-in{from{opacity:0}to{opacity:1}}
@keyframes pk-welcome-pop{0%{transform:scale(.6)}70%{transform:scale(1.06)}100%{transform:none}}
@keyframes pk-shake{0%,100%{transform:none}20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}
@media (prefers-reduced-motion:no-preference){html:not([data-motion="reduce"]):not([data-reduce-motion="true"]) :is(#pk-design#pk-design,body) .pk-login.pk-login-shake{animation:pk-shake 360ms cubic-bezier(.36,.07,.19,.97) both}}
/* Mein Konto: Gruppenüberschriften wie in den Apps, Zeilen ohne Inhalt als Knöpfe, unten Abmelden und Konto löschen rot */
html :is(#pk-design#pk-design,body) .pk-menu-group{margin:20px 8px 4px!important;font-size:.75rem!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase;color:var(--pk-muted)!important}
html :is(#pk-design#pk-design,body) .account-sections > .pk-menu-group:first-child,html :is(#pk-design#pk-design,body) .account-sections > :first-child + .pk-menu-group{margin-top:12px!important}
html :is(#pk-design#pk-design,body) button.pk-menu-link{width:100%;border:0!important;background:transparent!important;color:var(--pk-text)!important;font:inherit;box-shadow:inset 0 -1px 0 var(--pk-line)!important;border-radius:0!important;padding:12px 8px!important}
html :is(#pk-design#pk-design,body) button.pk-menu-link.danger :is(.pk-menu-text,.pk-menu-ico){color:var(--pk-danger)!important}
html :is(#pk-design#pk-design,body) .pk-menu-bottom{margin-top:20px;border-top:1px solid var(--pk-line)}

/* ── 19. Benutzerkarte und Organisationseinstellungen (claude-mobil.11) ── */
html :is(#pk-design#pk-design,body) h2:has(> .pk-settings-desc){flex-wrap:wrap!important}
html :is(#pk-design#pk-design,body) .pk-settings-desc{display:block;flex:1 0 100%;order:10;margin:2px 0 0;font-size:.82rem;font-weight:400;line-height:1.35;color:var(--pk-muted);letter-spacing:0;text-transform:none}
html :is(#pk-design#pk-design,body) .pk-fold > h2 > .pk-settings-desc{padding-left:0}
/* „Mehr“-Menü der Benutzerkarte: Einträge als Liste, Löschen zuletzt rot */
html :is(#pk-design#pk-design,body) .user-row-actions .secondary-actions-body{display:grid!important;gap:6px;min-width:240px}
html :is(#pk-design#pk-design,body) .user-row-actions .secondary-actions-body .btn{width:100%!important;justify-content:flex-start!important}

/* ── 20. Nachbesserung Live-Prüfung 22.10. (claude-mobil.12) ── */
/* Kurzbeschreibung nur, wenn die Karte zugeklappt ist (offen steht derselbe Satz schon im Inhalt) */
html :is(#pk-design#pk-design,body) .pk-settings-desc{display:none!important}
html :is(#pk-design#pk-design,body) .pk-fold:not(.is-open) > h2 > .pk-settings-desc{display:block!important}
/* Benutzerliste am Desktop: „Bearbeiten“ und „Mehr“ nebeneinander, Menü öffnet nach links, E-Mail darf umbrechen */
@media (min-width:761px){
  html :is(#pk-design#pk-design,body) .users-table .user-row-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:8px;justify-content:flex-end}
  html :is(#pk-design#pk-design,body) .users-table td[data-label="E-Mail"]{overflow-wrap:anywhere;max-width:220px}
  html :is(#pk-design#pk-design,body) .users-table .secondary-actions{position:relative}
  html :is(#pk-design#pk-design,body) .users-table .user-row-actions > :is(.btn,.secondary-actions){width:auto!important;min-width:0!important;flex:0 0 auto!important}
  html :is(#pk-design#pk-design,body) .users-table .user-row-actions .secondary-actions > summary{width:auto!important;white-space:nowrap}
  html :is(#pk-design#pk-design,body) .users-table td.user-actions-cell{width:1%;white-space:nowrap}
  html :is(#pk-design#pk-design,body) .users-table .secondary-actions-body{right:0!important;left:auto!important;z-index:5}
}

/* ── 21. Zentrale Bausteine (claude-mobil.13, Design-Nachtauftrag 22.10.) ──
   Gemeinsame Vorgaben für Web, Admin, iOS und Android:
   --pk-help: Hilfe-„?“ nur gelbes Zeichen, kein Kreis · Schließen-X: Kreis 2 px gelb, X rot, Fläche surface-2
   --pk-tile: Kachel = surface mit 1 px line, Rundung 16 · Symbolfläche 28, Rundung 8, Farbe je Thema 18 %
   Ein-/Ausblenden: ein Chevron, dreht 180° · Ankreuzkästchen 20, Rundung 6, an = Gelb mit Marine-Häkchen
   Bearbeiten-Stift: runder Knopf 40, Akzentfarbe Gelb auf 18 % Gelb */
:root{--pk-r-icon:8px;--pk-tile-bg:var(--ci-glass-bg,rgba(16,43,58,.9))}
/* Hilfe: nur das gelbe Fragezeichen */
html :is(#pk-design#pk-design,body) :is(.help-btn,.help-btn:hover,.help-btn[aria-expanded="true"]){border:0!important;background:transparent!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;font-size:17px!important;font-weight:800!important;color:var(--pk-warn)!important;border-radius:6px!important}
html :is(#pk-design#pk-design,body) :is(.help-btn:hover,.help-btn[aria-expanded="true"]){color:var(--pk-primary-hover)!important;transform:scale(1.08)}
/* Schließen-X überall gleich: gelber Ring, rotes X */
html :is(#pk-design#pk-design,body) :is(.sfp-dialog .dlg-head .pk-dialog-close,.sfp-dialog .dlg-head button.pk-dialog-close,.system-notice-close,.site-close,.pk-confirm-x){border:2px solid var(--pk-primary)!important;background:var(--pk-surface-2)!important;color:var(--pk-danger)!important}
html :is(#pk-design#pk-design,body) .pk-dialog-close .pk-close-icon::before,html :is(#pk-design#pk-design,body) .pk-dialog-close .pk-close-icon::after{background:var(--pk-danger)!important}
/* Ein-/Ausblenden: Chevron statt Dreieck */
html :is(#pk-design#pk-design,body) .pk-toggle-btn::after{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform 160ms cubic-bezier(.23,1,.32,1)}
html :is(#pk-design#pk-design,body) .pk-toggle-btn.is-open::after{transform:rotate(180deg)}
/* Ankreuzkästchen: überall gleich */
html :is(#pk-design#pk-design,body) input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;margin:0;padding:0!important;border:1.5px solid var(--pk-line-strong)!important;border-radius:6px!important;background:var(--pk-surface)!important;display:inline-grid!important;place-items:center;cursor:pointer;flex:0 0 20px;box-shadow:none!important;transition:background-color 120ms ease,border-color 120ms ease}
html :is(#pk-design#pk-design,body) input[type=checkbox]::before{content:"";width:14px;height:14px;background:var(--pk-on-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8.5 3 3 6-7' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8.5 3 3 6-7' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transform:scale(0);transition:transform 120ms cubic-bezier(.23,1,.32,1)}
html :is(#pk-design#pk-design,body) input[type=checkbox]:checked{background:var(--pk-primary)!important;border-color:var(--pk-primary)!important}
html :is(#pk-design#pk-design,body) input[type=checkbox]:checked::before{transform:scale(1)}
html :is(#pk-design#pk-design,body) input[type=checkbox]:focus-visible{box-shadow:var(--pk-focus)!important}
html :is(#pk-design#pk-design,body) input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}
/* Symbolflächen: eine Rundung, Farbe je Thema */
html :is(#pk-design#pk-design,body) :is(.pk-menu-ico,.ci-area-icon){border-radius:var(--pk-r-icon)!important}
html :is(#pk-design#pk-design,body) .pk-menu-ico{--tone:var(--pk-accent);background:color-mix(in srgb,var(--tone) 18%,transparent)!important;color:var(--tone)!important}
html :is(#pk-design#pk-design,body) .pk-menu-ico:is(.pk-ico-user,.pk-ico-users,.pk-ico-chart){--tone:#A9DCE4}
html :is(#pk-design#pk-design,body) .pk-menu-ico:is(.pk-ico-key,.pk-ico-cal,.pk-ico-wallet){--tone:#F0D65B}
html :is(#pk-design#pk-design,body) .pk-menu-ico:is(.pk-ico-shield,.pk-ico-check,.pk-ico-chat,.pk-ico-form){--tone:#8FD9B6}
html :is(#pk-design#pk-design,body) .pk-menu-ico:is(.pk-ico-phone,.pk-ico-palette,.pk-ico-link){--tone:#C3B6F2}
html :is(#pk-design#pk-design,body) .pk-menu-ico:is(.pk-ico-bell,.pk-ico-mega,.pk-ico-bank,.pk-ico-down){--tone:#F4B183}
html :is(#pk-design#pk-design,body) .pk-menu-ico:is(.pk-ico-info,.pk-ico-gear,.pk-ico-doc){--tone:#B8C7CE}
html[data-theme="light"] :is(#pk-design#pk-design,body) .pk-menu-ico{color:color-mix(in srgb,var(--tone) 55%,#142E3B)!important}
html :is(#pk-design#pk-design,body) :is(.pk-menu-row.danger,.account-section-delete) .pk-menu-ico{--tone:var(--pk-danger)}
/* Event-Reiter: aktiver Reiter direkt gelb (Gleitmarke saß verschoben) */
html :is(#pk-design#pk-design,body) .section-menu-list .ci-tab-ind{display:none!important}
html :is(#pk-design#pk-design,body) .section-menu-list .section-menu-item.active{background:var(--pk-primary)!important;color:var(--pk-on-primary)!important;border-radius:999px!important}
/* Bearbeiten-Stift sichtbar: Gelb */
html :is(#pk-design#pk-design,body) .btn.secondary.event-edit-trigger,html :is(#pk-design#pk-design,body) .event-edit-trigger{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;background:color-mix(in srgb,var(--pk-primary) 18%,transparent)!important;border:1.5px solid var(--pk-primary)!important;color:var(--pk-primary)!important}
html[data-theme="light"] :is(#pk-design#pk-design,body) .btn.secondary.event-edit-trigger{color:#6B5300!important}
html :is(#pk-design#pk-design,body) .event-edit-trigger svg{stroke:currentColor}
html :is(#pk-design#pk-design,body) .event-header{border-left:3px solid #F0D65B!important}
/* Vorstand im Kachel-Design wie Events: äußerer Rahmen durchsichtig, Kopf und Bereiche als Kacheln */
html :is(#pk-design#pk-design,body) .card.board-detail{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:grid;gap:16px}
html :is(#pk-design#pk-design,body) .card.board-detail::before{display:none!important}
html :is(#pk-design#pk-design,body) .board-head-card{border-left:3px solid #F4B183!important;display:grid;gap:12px}
html :is(#pk-design#pk-design,body) .board-section > .board-panel,html :is(#pk-design#pk-design,body) .board-section > .card{background:var(--pk-tile-bg)!important;border:1px solid var(--pk-line)!important;border-radius:var(--pk-r-card)!important;box-shadow:var(--pk-shadow)!important;padding:20px!important}
html :is(#pk-design#pk-design,body) .board-section{display:grid;gap:16px}
/* Aufgaben & Planung: Kachel öffnet, Pfeil oben rechts, Kapselreiter mit Anzahl */
html :is(#pk-design#pk-design,body) .pk-seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--pk-surface-2);border:1px solid var(--pk-line)}
html :is(#pk-design#pk-design,body) .pk-seg-item{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--pk-text);font:inherit;font-weight:600;cursor:pointer}
html :is(#pk-design#pk-design,body) .pk-seg-item.active{background:var(--pk-primary);color:var(--pk-on-primary)}
html :is(#pk-design#pk-design,body) .pk-seg-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,currentColor 16%,transparent);font-size:.75rem;display:inline-grid;place-items:center}
html :is(#pk-design#pk-design,body) .planning-toolbar{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
html :is(#pk-design#pk-design,body) .pk-tile-open{position:relative;cursor:pointer;transition:transform 120ms cubic-bezier(.23,1,.32,1),border-color 150ms ease,background-color 150ms ease}
html :is(#pk-design#pk-design,body) .pk-tile-open:active{transform:scale(.985)}
@media (hover:hover) and (pointer:fine){html :is(#pk-design#pk-design,body) .pk-tile-open:hover{border-color:var(--pk-line-strong)!important;background:var(--pk-surface-2)!important}}
html :is(#pk-design#pk-design,body) .pk-tile-open:focus-visible{outline:none;box-shadow:var(--pk-focus)!important}
html :is(#pk-design#pk-design,body) .pk-tile-chev{position:absolute;right:14px;bottom:14px;width:16px;height:16px;background:var(--pk-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m6 4 4 4-4 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m6 4 4 4-4 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
html :is(#pk-design#pk-design,body) .planning-item.pk-tile-open{padding-bottom:36px!important}
/* Umfragen: Pfeil ganz rechts, ganze Karte öffnet; Vorlagen mit Abständen */
html :is(#pk-design#pk-design,body) .survey-dashboard-item:not(:has(.event-list-side .btn)){position:relative;grid-template-columns:minmax(0,1fr) auto 16px!important;align-items:center}
html :is(#pk-design#pk-design,body) .survey-dashboard-item:not(:has(.event-list-side .btn)) .event-list-arrow{display:none!important}
html :is(#pk-design#pk-design,body) .survey-dashboard-item:not(:has(.event-list-side .btn))::after{content:"";width:16px;height:16px;background:var(--pk-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m6 4 4 4-4 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m6 4 4 4-4 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
html :is(#pk-design#pk-design,body) .survey-dashboard-item:not(:has(.event-list-side .btn)) .survey-dashboard-main::before{content:"";position:absolute;inset:0;border-radius:inherit}
html :is(#pk-design#pk-design,body) .survey-template-grid{display:grid!important;gap:12px!important;margin-bottom:16px}
html :is(#pk-design#pk-design,body) .survey-import-callout{margin-top:16px!important}
html :is(#pk-design#pk-design,body) .survey-dashboard-icon.pk-ico{width:28px;height:28px;border-radius:var(--pk-r-icon);display:inline-grid!important;place-items:center;background:color-mix(in srgb,#8FD9B6 18%,transparent);color:#8FD9B6;font-size:0}
/* Benutzerliste: klarer lesbar */
html :is(#pk-design#pk-design,body) .users-table tbody tr{transition:background-color 150ms ease}
@media (min-width:761px){
  html :is(#pk-design#pk-design,body) .users-table td{vertical-align:middle!important;padding-top:14px!important;padding-bottom:14px!important}
  html :is(#pk-design#pk-design,body) .users-table tbody tr + tr td{border-top:1px solid var(--pk-line)!important}
  html :is(#pk-design#pk-design,body) .users-table td[data-label="Rolle"]{font-weight:600}
  html :is(#pk-design#pk-design,body) .users-table td[data-label="Rechte und Status"]{font-size:.85rem;max-width:260px}
}
@media (hover:hover) and (pointer:fine){html :is(#pk-design#pk-design,body) .users-table tbody tr:hover{background:var(--pk-surface-2)}}
/* Notizen & Abläufe: Hilfe-„?“ rechts oben ohne den Knopf zu überdecken */
html :is(#pk-design#pk-design,body) .planning-notes-panel{padding-right:48px!important}

/* ── 22. Abgleich mit den Apps (claude-mobil.14): Planungskarten und Status-Plaketten ── */
html :is(#pk-design#pk-design,body) .status-badge.overdue{background:color-mix(in srgb,var(--pk-danger) 14%,transparent)!important;color:var(--pk-danger)!important}
html :is(#pk-design#pk-design,body) .status-badge.review{background:color-mix(in srgb,var(--pk-accent) 16%,transparent)!important;color:var(--pk-accent)!important}
html :is(#pk-design#pk-design,body) .task-list{display:grid;gap:8px;padding:0!important;margin:0 0 12px!important;list-style:none}
html :is(#pk-design#pk-design,body) .task-row{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 14px!important;border:1px solid var(--pk-line)!important;border-radius:var(--pk-r-card)!important;background:var(--pk-surface-2)!important}
html :is(#pk-design#pk-design,body) .task-row:last-child{border-bottom:1px solid var(--pk-line)!important}
html :is(#pk-design#pk-design,body) .task-row input[type=checkbox]{margin:1px 0 0!important}
html :is(#pk-design#pk-design,body) .task-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
html :is(#pk-design#pk-design,body) .task-title{font-weight:600}
html :is(#pk-design#pk-design,body) .task-meta:empty,html :is(#pk-design#pk-design,body) .task-desc:empty{display:none!important}
html :is(#pk-design#pk-design,body) .task-meta{margin-top:4px}
html :is(#pk-design#pk-design,body) .task-desc{margin:4px 0 0!important}
html :is(#pk-design#pk-design,body) .task-row-actions{width:auto!important;padding:0!important;align-self:center}
html :is(#pk-design#pk-design,body) .task-row.is-done{opacity:.72}

/* ── 23. Handy-Nachbesserungen nach Sichtprüfung (claude-mobil.15) ── */
/* Umfragen-Liste unter 600 px: Titel oben, Plakette darunter, Pfeil rechts über beide Zeilen (vorher Buchstabensalat) */
@media (max-width:600px){
  html :is(#pk-design#pk-design,body) .survey-dashboard-item:not(:has(.event-list-side .btn)){grid-template-columns:minmax(0,1fr) 16px!important;grid-template-rows:auto auto}
  html :is(#pk-design#pk-design,body) .survey-dashboard-item:not(:has(.event-list-side .btn)) > .event-list-side{grid-column:1;grid-row:2}
  html :is(#pk-design#pk-design,body) .survey-dashboard-item:not(:has(.event-list-side .btn))::after{grid-column:2;grid-row:1 / 3;align-self:center}
}
/* Umfragentitel: nur lange Wörter trennen, nicht mitten im Wort umbrechen */
html :is(#pk-design#pk-design,body) .survey-dashboard-item .event-list-title{overflow-wrap:break-word!important;hyphens:auto}
/* Kapselreiter auf dem Handy: gleich breit, alles in einer Reihe (die Anzahl rutschte unter die aktive Kapsel) */
@media (max-width:640px){
  html :is(#pk-design#pk-design,body) .planning-toolbar{padding:8px!important}
  html :is(#pk-design#pk-design,body) .pk-seg{display:flex;width:100%;padding:3px;gap:2px}
  html :is(#pk-design#pk-design,body) .pk-seg-item{flex:1 1 0;min-width:0;justify-content:center;padding:0 6px;gap:5px;font-size:.92rem;white-space:nowrap}
  html :is(#pk-design#pk-design,body) .pk-seg-count{min-width:18px;height:18px;padding:0 5px;font-size:.7rem}
}
/* Vorstand-Kopf: nur die Bereichsleiste der Kachel, kein zweiter Streifen innen */
html :is(#pk-design#pk-design,body) .board-head-card .board-detail-head{border-inline-start:0!important;padding-inline-start:0!important}
/* Sitzungskennzahlen unter 480 px untereinander (Namen brachen mitten im Wort) */
@media (max-width:480px){
  html :is(#pk-design#pk-design,body) .board-summary-strip{grid-template-columns:1fr!important}
}
html :is(#pk-design#pk-design,body) .board-summary-strip b,html :is(#pk-design#pk-design,body) .board-summary-strip small{overflow-wrap:break-word;hyphens:auto}
/* Teilnehmende: Auswahl und „Mehr“ nebeneinander */
html :is(#pk-design#pk-design,body) .board-row-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
html :is(#pk-design#pk-design,body) .board-row-actions > select{flex:1 1 150px;min-width:0;margin:0}
html :is(#pk-design#pk-design,body) .board-row-actions > .secondary-actions{flex:0 0 auto}

/* ── 24. Abgleich mit den Apps, folge3 (claude-mobil.16) ──
   Löschen/Entfernen/Widerrufen/Abmelden als rote Textzeile mit Symbol (keine roten Kapseln; Dialog-Hauptaktionen bleiben),
   Schalter nur für An/Aus, Kästchen für Auswahl; Umfrage-Antworten als Karten; Exporte als Menüzeilen; Angaben mit Bezeichnung. */
html :is(#pk-design#pk-design,body) .btn.danger.pk-danger-row{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--pk-danger)!important;padding:8px 10px!important;min-height:40px!important;display:inline-flex!important;align-items:center;justify-content:flex-start!important;gap:8px;font-weight:600;border-radius:var(--pk-r-field)!important;text-align:left}
html :is(#pk-design#pk-design,body) .btn.danger.pk-danger-row::before{content:"";width:18px;height:18px;flex:0 0 18px;background:currentColor;-webkit-mask:var(--pk-ico) center/contain no-repeat;mask:var(--pk-ico) center/contain no-repeat}
@media (hover:hover) and (pointer:fine){html :is(#pk-design#pk-design,body) .btn.danger.pk-danger-row:hover{background:color-mix(in srgb,var(--pk-danger) 10%,transparent)!important}}
html :is(#pk-design#pk-design,body) .btn.danger.pk-danger-row:active{transform:scale(.98)}
html :is(#pk-design#pk-design,body) .secondary-actions-body .btn.danger.pk-danger-row{width:100%!important}
html :is(#pk-design#pk-design,body) .pk-ico-refresh{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7'/%3E%3Cpath d='M3 4v5h5'/%3E%3C/svg%3E")}
/* Schalter: 44×24, Knopf gleitet, angeschaltet gelb */
html :is(#pk-design#pk-design,body) input[type=checkbox].pk-switch{width:44px!important;min-width:44px!important;height:24px!important;min-height:24px!important;border-radius:999px!important;border:0!important;background:var(--pk-line-strong)!important;position:relative;flex:none;transition:background-color .2s ease}
html :is(#pk-design#pk-design,body) input[type=checkbox].pk-switch::before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;-webkit-mask:none!important;mask:none!important;transform:none!important;box-shadow:0 1px 2px rgba(0,0,0,.35);transition:transform .2s cubic-bezier(.23,1,.32,1)}
html :is(#pk-design#pk-design,body) input[type=checkbox].pk-switch:checked{background:var(--pk-primary)!important;border-color:var(--pk-primary)!important}
html :is(#pk-design#pk-design,body) input[type=checkbox].pk-switch:checked::before{transform:translateX(20px)!important;background:var(--pk-on-primary)}
html :is(#pk-design#pk-design,body) label:has(> input.pk-switch){display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;cursor:pointer}
html :is(#pk-design#pk-design,body) label:has(> input.pk-switch) > input.pk-switch{order:2;margin-left:auto}
html :is(#pk-design#pk-design,body) label:has(> input.pk-switch) > span{order:1;flex:1 1 auto;min-width:0}
/* Umfrage-Antworten: eine Karte je Antwort */
html :is(#pk-design#pk-design,body) .survey-results-admin{display:grid;gap:10px}
html :is(#pk-design#pk-design,body) .survey-answer-card{border:1px solid var(--pk-line);border-radius:var(--pk-r-card);background:var(--pk-surface-2);padding:14px 16px}
html :is(#pk-design#pk-design,body) .survey-answer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
html :is(#pk-design#pk-design,body) .survey-answer-who{min-width:0;display:grid;gap:2px}
html :is(#pk-design#pk-design,body) .survey-answer-who small{color:var(--pk-muted)}
html :is(#pk-design#pk-design,body) .survey-answer-list{margin:12px 0 0;display:grid;gap:4px}
html :is(#pk-design#pk-design,body) .survey-answer-list dt{color:var(--pk-muted);font-size:.8rem;font-weight:600;margin-top:6px}
html :is(#pk-design#pk-design,body) .survey-answer-list dd{margin:0;overflow-wrap:break-word}
html :is(#pk-design#pk-design,body) .survey-answer-date{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--pk-line)}
html :is(#pk-design#pk-design,body) .survey-answer-date:last-child{border-bottom:0}
/* Exporte als Menüzeilen: PDF Pfirsich, CSV Mint, Download-Pfeil rechts */
html :is(#pk-design#pk-design,body) .export-panels,html :is(#pk-design#pk-design,body) .pk-export-list{display:grid;gap:8px}
html :is(#pk-design#pk-design,body) .pk-export-row{width:100%!important;border:1px solid var(--pk-line)!important;border-radius:var(--pk-r-field)!important;background:var(--pk-surface-2)!important;padding:10px 12px!important}
html :is(#pk-design#pk-design,body) .pk-export-pdf .pk-menu-ico{--tone:#F4B183}
html :is(#pk-design#pk-design,body) .pk-export-csv .pk-menu-ico{--tone:#8FD9B6}
html :is(#pk-design#pk-design,body) .pk-menu-chev.pk-menu-down{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2v9M4 7.5 8 11.5l4-4M3 14h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2v9M4 7.5 8 11.5l4-4M3 14h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat!important;background:var(--pk-accent)}
html :is(#pk-design#pk-design,body) .pk-export-pick{display:grid;gap:4px;margin-bottom:4px}
html :is(#pk-design#pk-design,body) .pk-export-pick label{font-size:.85rem;font-weight:600}
html :is(#pk-design#pk-design,body) .board-list-row .pk-export-row{width:auto!important;flex:0 0 auto}
/* Angaben mit Bezeichnung: „Rolle: … · Anwesenheit: …“ als getrennte Stücke */
html :is(#pk-design#pk-design,body) small.pk-kv{display:flex;flex-wrap:wrap;gap:2px 12px}

/* ── 25. Restpunkte aus iOS folge5/folge8 und Janniks Hinweisen (claude-mobil.17) ── */
/* Hilfe-Symbolfläche: nur das Fragezeichen, kein Kreis */
html :is(#pk-design#pk-design,body) .pk-ico-help{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 8.6a3.5 3.5 0 0 1 6.9 1c0 2.4-3.4 2.9-3.4 5.2M12 19h.01'/%3E%3C/svg%3E")}
/* (d) Symbolflächen 28/8 mit Symbol 15, auch in Listenkarten und Kacheln */
html :is(#pk-design#pk-design,body) .pk-menu-ico.pk-ico::before{width:15px!important;height:15px!important;flex-basis:15px!important}
html :is(#pk-design#pk-design,body) .survey-dashboard-icon.pk-ico{width:28px;height:28px;border-radius:var(--pk-r-icon);background:color-mix(in srgb,var(--pk-accent) 18%,transparent);display:inline-grid;place-items:center}
html :is(#pk-design#pk-design,body) .survey-dashboard-icon.pk-ico::before{width:15px;height:15px}
/* (c) Stift + runder Papierkorb als Paar: 40 px, Danger 14 %, Ring 1,5 */
html :is(#pk-design#pk-design,body) .btn.danger.pk-danger-row.pk-trash-round{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:50%!important;justify-content:center!important;gap:0;background:color-mix(in srgb,var(--pk-danger) 14%,transparent)!important;border:1.5px solid color-mix(in srgb,var(--pk-danger) 55%,transparent)!important;flex:0 0 40px}
html :is(#pk-design#pk-design,body) .btn.danger.pk-danger-row.pk-trash-round::before{width:18px;height:18px}
@media (hover:hover) and (pointer:fine){html :is(#pk-design#pk-design,body) .btn.danger.pk-danger-row.pk-trash-round:hover{background:color-mix(in srgb,var(--pk-danger) 24%,transparent)!important}}
html :is(#pk-design#pk-design,body) :is(.slot-actions-row,.signup-table-actions,.table-actions){display:flex!important;align-items:center;gap:8px;flex-wrap:wrap}
@media (max-width:430px){html :is(#pk-design#pk-design,body) :is(.slot-actions-row,.signup-table-actions) .btn.pk-trash-round{width:40px!important;flex:0 0 40px!important}html :is(#pk-design#pk-design,body) :is(.slot-actions-row,.signup-table-actions) .btn.pk-edit-paired{flex:1 1 auto!important}}
/* (b) Ladezustand ersetzt den Download-Pfeil */
html :is(#pk-design#pk-design,body) .pk-export-row.btn-loading{opacity:.85;pointer-events:none}
html :is(#pk-design#pk-design,body) .pk-export-row.btn-loading .pk-menu-down{-webkit-mask:none!important;mask:none!important;background:transparent!important;border:2px solid var(--pk-line-strong);border-top-color:var(--pk-primary);border-radius:50%;animation:pk-spin .8s linear infinite}
@keyframes pk-spin{to{transform:rotate(360deg)}}
/* (f) Termin festlegen: Knopf bleibt in der Karte */
html :is(#pk-design#pk-design,body) .survey-date-poll-admin .btn{max-width:100%;white-space:normal!important;text-align:center}
@media (max-width:600px){html :is(#pk-design#pk-design,body) .survey-date-poll-admin .btn{width:100%!important}}
/* (g) Anmeldung: Logo schwebt sacht, Karte hebt sich bis zur Antwort, Zwei-Faktor-Schritt wischt (Web halb so stark wie die Apps) */
@media (prefers-reduced-motion:no-preference){
  html:not([data-motion="reduce"]):not([data-reduce-motion="true"]) :is(#pk-design#pk-design,body) .pk-login .logo img{animation:pk-login-float 6s ease-in-out 700ms infinite}
  @keyframes pk-login-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
  html :is(#pk-design#pk-design,body) .pk-login{transition:transform 220ms cubic-bezier(.23,1,.32,1),box-shadow 220ms ease}
  html :is(#pk-design#pk-design,body) .pk-login.pk-login-pending{transform:scale(.985)}
  html :is(#pk-design#pk-design,body) .pk-login.pk-step-out form,html :is(#pk-design#pk-design,body) .pk-login.pk-step-out .pk-login-intro{animation:pk-step-out 280ms cubic-bezier(.4,0,1,1) forwards}
  @keyframes pk-step-out{to{transform:translateY(-18px);opacity:0}}
  html :is(#pk-design#pk-design,body) .pk-login.pk-step-in > :not(.brand){animation:pk-step-in 300ms cubic-bezier(.23,1,.32,1) both}
  @keyframes pk-step-in{from{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}
}

/* ── 26. Stift + Papierkorb als Paar überall nebeneinander (claude-mobil.18) ── */
/* Desktop: Papierkorb direkt neben dem Stift statt rechts außen; Anmeldungen-Tabelle nicht stapeln */
html :is(#pk-design#pk-design,body) .slot-actions-row .btn.danger.pk-trash-round{margin-left:0!important}
html :is(#pk-design#pk-design,body) :is(.slot-actions-row,.signup-table-actions,.slot-signup-actions,.table-actions):has(> .pk-trash-round){display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:8px;grid-template-columns:none!important}
html :is(#pk-design#pk-design,body) :is(.slot-actions-row,.signup-table-actions,.slot-signup-actions,.table-actions) > .btn.pk-edit-paired{width:auto!important;min-width:0!important;white-space:nowrap;flex:0 1 auto}
html :is(#pk-design#pk-design,body) .signup-actions-cell{min-width:190px}
html :is(#pk-design#pk-design,body) .survey-active-head:has(> .pk-trash-round){display:flex!important;justify-content:flex-start;gap:8px;align-items:center}
/* Handy: Duplizieren über die volle Breite, darunter Stift (wächst) + Papierkorb (40) in einer Reihe */
@media (max-width:430px){
  html :is(#pk-design#pk-design,body) .slot-actions-row:has(> .pk-trash-round){flex-wrap:wrap!important}
  html :is(#pk-design#pk-design,body) .slot-actions-row:has(> .pk-trash-round) > .btn:not(.pk-edit-paired):not(.pk-trash-round){flex:1 1 100%!important;width:100%!important}
  html :is(#pk-design#pk-design,body) :is(.slot-actions-row,.slot-signup-actions,.signup-table-actions) > .btn.pk-edit-paired{flex:1 1 auto!important;width:auto!important}
  html :is(#pk-design#pk-design,body) :is(.slot-actions-row,.slot-signup-actions,.signup-table-actions) > .btn.pk-trash-round{flex:0 0 40px!important;width:40px!important}
}


/* ── 27. Oberflächen-Notiz 27.10. (claude-ui.1) ──
   Zentrale Vorlagen für Web-App und Vereins-Administration: Bereichsseite (Kopfkachel + Kacheln), Abschnitt mit
   Rahmen-Lücke (.pk-section), Hilfe-„?“, gestapelte Knöpfe 12 px, Reiter mit Themenfarben. */
:root{--pk-stack-gap:12px;--pk-tone-events:#F0D65B;--pk-tone-tasks:#A9DCE4;--pk-tone-surveys:#8FD9B6;--pk-tone-board:#F4B183;--pk-tone-club:#C3B6F2;--pk-tone-admin:#B8C7CE}
/* (7) Hilfe-„?“ überall gleich: nur das gelbe Zeichen, kein Kreis, 17/800, Trefferfläche 44 × 44 */
html :is(#pk-design#pk-design,body) :is(.help-btn,.help-btn:hover,.help-btn[aria-expanded="true"],.help-btn:focus-visible){position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--pk-warn)!important;font-size:17px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important;box-shadow:none!important}
html :is(#pk-design#pk-design,body) .help-btn:focus-visible{outline:2px solid var(--pk-accent)!important;outline-offset:2px}
html :is(#pk-design#pk-design,body) .help-btn::after{content:""!important;position:absolute!important;inset:-11px!important;border-radius:999px}
/* (10) Abschnitt mit Rahmen-Lücke – Vorlage aus den Umfrage-Einstellungen („Teilnahme & Zeitraum ?“) */
html :is(#pk-design#pk-design,body) fieldset.pk-section{min-width:0;margin:0;padding:16px!important;border:1px solid var(--pk-line)!important;border-radius:var(--pk-r-card)!important;background:color-mix(in srgb,var(--pk-surface-2) 45%,transparent)!important;box-shadow:none!important}
html :is(#pk-design#pk-design,body) fieldset.pk-section > legend{display:inline-flex;align-items:center;gap:12px;max-width:100%;margin:0;padding:0 8px!important;font-size:1rem;font-weight:700;color:var(--pk-text)}
html :is(#pk-design#pk-design,body) fieldset.pk-section > legend .help-wrap{margin:0!important}
html :is(#pk-design#pk-design,body) .pk-section-body:not(.survey-settings-fields),html :is(#pk-design#pk-design,body) .pk-section-stack{display:grid;gap:12px;min-width:0}
html :is(#pk-design#pk-design,body) :is(.pk-section-body,.pk-section-stack) > :is(p,ul,h3){margin-top:0;margin-bottom:0}
html :is(#pk-design#pk-design,body) .pk-section-stack > p:empty{display:none}
html :is(#pk-design#pk-design,body) .pk-section-stack > .row{margin:0}
html :is(#pk-design#pk-design,body) .pk-sections{display:grid!important;gap:20px}
@media (max-width:600px){html :is(#pk-design#pk-design,body) fieldset.pk-section{padding:12px!important}html :is(#pk-design#pk-design,body) fieldset.pk-section > legend{padding:0 6px!important}html :is(#pk-design#pk-design,body) .pk-sections{gap:16px}}
html :is(#pk-design#pk-design,body) :is(.pk-section-body,.pk-section-stack) > .btn{justify-self:start}
/* (4) Gestapelte Knöpfe: überall 12 px Abstand */
html :is(#pk-design#pk-design,body) .pk-btn-stack{display:grid;justify-items:start;gap:var(--pk-stack-gap)}
html :is(#pk-design#pk-design,body) .pk-btn-stack > p{margin:0}
html :is(#pk-design#pk-design,body) :is(div,form,section,fieldset):not([class*="actions"]):not([class*="row"]):has(> .btn:last-child) + .btn{margin-top:var(--pk-stack-gap)!important}
/* (13) Bereichsseite wie die Event-Seite: Kopfkachel mit 3-px-Leiste in der Bereichsfarbe, darunter frei stehende Kacheln */
html :is(#pk-design#pk-design,body) .card.pk-area-head{--tone:var(--pk-tone-admin);border-left:3px solid var(--tone)!important;display:grid;gap:6px;padding:20px 22px!important}
html :is(#pk-design#pk-design,body) .pk-area-head[data-area="events"]{--tone:var(--pk-tone-events)}
html :is(#pk-design#pk-design,body) .pk-area-head[data-area="personal"]{--tone:var(--pk-tone-tasks)}
html :is(#pk-design#pk-design,body) .pk-area-head[data-area="umfragen"]{--tone:var(--pk-tone-surveys)}
html :is(#pk-design#pk-design,body) .pk-area-head[data-area="board"]{--tone:var(--pk-tone-board)}
html :is(#pk-design#pk-design,body) .pk-area-head[data-area="club"]{--tone:var(--pk-tone-club)}
html :is(#pk-design#pk-design,body) .pk-area-head-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;min-width:0}
html :is(#pk-design#pk-design,body) .pk-area-head-row h1{margin:0!important;font-size:1.6rem!important;line-height:1.25!important;overflow-wrap:break-word;hyphens:auto;min-width:0}
html :is(#pk-design#pk-design,body) .pk-area-head-tools{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}
html :is(#pk-design#pk-design,body) .pk-area-text{margin:0!important}
html :is(#pk-design#pk-design,body) .pk-area-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pk-accent)}
html :is(#pk-design#pk-design,body) .pk-area-head .survey-active-head{margin:6px 0 0!important;padding:0!important;border:0!important}
@media (max-width:760px){
  html :is(#pk-design#pk-design,body) .pk-area-head-row h1{font-size:1.3rem!important}
  html :is(#pk-design#pk-design,body) .card.pk-area-head{padding:16px 18px!important}
  html :is(#pk-design#pk-design,body) .pk-area-head-tools{margin-left:0;width:100%}
  html :is(#pk-design#pk-design,body) .pk-area-head-tools > .btn{flex:1 1 auto}
}
html :is(#pk-design#pk-design,body) :is(.pk-area-tiles,.pk-area-page,.pk-area-stack){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
html :is(#pk-design#pk-design,body) :is(.pk-area-tiles,.pk-area-page,.pk-area-stack)::before{display:none!important}
html :is(#pk-design#pk-design,body) .pk-area-tiles{display:grid!important;gap:12px}
html :is(#pk-design#pk-design,body) #app > :is(.pk-area-tiles,.pk-area-page,.pk-area-stack){margin:0 0 20px!important}
html :is(#pk-design#pk-design,body) :is(.pk-area-page,.pk-area-stack,.pk-area-body){display:grid!important;gap:16px}
html :is(#pk-design#pk-design,body) .pk-area-tiles :is(.survey-dashboard-list,.board-meeting-list,.planning-list){margin:0!important}
html :is(#pk-design#pk-design,body) :is(.pk-area-tiles > .event-list-item,.pk-area-tiles .survey-dashboard-list > .event-list-item,.pk-area-tiles .board-meeting-list > .event-list-item){background:var(--pk-tile-bg)!important;border:1px solid var(--pk-line)!important;border-radius:var(--pk-r-card)!important;box-shadow:var(--pk-shadow)!important;margin:0!important}
html :is(#pk-design#pk-design,body) .pk-area-tiles .survey-dashboard-list{display:grid;gap:12px}
html :is(#pk-design#pk-design,body) .pk-area-tiles .board-meeting-list{display:grid;gap:12px}
html :is(#pk-design#pk-design,body) .pk-area-tiles .survey-dashboard-create{margin:0!important;padding:20px!important;border-top:1px solid var(--pk-line)!important}
html :is(#pk-design#pk-design,body) .pk-area-body > :is(.survey-links-section,.survey-date-poll-admin,.survey-results-admin:not(:empty)){background:var(--pk-tile-bg)!important;border:1px solid var(--pk-line)!important;border-radius:var(--pk-r-card)!important;box-shadow:var(--pk-shadow)!important;padding:20px!important;margin:0!important}
html :is(#pk-design#pk-design,body) .pk-area-body > .survey-section-menu{margin:0!important}
html :is(#pk-design#pk-design,body) .pk-area-body fieldset.survey-settings-group{background:var(--pk-tile-bg)!important;box-shadow:var(--pk-shadow)!important;margin-top:6px!important}
html :is(#pk-design#pk-design,body) .pk-area-body > :is(.survey-settings-form,.tasks-head,.survey-builder-question,.pk-export-list){margin:0!important}
html :is(#pk-design#pk-design,body) .administration-navigation.pk-area-stack .administration-section-menu{margin:0!important}
/* (9) Umfrage teilen: Überschrift links, Knöpfe gemeinsam rechts (vorher stand „Link erzeugen“ verloren in der Mitte) */
html :is(#pk-design#pk-design,body) .survey-links-section > .survey-section-head{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}
html :is(#pk-design#pk-design,body) .survey-links-section > .survey-section-head > .survey-heading-with-help{margin-right:auto}
@media (max-width:600px){html :is(#pk-design#pk-design,body) .survey-links-section > .survey-section-head > .btn{flex:1 1 100%}}
/* (8) Aufgaben & Planung: Filterleiste ohne eigenen Rahmen (vorher doppelter Rahmen um den Kopf) */
html :is(#pk-design#pk-design,body) .personal-planning .planning-toolbar{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important}
html :is(#pk-design#pk-design,body) .personal-planning .planning-list{margin:0!important}
/* (15) Dashboard: äußerer Kasten ohne Schatten, Kacheln mit einer Linie und pk-shadow (kein umlaufender Lichtrand) */
html :is(#pk-design#pk-design,body) .card.workspace-dashboard{background:transparent!important;border:0!important;box-shadow:none!important}
html :is(#pk-design#pk-design,body) .card.workspace-dashboard::before,html :is(#pk-design#pk-design,body) .card.workspace-dashboard::after{display:none!important}
html :is(#pk-design#pk-design,body) .workspace-area-card{border:1px solid var(--pk-line)!important;box-shadow:var(--pk-shadow)!important;outline:0}
html :is(#pk-design#pk-design,body) .workspace-area-card::before,html :is(#pk-design#pk-design,body) .workspace-area-card::after{display:none!important;content:none!important}
@media (hover:hover) and (pointer:fine){html :is(#pk-design#pk-design,body) .workspace-area-card:hover{border-color:var(--pk-line-strong)!important}}
html :is(#pk-design#pk-design,body) .workspace-area-card:focus-visible{box-shadow:var(--pk-focus)!important}
/* (12) Event-Reiter (und weitere Reiter) mit farbigem Symbol in der Themenfarbe, aktiver Reiter bleibt gelb mit Marine */
html :is(#pk-design#pk-design,body) .section-menu-item[data-section]{--tab-tone:var(--pk-tone-admin)}
html :is(#pk-design#pk-design,body) .section-menu-item:is([data-section="dienste"],[data-section="forms"]){--tab-tone:var(--pk-tone-events)}
html :is(#pk-design#pk-design,body) .section-menu-item:is([data-section="planung"],[data-section="questions"],[data-section="users"]){--tab-tone:var(--pk-tone-tasks)}
html :is(#pk-design#pk-design,body) .section-menu-item:is([data-section="kasse"],[data-section="answers"]){--tab-tone:var(--pk-tone-board)}
html :is(#pk-design#pk-design,body) .section-menu-item:is([data-section="teilen"],[data-section="links"],[data-section="templates"]){--tab-tone:var(--pk-tone-club)}
html :is(#pk-design#pk-design,body) .section-menu-item:is([data-section="export"],[data-section="log"]){--tab-tone:var(--pk-tone-surveys)}
html :is(#pk-design#pk-design,body) .section-menu-item[data-section] .ci-tab-ic{stroke:var(--tab-tone)!important}
html[data-theme="light"] :is(#pk-design#pk-design,body) .section-menu-item[data-section] .ci-tab-ic{stroke:color-mix(in srgb,var(--tab-tone) 55%,#142E3B)!important}
html :is(#pk-design#pk-design,body) .section-menu-item[data-section].active .ci-tab-ic{stroke:var(--pk-on-primary)!important}
/* (1) Aufgabenzeile: Plakette und „Mehr“ als eigene Spalten, vertikal mittig zur Zeile */
html :is(#pk-design#pk-design,body) .task-row{grid-template-columns:auto minmax(0,1fr) auto auto!important;align-items:center!important}
html :is(#pk-design#pk-design,body) .task-row > input[type=checkbox]{align-self:start;margin-top:2px!important}
html :is(#pk-design#pk-design,body) .task-row > .task-state{align-self:center;white-space:nowrap}
html :is(#pk-design#pk-design,body) .task-row > .task-row-actions{align-self:center!important}
@media (max-width:430px){html :is(#pk-design#pk-design,body) .task-row{gap:10px!important;padding:12px!important}}
/* (14) Dienstpläne als Liste: ganze Zeile öffnet den Plan, geöffneter Plan gelb markiert */
html :is(#pk-design#pk-design,body) .duty-plan-picker{display:grid;gap:12px;margin:12px 0}
html :is(#pk-design#pk-design,body) .duty-plan-picker > .btn{justify-self:start}
html :is(#pk-design#pk-design,body) .duty-plan-list{display:grid;gap:8px}
html :is(#pk-design#pk-design,body) .duty-plan-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px;border:1px solid var(--pk-line);border-radius:var(--pk-r-field);background:var(--pk-surface-2);color:var(--pk-text);font:inherit;text-align:left;cursor:pointer;transition:transform 120ms cubic-bezier(.23,1,.32,1),border-color 150ms ease,background-color 150ms ease}
html :is(#pk-design#pk-design,body) .duty-plan-item:active{transform:scale(.985)}
@media (hover:hover) and (pointer:fine){html :is(#pk-design#pk-design,body) .duty-plan-item:hover{border-color:var(--pk-line-strong);background:var(--pk-hover)}}
html :is(#pk-design#pk-design,body) .duty-plan-item:focus-visible{outline:none;box-shadow:var(--pk-focus)}
html :is(#pk-design#pk-design,body) .duty-plan-item.is-active{border-color:var(--pk-primary);box-shadow:inset 3px 0 0 var(--pk-primary)}
html :is(#pk-design#pk-design,body) .duty-plan-item .pk-menu-ico{--tone:var(--pk-tone-events);width:28px;height:28px;display:inline-grid;place-items:center}
html :is(#pk-design#pk-design,body) .duty-plan-text{display:grid;gap:2px;min-width:0}
html :is(#pk-design#pk-design,body) .duty-plan-text strong{overflow-wrap:break-word}
html :is(#pk-design#pk-design,body) .duty-plan-text small{color:var(--pk-muted)}
html :is(#pk-design#pk-design,body) .duty-plan-mark{font-size:.75rem;font-weight:700;color:var(--pk-on-primary);background:var(--pk-primary);border-radius:999px;padding:3px 10px;white-space:nowrap}
html :is(#pk-design#pk-design,body) .duty-plan-item .pk-menu-chev{width:16px;height:16px;background:var(--pk-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m6 4 4 4-4 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m6 4 4 4-4 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
/* (19/20) Gast-Dienstlink: CI-Gelb der Vorgabe, Belegung ruhig, Formular als Fläche mit Kopf und Chevron zum Zuklappen */
html :is(#pk-design#pk-design,body) .signup-form .ci-submit,html :is(#pk-design#pk-design,body) .signup-form.ci-collapsed .ci-submit{background:var(--pk-primary)!important;color:var(--pk-on-primary)!important}
html :is(#pk-design#pk-design,body) .slot-card .slot-capacity.open:not([data-full]){background:color-mix(in srgb,var(--pk-warn) 16%,transparent)!important;color:var(--pk-warn)!important;border-color:transparent!important}
html :is(#pk-design#pk-design,body) .slot-card[data-full] .slot-capacity{background:color-mix(in srgb,var(--pk-ok) 16%,transparent)!important;color:var(--pk-ok)!important;border-color:transparent!important}
html :is(#pk-design#pk-design,body) .signup-form:not(.ci-collapsed){display:flex;flex-wrap:wrap;gap:12px;padding:14px!important;border:1px solid var(--pk-line);border-radius:var(--pk-r-card);background:color-mix(in srgb,var(--pk-surface-2) 70%,transparent)}
html :is(#pk-design#pk-design,body) .signup-form:not(.ci-collapsed) > :is(input,.field-with-help,label){flex:1 1 100%;min-width:0}
html :is(#pk-design#pk-design,body) .signup-form:not(.ci-collapsed) > .ci-submit{flex:1 1 100%;width:100%}
html :is(#pk-design#pk-design,body) .signup-form .ci-form-head{order:-1;flex:1 1 100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:-6px -6px 0 0}
html :is(#pk-design#pk-design,body) .signup-form.ci-collapsed > .ci-form-head{display:none!important}
html :is(#pk-design#pk-design,body) .ci-form-title{font-weight:700;color:var(--pk-text);overflow-wrap:break-word;min-width:0}
html :is(#pk-design#pk-design,body) .signup-form button.ci-form-toggle{display:inline-grid!important;place-items:center;flex:0 0 44px;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--pk-muted)!important;box-shadow:none!important;cursor:pointer}
html :is(#pk-design#pk-design,body) .signup-form button.ci-form-toggle::after{content:"";width:18px;height:18px;-webkit-mask-size:18px;mask-size:18px}
@media (hover:hover) and (pointer:fine){html :is(#pk-design#pk-design,body) .signup-form button.ci-form-toggle:hover{background:color-mix(in srgb,var(--pk-text) 8%,transparent)!important;color:var(--pk-text)!important}}
html :is(#pk-design#pk-design,body) .signup-form button.ci-form-toggle:focus-visible{outline:none;box-shadow:var(--pk-focus)!important}
@media (prefers-reduced-motion:reduce){html :is(#pk-design#pk-design,body) .signup-form button.ci-form-toggle::after{transition:none!important}}

/* ── 28. Design 1.2 – Nachbesserung 28.10. (claude-ui.2) ──
   Vorgabe: doku/design/PK-DESIGN-1.2.md. Listenkarten mit Stift/Papierkorb-Paar, Linkkarten mit fester Ordnung,
   Titel als Plakette im Rahmen (Karten und Abschnitte), „?“ an der Überschrift, Schalter ohne Häkchen,
   ausgeschriebenes Löschen als rote Kapsel (gefüllt rot nur die endgültige Bestätigung). */
/* (1) Paar: runder Stift 40 (Gelb 18 %) + runder Papierkorb 40 (Danger 14 %, Ring 1,5) */
html :is(#pk-design#pk-design,body) .pk-pair{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap;flex:0 0 auto}
html :is(#pk-design#pk-design,body) .btn.pk-edit-round.pk-edit-round.pk-edit-round{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 5.5l4 4L9 19H5v-4z'/%3E%3Cpath d='M12.5 7.5l4 4'/%3E%3C/svg%3E");width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:50%!important;flex:0 0 40px!important;display:inline-grid!important;place-items:center;gap:0;font-size:0!important;background:color-mix(in srgb,var(--pk-primary) 18%,transparent)!important;border:1.5px solid var(--pk-primary)!important;color:var(--pk-primary)!important}
html :is(#pk-design#pk-design,body) .btn.pk-edit-round > *{display:none!important}
html :is(#pk-design#pk-design,body) .btn.pk-edit-round::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--pk-ico) center/contain no-repeat;mask:var(--pk-ico) center/contain no-repeat}
html[data-theme="light"] :is(#pk-design#pk-design,body) .btn.pk-edit-round.pk-edit-round.pk-edit-round{color:#6B5300!important}
@media (hover:hover) and (pointer:fine){html :is(#pk-design#pk-design,body) .btn.pk-edit-round.pk-edit-round.pk-edit-round:hover{background:color-mix(in srgb,var(--pk-primary) 28%,transparent)!important}}
html :is(#pk-design#pk-design,body) :is(.slot-actions-row,.slot-signup-actions,.signup-table-actions,.table-actions) > .btn.pk-edit-paired.pk-edit-round{flex:0 0 40px!important;width:40px!important}
/* (1) Listenkarte: Kästchen mittig zur ersten Titelzeile, Plakette und Paar mittig zur Karte */
html :is(#pk-design#pk-design,body) .task-row{--pk-title-lh:1.45em}
html :is(#pk-design#pk-design,body) .task-row .task-title{line-height:var(--pk-title-lh)}
html :is(#pk-design#pk-design,body) .task-row > input[type=checkbox]{align-self:start!important;margin-top:calc((var(--pk-title-lh) - 20px) / 2 + 3px)!important}
html :is(#pk-design#pk-design,body) .task-row .task-title-row{min-height:0}
/* (2/7) Linkkarten: Plaketten · Angaben (Bezeichnung + Wert) · Hinweis · Aktionen */
html :is(#pk-design#pk-design,body) .pk-link-list{display:grid;gap:12px;margin:12px 0 16px}
html :is(#pk-design#pk-design,body) .pk-link-card{display:grid;gap:12px;padding:14px 16px;border:1px solid var(--pk-line);border-radius:var(--pk-r-card);background:var(--pk-surface-2);min-width:0}
html :is(#pk-design#pk-design,body) .pk-link-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
html :is(#pk-design#pk-design,body) .pk-link-badges .status-badge.pk-ico{display:inline-flex;align-items:center;gap:5px}
html :is(#pk-design#pk-design,body) .pk-link-badges .status-badge.pk-ico::before{width:12px;height:12px;flex:0 0 12px}
html :is(#pk-design#pk-design,body) .pk-badge-help{display:inline-flex;align-items:center;gap:2px}
html :is(#pk-design#pk-design,body) .pk-link-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,max-content));gap:8px 32px;margin:0}
html :is(#pk-design#pk-design,body) .pk-link-facts > div{min-width:0}
html :is(#pk-design#pk-design,body) .pk-link-facts dt{font-size:.75rem;font-weight:600;color:var(--pk-muted);margin:0 0 2px}
html :is(#pk-design#pk-design,body) .pk-link-facts dd{margin:0;font-weight:600;color:var(--pk-text);white-space:nowrap}
html :is(#pk-design#pk-design,body) .pk-link-hint{display:flex;align-items:flex-start;gap:8px;margin:0;padding:8px 10px;border-radius:var(--pk-r-field);background:color-mix(in srgb,var(--pk-accent) 9%,transparent);color:var(--pk-muted);font-size:.85rem;line-height:1.4}
html :is(#pk-design#pk-design,body) .pk-link-hint.pk-ico::before{flex:0 0 16px;width:16px;height:16px;margin-top:1px;background:var(--pk-accent)}
html :is(#pk-design#pk-design,body) .pk-link-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--pk-line)}
html :is(#pk-design#pk-design,body) .pk-link-actions > .pk-link-delete,html :is(#pk-design#pk-design,body) .pk-link-actions > .btn.danger:last-child{margin-left:auto}
@media (max-width:430px){
  html :is(#pk-design#pk-design,body) .pk-link-actions > .btn{flex:1 1 auto}
  html :is(#pk-design#pk-design,body) .pk-link-actions > .pk-link-delete,html :is(#pk-design#pk-design,body) .pk-link-actions > .btn.danger:last-child{margin-left:0;flex:1 1 100%}
}
/* (3) Export: kein Kasten um die Bereichswahl, Zeilen als Menüzeilen nach Vorgabe */
html :is(#pk-design#pk-design,body) .export-subnav{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:4px 0 12px!important;gap:8px!important;display:flex;flex-wrap:wrap}
html :is(#pk-design#pk-design,body) .export-panels{gap:8px!important}
html :is(#pk-design#pk-design,body) .export-panels > .pk-export-row{box-shadow:none!important;border:1px solid var(--pk-line)!important;border-radius:var(--pk-r-field)!important;background:var(--pk-surface-2)!important;padding:10px 12px!important}
html :is(#pk-design#pk-design,body) .pk-export-row .pk-menu-ico{width:28px;height:28px;display:inline-grid;place-items:center}
/* (4) „?“ an der Überschrift */
html :is(#pk-design#pk-design,body) :is(h2,h3,h4).pk-heading-help{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
html :is(#pk-design#pk-design,body) :is(h2,h3,h4).pk-heading-help > .help-wrap{margin:0!important;position:static!important}
/* (5) Titel als Plakette im Rahmen – Karten mit Überschrift und Abschnitte (.pk-section) gleich */
html :is(#pk-design#pk-design,body) #app .card:not(.pk-area-head):not(.event-header):not(.workspace-dashboard):has(> h2:first-child){margin-top:18px;padding-top:28px!important;overflow:visible!important}
html :is(#pk-design#pk-design,body) #app .card:not(.pk-area-head):not(.event-header):not(.workspace-dashboard) > h2:first-child{display:flex;align-items:center;gap:10px;width:fit-content;max-width:calc(100% - 4px);margin:-47px 0 14px -6px!important;padding:6px 14px!important;border:1px solid var(--pk-line);border-radius:999px;background:var(--pk-surface);box-shadow:0 1px 2px rgba(0,0,0,.22),0 6px 14px -8px rgba(0,0,0,.5);font-size:1.08rem!important;font-weight:700!important;line-height:1.3!important;color:var(--pk-text)}
html :is(#pk-design#pk-design,body) fieldset.pk-section{margin-top:10px!important}
html :is(#pk-design#pk-design,body) fieldset.pk-section > legend{padding:4px 12px!important;border:1px solid var(--pk-line);border-radius:999px;background:var(--pk-surface);box-shadow:0 1px 2px rgba(0,0,0,.22),0 6px 14px -8px rgba(0,0,0,.5);font-size:1.02rem;font-weight:700;margin-left:-4px}
html[data-theme="light"] :is(#pk-design#pk-design,body) :is(#app .card > h2:first-child,fieldset.pk-section > legend){box-shadow:0 1px 2px rgba(20,46,59,.08),0 6px 14px -8px rgba(20,46,59,.25)}
@media (max-width:600px){
  html :is(#pk-design#pk-design,body) #app .card:not(.pk-area-head):not(.event-header):not(.workspace-dashboard) > h2:first-child{font-size:1rem!important;padding:5px 12px!important}
}
/* (6) Schalter ohne Häkchen: portal-ci.css zeichnet für jedes Kästchen ein ::after-Häkchen – gilt nicht mehr (Kästchen nutzen ::before aus Abschnitt 21) */
html :is(#pk-design#pk-design,body) input[type=checkbox]::after{content:none!important;display:none!important}
html :is(#pk-design#pk-design,body) input[type=checkbox].pk-switch:checked::before{-webkit-mask:none!important;mask:none!important}
/* (8) Ausgeschriebenes Löschen/Entfernen/Widerrufen: rote Kapsel (Rand + Schrift + Symbol), nie gefüllt; im Menü bleibt die Zeile */
html :is(#pk-design#pk-design,body) .btn.danger.pk-danger-row:not(.pk-trash-round){min-height:36px!important;padding:0 16px!important;border-radius:999px!important;border:1.5px solid color-mix(in srgb,var(--pk-danger) 60%,transparent)!important;background:transparent!important;justify-content:center!important;gap:6px;width:auto}
html :is(#pk-design#pk-design,body) .btn.danger.pk-danger-row:not(.pk-trash-round)::before{width:16px;height:16px;flex:0 0 16px}
html :is(#pk-design#pk-design,body) .secondary-actions-body .btn.danger.pk-danger-row:not(.pk-trash-round){border:0!important;border-radius:var(--pk-r-field)!important;justify-content:flex-start!important;padding:8px 10px!important}
html :is(#pk-design#pk-design,body) .planning-notes-panel{padding-right:16px!important}
html :is(#pk-design#pk-design,body) .planning-notes-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
html :is(#pk-design#pk-design,body) .survey-active-head > .btn.pk-trash-round{margin-left:0!important}
html :is(#pk-design#pk-design,body) #app > .card:not(.pk-area-head):not(.event-header):not(.workspace-dashboard):has(> h2:first-child){margin-top:24px}
/* (5/7) Umfrage-Abschnitte (Teilen & Links, Termin festlegen): Titel ebenfalls als Plakette im Rahmen */
html :is(#pk-design#pk-design,body) .pk-area-body > :is(.survey-links-section,.survey-date-poll-admin){margin-top:22px!important;padding-top:26px!important;overflow:visible!important}
html :is(#pk-design#pk-design,body) .pk-area-body > .survey-links-section > .survey-section-head{align-items:flex-start!important}
html :is(#pk-design#pk-design,body) .pk-area-body > .survey-links-section > .survey-section-head > .survey-heading-with-help,html :is(#pk-design#pk-design,body) .pk-area-body > .survey-date-poll-admin .survey-date-poll-head .survey-heading-with-help{display:inline-flex!important;align-items:center;gap:8px;width:fit-content;align-self:flex-start;margin:-45px auto 6px -6px!important;padding:6px 14px!important;border:1px solid var(--pk-line);border-radius:999px;background:var(--pk-surface);box-shadow:0 1px 2px rgba(0,0,0,.22),0 6px 14px -8px rgba(0,0,0,.5)}
html :is(#pk-design#pk-design,body) .pk-area-body .survey-heading-with-help > h3{margin:0!important;font-size:1.05rem!important;font-weight:700!important}
html[data-theme="light"] :is(#pk-design#pk-design,body) .pk-area-body .survey-heading-with-help{box-shadow:0 1px 2px rgba(20,46,59,.08),0 6px 14px -8px rgba(20,46,59,.25)}

/* ── 29. Reiterfarben auch in der aufklappenden Reiterauswahl am Handy (claude-ui.3) ──
   Gleiche Zuordnung wie Abschnitt 27 (Desktop-Leiste): Symbolfläche 28/8 in der Themenfarbe, aktive Zeile bleibt gelb markiert. */
html :is(#pk-design#pk-design,body) .mobile-navigation-item:is([data-section="dienste"],[data-section="forms"]) .pk-menu-ico{--tone:var(--pk-tone-events)}
html :is(#pk-design#pk-design,body) .mobile-navigation-item:is([data-section="planung"],[data-section="questions"],[data-section="users"]) .pk-menu-ico{--tone:var(--pk-tone-tasks)}
html :is(#pk-design#pk-design,body) .mobile-navigation-item:is([data-section="kasse"],[data-section="answers"]) .pk-menu-ico{--tone:var(--pk-tone-board)}
html :is(#pk-design#pk-design,body) .mobile-navigation-item:is([data-section="teilen"],[data-section="links"],[data-section="templates"]) .pk-menu-ico{--tone:var(--pk-tone-club)}
html :is(#pk-design#pk-design,body) .mobile-navigation-item:is([data-section="export"],[data-section="log"]) .pk-menu-ico{--tone:var(--pk-tone-surveys)}
html :is(#pk-design#pk-design,body) .mobile-navigation-item:is([data-section="einstellungen"],[data-section="settings"]) .pk-menu-ico{--tone:var(--pk-tone-admin)}

/* ── 30. Restpunkte der Komplett-Sichtprüfung 28.10. (claude-ui.4) ── */
/* Ausgeblendet heißt ausgeblendet: .btn{display:inline-flex} überschrieb [hidden] (z. B. „Bestätigen“ vor dem Code) */
html :is(#pk-design#pk-design,body) [hidden]{display:none!important}
/* Hilfe-„?“ im Dialogkopf wie überall: kein Kreis (die Kopf-Knopfregel aus Abschnitt 5 war spezifischer) */
html :is(#pk-design#pk-design,body) .sfp-dialog .dlg-head .help-btn.help-btn{border:0!important;background:transparent!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;border-radius:6px!important;color:var(--pk-warn)!important;font-size:17px!important;font-weight:800!important;box-shadow:none!important;padding:0!important}
/* Unterüberschrift mit „?“ (z. B. CSV-Import) */
html :is(#pk-design#pk-design,body) h3.pk-subhead{font-size:.95rem!important;font-weight:700!important;margin:16px 0 8px!important;color:var(--pk-text)}
/* Log-Filter: Trefferfläche mindestens 36 px */
html :is(#pk-design#pk-design,body) .log-filters :is(button,.btn,.chip){min-height:36px!important;padding-top:0!important;padding-bottom:0!important;display:inline-flex!important;align-items:center}
/* Kasse: Beleg + Stift + Papierkorb bleiben in einer Reihe; Knopftexte brechen nicht im Wort („Excel/CSV“) */
html :is(#pk-design#pk-design,body) .finance-entry-actions:has(.pk-trash-round){flex-wrap:nowrap!important;align-items:center;gap:8px}
html :is(#pk-design#pk-design,body) .finance-entry-actions:has(.pk-trash-round) > .btn:not(.pk-edit-round):not(.pk-trash-round){flex:1 1 auto;min-width:0;white-space:nowrap}
html :is(#pk-design#pk-design,body) .finance-actions-cell{min-width:250px}
html :is(#pk-design#pk-design,body) .pk-action-pair > .btn{overflow-wrap:normal!important;word-break:normal!important;white-space:nowrap;padding-left:12px!important;padding-right:12px!important}
/* Mitteilung an alle: Abstand zwischen Kanalwahl und „Betreff“ */
html :is(#pk-design#pk-design,body) form > .row:has(> .checkbox-label){margin-bottom:12px!important}
/* Benutzerliste als Karten (Tablet): Aktionszelle behielt width:1 % aus der Tabelle und schrumpfte auf 7 px */
html :is(#pk-design#pk-design,body) .users-table td.user-actions-cell{width:auto!important}
html :is(#pk-design#pk-design,body) .users-table .user-row-actions{width:auto!important;min-width:0}
/* Belegung „x frei“: Gefahrfarbe der Vorgabe statt festem Rot (Kontrast hell 3,9 → ≥ 4,5) */
html :is(#pk-design#pk-design,body) .cap-badge.open{color:var(--pk-danger)!important;background:color-mix(in srgb,var(--pk-danger) 14%,transparent)!important}

/* ── 31. Gastseiten nach Design 1.2 (claude-ui.5) ──
   Dienst-, Planungs-, Kassen- und Umfrage-Links, Formular-Dialoge: dieselben Knöpfe wie in der Web-App –
   Kapsel (Gelb = Hauptaktion, umrandet = Zweitaktion), ausgeschriebenes Löschen als rote ungefüllte Kapsel,
   in Aufgabenkarten das runde Paar Stift/Papierkorb 40. Gilt über Klassen, nicht je Seite. */
html :is(#pk-design#pk-design,body) :is(.public-app,.task-form-overlay,.task-modal-overlay) :is(button,a.ics-link):not(.help-btn):not(.pk-confirm-x):not(.ci-form-toggle):not(.area-btn):not(.ci-sh-btn):not(.signature-clear-x){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px!important;border-radius:999px!important;border:1px solid var(--pk-line-strong)!important;background:transparent!important;color:var(--pk-text)!important;font:inherit;font-weight:650!important;font-size:.95rem;line-height:1.2;text-decoration:none!important;box-shadow:none!important;cursor:pointer;transition:transform 120ms cubic-bezier(.23,1,.32,1),background-color 150ms ease,border-color 150ms ease}
@media (hover:hover) and (pointer:fine){html :is(#pk-design#pk-design,body) :is(.public-app,.task-form-overlay,.task-modal-overlay) :is(button,a.ics-link):not(.help-btn):not(.pk-confirm-x):not(.ci-form-toggle):not(.area-btn):not(.ci-sh-btn):not(.signature-clear-x):hover:not(:disabled){background:var(--pk-hover)!important}}
html :is(#pk-design#pk-design,body) :is(.public-app,.task-form-overlay,.task-modal-overlay) :is(button,a.ics-link):not(.help-btn):not(.pk-confirm-x):not(.ci-form-toggle):not(.area-btn):not(.ci-sh-btn):not(.signature-clear-x):active:not(:disabled){transform:scale(.97)}
html :is(#pk-design#pk-design,body) :is(.public-app,.task-form-overlay,.task-modal-overlay) :is(button,a.ics-link):not(.help-btn):not(.pk-confirm-x):not(.ci-form-toggle):not(.area-btn):not(.ci-sh-btn):not(.signature-clear-x):focus-visible{outline:none!important;box-shadow:var(--pk-focus)!important}
html :is(#pk-design#pk-design,body) :is(.public-app,.task-form-overlay,.task-modal-overlay) :is(button,a.ics-link):not(.help-btn):not(.pk-confirm-x):not(.ci-form-toggle):not(.area-btn):not(.ci-sh-btn):not(.signature-clear-x):disabled{opacity:.5;cursor:not-allowed}
/* Hauptaktion gelb */
html :is(#pk-design#pk-design,body) :is(.public-app,.task-form-overlay,.task-modal-overlay) :is(.task-add-btn,button[type=submit],.survey-primary-btn,.ci-submit):not(.help-btn):not(.pk-confirm-x):not(.ci-form-toggle):not(.area-btn):not(.ci-sh-btn):not(.signature-clear-x):not(.danger){background:var(--pk-primary)!important;color:var(--pk-on-primary)!important;border-color:transparent!important}
@media (hover:hover) and (pointer:fine){html :is(#pk-design#pk-design,body) :is(.public-app,.task-form-overlay,.task-modal-overlay) :is(.task-add-btn,button[type=submit],.survey-primary-btn,.ci-submit):not(.help-btn):not(.pk-confirm-x):not(.ci-form-toggle):not(.area-btn):not(.ci-sh-btn):not(.signature-clear-x):not(.danger):hover:not(:disabled){background:var(--pk-primary-hover)!important}}
/* Ausgeschriebenes Löschen/Entfernen/Zurückziehen: rote ungefüllte Kapsel */
html :is(#pk-design#pk-design,body) :is(.public-app,.task-form-overlay,.task-modal-overlay) :is(button.danger,.survey-danger-btn):not(.help-btn):not(.pk-confirm-x):not(.ci-form-toggle):not(.area-btn):not(.ci-sh-btn):not(.signature-clear-x){border:1.5px solid color-mix(in srgb,var(--pk-danger) 60%,transparent)!important;color:var(--pk-danger)!important;background:transparent!important}
@media (hover:hover) and (pointer:fine){html :is(#pk-design#pk-design,body) :is(.public-app,.task-form-overlay,.task-modal-overlay) :is(button.danger,.survey-danger-btn):not(.help-btn):not(.pk-confirm-x):not(.ci-form-toggle):not(.area-btn):not(.ci-sh-btn):not(.signature-clear-x):hover:not(:disabled){background:color-mix(in srgb,var(--pk-danger) 10%,transparent)!important}}
/* Kompakte Zweitaktion (z. B. „Bearbeiten“ bei Notizen) */
html :is(#pk-design#pk-design,body) :is(.public-app,.task-form-overlay,.task-modal-overlay) .planning-notes-public-head .task-mini-btn{min-height:36px;padding:0 14px!important;width:auto!important;flex:0 0 auto}
html :is(#pk-design#pk-design,body) :is(.public-app,.task-form-overlay,.task-modal-overlay) .planning-notes-public-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
/* Aufgabenkarte: Kästchen mittig zur Titelzeile, Paar rechts mittig */
html :is(#pk-design#pk-design,body) .public-app .task-row:has(> .task-row-actions){display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px}
html :is(#pk-design#pk-design,body) .public-app .task-row:has(> .task-row-actions) > input[type=checkbox]{align-self:start;margin-top:calc((1.45em - 20px) / 2)!important}
html :is(#pk-design#pk-design,body) .public-app .task-row-actions{display:inline-flex!important;align-items:center;gap:8px;width:auto!important;margin:0!important;padding:0!important;border:0!important;grid-column:3;grid-row:1 / span 3;align-self:center}
html :is(#pk-design#pk-design,body) .public-app .task-row-actions > .task-mini-btn:not(.help-btn):not(.pk-confirm-x):not(.ci-form-toggle):not(.area-btn):not(.ci-sh-btn):not(.signature-clear-x){width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:50%!important;font-size:0!important;flex:0 0 40px;display:inline-grid!important;place-items:center;box-sizing:border-box;gap:0}
html :is(#pk-design#pk-design,body) .public-app .task-row-actions > .task-mini-btn:not(.help-btn):not(.pk-confirm-x):not(.ci-form-toggle):not(.area-btn):not(.ci-sh-btn):not(.signature-clear-x)::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--pk-ico) center/contain no-repeat;mask:var(--pk-ico) center/contain no-repeat}
html :is(#pk-design#pk-design,body) .public-app .task-row-actions > .task-mini-btn:not(.help-btn):not(.pk-confirm-x):not(.ci-form-toggle):not(.area-btn):not(.ci-sh-btn):not(.signature-clear-x):not(.danger){--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 5.5l4 4L9 19H5v-4z'/%3E%3Cpath d='M12.5 7.5l4 4'/%3E%3C/svg%3E");background:color-mix(in srgb,var(--pk-primary) 18%,transparent)!important;border:1.5px solid var(--pk-primary)!important;color:var(--pk-primary)!important}
html :is(#pk-design#pk-design,body) .public-app .task-row-actions > .task-mini-btn:not(.help-btn):not(.pk-confirm-x):not(.ci-form-toggle):not(.area-btn):not(.ci-sh-btn):not(.signature-clear-x).danger{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12M9 7V4h6v3'/%3E%3C/svg%3E");background:color-mix(in srgb,var(--pk-danger) 14%,transparent)!important;border:1.5px solid color-mix(in srgb,var(--pk-danger) 55%,transparent)!important;color:var(--pk-danger)!important}
html[data-theme="light"] :is(#pk-design#pk-design,body) .public-app .task-row-actions > .task-mini-btn:not(.help-btn):not(.pk-confirm-x):not(.ci-form-toggle):not(.area-btn):not(.ci-sh-btn):not(.signature-clear-x):not(.danger){color:#6B5300!important;border-color:#A88A00!important;background:color-mix(in srgb,#F0D65B 30%,transparent)!important}
/* Kalender-Link mit Symbol statt Emoji */
html :is(#pk-design#pk-design,body) .public-app a.pk-pub-cal{min-height:36px;padding:0 14px!important}
html :is(#pk-design#pk-design,body) .public-app a.pk-pub-cal::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='3'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='3'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat}
/* Abschnitte der Gastseiten (Notizen, Planungsstand) als ruhige Karte mit Titel; Formular-Dialoge mit Kapselleiste */
html :is(#pk-design#pk-design,body) .public-app :is(.planning-notes-public,.planning-overview) > :is(.planning-notes-public-head h2,h2){font-size:1.05rem!important;font-weight:700!important}
html :is(#pk-design#pk-design,body) :is(.task-form-actions,.task-modal .task-form-actions){display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
@media (max-width:430px){html :is(#pk-design#pk-design,body) :is(.task-form-actions) > button{flex:1 1 auto}}
/* Link-Dialog (Web-App): Empfehlung als ruhiger Info-Hinweis statt Fehlerkasten */
html :is(#pk-design#pk-design,body) .pk-info-note{display:flex;gap:8px;align-items:flex-start;margin:8px 0;padding:10px 12px;border-radius:var(--pk-r-field);border:1px solid color-mix(in srgb,var(--pk-accent) 35%,transparent);background:color-mix(in srgb,var(--pk-accent) 9%,transparent);color:var(--pk-text);font-size:.9rem;line-height:1.4}

/* Titel-Plakette im Rahmen dezent hervorgehoben (Design 1.2, Wunsch 28.10.): feiner gelber Rahmen + weicher Schimmer,
   keine Verläufe, keine Dauer-Animation. Hell mit dunklerem Gelb für ausreichenden Kontrast der Linie. */
html :is(#pk-design#pk-design,body) :is(#app .card:not(.pk-area-head):not(.event-header):not(.workspace-dashboard) > h2:first-child,fieldset.pk-section > legend,.pk-area-body > :is(.survey-links-section,.survey-date-poll-admin) .survey-heading-with-help){border-color:color-mix(in srgb,#F0D65B 55%,transparent)!important;box-shadow:0 0 0 3px rgba(240,214,91,.12),0 4px 14px rgba(240,214,91,.10),0 1px 2px rgba(0,0,0,.22)!important}
html[data-theme="light"] :is(#pk-design#pk-design,body) :is(#app .card:not(.pk-area-head):not(.event-header):not(.workspace-dashboard) > h2:first-child,fieldset.pk-section > legend,.pk-area-body > :is(.survey-links-section,.survey-date-poll-admin) .survey-heading-with-help){border-color:color-mix(in srgb,#A88A00 60%,transparent)!important;box-shadow:0 0 0 3px rgba(168,138,0,.10),0 4px 12px rgba(168,138,0,.10),0 1px 2px rgba(20,46,59,.08)!important}

/* ── 32. Aufgaben-/Listenkarte als ein Muster (claude-ui.6) ──
   Web-App und Gastseiten gleich: Kopfzeile = Kästchen 20 · Titel · (Plakette) · Paar 40 auf EINER Linie (Mitte bei 20 px),
   darunter optional Angaben/Notiz eingerückt unter dem Titel. Keine Mindesthöhe, Innenabstand 14/16, einzeilig 68 px.
   Keine Trennlinie unter dem Titel (nur Abstand). Erledigt: nur Inhalt gedämpft, Kästchen und Paar bleiben voll sichtbar.
   Langer Titel bricht um; Kästchen und Paar bleiben an der ersten Titelzeile. Paar/Plakette reichen über zwei Zeilen,
   damit Angaben direkt unter dem Titel beginnen. */
html :is(#pk-design#pk-design,body) #app .task-row{display:grid!important;grid-template-columns:20px minmax(0,1fr) auto!important;column-gap:12px!important;row-gap:4px!important;align-items:start!important;min-height:0!important;padding:14px 16px!important;opacity:1!important}
html :is(#pk-design#pk-design,body) #app .task-row:has(> .task-state){grid-template-columns:20px minmax(0,1fr) auto auto!important}
html :is(#pk-design#pk-design,body) #app .task-row > .task-main{display:contents!important}
html :is(#pk-design#pk-design,body) #app .task-row > input[type=checkbox]{grid-column:1;grid-row:1;align-self:start!important;margin:10px 0 0!important}
html :is(#pk-design#pk-design,body) #app .task-row > .task-main > :first-child{grid-column:2;grid-row:1;align-self:start;margin:0!important;padding:9px 0 0!important;min-width:0}
html :is(#pk-design#pk-design,body) #app .task-row .task-title{display:block;line-height:22px!important;overflow-wrap:break-word;hyphens:auto}
html :is(#pk-design#pk-design,body) #app .task-row .task-title-row{display:flex!important;align-items:center;min-height:0!important;padding:9px 0 0!important}
html :is(#pk-design#pk-design,body) #app .task-row .task-title-row > .task-title{padding:0!important}
html :is(#pk-design#pk-design,body) #app .task-row > .task-main > :not(:first-child){grid-column:2;margin:0!important;padding:0!important;border:0!important;min-width:0}
html :is(#pk-design#pk-design,body) #app .task-row > .task-main > .task-desc{margin-top:2px!important;color:var(--pk-muted)}
html :is(#pk-design#pk-design,body) #app .task-row > .task-state{grid-column:3;grid-row:1 / span 2;align-self:start!important;margin-top:6px!important;white-space:nowrap}
html :is(#pk-design#pk-design,body) #app .task-row > .task-row-actions{grid-column:-2 / -1!important;grid-row:1 / span 2!important;align-self:start!important;margin:0!important;padding:0!important;border:0!important;width:auto!important;display:inline-flex!important;gap:8px;align-items:center}
html :is(#pk-design#pk-design,body) #app .task-row.is-done > .task-main > *{opacity:.62}
html :is(#pk-design#pk-design,body) #app .task-row.is-done > :is(input[type=checkbox],.task-row-actions,.task-state){opacity:1!important}
@media (max-width:430px){html :is(#pk-design#pk-design,body) #app .task-row{padding:12px 14px!important;column-gap:10px!important}}

/* ── 34. Runder Symbolknopf als EIN Baustein (claude-ui.8) ──
   .pk-icon-btn (40 × 40, Kreis) mit genau einem SVG 18 × 18, absolut in der Mitte – keine Schrift-/Masken-Symbole, keine
   Grundlinie, kein Grid/Flex nötig (WebKit, WhatsApp-Browser). --edit Gelb 18 % / Ring Gelb, --delete Danger 14 % / Ring 55 %.
   Alte Klassen (pk-edit-round, pk-trash-round, event-edit-trigger, task-mini-btn im Paar) werden per JS auf den Baustein umgeleitet. */
html :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn{-webkit-appearance:none!important;appearance:none!important;position:relative!important;display:inline-block!important;width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;margin:0!important;border-radius:50%!important;box-sizing:border-box!important;line-height:0!important;font-size:0!important;letter-spacing:0!important;text-indent:0!important;flex:0 0 40px!important;vertical-align:middle;overflow:hidden;cursor:pointer;box-shadow:none!important;background-image:none!important;transition:transform 120ms cubic-bezier(.23,1,.32,1),background-color 150ms ease,border-color 150ms ease}
html :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn::before,html :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn::after{content:none!important;display:none!important}
html :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn > svg.pk-icon-svg{position:absolute!important;top:50%!important;left:50%!important;width:18px!important;height:18px!important;margin:-9px 0 0 -9px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transform:none!important}
html :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn > :not(svg.pk-icon-svg){display:none!important}
html :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn--edit{background:color-mix(in srgb,var(--pk-primary) 18%,transparent)!important;border:1.5px solid var(--pk-primary)!important;color:var(--pk-primary)!important}
html :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn--delete{background:color-mix(in srgb,var(--pk-danger) 14%,transparent)!important;border:1.5px solid color-mix(in srgb,var(--pk-danger) 55%,transparent)!important;color:var(--pk-danger)!important}
html[data-theme="light"] :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn--edit{color:#6B5300!important;border-color:#A88A00!important;background:color-mix(in srgb,#F0D65B 30%,transparent)!important}
@media (hover:hover) and (pointer:fine){html :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn--edit:hover:not(:disabled){background:color-mix(in srgb,var(--pk-primary) 28%,transparent)!important}html :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn--delete:hover:not(:disabled){background:color-mix(in srgb,var(--pk-danger) 24%,transparent)!important}}
html :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn:active:not(:disabled){transform:scale(.95)!important}
html :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn:focus-visible{outline:none!important;box-shadow:var(--pk-focus)!important}
html :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn:disabled{opacity:.5;cursor:not-allowed}

/* ── 35. Titel auf der Kartenkante überall, zentraler Abstand, Erledigt-Rundknopf (claude-ui.9) ──
   .pk-titled = Kasten, dessen Titel (.pk-edge-title) als Plakette auf der oberen Kante sitzt – gleiche Werte wie Abschnitt 28/31
   (Kartenfarbe, 1 px gelber Rahmen 55 %, weicher Schimmer, 17/700). --pk-legend-space: Abstand über jedem Kasten mit Titel
   auf der Kante (Kante zu Kante), damit die Plakette nie am Kasten darüber klebt. */
:root{--pk-legend-space:30px}
html :is(#pk-design#pk-design,body) #app .pk-titled{position:relative;overflow:visible!important;padding-top:28px!important}
html :is(#pk-design#pk-design,body) #app .pk-titled > .pk-edge-title{display:flex!important;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 4px);margin:-47px auto 14px -6px!important;padding:6px 14px!important;border:1px solid color-mix(in srgb,#F0D65B 55%,transparent)!important;border-radius:999px;background:var(--pk-surface);box-shadow:0 0 0 3px rgba(240,214,91,.12),0 4px 14px rgba(240,214,91,.10),0 1px 2px rgba(0,0,0,.22)!important;font-size:1.08rem!important;font-weight:700!important;line-height:1.3!important;color:var(--pk-text);text-transform:none!important;letter-spacing:0!important;justify-content:flex-start!important;align-self:flex-start!important;position:relative;z-index:1}
html :is(#pk-design#pk-design,body) #app .pk-titled > .pk-edge-title :is(h2,h3,h4){margin:0!important;font:inherit!important;color:inherit!important;letter-spacing:0!important}
html :is(#pk-design#pk-design,body) #app .pk-titled > h3.pk-edge-title.board-help-heading{justify-content:flex-start!important}
html[data-theme="light"] :is(#pk-design#pk-design,body) #app .pk-titled > .pk-edge-title{border-color:color-mix(in srgb,#A88A00 60%,transparent)!important;box-shadow:0 0 0 3px rgba(168,138,0,.10),0 4px 12px rgba(168,138,0,.10),0 1px 2px rgba(20,46,59,.08)!important}
@media (max-width:520px){html :is(#pk-design#pk-design,body) #app .pk-titled > .pk-edge-title{font-size:1rem!important;padding:5px 12px!important;margin-top:-46px!important}}
html :is(#pk-design#pk-design,body) #app .pk-titled > .survey-section-head.pk-title-moved{justify-content:flex-end!important;margin-top:-10px!important}
html :is(#pk-design#pk-design,body) #app .pk-titled > .section-title-row.pk-title-moved{justify-content:flex-end!important;margin-top:-10px!important}
html :is(#pk-design#pk-design,body) #app .pk-titled .ci-inv-head.pk-title-moved,html :is(#pk-design#pk-design,body) #app .pk-titled .ci-inv-head:has(> .pk-title-moved){display:block!important}
html :is(#pk-design#pk-design,body) #app .pk-titled .ci-inv-head .ci-inv-badge{display:none!important}
html :is(#pk-design#pk-design,body) #app .survey-date-poll-admin.pk-titled .survey-date-poll-head{margin-top:0!important}
html :is(#pk-design#pk-design,body) #app .pk-titled > .pk-edge-title + *{margin-top:0!important}
html :is(#pk-design#pk-design,body) #app .board-minutes-workspace.pk-titled > .pk-edge-title{margin-bottom:-4px!important}
html :is(#pk-design#pk-design,body) #app .board-minutes-workspace.pk-titled > .board-export-menu{margin-top:0!important}
/* Sitzungskopf und „Sitzung & Zuständigkeiten“ als zwei Karten */
html :is(#pk-design#pk-design,body) #app .board-head-card:has(+ .board-summary-card){margin-bottom:0!important}
html :is(#pk-design#pk-design,body) #app .board-head-card:has(+ .board-summary-card) > .board-detail-head{border-bottom:0!important;padding-bottom:0!important;margin-bottom:0!important}
html :is(#pk-design#pk-design,body) #app .board-summary-card > h2.board-summary-heading{justify-content:flex-start!important}
/* Zentraler Abstand: Kante des Kastens darüber bis Kante des Kastens mit Titel = --pk-legend-space.
   In Flex-/Grid-Spalten zählt der Spaltenabstand mit, daher dort nur der Rest als Rand. */
html :is(#pk-design#pk-design,body) #app :is(.card:not(.pk-area-head):not(.event-header):not(.workspace-dashboard):has(> h2:first-child),.pk-titled,.survey-links-section){margin-top:var(--pk-legend-space)!important}
html :is(#pk-design#pk-design,body) #app :is(.pk-area-tiles,.pk-area-body,.board-section,.board-detail) > :is(.card:not(.pk-area-head):not(.event-header):not(.workspace-dashboard):has(> h2:first-child),.pk-titled,.survey-links-section){margin-top:calc(var(--pk-legend-space) - var(--pk-col-gap,16px))!important}
html :is(#pk-design#pk-design,body) #app .pk-area-tiles{--pk-col-gap:12px}
html :is(#pk-design#pk-design,body) #app :is(.pk-area-body,.board-section,.board-detail){--pk-col-gap:16px}
html :is(#pk-design#pk-design,body) #app .dlg-form + fieldset.pk-section{margin-top:22px!important}
html :is(#pk-design#pk-design,body) #app .pk-area-tiles .survey-dashboard-create{margin:calc(var(--pk-legend-space) - 12px) 0 0!important}

/* Erledigt-Rundknopf (Design 1.2, Regel „Erledigt-Rundknopf“): Kreis 40, Grün 14 %, Ring 1,5 Grün, Häkchen Grün;
   erledigt: grün gefüllt, Häkchen weiß. Dunkel wird die Füllung abgedunkelt, damit Weiß ≥ 3 : 1 erreicht. */
html :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn--done{background:color-mix(in srgb,var(--pk-ok) 14%,transparent)!important;border:1.5px solid var(--pk-ok)!important;color:var(--pk-ok)!important}
html :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn--done > svg.pk-icon-svg{stroke-width:2.1}
html :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn--done.is-done{background:#1E8A5E!important;border-color:#1E8A5E!important;color:#FFFFFF!important}
html[data-theme="light"] :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn--done.is-done{background:var(--pk-ok)!important;border-color:var(--pk-ok)!important}
@media (hover:hover) and (pointer:fine){html :is(#pk-design#pk-design,body) :is(#app,body) button.pk-icon-btn--done:not(.is-done):hover:not(:disabled){background:color-mix(in srgb,var(--pk-ok) 24%,transparent)!important}}
/* Aufgaben & Planung: Reihe rechts unten, Karte öffnet weiter den Editor */
html :is(#pk-design#pk-design,body) #app .planning-item.pk-has-actions{padding-bottom:16px!important}
html :is(#pk-design#pk-design,body) #app .planning-item.pk-has-actions > .pk-tile-chev{display:none!important}
html :is(#pk-design#pk-design,body) #app .planning-item > .planning-item-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:auto;padding-top:6px}

/* Umfragen: leere Versandzeile nimmt keinen Platz über dem Hauptknopf, erste Einstellungsgruppe mit Luft unter den Reitern,
   Fragen-/Optionszeilen mit rundem Paar und runden Pfeilen (40) */
html :is(#pk-design#pk-design,body) #app .survey-date-poll-send-status:empty{display:none!important}
html :is(#pk-design#pk-design,body) #app .survey-settings-groups > fieldset.pk-section:first-child{margin-top:12px!important}
html :is(#pk-design#pk-design,body) #app .survey-question-head .tasks-actions > .btn.ci-icon-btn{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border-radius:50%!important}
html :is(#pk-design#pk-design,body) #app .survey-option-admin-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
html :is(#pk-design#pk-design,body) #app .survey-option-admin-actions .pk-pair,html :is(#pk-design#pk-design,body) #app .survey-question-head .tasks-actions .pk-pair{display:inline-flex;gap:8px;align-items:center}

/* ── 36. Durchklick 29.10. (claude-ui.10) ──
   Hell-Varianten fehlender Zeilen, Belegung, Paar rechts mittig, Zwischenüberschriften als Karte, Regel T (kein Umbruch in
   Kapseln, keine Silbentrennung), Bereichskopf mit Aktion, Legendenposition, native Bedienelemente im Hellmodus. */
/* Hellmodus: feste dunkle Flächen aus admin.css bekamen keine Hell-Fassung (DURCH-02) */
html[data-theme="light"] :is(#pk-design#pk-design,body) :is(.finance-register-row,.finance-tax-card,.finance-tax-preview,.finance-protocol-callout,.tenant-features-form .tenant-feature-choice,.admin-live-status){background:var(--pk-surface-2)!important;border-color:var(--pk-line)!important;color:var(--pk-text)!important}
html[data-theme="light"] :is(#pk-design#pk-design,body) :is(.finance-register-row,.finance-tax-card,.finance-tax-preview,.finance-protocol-callout) :is(.muted,small){color:var(--pk-muted)!important}
html[data-theme="light"] :is(#pk-design#pk-design,body) .workspace-section-menu .section-menu-chevron{background:var(--pk-surface-2)!important;color:var(--pk-text)!important}
html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] :is(#pk-design#pk-design,body) :is(input,select,textarea){color-scheme:light}
/* Regel T: Kapseln einzeilig, keine Silbentrennung; lange Kapseln nehmen eine eigene Zeile */
html :is(#pk-design#pk-design,body) #app *{-webkit-hyphens:manual!important;hyphens:manual!important}
html :is(#pk-design#pk-design,body) #app .btn:not(.pk-icon-btn){white-space:nowrap!important}
html :is(#pk-design#pk-design,body) #app :not(.board-detail-head):not(.section-title-row) > .tasks-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
html :is(#pk-design#pk-design,body) #app :not(.board-detail-head):not(.section-title-row) > .tasks-actions > .btn:not(.pk-icon-btn):not(.ci-icon-btn){flex:1 1 auto!important;width:auto!important;min-width:0!important}
html :is(#pk-design#pk-design,body) #app .pk-nowrap{white-space:nowrap}
/* Zeitslot: Duplizieren + Paar in einer Zeile, nichts läuft über den Rand */
html :is(#pk-design#pk-design,body) #app .slot-actions-row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important}
html :is(#pk-design#pk-design,body) #app .slot-actions-row > .btn:not(.pk-icon-btn){flex:0 1 auto!important;width:auto!important;min-width:0!important}
html :is(#pk-design#pk-design,body) #app .slot-actions-row > .btn:not(.pk-icon-btn) + .pk-icon-btn{margin-left:auto!important}
html :is(#pk-design#pk-design,body) #app .slot-actions-row > .pk-icon-btn{flex:0 0 40px!important}
/* Anmeldungen/Personen: Paar rechts, mittig zum Namen (Design 1.2 Listenkarte) */
html :is(#pk-design#pk-design,body) #app .slot-signup-list > li{flex-wrap:nowrap!important;align-items:center!important;gap:12px!important}
html :is(#pk-design#pk-design,body) #app .slot-signup-list > li > .slot-signup-info{flex:1 1 auto!important;min-width:0!important}
html :is(#pk-design#pk-design,body) #app .slot-signup-list > li > .slot-signup-actions{flex:0 0 auto!important;width:auto!important;margin:0 0 0 auto!important;justify-content:flex-end!important}
html :is(#pk-design#pk-design,body) #app .pk-form-subhead{display:flex;align-items:center;gap:8px;margin:0 0 4px!important;font-weight:700;color:var(--pk-text)}
/* Umfrage-Fragen und Termine: Aktionen rechtsbündig, Paar ganz rechts */
html :is(#pk-design#pk-design,body) #app :is(.survey-option-admin-actions,.survey-question-head > .tasks-actions){justify-content:flex-end!important}
/* Vorstand-Teilnehmende: Auswahl breit, Paar rechts */
html :is(#pk-design#pk-design,body) #app .board-row-actions:has(> .pk-pair){display:flex!important;align-items:center!important;gap:8px!important;width:100%}
html :is(#pk-design#pk-design,body) #app .board-row-actions:has(> .pk-pair) > select{flex:1 1 auto!important;min-width:0!important;width:auto!important}
html :is(#pk-design#pk-design,body) #app .board-row-actions > .pk-pair{flex:0 0 auto;margin-left:auto!important}
/* Sitzungskopf ohne Trennlinie, wenn die Bereichsauswahl direkt folgt */
html :is(#pk-design#pk-design,body) #app .board-detail > .board-head-card > .board-detail-head:last-child{border-bottom:0!important;padding-bottom:0!important;margin-bottom:0!important}
/* Dienstplan: Paar rechts in der geöffneten Plankarte */
html :is(#pk-design#pk-design,body) #app .duty-plan-row{position:relative}
html :is(#pk-design#pk-design,body) #app .duty-plan-row.has-pair > .duty-plan-item{padding-right:112px!important}
html :is(#pk-design#pk-design,body) #app .duty-plan-row > .pk-pair{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:inline-flex;gap:8px}
/* Zwischenüberschrift als eigene Karte */
html :is(#pk-design#pk-design,body) #app .pk-split-card > h2:first-child{justify-content:flex-start!important}
html :is(#pk-design#pk-design,body) #app .pk-split-card > h2 .ci-emo-ic{width:16px;height:16px}
/* Bereichskopf mit Aktion: Desktop rechts neben Titel und Text, Handy darunter */
html :is(#pk-design#pk-design,body) .card.pk-area-head.pk-has-tools{grid-template-columns:minmax(0,1fr) auto;column-gap:16px}
html :is(#pk-design#pk-design,body) .card.pk-area-head.pk-has-tools > :not(.pk-area-head-tools){grid-column:1}
html :is(#pk-design#pk-design,body) .card.pk-area-head.pk-has-tools > .pk-area-head-tools{grid-column:2;grid-row:1 / span 3;align-self:center;margin:0!important;width:auto}
@media (max-width:640px){html :is(#pk-design#pk-design,body) .card.pk-area-head.pk-has-tools{grid-template-columns:minmax(0,1fr)}html :is(#pk-design#pk-design,body) .card.pk-area-head.pk-has-tools > .pk-area-head-tools{grid-column:1;grid-row:auto;width:100%;margin-top:6px!important}}
/* Abschnittslegende auf derselben Linie wie Kartentitel (23 px vom Rand) */
html :is(#pk-design#pk-design,body) fieldset.pk-section > legend{margin-left:10px!important}
/* Klebende Bereichsauswahl: Sprungziele und Fokus landen darunter, nicht dahinter */
@media (max-width:820px){html:has(#app .workspace-section-menu){scroll-padding-top:84px}}
/* Log: „Weitere anzeigen“ */
html :is(#pk-design#pk-design,body) #app .log-more{margin:12px auto 0!important;display:flex}
html :is(#pk-design#pk-design,body) #app .log-more[hidden]{display:none!important}

/* ── 37. Logo im Hellmodus ohne dunkle Kachel (claude-ui.11) ──
   Hell: dieselbe Fassung wie iOS/Android im Hellmodus (BrandLogo-auf-hell, dunkle Schrift, transparent) direkt auf dem Grund.
   Das alte Bild bleibt im Element (Größe, Alternativtext), sein Inhalt wird nur aus dem Bild geschoben – funktioniert ohne Skript
   in allen Browsern. Dunkel unverändert; die Website lädt diese Datei nicht und bleibt dunkel. */
html[data-theme="light"] :is(#pk-design#pk-design,body) :is(.app-shell-header,.login-card) .logo{background:none!important;padding:0!important;border-radius:0!important}
html[data-theme="light"] :is(#pk-design#pk-design,body) img[src*="brand-logo-6dacff7a"]{object-position:-100000px 0!important;background:url("brand-logo-hell-cca890bc.png") left center / contain no-repeat!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
/* claude-benutzerliste.1: Benutzerliste als gegliederte Liste (Person · Rolle · Aktionen, darunter Sicherheit und Rechte) */
html :is(#pk-design#pk-design,body) .pk-userlist-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 14px}
html :is(#pk-design#pk-design,body) .pk-userlist-head p{margin:0}
html :is(#pk-design#pk-design,body) .pk-userlist-search{width:100%;max-width:420px;margin:0 0 14px}
html :is(#pk-design#pk-design,body) .pk-userlist{list-style:none;margin:0;padding:0;border:1px solid var(--pk-line);border-radius:var(--pk-r-card,16px);overflow:visible}
html :is(#pk-design#pk-design,body) .pk-userlist-item{display:grid;grid-template-columns:44px minmax(0,1.6fr) minmax(0,1fr) auto;grid-template-areas:"av who role act" ". facts facts facts";gap:10px 16px;align-items:center;padding:16px 18px;margin:0}
html :is(#pk-design#pk-design,body) .pk-userlist-item + .pk-userlist-item{border-top:1px solid var(--pk-line)}
html :is(#pk-design#pk-design,body) .pk-userlist-item[hidden]{display:none}
html :is(#pk-design#pk-design,body) .pk-userlist-avatar{grid-area:av;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:15px;background:var(--pk-surface-2);color:var(--pk-accent);border:1px solid var(--pk-line)}
html :is(#pk-design#pk-design,body) .pk-userlist-who{grid-area:who;display:grid;gap:2px;min-width:0}
html :is(#pk-design#pk-design,body) .pk-userlist-who strong{font-size:1.05rem}
html :is(#pk-design#pk-design,body) .pk-userlist-who .muted,html :is(#pk-design#pk-design,body) .pk-userlist-role .muted{font-size:.85rem;overflow-wrap:anywhere}
html :is(#pk-design#pk-design,body) .pk-userlist-role{grid-area:role;display:grid;gap:4px;justify-items:start;min-width:0}
html :is(#pk-design#pk-design,body) .pk-userlist-rolepill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:700;border:1px solid var(--pk-line-strong);color:var(--pk-text)}
html :is(#pk-design#pk-design,body) .pk-userlist-item > .user-row-actions{grid-area:act;display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:nowrap}
html :is(#pk-design#pk-design,body) .pk-userlist-item .secondary-actions{position:relative}
html :is(#pk-design#pk-design,body) .pk-userlist-item .secondary-actions-body{right:0!important;left:auto!important;z-index:5}
/* claude-benutzerliste.2 (Jannik 02.11. abends): Menü „Mehr“ so breit wie sein Inhalt, Einträge umbrechen statt überstehen;
   „Bearbeiten“ und „Mehr“ gleich hoch */
html :is(#pk-design#pk-design,body) .pk-userlist-item .secondary-actions-body{width:max-content!important;min-width:240px;max-width:min(340px,calc(100vw - 32px))!important;top:calc(100% + 6px)}
html :is(#pk-design#pk-design,body) .pk-userlist-item .secondary-actions-body .btn{width:100%!important;max-width:100%;white-space:normal!important;text-align:left;justify-content:flex-start!important;height:auto!important;min-height:44px}
html :is(#pk-design#pk-design,body) .pk-userlist-item > .user-row-actions > .btn,html :is(#pk-design#pk-design,body) .pk-userlist-item > .user-row-actions .secondary-actions > summary{box-sizing:border-box;height:44px!important;min-height:44px!important;padding-top:0!important;padding-bottom:0!important;display:inline-flex!important;align-items:center}
/* claude-benutzerliste.3 (Jannik 02.11. abends: „links, rechts und mittendrin“): eine linksbündige Inhaltsspalte –
   Name, darunter Benutzername/E-Mail, darunter Rolle + letzte Anmeldung in einer Zeile, darunter Sicherheit | Rechte
   mit fester Spaltenbreite, damit „Rechte“ in jeder Zeile an derselben Stelle beginnt. Nur die Knöpfe stehen rechts. */
html :is(#pk-design#pk-design,body) .pk-userlist-item{grid-template-columns:44px minmax(0,1fr) auto!important;grid-template-areas:"av who act" ". role role" ". facts facts"!important;gap:8px 16px!important;align-items:start!important}
html :is(#pk-design#pk-design,body) .pk-userlist-avatar{align-self:start}
html :is(#pk-design#pk-design,body) .pk-userlist-who{align-self:center}
html :is(#pk-design#pk-design,body) .pk-userlist-role{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 12px!important}
html :is(#pk-design#pk-design,body) .pk-userlist-facts{grid-template-columns:minmax(0,320px) minmax(0,1fr)!important;gap:10px 28px!important;margin-top:6px;padding-top:12px;border-top:1px dashed var(--pk-line)}
@media (max-width:760px){
  html :is(#pk-design#pk-design,body) .pk-userlist-item{grid-template-columns:44px minmax(0,1fr)!important;grid-template-areas:"av who" "role role" "facts facts" "act act"!important}
  html :is(#pk-design#pk-design,body) .pk-userlist-facts{grid-template-columns:1fr!important}
}
html :is(#pk-design#pk-design,body) .pk-userlist-facts{grid-area:facts;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:10px 20px;min-width:0}
html :is(#pk-design#pk-design,body) .pk-userlist-group{display:grid;gap:6px;min-width:0;align-content:start}
html :is(#pk-design#pk-design,body) .pk-userlist-label{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--pk-muted)}
html :is(#pk-design#pk-design,body) .pk-userlist-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
html :is(#pk-design#pk-design,body) .pk-userlist-chips .status-badge{margin:0}
/* Plaketten in beiden Modi farbig unterscheidbar: grün = eingerichtet, gelb/orange = Ausnahme, rot = offen */
html :is(#pk-design#pk-design,body) .pk-userlist-chips .status-badge.active{color:var(--pk-ok)!important;border-color:color-mix(in srgb,var(--pk-ok) 45%,transparent)!important;background:color-mix(in srgb,var(--pk-ok) 12%,transparent)!important}
html :is(#pk-design#pk-design,body) .pk-userlist-chips .status-badge.draft{color:var(--pk-warn)!important;border-color:color-mix(in srgb,var(--pk-warn) 45%,transparent)!important;background:color-mix(in srgb,var(--pk-warn) 12%,transparent)!important}
html :is(#pk-design#pk-design,body) .pk-userlist-chips .status-badge.warn{color:var(--pk-danger)!important;border-color:color-mix(in srgb,var(--pk-danger) 45%,transparent)!important;background:color-mix(in srgb,var(--pk-danger) 10%,transparent)!important}
html :is(#pk-design#pk-design,body) .pk-userlist-chips .status-badge::before{background:currentColor!important}
html :is(#pk-design#pk-design,body) .pk-userlist-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.82rem;background:var(--pk-surface-2);border:1px solid var(--pk-line);color:var(--pk-text);white-space:nowrap}
@media (max-width:760px){
  html :is(#pk-design#pk-design,body) .pk-userlist-item{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"av who" "role role" "facts facts" "act act";padding:16px}
  html :is(#pk-design#pk-design,body) .pk-userlist-role{grid-template-columns:auto 1fr;align-items:center;gap:10px}
  html :is(#pk-design#pk-design,body) .pk-userlist-facts{grid-template-columns:1fr}
  html :is(#pk-design#pk-design,body) .pk-userlist-item > .user-row-actions{justify-content:flex-start}
}

/* claude-site-admin.1: Website-Kopfleiste deckend. PK 1.1 schaltet die Unschärfe ab; durch die 92-%-Fläche schimmerte
   gescrollter Text (z. B. „Beta-Platz anfragen“ auf Preise) sichtbar hinter Logo und Menü durch. */
html.site-ci :is(#pk-design#pk-design,body) .ci-header-bar{background:var(--pk-bg,#0B1E29)!important}

/* claude-site.2: Handymenü der Website deckend (gleiche Ursache wie die Kopfleiste: 92 % ohne Unschärfe, Seiteninhalt
   schimmerte hinter den Menüpunkten durch) und Bild-Links „Groß ansehen“ mit 44 px Trefferfläche (vorher 21 px). */
html.site-ci :is(#pk-design#pk-design,body) .ci-menu{background:#08161F!important}
html.site-ci :is(#pk-design#pk-design,body) .ci-shot figcaption a{display:inline-flex;align-items:center;min-height:44px}