/* Shared presentation only; no global business or authorization behavior. */
img[data-pk-brand] { max-width:100%; aspect-ratio:121/40; object-fit:contain; }
.pk-document-page :is(.kb-hero,.card) img[data-pk-brand] { width:auto; }
.pk-brand-fallback { display:inline-block; color:inherit; font-weight:800; font-size:1.1rem; white-space:nowrap; line-height:1.25; }
.logo { width:150px; height:auto; min-height:40px; }
.logo img { display:block; width:100%; height:auto; }
.pk-document-page { min-height:100vh; min-height:100dvh; background-repeat:no-repeat; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.pk-document-page :is(p,li,td,dd,code,h1,h2,h3) { overflow-wrap:anywhere; }
.pk-document-page :is(.kb-wrap,.wrap) { max-width:1180px; }
.pk-document-page .kb-cardgrid { grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr)); }
.pk-document-header { background:#112838; color:#f0f7fa; border-bottom:1px solid #34566a; }
.pk-document-header-inner { width:min(1180px,calc(100% - 40px)); margin:auto; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 24px; padding:16px 0; }
.pk-document-header img { width:145px; height:auto; margin:0; display:block; }
.pk-document-header nav { display:flex; flex-wrap:wrap; gap:8px 16px; }
.pk-document-header nav a { display:inline-flex; align-items:center; min-height:44px; padding:6px 8px; border-radius:6px; color:#d0e4e7; font-size:.9rem; font-weight:650; text-decoration:none; }
.pk-document-header nav a[aria-current] { background:#224457; color:#fff; }
.pk-document-footer { padding:24px 20px; border-top:1px solid #34566a; background:#112838; color:#b2c6d0; text-align:center; font-size:.85rem; }
.pk-document-footer nav { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 20px; }
.pk-document-footer a { color:#d0e4e7; min-height:44px; display:inline-flex; align-items:center; }
.pk-document-page .kb-back,.pk-document-page .back { display:none; }
@media(max-width:600px) { .pk-document-header-inner { width:calc(100% - 24px); gap:8px; } .pk-document-header nav { gap:4px; } .pk-document-header nav a { font-size:.82rem; padding:6px; } }
@media print { .pk-document-header,.pk-document-footer { display:none; } }

/* Shared geometry across portal, admin, website and embedded app views. */
:root {
  --pk-corner-radius:12px;
  --pk-control-height:44px;
  --pk-help-color:#ffe52d;
  --sfp-control-radius:var(--pk-corner-radius);
  --sfp-card-radius:var(--pk-corner-radius);
  --sfp-radius-sm:var(--pk-corner-radius);
  --sfp-radius-md:var(--pk-corner-radius);
  --sfp-radius-lg:var(--pk-corner-radius);
  --sfp-control-height:var(--pk-control-height);
  --sfp-control-height-sm:var(--pk-control-height);
  --control-radius:var(--pk-corner-radius);
  --media-radius:var(--pk-corner-radius);
}
/* Only interface surfaces; circles, progress tracks and document paper keep
   their semantic shape. These declarations replace older component radii. */
:is(.btn,.nav-btn,.button,.header-login,.site-close,.mobile-nav summary,
.card,.event-list-item,.event-list-main,.reminder-choice,.mono-secret,.sfp-dialog,
.tenant-create-features,.help-body,.slot-card,.slot-info-row,.slot-edit-form,.slot-details,
.finance-stat,.log-row,.log-cat,.survey-settings-form,.survey-field-tile,.survey-manager-bar,
.survey-empty-state,.survey-builder-question,.survey-question-type-icon,.survey-option-admin,
.survey-import-callout,.survey-import-preview,.csv-file-input,.survey-result-row,
.settings-info-box,.recipient-option,.section-switcher,.export-subnav,.account-menu-trigger,
.account-menu-panel,.account-menu-item,.section-menu-trigger,.section-menu-item,.section-menu-list,
.accessibility-check,.accessibility-preview,.pdf-receipt-attachments,.plan-summary-card,
.plan-editor-card,.tenant-quota-card,.survey-date-poll-admin,.survey-date-poll-summary-row,
.survey-date-poll-final,.finance-tax-card,.finance-tax-preview,.finance-existing-receipt,
.finance-register-row,.finance-protocol-callout,.finance-protocol-item,.finance-closure-summary,
.finance-signature-canvas,.finance-close-confirm,.task-row,.planning-notes-panel,.workspace-header,
.event-edit-trigger,.event-edit-danger-zone,.section-menu-chevron,.mfa-qr,.tenant-notification-stats,
.notification-stat-card,.tenant-feature-choice,.board-meeting-card,.board-date-tile,.board-panel,
.board-meeting-row,.administration-navigation,.account-section,.mobile-navigation-item,
.board-minute-item,.board-composer,.board-composer-preview,.board-signature-pad,
.club-members-heading,.club-member-list,.club-member-editor,.club-member-filter,
.club-member-empty,.club-help-panel,.club-primary-link,.club-error,.club-notice,.club-success,
.system-notice-dialog,.system-notice-confirm,.notice-delivery,.tenant-delete-warning,
.tenant-delete-summary,.tenant-delete-phrase,.site-board-shot) {
  border-radius:var(--pk-corner-radius)!important;
}
:is(input:not([type]),input[type=text],input[type=password],input[type=email],input[type=tel],
input[type=url],input[type=search],input[type=date],input[type=time],input[type=number],
input[type=datetime-local],input[type=month],input[type=week],input[type=file],textarea,select),
.club-form button,.club-member-filter-row button,.club-header nav a,.secondary-actions>summary,
.survey-results-admin pre,.board-summary-strip>span,.club-member-overview>div,.club-details>div {
  border-radius:var(--pk-corner-radius)!important;
}
.primary-nav { border-radius:0 0 var(--pk-corner-radius) var(--pk-corner-radius); }
.account-section>.card { border-radius:0 0 var(--pk-corner-radius) var(--pk-corner-radius)!important; }
:is(.btn,.nav-btn,.button,.club-form button,.club-member-filter-row button,.system-notice-confirm) {
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:var(--pk-control-height)!important;padding:10px 16px!important;line-height:1.25!important;font-weight:650;
  border-style:solid;border-width:1px;
}
.btn:not(.secondary):not(.danger) { border-color:transparent; }
input[type=checkbox] {
  width:22px!important;height:22px!important;flex:0 0 22px;margin:0;
  accent-color:var(--sfp-primary,#ffe52d);cursor:pointer;
}
input[type=checkbox]:focus-visible { outline:3px solid var(--sfp-accent,#116b80);outline-offset:3px; }
.help-wrap { position:relative;display:inline-flex;align-items:center;vertical-align:middle; }
.help-btn,.help-btn:hover,.help-btn[aria-expanded="true"],.club-help summary,
.club-help[open] summary,.club-help summary:hover {
  display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  appearance:none;-webkit-appearance:none;width:32px;height:44px;min-width:32px;min-height:44px;
  padding:0 4px;border:0!important;border-radius:var(--pk-corner-radius);
  background:transparent!important;box-shadow:none!important;color:var(--pk-help-color)!important;
  font-size:18px;font-weight:800;line-height:1;transform:none;text-decoration:none;
}
.help-btn:hover,.club-help summary:hover { text-decoration:underline;text-underline-offset:4px; }
.help-btn:focus-visible,.club-help summary:focus-visible {
  outline:3px solid var(--sfp-accent,#116b80);outline-offset:2px;text-decoration:none;
}
@media (pointer:coarse) { .help-btn,.club-help summary { width:44px;min-width:44px; } }
@media (forced-colors:active) { .help-btn,.club-help summary { color:LinkText!important; } }

/* Help controls retain their hit area without changing a field label's height. */
.field-label-with-help { display:flex;align-items:center;gap:4px;line-height:1.5; }
.field-label-with-help .field-label-text { min-width:0; }
.field-label-with-help>.help-wrap { height:1.5em;width:32px;flex:0 0 32px; }
.field-label-with-help>.help-wrap>.help-btn { position:absolute;top:50%;left:0;translate:0 -50%; }
@media(pointer:coarse){.field-label-with-help>.help-wrap{width:44px;flex-basis:44px}}

/* The explanation gets the yellow surface; the question mark stays bare. */
.help-body,.help-body.open,.club-help-panel {
  background:#ffe52d!important;color:#102b3a!important;border-color:#d4ba00!important;
  padding:16px 18px;line-height:1.55;font-weight:500;
}
.help-body :is(p,strong,small),.club-help-panel :is(p,strong,small) { color:#102b3a!important; }
.help-body a,.club-help-panel a { color:#102b3a!important;text-decoration:underline; }
@media (forced-colors:active) {
  .help-body,.help-body.open,.club-help-panel { background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important; }
  .help-body :is(p,strong,small,a),.club-help-panel :is(p,strong,small,a) { color:CanvasText!important; }
}

/* One yellow close control, visible focus, and short motion across web surfaces. */
:is(.sfp-dialog .dlg-head .pk-dialog-close,.site-close,.system-notice-close,button[aria-label*="schließen"],button[aria-label*="Schließen"]){
 color:#ffe52d!important;background:#18394c!important;border-color:#ffe52d!important;
 min-width:44px;min-height:44px;border-radius:var(--pk-corner-radius)!important;
 transition:transform 140ms ease,box-shadow 140ms ease,background-color 140ms ease;
}
:is(.sfp-dialog .dlg-head .pk-dialog-close,.site-close,.system-notice-close,button[aria-label*="schließen"],button[aria-label*="Schließen"]):hover{transform:rotate(7deg);box-shadow:0 0 0 3px #ffe52d26}
:is(.sfp-dialog .dlg-head .pk-dialog-close,.site-close,.system-notice-close,button[aria-label*="schließen"],button[aria-label*="Schließen"]):active{transform:scale(.9) rotate(-7deg)}
:is(.sfp-dialog .dlg-head .pk-dialog-close,.site-close,.system-notice-close):focus-visible{outline:3px solid #ffe52d;outline-offset:3px}
@keyframes pk-overlay-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes pk-overlay-out{to{opacity:0;transform:translateY(8px) scale(.98)}}
.sfp-dialog[open]{animation:pk-overlay-in 180ms ease-out}
.sfp-dialog[open].pk-dialog-closing{animation:pk-overlay-out 150ms ease-in forwards;pointer-events:none}
:is(.mobile-nav[open] .mobile-nav-panel,.accessibility-panel[open] .accessibility-panel-content,.system-notice-dialog){animation:pk-overlay-in 180ms ease-out}
.mobile-nav[open] .menu-icon,.mobile-nav[open] summary{color:#ffe52d}
@media(prefers-reduced-motion:reduce){:is(.sfp-dialog,.site-close,.system-notice-dialog,.mobile-nav-panel,.accessibility-panel-content){animation:none!important;transition:none!important}button[aria-label*="schließen"]{transform:none!important;transition:none!important}}
:root[data-reduce-motion=true] :is(.sfp-dialog,.site-close,.system-notice-dialog,button[aria-label*="schließen"]),.site-reduce-motion :is(.mobile-nav-panel,.accessibility-panel-content,.site-close){animation:none!important;transition:none!important;transform:none!important}

.pk-panel-closing{animation:pk-overlay-out 150ms ease-in forwards!important}
:root[data-motion=reduce] :is(.site-close,.mobile-nav-panel,.accessibility-panel-content){animation:none!important;transition:none!important;transform:none!important}


/* Design.2: one control language with soft light, without continuous effects. */
:root{--pk-glass-shine:inset 0 1px 0 #ffffff1c;--pk-chevron-size:7px}
.btn,.button{background-image:linear-gradient(155deg,#ffffff15,#ffffff00 60%);box-shadow:var(--pk-glass-shine)}
:is(.btn.secondary,.nav-btn,.account-menu-trigger,.section-menu-trigger,.section-menu-item,.mobile-navigation-item,.secondary-actions>summary,.site-close,.header-login){
 background-image:linear-gradient(160deg,#ffffff0d,#ffffff00 58%);
 box-shadow:var(--pk-glass-shine);transition:background-color 140ms ease,box-shadow 140ms ease,transform 140ms ease;
}
:is(.btn,.button,.nav-btn,.section-menu-item,.mobile-navigation-item):active{transform:translateY(1px) scale(.985)}
:is(.card,.sfp-dialog,.board-panel,.survey-settings-form,.kb-section,.kb-hero,.kb-toc){box-shadow:var(--pk-glass-shine),0 12px 32px #0000000c}
:is(.sfp-dialog,.account-menu-panel,.secondary-actions-body,.mobile-nav-panel){background-image:linear-gradient(150deg,#ffffff08,#ffffff00 60%)}
.sfp-dialog::backdrop{background:#06131db3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sfp-dialog{border-color:#ffe52d!important}
/* Semantics remain native: keyboard, checked, mixed, disabled and forced colors. */
input[type=checkbox]{
 appearance:none;-webkit-appearance:none;display:inline-block;vertical-align:middle;
 width:22px!important;height:22px!important;min-width:22px;border:1px solid #7692a3;border-radius:7px!important;
 background:linear-gradient(145deg,#ffffff12,#00000012),var(--sfp-card-alt,#1c394b);
 box-shadow:inset 0 1px 2px #ffffff26,0 1px 2px #0000001c;cursor:pointer;
 transition:background-color 140ms ease,border-color 140ms ease,transform 140ms ease;
}
input[type=checkbox]:checked{
 border-color:#d9c11b;background-color:#ffe52d;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-9' fill='none' stroke='%23102b3a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(145deg,#ffffff45,#00000008);
 background-size:20px 20px,100% 100%;background-position:center;background-repeat:no-repeat;
}
input[type=checkbox]:indeterminate{background:#ffe52d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12h12' stroke='%23102b3a' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/20px no-repeat;border-color:#d9c11b}
input[type=checkbox]:disabled{opacity:.5;cursor:default}
input[type=checkbox]:not(:disabled):active{transform:scale(.92)}
input[type=radio]{accent-color:#ffe52d;min-width:22px;height:22px;flex:0 0 22px;margin:0}
/* One drawn chevron instead of varying text glyphs. */
:is(.secondary-actions,.account-section,.kb-faq details,.accessibility-panel,.club-help)>summary{list-style:none}
:is(.secondary-actions,.account-section,.kb-faq details,.accessibility-panel)>summary::-webkit-details-marker{display:none}
:is(.secondary-actions,.account-section,.kb-faq details,.accessibility-panel)>summary::after,
.account-menu-chevron::after,.section-menu-chevron::after{
 content:'';display:inline-block;width:var(--pk-chevron-size);height:var(--pk-chevron-size);flex:none;
 border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform 140ms ease;
 margin:0 2px 3px 10px;vertical-align:middle;
}
:is(.secondary-actions,.account-section,.kb-faq details,.accessibility-panel)[open]>summary::after,
[aria-expanded=true] :is(.account-menu-chevron,.section-menu-chevron)::after{content:'';transform:rotate(225deg);margin-bottom:-2px}
.account-menu-chevron,.section-menu-chevron{font-size:0!important;display:inline-flex;align-items:center;justify-content:center}
.section-menu-chevron{background:transparent!important;border:0!important;box-shadow:none!important;width:24px!important;height:24px!important;padding:0!important}
select:not([multiple]):not([size]){
 appearance:none;-webkit-appearance:none;padding-right:40px!important;
 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");
 background-repeat:no-repeat;background-position:right 14px center;background-size:16px;
}
:is(.sfp-dialog .dlg-head .pk-dialog-close,.system-notice-close){font-size:28px!important;line-height:1!important;padding:6px!important;font-weight:500!important}
.site-close [aria-hidden]{font-size:28px;line-height:1;font-weight:500}
.kb-section,.kb-hero,.kb-toc,.kb-minicard,.kb-note,.pdf-format-choices .radio-label,.board-pdf-options{border-radius:var(--pk-corner-radius)!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}input:active,button:active,a:active{transform:none!important}}
:root[data-reduce-motion=true] *, :root[data-motion=reduce] *,.site-reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
:root[data-reduce-motion=true] :is(button:hover,button:active,input:active),:root[data-motion=reduce] :is(button:hover,button:active,input:active),.site-reduce-motion :is(button:hover,button:active,input:active){transform:none!important}
:root[data-contrast=high] :is(.card,.sfp-dialog,.board-panel,.btn,.secondary-actions-body){box-shadow:none;background-image:none}
@media(forced-colors:active){input[type=checkbox],input[type=radio]{appearance:auto!important;background:none!important;box-shadow:none!important}select{appearance:auto!important;background-image:none!important}input[type=checkbox]:disabled{opacity:1}}

/* Geometric cross stays centered while its button rotates. */
.sfp-dialog .dlg-head .pk-dialog-close { position: relative; flex: 0 0 44px; width: 44px; height: 44px; display: grid; place-items: center; transform-origin: 50% 50%; }
.pk-dialog-close .pk-close-icon { display: block; position: relative; width: 22px; height: 22px; pointer-events: none; }
.pk-dialog-close .pk-close-icon::before,.pk-dialog-close .pk-close-icon::after { content: ''; position: absolute; width: 24px; height: 3px; background: currentColor; border-radius: 2px; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(45deg); }
.pk-dialog-close .pk-close-icon::after { transform: translate(-50%,-50%) rotate(-45deg); }