/* REQ-UI-MODAL-HELP-UNIFICATION-001 (wave 20, client rule 64): page help toggle, help blocks and step lists - the
 * ONE help presentation of the augite plugin family (ARF_Help_UI / assets/js/help.js), loaded on every front-end page
 * and every augite wp-admin page. Supersedes the collapsed <details> help boxes of REQ-UI-CONSISTENCY-PILL-HELPER-
 * FILTER-001 (admin.css / public.css rules removed): OFF = the blocks carry [hidden] and take no space; ON = visible
 * and fully expanded, no "Mehr erfahren" level. */
[data-augite-help][hidden]{display:none!important}
/* Contextual guidance contract: short field/action explanations live in a compact info trigger instead of a
 * permanent line below the control. The same content opens on pointer hover, keyboard focus and the toggled
 * .is-open state used for tap/click. Error, warning, legal and live status messages do not use this component. */
.augite-context-help{position:relative;display:inline-flex;align-items:center;margin-inline-start:5px;vertical-align:middle}
.augite-context-help__trigger{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:24px;height:24px;margin:0;padding:2px;border:0;background:transparent;color:#646970;line-height:1;cursor:help}
.augite-context-help__trigger svg{display:block;width:17px!important;height:17px!important}
.augite-context-help__trigger:focus{outline:0}
.augite-context-help__trigger:focus-visible{outline:2px solid rgba(217,96,10,.55);outline-offset:1px}
.augite-context-help__tooltip{position:absolute;z-index:100000;inset-inline-start:0;top:calc(100% + 6px);box-sizing:border-box;width:max-content;max-width:min(22rem,calc(100vw - 32px));padding:8px 10px;border:1px solid #c3c4c7;border-radius:0;background:#1d2327;color:#fff;font-size:12px;font-weight:400;line-height:1.45;letter-spacing:normal;text-align:start;text-transform:none;white-space:normal;overflow-wrap:anywhere;box-shadow:0 4px 14px rgba(0,0,0,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-2px);
 /* REQ-INTERN-BOOKING-DETAIL-VISUAL-CLARITY-001 AC5 / REQ-DISPOSITION-...-BLOCK-LAYOUT-001 (2026-09-21): a CLOSED
  * tooltip must take part in NO layout at all. `visibility:hidden` only stops it being painted - the box is still
  * `position:absolute` with `width:max-content` (up to 22rem) hanging off a 24px trigger, and an absolutely
  * positioned box still contributes to the scrollable overflow of every ancestor that does not clip it. In the
  * "Sperrzeit anlegen" dialog that produced a real, draggable horizontal scrollbar over an invisible element
  * (measured at 1400px: scrollWidth 1360 vs clientWidth 1048; the same box with display:none: 1048 = 1048).
  * `display:none` while closed removes that contribution; `transition-behavior:allow-discrete` + `@starting-style`
  * below keep the fade where the browser supports it and degrade to an instant show where it does not. */
 display:none;transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s,display .12s allow-discrete}
@starting-style{.augite-context-help:not(.is-dismissed):hover>.augite-context-help__tooltip,.augite-context-help:not(.is-dismissed):focus-within>.augite-context-help__tooltip,.augite-context-help.is-open>.augite-context-help__tooltip{opacity:0;transform:translateY(-2px)}}
.augite-context-help:not(.is-dismissed):hover>.augite-context-help__tooltip,.augite-context-help:not(.is-dismissed):focus-within>.augite-context-help__tooltip,.augite-context-help.is-open>.augite-context-help__tooltip{display:block;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
.augite-context-help.is-dismissed>.augite-context-help__tooltip{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media (prefers-reduced-motion:reduce){.augite-context-help__tooltip{transition:none}}
@media (pointer:coarse){.augite-context-help__trigger{width:44px;height:44px}}
/* Wave 23 (client rule 104): the help on/off switch - styled like the DE/EN language switcher (public.css .arf-lang-switch):
 * square, compact monochrome text with a small pictogram, the active state like .arf-lang-switch__link.is-current; no
 * page-header pictogram button any more. Focus ring only for keyboard focus (no ring after a click).
 * Wave 34 (client decisions 176/220, REQ-UI-ACCOUNT-SWITCHES-COMPACT-001): in the row right of globe - DE | EN, the box of a DE/EN
 * link - --augite-pref-h (24px in the account menu row, 30px in the site header like the guest DE/EN links, 44px in the < 768px
 * menu overlay, 32px for both on touch pointers) - and the language link's type (.74rem, 700). The theme's generic
 * `button{min-height:44px}` (site.css) made the switch a tall boxed button; min-height is pinned here.
 * Wave 34b (client decision 262 "Bei den Schaltern Hilfe und Toene muss nur das EIN/AUS klickbar und in einer Box sein"):
 * .augite-help-switch is no longer a button - [pictogram] "Hilfe" / "Toene" is plain, non-clickable text (__label, default
 * cursor, not selectable), next to it the segmented box __options (role=radiogroup) with the two clickable options EIN | AUS
 * (__option, role=radio) = exactly the DE | EN options: 2px apart, square, transparent 1px border, the active one (.is-current /
 * aria-checked=true) with the border + background of .arf-lang-switch__link.is-current. No pill (radius 0), neutral grey tokens. */
.augite-help-switch{--augite-pref-h:24px;display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;min-width:0;margin:0;padding:0;color:#717579;font-size:.74rem;line-height:1;white-space:nowrap;vertical-align:middle;cursor:default}
.augite-help-switch__label{display:inline-flex;align-items:center;gap:4px;min-width:0;color:#5b5f63;font-size:.74rem;font-weight:600;line-height:1;letter-spacing:.02em;cursor:default;-webkit-user-select:none;user-select:none}
.augite-help-switch__name{display:inline-block;line-height:1}
.augite-help-switch__options{display:inline-flex;align-items:center;gap:2px;margin:0;padding:0}
.augite-help-switch__option{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;height:var(--augite-pref-h)!important;min-height:0!important;min-width:0!important;width:auto!important;margin:0!important;padding:0 6px!important;border:1px solid transparent!important;border-radius:0!important;background:transparent!important;color:#717579!important;font-family:inherit!important;font-size:.74rem!important;font-weight:700!important;line-height:1!important;letter-spacing:.02em!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer;white-space:nowrap;vertical-align:middle}
.augite-help-switch__option:hover{color:#2f3235!important}
.augite-help-switch__option.is-current,.augite-help-switch__option[aria-checked="true"]{color:#2f3235!important;border-color:#cdcfd1!important;background:#f0f1f2!important}
.augite-help-switch__option:focus{outline:0!important;box-shadow:none!important}
.augite-help-switch__option:focus-visible{outline:2px solid rgba(217,96,10,.5)!important;outline-offset:1px!important}
.augite-help-switch__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:15px;height:15px;color:#929598}
/* !important: public.css sizes every svg of the account menu to 18px (body:not(.wp-admin) .ars-header .arf-global-account svg) */
.augite-help-switch__icon svg{width:100%!important;height:100%!important;flex:none!important;display:block}
/* scan sound: speaker with sound waves while on, crossed speaker while off (help.js toggles .is-on) */
.augite-help-switch .augite-help-switch__svg--off{display:none!important}
.augite-help-switch:not(.is-on) .augite-help-switch__svg--on{display:none!important}
.augite-help-switch:not(.is-on) .augite-help-switch__svg--off{display:block!important}
/* account menu utility row: language | help | sound (ARF_Account::header_markup() .arf-global-account__prefs) - one row, wraps
   cleanly in a narrow menu; the DE/EN links get the same pinned box as the switch options */
.arf-global-account__prefs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;box-sizing:border-box;min-width:0}
.arf-global-account__prefs>.arf-global-account__lang,.arf-global-account__prefs>.arf-global-account__help{display:flex;align-items:center;min-width:0;margin:0;padding:0!important;border:0!important;background:transparent!important}
.arf-global-account__prefs .arf-lang-switch__link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:24px;min-height:0;padding:0 6px;font-size:.74rem;line-height:1}
.arf-global-account__prefs .arf-lang-switch__icon svg{width:100%!important;height:100%!important;flex:none!important}
/* in the theme header the DE/EN links inherit the theme's `.ars-header nav a{color:#2f3235}` - the inactive option follows it */
.ars-header .arf-global-account__prefs .augite-help-switch__option{color:#2f3235!important}
.arf-global-account__help{padding:0 12px 10px}
/* guest site header: the switch is its own navigation item right after the DE/EN item, options in the 30px box of the guest DE/EN
   links (public.css .arf-global-lang .arf-lang-switch__link: min 30px, padding 0 5px, #5b5f63, .04em, hover border) */
.arf-global-help{display:flex!important;align-items:center!important;min-width:0!important;margin:0!important}
.arf-global-help .augite-help-switch{--augite-pref-h:30px}
.arf-global-help .augite-help-switch__option{min-width:30px!important;padding:0 5px!important;color:#5b5f63!important;letter-spacing:.04em!important}
.arf-global-help .augite-help-switch__option:hover{color:#2f3235!important;border-color:#dee0e2!important}
.arf-global-help .augite-help-switch__option.is-current,.arf-global-help .augite-help-switch__option[aria-checked="true"]{color:#2f3235!important;border-color:#cdcfd1!important;background:#f0f1f2!important}
.arf-global-help .augite-help-switch__icon{width:16px;height:16px;color:#5b5f63}
@media (max-width:767px){.wp-block-navigation__responsive-container.is-menu-open .arf-global-help{display:block!important;width:100%!important;margin-top:8px!important}.wp-block-navigation__responsive-container.is-menu-open .arf-global-help .augite-help-switch{--augite-pref-h:44px;gap:8px}.wp-block-navigation__responsive-container.is-menu-open .arf-global-help .augite-help-switch__option{min-width:44px!important;padding:0 10px!important;font-size:.8rem!important}.wp-block-navigation__responsive-container.is-menu-open .arf-global-help .augite-help-switch__label{font-size:.8rem}}
/* wp-admin admin bar account menu (dark bar): help and scan sound switch side by side in one row; `#wpadminbar *` (WordPress core)
   resets line-height/font/box-sizing of every descendant, so the parts are re-pinned here. The wrapper paints the core submenu
   surface #2c3338 (.menupop .ab-sub-wrapper) so label and options are resolved against the dark bar, not a light page. */
#wpadminbar .augite-help-switch,#wpadminbar .augite-help-switch .augite-help-switch__label,#wpadminbar .augite-help-switch .augite-help-switch__name,#wpadminbar .augite-help-switch .augite-help-switch__options{line-height:1!important;font-size:13px!important;box-sizing:border-box!important;height:auto!important}
#wpadminbar .augite-help-switch{--augite-pref-h:24px;display:inline-flex!important;gap:5px!important;background:#2c3338!important;color:#c3c4c7!important}
#wpadminbar .augite-help-switch .augite-help-switch__label{display:inline-flex!important;gap:4px!important;color:#c3c4c7!important;font-weight:400!important}
#wpadminbar .augite-help-switch .augite-help-switch__options{display:inline-flex!important;gap:2px!important}
#wpadminbar .augite-help-switch .augite-help-switch__option{color:#f0f0f1!important;font-size:13px!important;font-weight:400!important}
#wpadminbar .augite-help-switch .augite-help-switch__option:hover{color:#fff!important;border-color:#646970!important}
#wpadminbar .augite-help-switch .augite-help-switch__option.is-current,#wpadminbar .augite-help-switch .augite-help-switch__option[aria-checked="true"]{color:#fff!important;border-color:#8c8f94!important;background:#3c434a!important}
#wpadminbar .augite-help-switch .augite-help-switch__icon{display:inline-flex!important;width:15px!important;height:15px!important;color:#c3c4c7}
/* the submenu is shrink-to-fit inside a narrow top-level item: nowrap keeps the two switch nodes on one line (the submenu widens) */
#wpadminbar #wp-admin-bar-user-actions{white-space:nowrap}
#wpadminbar #wp-admin-bar-user-actions>li.augite-help-switch-node{display:inline-block;vertical-align:middle}
#wpadminbar #wp-admin-bar-user-actions>li.augite-help-switch-node>.ab-item{display:flex;align-items:center;height:auto;min-height:32px;padding:0 4px 0 10px}
#wpadminbar #wp-admin-bar-user-actions>li.augite-scan-sound-switch-node>.ab-item{padding-left:10px}
/* help block: always expanded.
 * Wave 31, client decision 157 ("Hilfe-Bloecke mit 3-px-Linie links -> Normale Box: 1-px-Rahmen rundum, dezent hinterlegt",
 * matching decision 141): no 3px anthracite marker line any more - a normal box with a 1px border on all four sides in the
 * normal box border colour of the surface (/intern/ --arf-ops-line, wp-admin --augite-admin-line, theme/portal --ars-line,
 * #dcdcde fallback), the subtle neutral panel background (--arf-ops-soft / --ars-soft, #f4f5f6), square corners and the
 * 12px 14px padding of the other hint boxes. Step lists (.augite-steps) keep their numbered marker layout inside. */
.arf-help-block.augite-help{display:block;box-sizing:border-box;margin:12px 0;padding:12px 14px;border:1px solid var(--arf-ops-line,var(--augite-admin-line,var(--ars-line,#dcdcde)));border-radius:0;background:var(--arf-ops-soft,var(--ars-soft,#f4f5f6));color:#14181b;font-size:13px;line-height:1.55;max-width:100%}
/* REQ-HELP-009: authored help may contain identifiers, URLs and unbroken operational terms. The shared block must therefore keep its content inside the available viewport on wp-admin and /intern/ alike. */
.arf-help-block.augite-help,.augite-help .augite-help__body{min-width:0;overflow-wrap:anywhere}
.augite-help .augite-help__head>*{min-width:0;overflow-wrap:anywhere}
.augite-help .augite-help__head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 6px}
.augite-help .augite-help__icon{display:inline-flex;width:18px;height:18px;color:#3a3f44}
.augite-help .augite-help__icon svg{width:18px;height:18px}
.augite-help .augite-help__type{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#3a3f44}
.augite-help .augite-help__title{font-weight:700;color:#14181b}
.augite-help .augite-help__body>*{margin:0 0 8px}
.augite-help .augite-help__body>*:last-child{margin-bottom:0}
.augite-help .augite-help__body p{margin:0 0 8px}
/* REQ-HELP-009 / decision 11: subtle orange error help - existing warning tokens --ars-warn #a45b26 (border, 4.73:1 against the tint),
 * --ars-warn-bg #fff4eb, text #1d2327 (14.67:1), label #944b18 = .arf-status-text.is-warn (5.91:1). */
/* wave 31 decision 157: the error help is the same 1px box, its whole border in the warning colour (was a 3px left line) */
.augite-help.arf-help-block--error_help{border-color:#a45b26;background:#fff4eb;color:#1d2327}
.augite-help.arf-help-block--error_help .augite-help__type,.augite-help.arf-help-block--error_help .augite-help__icon{color:#944b18}
.augite-help .arf-help-faq-list{margin:0;padding:0}
.augite-help .arf-help-faq-list dt{margin:10px 0 2px;font-weight:700;color:#14181b}
.augite-help .arf-help-faq-list dt:first-child{margin-top:0}
.augite-help .arf-help-faq-list dd{margin:0}
.augite-help .augite-help__labeled{display:grid;gap:6px;margin:0}
.augite-help .augite-help__labeled>div{display:grid;grid-template-columns:minmax(0,9.5rem) minmax(0,1fr);gap:2px 10px}
.augite-help .augite-help__labeled dt{font-weight:700}
.augite-help .augite-help__labeled dd{margin:0}
/* step list: one step per row, numbered marker, connector line between markers */
.augite-steps-wrap{margin:0 0 8px}
.augite-steps__intro{margin:0 0 6px!important;font-weight:700}
.augite-steps__outro{margin:8px 0 0!important}
ol.augite-steps{list-style:none!important;margin:0!important;padding:0!important;counter-reset:none}
ol.augite-steps>.augite-steps__item{position:relative;display:grid!important;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start;margin:0!important;padding:0 0 10px!important;list-style:none!important}
ol.augite-steps>.augite-steps__item:last-child{padding-bottom:0!important}
ol.augite-steps>.augite-steps__item:not(:last-child)::before{content:"";position:absolute;left:12px;top:26px;bottom:0;width:2px;background:#d8dbde}
.augite-steps__marker{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:0;background:#14181b;color:#fff;font-size:12px;font-weight:700;line-height:1;position:relative;z-index:1}
.augite-steps__text{padding-top:3px;min-width:0;overflow-wrap:anywhere}
@media (max-width:600px){.augite-help .augite-help__labeled>div{grid-template-columns:1fr}}
/* touch pointers: switch options and the DE/EN links next to them grow together (wave 34: was 44px for the switch only) */
@media (pointer:coarse){.augite-help-switch{--augite-pref-h:32px}.augite-help-switch__option{min-width:32px!important}.arf-global-account__prefs .arf-lang-switch__link{height:32px;min-width:32px}#wpadminbar .augite-help-switch{--augite-pref-h:32px}}
/* Client decision 288 (2026-09-15, REQ-INTERN-DESIGN-OVERHAUL-001, supersedes the wave 34b EIN | AUS box): ONE toggle per preference -
 * [pictogram] OUTSIDE (plain, not clickable) + the word "Hilfe" / "Töne" in one square box = the click target (client correction:
 * "PIKTOGRAMM ausserhalb der BOX!"), no visible EIN/AUS. Same box as a DE/EN link
 * (height --augite-pref-h, 1px border, .74rem/700, radius 0). OFF: plain box (light border, muted text, muted speaker pictogram).
 * ON: the highlighted state of .arf-lang-switch__link.is-current (grey background + darker border, dark text). aria-pressed. */
.augite-help-switch__toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;box-sizing:border-box!important;height:var(--augite-pref-h)!important;min-height:0!important;min-width:0!important;width:auto!important;margin:0!important;padding:0 7px!important;border:1px solid #dcdee0!important;border-radius:0!important;background:transparent!important;color:#717579!important;font-family:inherit!important;font-size:.74rem!important;font-weight:700!important;line-height:1!important;letter-spacing:.02em!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer;white-space:nowrap;vertical-align:middle}
.augite-help-switch__toggle:hover{color:#2f3235!important;border-color:#b9bcbf!important}
.augite-help-switch__toggle.is-on,.augite-help-switch__toggle[aria-pressed="true"]{color:#2f3235!important;border-color:#cdcfd1!important;background:#f0f1f2!important}
.augite-help-switch.is-on>.augite-help-switch__icon{color:#2f3235}
.augite-help-switch__toggle:focus{outline:0!important;box-shadow:none!important}
.augite-help-switch__toggle:focus-visible{outline:2px solid rgba(217,96,10,.5)!important;outline-offset:1px!important}
.augite-help-switch__toggle .augite-help-switch__name{display:inline-block;line-height:1}
.ars-header .arf-global-account__prefs .augite-help-switch__toggle{color:#5b5f63!important}
.ars-header .arf-global-account__prefs .augite-help-switch__toggle.is-on,.ars-header .arf-global-account__prefs .augite-help-switch__toggle[aria-pressed="true"]{color:#2f3235!important}
.arf-global-help .augite-help-switch__toggle{padding:0 6px!important;letter-spacing:.04em!important}
#wpadminbar .augite-help-switch .augite-help-switch__toggle{display:inline-flex!important;gap:4px!important;height:24px!important;padding:0 6px!important;border:1px solid #50575e!important;background:transparent!important;color:#c3c4c7!important;font-size:13px!important;font-weight:400!important;line-height:1!important}
#wpadminbar .augite-help-switch .augite-help-switch__toggle:hover{color:#fff!important;border-color:#8c8f94!important}
#wpadminbar .augite-help-switch .augite-help-switch__toggle.is-on,#wpadminbar .augite-help-switch .augite-help-switch__toggle[aria-pressed="true"]{color:#fff!important;border-color:#8c8f94!important;background:#3c434a!important}
@media (pointer:coarse){.augite-help-switch__toggle{min-width:32px!important}}