.view-help-navigation{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-width:0}.view-help-navigation>nav,.view-help-navigation>h1{flex:1;min-width:0}.view-help-open,.view-field-help{font:inherit;border:1px solid #97adc5;background:#fff;color:#123f72;border-radius:.4rem;cursor:pointer;min-height:max(44px,2.75rem);padding:.45rem .7rem}.view-help-open{margin-left:auto;white-space:normal}.view-field-help{min-width:max(44px,2.75rem);margin:.15rem .35rem;font-weight:700}.view-help-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(44vw,36rem);height:100dvh;max-width:100vw;max-height:100dvh;padding:0;border:0;border-left:2px solid #97adc5;background:#fff;color:#172f48;box-shadow:-.4rem 0 2rem #152e4930;overflow:hidden;box-sizing:border-box}.view-help-panel:popover-open{display:flex;flex-direction:column}.view-help-panel>header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;padding:.8rem;border-bottom:1px solid #cad5e2}.view-help-panel>header button{font:inherit;min-height:max(44px,2.75rem);padding:.5rem;border:1px solid #97adc5;border-radius:.4rem;background:#fff;color:#123f72}.view-help-panel>iframe{width:100%;flex:1;min-height:0;border:0}.view-help-document{margin:0;color:#172f48;background:#fff;font:1rem/1.6 system-ui,sans-serif;overflow-wrap:anywhere}.view-help-document main{padding:1rem}.view-help-document h1{font-size:1.45rem}.view-help-document h2{font-size:1.15rem}.view-help-document a{color:#06478e;text-decoration:underline}.view-help-document section{scroll-margin-top:1rem;border-top:1px solid #cad5e2;padding:.6rem 0 1.2rem}.view-help-document section:target{background:#fff1b7;outline:2px solid #8d6500;outline-offset:.2rem}.view-help-document label{display:block;font-weight:700}.view-help-search{display:flex;gap:.4rem;flex-wrap:wrap}.view-help-search input{min-width:0;flex:1;width:12rem}.view-help-search input,.view-help-search button{font:inherit;padding:.6rem;border:1px solid #97adc5;border-radius:.3rem;box-sizing:border-box}.view-help-search button{color:#20334d;background:#fff}.view-help-document :focus-visible,.view-help-open:focus-visible,.view-field-help:focus-visible,.view-help-panel button:focus-visible{outline:3px solid #b36b00;outline-offset:3px}.view-help-document nav ul{padding-left:1.4rem}.view-help-document nav li{margin:.4rem 0}@media(max-width:850px){.view-help-panel{width:100vw;border-left:0}.view-help-navigation>.view-help-open{margin-left:0}.view-help-navigation{align-items:flex-start}}
.view-help-field-wrapper{display:flex;align-items:center;gap:.3rem;min-width:0}.view-help-field-wrapper>label{flex:1;min-width:0}.view-help-field-wrapper>.view-field-help{flex:0 0 auto;margin:.15rem 0}.view-help-field-wrapper label input:not([type=checkbox]):not([type=radio]),.view-help-field-wrapper label select{max-width:100%;box-sizing:border-box}
/* Keep the import tabs readable when the page help needs its own row. */
@media(max-width:650px){.view-help-navigation:has(>nav[aria-label="Importzentrale"]){flex-direction:column;align-items:stretch}.view-help-navigation>nav[aria-label="Importzentrale"]{flex:none;width:100%;box-sizing:border-box;margin-bottom:0}.view-help-navigation>nav[aria-label="Importzentrale"] .section-navigation__item{white-space:normal;overflow-wrap:anywhere}.view-help-navigation:has(>nav[aria-label="Importzentrale"])>.view-help-open{align-self:flex-end;margin:0 0 .75rem}}
@media(max-width:600px){
 .view-help-navigation:has(>h1){flex-direction:column;align-items:stretch}
 .view-help-navigation>h1{flex:auto;width:100%}
 .view-help-navigation:has(>h1)>.view-help-open{align-self:flex-start;margin:0}
}
/* Use the available layout width; 100vw includes desktop scrollbar space. */
@media(max-width:850px){.view-help-panel{inset:0;width:auto;max-width:100%;margin:0}}
/* Fleet tabs keep their full labels; page help follows on its own right-aligned row. */
@media(max-width:650px){
 .view-help-navigation>nav[aria-label="Fuhrparkbereiche"]{flex:1 0 100%;width:100%;display:flex;flex-wrap:wrap;overflow:visible;box-sizing:border-box;margin-bottom:0}
 .view-help-navigation>nav[aria-label="Fuhrparkbereiche"]>.section-navigation__item{flex:0 0 auto;max-width:100%;white-space:normal;overflow-wrap:normal}
 .view-help-navigation>nav[aria-label="Fuhrparkbereiche"]~.view-help-open{flex:0 0 auto;margin-left:auto}
}
/* Confirmed26Oct: a quiet page entry, field explanations in native top-layer popovers. */
.view-help-open{width:auto;min-width:44px;min-height:44px;height:auto;padding:.4rem .25rem;border:0;border-radius:0;background:transparent;color:#24557b;flex:0 0 auto;font:inherit;font-size:1rem;line-height:1.4;white-space:nowrap;text-align:right}
.page-heading>.view-help-open{align-self:flex-start;margin-left:auto}.page-heading:has(>.view-help-open)>:first-child{min-width:0}.page-heading:has(>.view-help-open){flex-wrap:wrap}
.view-help-open:hover,.view-note-open:hover,.view-field-help:hover{text-decoration:underline;text-underline-offset:.2em;background:#eef4fd}
.view-note-open,.view-field-help{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.2rem;border:0;border-radius:0;background:transparent;color:#24557b;font:inherit;font-weight:600;cursor:pointer;vertical-align:middle}
.view-help-note{position:fixed;inset:0;margin:auto;height:fit-content;width:min(26rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:1rem;border:1px solid #d5dce5;border-radius:.6rem;background:#fff;color:#172f48;box-shadow:0 .5rem 1.4rem #172f4824;overflow:auto;box-sizing:border-box;overflow-wrap:anywhere;font-size:1rem;line-height:1.6}
.view-help-note>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.view-help-note>header>button{min-width:44px;min-height:44px;border:0;padding:.2rem;background:transparent;color:#24557b;font:inherit;cursor:pointer}.view-help-note__content>:first-child{margin-top:0}.view-help-note__content>:last-child{margin-bottom:0}
.view-note-open:focus-visible,.view-help-note button:focus-visible{outline:3px solid #b36b00;outline-offset:3px}.view-help-note a{color:#06478e;text-decoration:underline;text-underline-offset:.2em}
.test-access-toolbar{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap;margin-bottom:1rem}.test-access-toolbar .form-field{min-width:0;flex:1 1 18rem;max-width:28rem}.test-access-toolbar label{display:block;margin-bottom:.4rem}.test-access-state{display:flex;align-items:center;gap:.6rem;min-height:44px}.test-access-state input{width:1.2rem;height:1.2rem;accent-color:#24557b}.test-access-state:has(input:focus-visible){outline:3px solid #b36b00;outline-offset:3px}.test-access-inactive{margin:1rem 0}.test-access-submit{margin-top:1rem}
@media(max-width:600px){.page-heading>.view-help-open{margin:0 0 0 auto}.view-help-note{width:calc(100vw - 1.5rem);max-height:calc(100dvh - 1.5rem)}.test-access-toolbar .form-field{flex-basis:100%;max-width:none}}

.view-note-more{font:inherit;min-height:44px;padding:.4rem .6rem;border:1px solid #97adc5;background:#fff;color:#123f72;border-radius:.3rem;cursor:pointer;margin-top:.6rem}
.view-help-note__content .field-help,.view-help-note__content .helptext{font-size:1rem;color:inherit;line-height:1.6}
.green-heading>.view-help-open{align-self:flex-start;margin-left:auto}
@media(max-width:760px){.green-heading>.view-help-open{align-self:flex-end}}

.view-help-note__content small{font-size:1rem;color:inherit;line-height:1.6}.workspace-form-field>.view-note-open{width:44px;justify-self:start}

/* Keep the question with the explained word, never on a separate help row. */
.view-note-tail,.view-note-caption,.view-note-field-caption{display:inline-flex;align-items:center;gap:.15em;max-width:100%;vertical-align:baseline}
.view-note-tail>span,.view-note-caption>span{min-width:0;overflow-wrap:anywhere}
.view-note-tail>.view-note-open,.view-note-caption>.view-note-open,.view-note-field-caption>.view-note-open{flex:0 0 auto;min-width:28px;min-height:28px;width:28px;height:28px;padding:0;margin:0;font-size:1rem;line-height:1}
.view-note-field-caption{display:inline;--note-button-width:28px}
body.app-shell .view-note-field-caption>label{display:inline;margin:0;padding-inline-end:calc(var(--note-button-width) + .15em)}
.view-note-field-caption>.view-note-open{margin-inline-start:calc(-1 * var(--note-button-width));vertical-align:middle}
.view-help-field-wrapper>label:not(:has(input,select,textarea)){flex:0 1 auto}
@media(pointer:coarse){.view-note-tail>.view-note-open,.view-note-caption>.view-note-open,.view-note-field-caption>.view-note-open{min-width:44px;min-height:44px;width:44px;height:44px}}
@media(pointer:coarse){.view-note-field-caption{--note-button-width:44px}}
/* Field help and manually rendered editors use the same caption placement. */
.view-note-tail>.view-field-help,.view-note-caption>.view-field-help,.view-note-field-caption>.view-field-help{min-width:28px;min-height:28px;width:28px;height:28px;padding:0;margin:0;font-size:1rem;line-height:1}
.view-note-field-caption>.view-field-help{margin-inline-start:calc(-1 * var(--note-button-width));vertical-align:middle}
@media(pointer:coarse){.view-note-tail>.view-field-help,.view-note-caption>.view-field-help,.view-note-field-caption>.view-field-help{min-width:44px;min-height:44px;width:44px;height:44px}}