/* Gemeinsamer Seitenrahmen für Portal, Konto und Anwendungen. */
.drk-chrome{--max:1120px;--red:#e30613;font-family:Arial,Helvetica,sans-serif;line-height:1.5;border-top:7px solid var(--red);margin:0;color:#242424;background:#fff}
.drk-chrome>header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;height:auto;min-height:132px;padding:0 max(18px,calc((100% - 1120px)/2));background:#fff;border-bottom:1px solid #ddd}
.drk-chrome>header .brand{width:650px;max-width:100%;min-width:0;flex:0 1 650px}
.drk-chrome>header .brand-logo,.drk-chrome>header>img{display:block;width:650px;max-width:100%;height:auto;object-fit:contain}
.drk-chrome>header .internal{font-size:13px;color:#666;white-space:nowrap}
.drk-chrome>.shell{display:block;min-height:0}
.drk-chrome .shell>aside,.drk-chrome .settings-primary{box-sizing:border-box;display:flex;width:100%;flex-flow:row wrap;align-items:stretch;justify-content:flex-start;gap:0;padding:0 max(18px,calc((100% - 1120px)/2));margin:0;background:#f4f4f4;border:0;border-bottom:1px solid #ddd}
.drk-chrome .shell>aside>.side-title,.drk-chrome .shell>aside>.side-note{display:none}
.drk-chrome .shell>aside>.nav,.drk-chrome .settings-primary>.nav{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;width:auto;min-height:50px;padding:15px 20px;margin:0;border:0;border-right:1px solid #ddd;border-radius:0;background:transparent;color:#333;font-size:14px;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;white-space:normal}
.drk-chrome .shell>aside>.nav:first-of-type,.drk-chrome .settings-primary>.nav:first-child{border-left:1px solid #ddd}
.drk-chrome .shell>aside>.nav.active,.drk-chrome .settings-primary>.nav[aria-current=page]{background:#fff;color:var(--red);box-shadow:inset 0 -3px var(--red)}
.drk-chrome .shell>aside>.nav:hover,.drk-chrome .settings-primary>.nav:hover{background:#fff;color:var(--red)}
.drk-chrome .account-bar,.drk-chrome .shell>.account-bar{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;width:100%;padding:12px max(18px,calc((100% - 1120px)/2));margin:0;border:0;border-bottom:1px solid #ddd;background:#fff;font-size:13px}
.drk-chrome .account-info{min-width:0;flex:1 1 180px;overflow-wrap:anywhere}
.drk-chrome .account-info>span{display:block;color:#666}
.drk-chrome .account-name{display:flex;align-items:center;gap:8px;font-weight:700}
.drk-chrome .account-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 20px;min-width:0}
.drk-chrome .account-actions .link-button{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin:0;padding:4px 0;border:0;border-radius:0;background:transparent;color:#b90010;font:inherit;line-height:1.4;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.drk-chrome a:focus-visible,.drk-chrome button:focus-visible{outline:3px solid #0969b0;outline-offset:3px}
.drk-chrome .portal-main{box-sizing:border-box;width:100%;max-width:1156px;margin:0 auto;padding:32px 18px 48px}
@media(max-width:900px){.drk-chrome>header .internal{display:none}}
@media(max-width:650px){.drk-chrome>header{min-height:0;padding:18px 18px 16px}.drk-chrome .shell>aside,.drk-chrome .settings-primary{padding:0 18px}.drk-chrome .shell>aside>.nav,.drk-chrome .settings-primary>.nav{flex:1 1 auto;padding:12px;min-height:48px}.drk-chrome .account-actions{flex-basis:100%;justify-content:flex-start;gap:2px 18px}.drk-chrome .portal-main{padding-top:24px}}

.drk-chrome .card,.drk-chrome .app-card{border-radius:0}.drk-chrome button,.drk-chrome .primary,.drk-chrome .secondary{border-radius:0}

/* Consistent forms and narrow-screen navigation on all internal pages. */
.drk-chrome input:not([type=checkbox]):not([type=radio]),.drk-chrome select,.drk-chrome textarea{border-radius:0}.drk-chrome .settings-tabs a{border-radius:0}.drk-chrome footer{flex-wrap:wrap}.drk-chrome footer>a{white-space:normal}

.drk-chrome footer{background:#4a4a4a;color:#eee}.drk-chrome footer a{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* Shared module navigation; local menus contain only the current application's actions. */
.drk-chrome .module-primary{background:#f4f4f4}.drk-chrome .shell>aside[role=navigation]{background:#fff;border-bottom:1px solid #ddd}.drk-chrome .shell>aside[role=navigation]>.nav{min-height:44px;font-size:13px;padding:12px 18px}.drk-chrome .account-actions .current-account{font-weight:700}.drk-chrome .settings-main .eyebrow{margin-bottom:10px}

/* Shared controls retain their full label at every viewport width. */
.drk-chrome .primary,.drk-chrome .secondary{min-height:44px;max-width:100%;min-width:0;padding:12px 16px;white-space:normal;text-align:center;line-height:1.4}

.drk-chrome .page-title>div{min-width:0;max-width:100%}.drk-chrome h1,.drk-chrome h2,.drk-chrome .eyebrow{overflow-wrap:anywhere}
@media(max-width:380px){.drk-chrome h1{font-size:26px}}

.drk-chrome fieldset{min-inline-size:0}.drk-chrome legend{max-width:100%;overflow-wrap:anywhere}.drk-chrome .fields.two>*{min-width:0}

.brand-home{display:block;min-width:0;max-width:100%;width:100%}.brand-home img{display:block;max-width:100%;height:auto}.brand-home:focus-visible{outline:3px solid #0969b0;outline-offset:4px}.drk-chrome>header>.brand-home{width:650px;max-width:100%;flex:0 1 650px}.drk-chrome>header>.brand-home img{width:650px;max-width:100%;height:auto}

/* Native date/search/select fields share the same frame and height. */
.drk-chrome input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.drk-chrome select{box-sizing:border-box;min-height:45px;height:45px;border:1px solid #cfcfcf;background-color:#fff;border-radius:0;line-height:normal}
.drk-chrome input[type=search]{-webkit-appearance:none;appearance:none}
.drk-chrome input[type=date],.drk-chrome input[type=datetime-local]{max-width:100%;min-width:0}


/* 2026.10.20.08 · Mobile Arbeitsnavigation */
.mobile-work-nav{display:none}.mobile-report-menu{position:relative}.mobile-report-menu summary{list-style:none}.mobile-report-menu summary::-webkit-details-marker{display:none}@media(max-width:700px){body{padding-bottom:72px}.page-footer{margin-bottom:0}.mobile-work-nav{position:fixed;z-index:1000;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;background:#fff;border-top:1px solid #cfcfcf;box-shadow:0 -4px 16px rgba(0,0,0,.08);padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.mobile-work-nav>a,.mobile-report-menu>summary{min-height:48px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;padding:5px 3px;text-align:center;text-decoration:none;font-size:11px;font-weight:700;color:#333}.mobile-report-menu>summary{width:56px;height:56px;margin:-14px auto 0;border-radius:50%;background:#e30613;color:#fff;border:4px solid #fff;font-size:26px;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer}.mobile-report-menu>summary span{font-size:9px}.mobile-report-sheet{position:fixed;left:12px;right:12px;bottom:78px;background:#fff;border:1px solid #ccc;border-top:4px solid #e30613;box-shadow:0 8px 30px rgba(0,0,0,.2);padding:16px;display:grid;gap:8px}.mobile-report-sheet strong{margin-bottom:4px}.mobile-report-sheet a,.mobile-report-sheet button{min-height:44px;padding:10px 12px;border:1px solid #ddd;background:#fff;color:#222;text-align:left;text-decoration:none;font:inherit;font-weight:700}.mobile-report-sheet button{color:#666}.module-switcher{margin-bottom:8px}}

/* v136: kompakte, einzeilige Modulnavigation */
.drk-chrome .module-primary{flex-flow:row nowrap;align-items:stretch;overflow:visible}
.drk-chrome .module-primary>.nav{white-space:nowrap;flex:0 0 auto}
.drk-chrome .module-more{position:relative;flex:0 0 auto;margin:0;padding:0}
.drk-chrome .module-more>summary{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:50px;padding:15px 20px;border-right:1px solid #ddd;background:transparent;color:#333;font-size:14px;font-weight:700;line-height:1.4;cursor:pointer;list-style:none;white-space:nowrap}
.drk-chrome .module-more>summary::-webkit-details-marker{display:none}
.drk-chrome .module-more>summary::after{content:"▾";margin-left:8px;font-size:11px;color:#777}
.drk-chrome .module-more[open]>summary,.drk-chrome .module-more.is-active>summary,.drk-chrome .module-more>summary:hover{background:#fff;color:var(--red)}
.drk-chrome .module-more.is-active>summary{box-shadow:inset 0 -3px var(--red)}
.drk-chrome .module-more-menu{position:absolute;z-index:120;top:100%;right:0;min-width:280px;padding:6px;background:#fff;border:1px solid #ccc;border-top:3px solid var(--red);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.drk-chrome .module-more-menu>.nav{display:flex;justify-content:flex-start;min-height:44px;padding:11px 14px;border:0;border-bottom:1px solid #eee;text-align:left;white-space:normal}
.drk-chrome .module-more-menu>.nav:last-child{border-bottom:0}
.drk-chrome .module-more-menu>.nav.active{background:#fff5f5;color:var(--red);box-shadow:inset 3px 0 var(--red)}
@media(max-width:700px){.drk-chrome .module-primary{flex-flow:row wrap}.drk-chrome .module-primary>.nav{flex:1 1 45%;white-space:normal}.drk-chrome .module-more{flex:1 1 100%;width:100%}.drk-chrome .module-more>summary{justify-content:flex-start;border-left:1px solid #ddd;border-bottom:1px solid #ddd}.drk-chrome .module-more-menu{position:static;min-width:0;border:0;border-top:1px solid #ddd;box-shadow:none;padding:0}.drk-chrome .module-more-menu>.nav{padding-left:28px}}


/* v137: fachlich gruppierte Modulnavigation */
.drk-chrome .module-nav-cluster{display:flex;position:relative;flex:0 0 auto;align-items:stretch}
.drk-chrome .module-nav-cluster>.module-nav-main{border-right:0}
.drk-chrome .module-nav-cluster.is-active>.module-nav-main{color:var(--red);background:#fff}
.drk-chrome .module-nav-cluster.is-active{box-shadow:inset 0 -3px var(--red)}
.drk-chrome .module-nav-dropdown{position:relative;display:flex;margin:0}
.drk-chrome .module-nav-dropdown>summary{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:34px;min-height:50px;border-right:1px solid #ddd;background:transparent;color:#666;cursor:pointer;list-style:none}
.drk-chrome .module-nav-dropdown>summary::-webkit-details-marker{display:none}
.drk-chrome .module-nav-dropdown>summary::after{content:"▾";font-size:11px}
.drk-chrome .module-nav-dropdown[open]>summary,.drk-chrome .module-nav-dropdown>summary:hover{background:#fff;color:var(--red)}
.drk-chrome .module-nav-dropdown>.module-more-menu{right:0}
.drk-chrome .module-reports>summary{min-height:50px}
@media(max-width:700px){
 .drk-chrome .module-nav-cluster{flex:1 1 100%;width:100%}
 .drk-chrome .module-nav-cluster>.module-nav-main{flex:1 1 auto}
 .drk-chrome .module-nav-dropdown{flex:0 0 44px}
 .drk-chrome .module-nav-dropdown>summary{width:44px;border-bottom:1px solid #ddd}
 .drk-chrome .module-nav-dropdown>.module-more-menu{position:absolute;right:0;left:auto;min-width:min(320px,90vw);border:1px solid #ccc;border-top:3px solid var(--red);box-shadow:0 10px 24px rgba(0,0,0,.16);padding:6px}
 .drk-chrome .module-reports{flex:1 1 45%;width:auto}
 .drk-chrome .module-reports>summary{justify-content:flex-start}
}


/* v138: Layoutangleichung für gruppierte Hauptnavigation */
.drk-chrome .module-nav-cluster{
  box-sizing:border-box;
  min-height:50px;
  border-right:1px solid #ddd;
  background:transparent;
}
.drk-chrome .module-nav-cluster>.module-nav-main{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:15px 14px 15px 20px;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#333;
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
}
.drk-chrome .module-nav-cluster>.module-nav-main:hover,
.drk-chrome .module-nav-cluster>.module-nav-main:focus-visible,
.drk-chrome .module-nav-cluster.is-active>.module-nav-main{
  background:#fff;
  color:var(--red);
}
.drk-chrome .module-nav-cluster.is-active{
  background:#fff;
  box-shadow:inset 0 -3px var(--red);
}
.drk-chrome .module-nav-cluster.is-active>.module-nav-main{
  box-shadow:none;
}
.drk-chrome .module-nav-dropdown>summary{
  width:32px;
  min-height:50px;
  padding:0 10px 0 4px;
  border:0;
  background:transparent;
}
.drk-chrome .module-nav-dropdown>summary::after{
  content:"▾";
  font-size:11px;
  color:#777;
}
.drk-chrome .module-nav-cluster.is-active .module-nav-dropdown>summary::after,
.drk-chrome .module-nav-dropdown[open]>summary::after,
.drk-chrome .module-nav-dropdown>summary:hover::after{
  color:var(--red);
}
.drk-chrome .module-nav-dropdown>summary:focus-visible,
.drk-chrome .module-more>summary:focus-visible{
  outline:3px solid #0969b0;
  outline-offset:-3px;
}
.drk-chrome .module-nav-dropdown>.module-more-menu{
  left:0;
  right:auto;
  min-width:300px;
}
.drk-chrome .module-reports>.module-more-menu{
  left:0;
  right:auto;
}
@media(max-width:900px) and (min-width:701px){
  .drk-chrome .module-primary>.nav,
  .drk-chrome .module-more>summary{padding-left:14px;padding-right:14px;font-size:13px}
  .drk-chrome .module-nav-cluster>.module-nav-main{padding-left:14px;padding-right:8px;font-size:13px}
  .drk-chrome .module-nav-dropdown>summary{width:28px;padding-right:8px}
}
@media(max-width:700px){
  .drk-chrome .module-nav-cluster{min-height:48px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
  .drk-chrome .module-nav-cluster>.module-nav-main{min-height:48px;padding:12px;justify-content:flex-start;white-space:normal}
  .drk-chrome .module-nav-dropdown{flex:0 0 44px}
  .drk-chrome .module-nav-dropdown>summary{width:44px;min-height:48px;padding:0;border-left:1px solid #ddd}
  .drk-chrome .module-nav-dropdown>.module-more-menu{left:auto;right:0;min-width:min(320px,90vw)}
}

.portal-breadcrumbs{margin:0 0 .6rem}.portal-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;padding:0;margin:0;font-size:.9rem}.portal-breadcrumbs li:not(:last-child)::after{content:"›";margin-left:.35rem;color:#777}.portal-breadcrumbs a{color:inherit}.search-result-group{margin-top:1.25rem}.portal-search-results .dashboard-row{align-items:center}
@media(max-width:700px){.portal-breadcrumbs{font-size:.9rem}}

/* 2026.10.22.23 · Globale Suche nur noch als kompakter Navigationspunkt. */
.drk-chrome .portal-search-nav-link{gap:6px;white-space:nowrap}
.drk-chrome .portal-search-nav-link>span{font-size:17px;line-height:1}


/* v282: Untermenüs als vollständig gerahmte Schaltflächen */
.drk-chrome .shell>.module-subnav{
  gap:6px;
  padding-top:6px;
  padding-bottom:6px;
  align-items:stretch;
}
.drk-chrome .shell>.module-subnav>.nav{
  border:1px solid #d7d7d7;
  background:#fff;
}
.drk-chrome .shell>.module-subnav>.nav:first-of-type{border-left:1px solid #d7d7d7}
.drk-chrome .shell>.module-subnav>.nav:hover{
  border-color:#b9b9b9;
  background:#fff;
}
.drk-chrome .shell>.module-subnav>.nav.active,
.drk-chrome .shell>.module-subnav>.nav[aria-current=page]{
  border-color:#d7d7d7;
  background:#fff;
  color:var(--red);
  box-shadow:inset 0 -3px var(--red);
}
@media(max-width:650px){
 .drk-chrome .shell>.module-subnav{gap:6px;padding-top:6px;padding-bottom:6px}
 .drk-chrome .shell>.module-subnav>.nav{flex:1 1 160px}
}


/* v283: konsistentes Menüsystem Desktop / PWA / Mobil */
:root{--nav-border:#d6d9dd;--nav-bg:#fff;--nav-hover:#f7f7f7;--nav-active:var(--drk-red,#e30613)}
/* Hauptnavigation: gleiche Höhe, vollständige Trennlinien, klarer Fokus. */
.drk-chrome .module-primary{align-items:stretch}
.drk-chrome .module-primary>.nav,
.drk-chrome .module-more>summary,
.drk-chrome .module-nav-cluster{min-height:50px;border-top:1px solid var(--nav-border);border-bottom:1px solid var(--nav-border)}
.drk-chrome .module-primary>.nav{border-right:1px solid var(--nav-border)}
.drk-chrome .module-primary>.nav:first-child{border-left:1px solid var(--nav-border)}
.drk-chrome .module-more>summary{border-left:1px solid var(--nav-border);border-right:1px solid var(--nav-border)}
.drk-chrome .module-nav-cluster{border-left:1px solid var(--nav-border);border-right:1px solid var(--nav-border)}
.drk-chrome .module-primary>.nav:hover,
.drk-chrome .module-more>summary:hover,
.drk-chrome .module-nav-cluster:hover{background:var(--nav-hover)}
.drk-chrome .module-primary>.nav.active,
.drk-chrome .module-primary>.nav[aria-current=page],
.drk-chrome .module-more.is-active>summary,
.drk-chrome .module-nav-cluster.is-active{background:#fff;color:var(--nav-active);box-shadow:inset 0 -3px var(--nav-active)}
/* Untermenüs bleiben als eigenständige, vollständig gerahmte Buttons erkennbar. */
.drk-chrome .shell>.module-subnav{background:#f7f7f7;border-bottom:1px solid #ddd}
.drk-chrome .shell>.module-subnav>.nav{min-height:44px;padding:10px 16px;border:1px solid var(--nav-border);background:#fff}
.drk-chrome .shell>.module-subnav>.nav:hover{background:var(--nav-hover);border-color:#b9bdc2}
/* PWA/Mobil: obere Anwendungswahl kompakt, Untermenü horizontal, primäre Navigation unten. */
@media(max-width:700px){
 body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
 .drk-chrome .module-switcher{margin:0;background:#fff;border-bottom:1px solid #ddd}
 .drk-chrome .module-switcher>summary{box-sizing:border-box;display:flex!important;align-items:center;justify-content:space-between;min-height:48px;margin:0;padding:11px 18px;background:#f7f7f7;border:0;border-bottom:1px solid #ddd;color:#333;font-size:14px;font-weight:700;list-style:none}
 .drk-chrome .module-switcher>summary::-webkit-details-marker{display:none}
 .drk-chrome .module-switcher>summary::after{content:"▾";margin-left:12px;color:#666;font-size:12px;transition:transform .15s ease}
 .drk-chrome .module-switcher[open]>summary::after{transform:rotate(180deg)}
 .drk-chrome .module-switcher>.module-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px 12px 12px;background:#f7f7f7}
 .drk-chrome .module-primary>.nav,.drk-chrome .module-more,.drk-chrome .module-nav-cluster{width:100%;min-width:0;min-height:46px;box-sizing:border-box}
 .drk-chrome .module-primary>.nav{display:flex;justify-content:flex-start;min-height:46px;padding:10px 12px;border:1px solid var(--nav-border)!important;background:#fff;white-space:normal;text-align:left}
 .drk-chrome .module-more>summary{justify-content:space-between;min-height:46px;padding:10px 12px;border:1px solid var(--nav-border)!important;background:#fff;white-space:normal;text-align:left}
 .drk-chrome .module-nav-cluster{display:grid;grid-template-columns:minmax(0,1fr) 42px;min-height:46px;border:1px solid var(--nav-border)!important;background:#fff}
 .drk-chrome .module-nav-cluster>.module-nav-main{min-height:44px;padding:10px 12px;justify-content:flex-start;white-space:normal;text-align:left}
 .drk-chrome .module-nav-dropdown{min-width:42px}
 .drk-chrome .module-nav-dropdown>summary{width:42px;min-height:44px;border-left:1px solid var(--nav-border)}
 .drk-chrome .module-more-menu,.drk-chrome .module-nav-dropdown>.module-more-menu{z-index:1300;left:12px!important;right:12px!important;position:fixed;top:auto;bottom:calc(82px + env(safe-area-inset-bottom));min-width:0;max-height:min(60vh,520px);overflow:auto;padding:8px;border:1px solid #bbb;border-top:4px solid var(--nav-active);box-shadow:0 8px 28px rgba(0,0,0,.22);background:#fff}
 .drk-chrome .module-more-menu>.nav{min-height:46px;padding:11px 12px;border:1px solid #e0e0e0;border-bottom:0;background:#fff}
 .drk-chrome .module-more-menu>.nav:last-child{border-bottom:1px solid #e0e0e0}
 .drk-chrome .shell>.module-subnav{display:flex;flex-flow:row nowrap;gap:6px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:7px 12px;scrollbar-width:thin;background:#fff}
 .drk-chrome .shell>.module-subnav>.nav{flex:0 0 auto;min-height:42px;padding:9px 13px;white-space:nowrap;scroll-snap-align:start}
 .drk-chrome .account-bar{display:none}
 .mobile-work-nav{min-height:64px;align-items:stretch;padding:5px max(5px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));border-top:1px solid #c9cdd2;box-shadow:0 -3px 14px rgba(0,0,0,.10)}
 .mobile-work-nav>a,.mobile-report-menu>summary{position:relative;box-sizing:border-box;min-height:54px;padding:5px 2px;border:0;background:#fff;color:#4b4f54;font-size:11px;font-weight:700}
 .mobile-work-nav>a.active{color:var(--nav-active)}
 .mobile-work-nav>a.active::after{content:"";position:absolute;left:20%;right:20%;top:-5px;height:3px;background:var(--nav-active)}
 .mobile-nav-icon{display:block;width:22px;height:22px;position:relative;margin:0 auto 2px;color:currentColor}
 .mobile-nav-home .mobile-nav-icon::before{content:"⌂";font-size:24px;line-height:20px}
 .mobile-nav-process .mobile-nav-icon::before{content:"☷";font-size:23px;line-height:20px}
 .mobile-nav-events .mobile-nav-icon::before{content:"□";font-size:22px;line-height:20px}
 .mobile-nav-notices .mobile-nav-icon::before{content:"!";display:grid;place-items:center;width:20px;height:20px;border:2px solid currentColor;border-radius:50%;font-size:13px;line-height:1}
 .mobile-nav-more .mobile-nav-icon::before{content:"•••";font-size:18px;letter-spacing:1px;line-height:18px}
 .mobile-report-menu>summary{width:58px;height:58px;min-height:58px;margin:-12px auto 0;border:4px solid #fff;border-radius:50%;background:var(--nav-active);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18)}
 .mobile-report-menu.is-active>summary{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--nav-active),0 2px 8px rgba(0,0,0,.18)}
 .mobile-report-plus{font-size:25px;line-height:20px}
 .mobile-report-menu>summary>span:last-child{font-size:9px}
 .mobile-report-sheet{bottom:calc(76px + env(safe-area-inset-bottom));border:1px solid #bbb;border-top:4px solid var(--nav-active);border-radius:0}
}
@media(max-width:430px){
 .drk-chrome .module-switcher>.module-primary{grid-template-columns:1fr}
 .drk-chrome .shell>.module-subnav>.nav{font-size:12px}
 .mobile-work-nav>a,.mobile-report-menu>summary{font-size:10px}
}


/* v284: PWA-Navigation – echte Mehr-Navigation, Fokus und Touch-Zustände */
.drk-chrome .module-primary a:focus-visible,
.drk-chrome .module-primary summary:focus-visible,
.drk-chrome .module-subnav a:focus-visible,
.mobile-work-nav a:focus-visible,
.mobile-work-nav summary:focus-visible,
.mobile-nav-sheet button:focus-visible{
 outline:3px solid #0969b0;outline-offset:-3px;position:relative;z-index:2
}
@media(max-width:700px){
 .mobile-work-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
 .mobile-work-nav>.mobile-sheet-menu{position:relative;min-width:0;margin:0;padding:0}
 .mobile-work-nav>.mobile-sheet-menu>summary{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;min-height:54px;padding:5px 2px;text-align:center;text-decoration:none;font-size:11px;font-weight:700;color:#4b4f54;cursor:pointer;list-style:none}
 .mobile-work-nav>.mobile-sheet-menu>summary::-webkit-details-marker{display:none}
 .mobile-work-nav>.mobile-sheet-menu.is-active>summary{color:var(--nav-active)}
 .mobile-work-nav>.mobile-sheet-menu.is-active>summary::after{content:"";position:absolute;left:20%;right:20%;top:-5px;height:3px;background:var(--nav-active)}
 .mobile-more-icon{display:block;width:22px;height:22px;position:relative;margin:0 auto 2px}
 .mobile-more-icon::before{content:"•••";font-size:18px;letter-spacing:1px;line-height:18px}
 .mobile-nav-sheet{position:fixed;z-index:1500;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));display:grid;gap:0;max-height:min(68vh,560px);overflow:auto;padding:10px;background:#fff;border:1px solid #b9bdc2;border-top:4px solid var(--nav-active);box-shadow:0 8px 30px rgba(0,0,0,.22)}
 .mobile-nav-sheet .mobile-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 10px}
 .mobile-nav-sheet .mobile-sheet-heading strong{margin:0;font-size:16px}
 .mobile-sheet-close{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #d6d9dd;background:#fff;color:#333;font-size:25px;line-height:1;cursor:pointer}
 .mobile-nav-sheet>a{display:flex;align-items:center;min-height:46px;padding:10px 12px;border:1px solid #e0e0e0;border-bottom:0;background:#fff;color:#222;text-align:left;text-decoration:none;font:inherit;font-weight:700}
 .mobile-nav-sheet>a:last-child{border-bottom:1px solid #e0e0e0}
 .mobile-nav-sheet>a:hover,.mobile-nav-sheet>a:focus-visible{background:#f7f7f7}
 .mobile-nav-sheet>a.active,.mobile-nav-sheet>a[aria-current=page]{color:var(--nav-active);background:#fff5f5;box-shadow:inset 4px 0 var(--nav-active)}
 .mobile-report-menu>summary{width:58px!important;height:58px!important;min-height:58px!important;margin:-12px auto 0!important;border:4px solid #fff!important;border-radius:50%!important;background:var(--nav-active)!important;color:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important}
 .mobile-report-menu.is-active>summary{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--nav-active),0 2px 8px rgba(0,0,0,.18)!important}
 .mobile-report-menu.is-active>summary::after{display:none}
 .mobile-report-sheet{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));padding:10px}
 .mobile-report-sheet>button:not(.mobile-sheet-close){min-height:44px;margin-top:8px}
 .mobile-work-nav>a:active,.mobile-work-nav>.mobile-sheet-menu>summary:active{background:#f0f0f0}
 .mobile-report-menu>summary:active{background:#c9000d!important}
}
@media(prefers-reduced-motion:reduce){
 .drk-chrome .module-switcher>summary::after{transition:none!important}
}


/* v295: Lager-Untermenülayout systemweit
   Alle fachlichen Untermenüs verwenden dieselbe Geometrie wie Lager:
   natürliche Buttonbreite, Umbruch in weitere Zeilen, 6 px Abstand und vollständige Rahmen. */
.drk-chrome .module-switcher>.global-group-subnav,
.drk-chrome .shell>.module-subnav{
 display:flex;
 flex-flow:row wrap;
 align-items:stretch;
 justify-content:flex-start;
 gap:6px;
 width:100%;
 margin:0;
 padding:6px max(18px,calc((100% - 1120px)/2));
 overflow:visible;
 box-sizing:border-box;
 border:0;
 border-bottom:1px solid var(--nav-border,#d7d9dc);
 background:#fff;
}
.drk-chrome .module-switcher>.global-group-subnav>.nav,
.drk-chrome .shell>.module-subnav>.nav{
 display:inline-flex;
 flex:0 1 auto;
 width:auto;
 min-width:0;
 max-width:100%;
 min-height:44px;
 margin:0;
 padding:10px 16px;
 align-items:center;
 justify-content:center;
 box-sizing:border-box;
 border:1px solid var(--nav-border,#d7d9dc);
 border-radius:0;
 background:#fff;
 color:#333;
 font-size:13px;
 font-weight:700;
 line-height:1.25;
 text-align:center;
 text-decoration:none;
 white-space:normal;
}
.drk-chrome .module-switcher>.global-group-subnav>.nav:hover,
.drk-chrome .shell>.module-subnav>.nav:hover{
 background:#fff;
 border-color:#b9bdc2;
 color:var(--nav-active,#e30613);
}
.drk-chrome .module-switcher>.global-group-subnav>.nav.active,
.drk-chrome .module-switcher>.global-group-subnav>.nav[aria-current=page],
.drk-chrome .shell>.module-subnav>.nav.active,
.drk-chrome .shell>.module-subnav>.nav[aria-current=page]{
 position:relative;
 z-index:1;
 background:#fff;
 border-color:var(--nav-border,#d7d9dc);
 color:var(--nav-active,#e30613);
 box-shadow:inset 0 -3px var(--nav-active,#e30613);
}
.drk-chrome .module-switcher>.global-group-subnav>.nav:focus-visible,
.drk-chrome .shell>.module-subnav>.nav:focus-visible{
 outline:3px solid #0969b0;
 outline-offset:-3px;
 z-index:2;
}
@media(max-width:700px){
 .drk-chrome .module-switcher>.global-group-subnav,
 .drk-chrome .shell>.module-subnav{
  display:flex;
  flex-flow:row nowrap;
  justify-content:flex-start;
  gap:6px;
  padding:7px 12px;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  background:#fff;
 }
 .drk-chrome .module-switcher>.global-group-subnav>.nav,
 .drk-chrome .shell>.module-subnav>.nav{
  flex:0 0 auto;
  width:auto;
  min-height:42px;
  padding:9px 13px;
  white-space:nowrap;
  scroll-snap-align:start;
 }
}


/* v314.1 – Headerkennzeichnung INTERN am sichtbaren Logoabschluss ausrichten.
   Das Logo-PNG ist 2048×613 px; der sichtbare Inhalt endet bei y=538.
   Bei der Desktopbreite 760 px verbleiben rund 28 px Weißraum im Bild.
   Dieser interne Bildrand wird für die optische Unterkante ausgeglichen. */
@media(min-width:701px){
 .drk-chrome>header{align-items:flex-end}
 .drk-chrome>header .internal{
   align-self:flex-end;
   margin-bottom:28px;
   font-size:13px;
   line-height:1;
   font-weight:400;
   color:#666;
   white-space:nowrap;
   text-transform:uppercase;
 }
}


/* v314.2 – kompakteres Desktop-Logo */
@media(min-width:701px){
 .drk-chrome>header .brand{
   width:650px;
   max-width:100%;
   flex:0 1 650px;
 }
 .drk-chrome>header .brand-logo,
 .drk-chrome>header>img{
   width:650px;
   max-width:100%;
   height:auto;
 }
 .drk-chrome>header>.brand-home{
   width:650px;
   max-width:100%;
   flex:0 1 650px;
 }
 .drk-chrome>header>.brand-home img{
   width:650px;
   max-width:100%;
   height:auto;
 }
 .drk-chrome>header .internal{
   margin-bottom:24px;
 }
}


/* v321 – Systemweite Bedienergonomie und Statusdarstellung */
.drk-chrome :is(input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid #0969b0;
  outline-offset:3px;
}
.drk-chrome :is(.status,.state,.status-badge,.readiness-status,.notice,.pill,.badge,.permission-state,.review-state,.health-state,.summary-state,.draft-status,.device-state){
  border-radius:0!important;
}
.drk-chrome summary{scroll-margin-block:140px}
.drk-chrome button:disabled,
.drk-chrome .primary[aria-disabled="true"],
.drk-chrome .secondary[aria-disabled="true"]{cursor:not-allowed;opacity:.58}
@media(prefers-reduced-motion:reduce){
 .drk-chrome *, .drk-chrome *::before, .drk-chrome *::after{
   scroll-behavior:auto!important;
   animation-duration:.01ms!important;
   animation-iteration-count:1!important;
   transition-duration:.01ms!important;
 }
}


/* v324 – Meldungen & Bedarfe: gemeinsamer Bedienablauf */
.drk-chrome .needs-context{margin:0 0 24px;border:1px solid #d5d5d5;border-top:4px solid var(--red,#e30613);background:#fff}
.drk-chrome .needs-module-switcher{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-bottom:1px solid #ddd;background:#f5f5f5}
.drk-chrome .needs-module-switcher a{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border:1px solid #cfcfcf;background:#fff;color:#333;text-decoration:none;font-size:13px;font-weight:700}
.drk-chrome .needs-module-switcher a:hover,.drk-chrome .needs-module-switcher a:focus-visible{color:var(--red,#e30613)}
.drk-chrome .needs-module-switcher a.active{color:var(--red,#e30613);box-shadow:inset 0 -3px var(--red,#e30613)}
.drk-chrome .needs-process{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:12px}
.drk-chrome .needs-process-title{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#666;white-space:nowrap}
.drk-chrome .needs-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}
.drk-chrome .needs-process li{min-width:0}
.drk-chrome .needs-process a{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 10px;border:1px solid #d5d5d5;background:#fff;color:#333;text-decoration:none;font-size:13px;font-weight:700;overflow-wrap:anywhere}
.drk-chrome .needs-process a>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:1px solid #bbb;font-size:11px}
.drk-chrome .needs-process li.active a{border-color:#aaa;color:var(--red,#e30613);box-shadow:inset 0 -3px var(--red,#e30613)}
.drk-chrome .needs-process li.active a>span{border-color:var(--red,#e30613);color:var(--red,#e30613)}
@media(max-width:760px){
 .drk-chrome .needs-context{margin-bottom:20px}
 .drk-chrome .needs-module-switcher{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain}
 .drk-chrome .needs-module-switcher a{flex:0 0 auto}
 .drk-chrome .needs-process{display:block}
 .drk-chrome .needs-process-title{display:block;margin:0 0 9px}
 .drk-chrome .needs-process ol{display:flex;overflow-x:auto;gap:6px;overscroll-behavior-inline:contain}
 .drk-chrome .needs-process li{flex:0 0 min(180px,72vw)}
}
@media print{.drk-chrome .needs-context{display:none!important}}


/* v327 – Meldungen & Bedarfe: einheitliche Bearbeitungsoberfläche */
.drk-chrome .needs-record-panel>.section-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.drk-chrome .needs-record-panel>.section-heading h2{margin:0 0 6px}
.drk-chrome .needs-record-panel>.section-heading p{margin:0;color:#666;line-height:1.45}
.drk-chrome .needs-record-panel>.fields{padding-top:18px}
.drk-chrome .needs-record-panel .module-filterbar{margin:0}
.drk-chrome .needs-record-panel .module-tools{
  margin:14px 0 0;
  padding-top:14px;
  border-top:1px solid #e1e1e1;
}
.drk-chrome .needs-record-panel .module-result-count{
  margin:14px 0 0;
  padding:10px 12px;
  border-left:4px solid var(--red,#e30613);
  background:#f6f6f6;
  color:#444;
  font-weight:700;
}
.drk-chrome .needs-record-panel .needs-record-help{margin:12px 0 0;color:#666;line-height:1.45}
@media(max-width:700px){
 .drk-chrome .needs-record-panel>.section-heading{display:block}
 .drk-chrome .needs-record-panel .module-tools>*{width:100%}
}
@media print{
 .drk-chrome .needs-record-panel .module-filterbar,
 .drk-chrome .needs-record-panel .module-tools{display:none!important}
 .drk-chrome .needs-record-panel .module-result-count{border-left:0;padding:0;background:none}
}

/* v330 – Layoutkonsistenz außerhalb des Inhaltsbereichs */
.drk-chrome :is(.module-subnav,.global-group-subnav,.needs-context,.account-bar){
  border-radius:0!important;
}
.drk-chrome :is(.module-subnav,.global-group-subnav) a{
  border-radius:0!important;
}
.drk-chrome .page-footer{
  box-sizing:border-box;
}
@media(max-width:700px){
 .drk-chrome .page-footer{
   align-items:flex-start;
 }
}

/* v331 – Mobile Header, Navigation, Kontozeile und Footer */
@media(max-width:700px){
  .drk-chrome>header{
    padding-left:16px;
    padding-right:16px;
  }
  .drk-chrome>header .brand,
  .drk-chrome>header>.brand-home{
    width:min(100%,340px);
    max-width:100%;
    flex-basis:auto;
  }
  .drk-chrome>header .brand-logo,
  .drk-chrome>header>.brand-home img{
    width:100%;
    max-width:340px;
    height:auto;
  }
  .drk-chrome .module-switcher{
    min-width:0;
  }
  .drk-chrome .module-switcher>summary{
    overflow-wrap:anywhere;
  }
  .drk-chrome .module-subnav,
  .drk-chrome .global-group-subnav{
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  .drk-chrome .module-subnav a,
  .drk-chrome .global-group-subnav a{
    flex:0 0 auto;
    max-width:min(82vw,280px);
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .drk-chrome .account-bar{
    align-items:flex-start;
  }
  .drk-chrome .account-bar .account-info,
  .drk-chrome .account-bar .account-actions{
    width:100%;
    min-width:0;
  }
  .drk-chrome .account-bar .account-actions{
    justify-content:flex-start;
  }
  .drk-chrome .page-footer{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    padding-left:16px;
    padding-right:16px;
  }
}
@media(max-width:430px){
  .drk-chrome>header{
    padding-left:12px;
    padding-right:12px;
  }
  .drk-chrome .module-subnav a,
  .drk-chrome .global-group-subnav a{
    max-width:86vw;
  }
  .drk-chrome .page-footer{
    padding-left:12px;
    padding-right:12px;
  }
}

/* v332 – Navigation und Kopfbereich: Touch- und Tablet-Nachschärfung */
@media(max-width:760px){
  .drk-chrome :is(.module-subnav,.global-group-subnav) a,
  .drk-chrome .account-bar a,
  .drk-chrome .account-bar button{
    min-height:44px;
    box-sizing:border-box;
  }
}
@media(min-width:701px) and (max-width:980px){
  .drk-chrome>header{
    padding-left:24px;
    padding-right:24px;
  }
  .drk-chrome>header .brand,
  .drk-chrome>header>.brand-home{
    width:min(62vw,650px);
    flex-basis:min(62vw,650px);
  }
  .drk-chrome>header .brand-logo,
  .drk-chrome>header>.brand-home img{
    width:100%;
    max-width:650px;
  }
}

/* v333 – Navigation: sichtbarer Tastaturfokus und Reduced Motion */
.drk-chrome :is(.module-subnav,.global-group-subnav,.account-bar) a:focus-visible,
.drk-chrome .module-switcher>summary:focus-visible{
  outline:3px solid #0969b0;
  outline-offset:3px;
}
@media(prefers-reduced-motion:reduce){
  .drk-chrome :is(.module-subnav,.global-group-subnav){
    scroll-behavior:auto!important;
  }
}

/* v334 – Lange Navigations-/Kontoinhalte dürfen das Layout nicht verbreitern */
.drk-chrome :is(.account-bar,.module-switcher,.module-subnav,.global-group-subnav){
  min-width:0;
}
.drk-chrome .account-bar :is(a,span,strong),
.drk-chrome .module-switcher :is(summary,a){
  overflow-wrap:anywhere;
}


/* v348 · Teamportal Markenbezeichnung */
.teamportal-tagline{
  margin:6px 0 0;
  color:#5f6368;
  font-size:14px;
  line-height:1.45;
}




/* v348.2 · Neues Teamportal-Headerlogo
   Die Teamportal-Bezeichnung und der Slogan sind Bestandteil der Logografik.
   Eine zusätzliche Textkennung rechts im Header wird deshalb nicht mehr benötigt. */
.drk-chrome>header{
  justify-content:flex-start;
}
.drk-chrome>header .brand,
.drk-chrome>header>.brand-home{
  min-width:0;
}
.drk-chrome>header .brand-logo,
.drk-chrome>header>.brand-home img{
  object-fit:contain;
  object-position:left center;
}


/* v351 · Layoutkonsolidierung Teamportal
   Headerlogo, Karten, Meldungen und mobile Breiten folgen einer gemeinsamen Geometrie. */
.drk-chrome>header{
  min-height:0;
  padding-top:12px;
  padding-bottom:12px;
}
.drk-chrome>header .brand,
.drk-chrome>header>.brand-home{
  width:min(650px,100%);
  max-width:100%;
  flex:0 1 650px;
}
.drk-chrome>header .brand-logo,
.drk-chrome>header>.brand-home img,
.drk-chrome>header>img{
  display:block;
  width:min(650px,100%);
  max-width:100%;
  height:auto;
}

/* Verbindliche Portalgeometrie: Karten, Panels, Status und Meldungen rechteckig. */
.drk-chrome :is(
  .panel,.card,.portal-card,.dashboard-accordion,.dashboard-stat,.dashboard-kpi-card,
  .dashboard-today-important,.dashboard-important-item,.stats>div,.mail-panel,
  .notice,.alert,.message,.empty-state,.status,.state,.tag,.badge,.pill,
  .status-badge,.readiness-status,.qualification-status,.maintenance-status,
  .fleet-badge,.warehouse-badge,.workflow-status,.permission-state,
  .delete-confirm,dialog
){border-radius:0!important}

/* Lange Inhalte dürfen keine Seite horizontal aufziehen. */
.drk-chrome :is(
  .portal-main,.fields,.panel,.card,.portal-card,.record,.record-header,
  .record-actions,.module-filterbar,.module-tools,.page-title,
  .dashboard-grid,.dashboard-kpi-grid,.readiness-grid,.readiness-kpis
){min-width:0}
.drk-chrome .portal-main :is(h1,h2,h3,h4,p,li,dd,dt,label,a,strong,span){
  overflow-wrap:break-word;
  word-break:normal;
}
.drk-chrome .portal-main :is(code,kbd,samp,.technical-key,.url,.hash,.mono){
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* Einheitliche Aktionshöhe auch in älteren Fachmodulen. */
.drk-chrome .portal-main :is(a.primary,a.secondary,button.primary,button.secondary){
  box-sizing:border-box;
  min-height:44px;
}

/* Tablet: Logo bleibt präsent, ohne Navigation nach unten zu drücken. */
@media(min-width:701px) and (max-width:980px){
  .drk-chrome>header .brand,
  .drk-chrome>header>.brand-home{
    width:min(560px,72vw);
    flex-basis:min(560px,72vw);
  }
  .drk-chrome>header .brand-logo,
  .drk-chrome>header>.brand-home img{
    width:100%;
    max-width:560px;
  }
}
@media(max-width:700px){
  .drk-chrome>header{
    padding-top:12px;
    padding-bottom:12px;
  }
  .drk-chrome>header .brand,
  .drk-chrome>header>.brand-home{
    width:min(100%,360px);
    max-width:100%;
  }
  .drk-chrome>header .brand-logo,
  .drk-chrome>header>.brand-home img{
    width:100%;
    max-width:360px;
  }
}


/* v351.2 · 320–360 px: untere Navigation bleibt lesbar */
@media(max-width:360px){
  .mobile-work-nav>a,
  .mobile-report-menu>summary{
    min-width:0;
    font-size:10px;
    line-height:1.15;
    overflow-wrap:break-word;
    word-break:normal;
  }
  .mobile-work-nav>a span,
  .mobile-report-menu>summary span{
    max-width:100%;
    overflow-wrap:break-word;
    word-break:normal;
  }
  .mobile-nav-sheet,
  .mobile-report-sheet{
    left:8px;
    right:8px;
  }
}

/* v351.5 · Safe-Area/mobile Sheets */
.drk-chrome>header{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
.drk-chrome .mobile-work-nav{padding-bottom:max(0px,env(safe-area-inset-bottom))}
.drk-chrome .mobile-nav-sheet,.drk-chrome .mobile-report-sheet{max-height:min(70vh,560px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:700px){.drk-chrome>header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}

/* v352 · Headerausrichtung und konsolidierte Portalgeometrie
   Desktop: Logo und Hauptinhalt verwenden wieder exakt dieselbe 1120-px-Achse.
   v351.5 hatte durch die Safe-Area-Regel die zentrierte Desktop-Einrückung überschrieben. */
@media(min-width:701px){
  .drk-chrome>header{
    padding-left:max(18px,calc((100% - var(--max))/2),env(safe-area-inset-left));
    padding-right:max(18px,calc((100% - var(--max))/2),env(safe-area-inset-right));
  }
}
@media(max-width:700px){
  .drk-chrome>header{
    padding-left:max(12px,env(safe-area-inset-left));
    padding-right:max(12px,env(safe-area-inset-right));
  }
}
/* Breite Headergrafiken dürfen nie aus ihrer Inhaltsachse herauslaufen. */
.drk-chrome>header .brand,.drk-chrome>header>.brand-home{margin:0;min-width:0}
.drk-chrome>header .brand-home{line-height:0}
.drk-chrome>header .brand-logo,.drk-chrome>header>.brand-home img{margin:0;object-position:left center}

/* Kleine Qualitätskorrekturen für die zusammengefasste Version. */
.drk-chrome .account-bar,.drk-chrome .module-primary,.drk-chrome .shell>aside{scroll-margin-top:8px}
@media(max-width:700px){
  .drk-chrome .portal-main{padding-left:16px;padding-right:16px}
  .drk-chrome .page-title{gap:12px}
  .drk-chrome .account-bar{padding-left:16px;padding-right:16px}
}

/* v353.7 · Verbindliche Headergeometrie nach Tiefenprüfung.
   Überschreibt historische Headerregeln zentral und verhindert Logo-Versatz. */
.drk-chrome>header.portal-header,
.drk-chrome>header{
  box-sizing:border-box;
  width:100%;
  min-height:0;
  align-items:center;
  justify-content:flex-start;
  padding-top:12px;
  padding-bottom:12px;
  padding-left:max(18px,calc((100% - var(--max))/2),env(safe-area-inset-left));
  padding-right:max(18px,calc((100% - var(--max))/2),env(safe-area-inset-right));
}
.drk-chrome>header .brand,
.drk-chrome>header>.brand-home{
  display:block;
  width:min(650px,100%);
  max-width:100%;
  flex:0 1 650px;
  margin:0;
  min-width:0;
  line-height:0;
}
.drk-chrome>header .brand>.brand-home{display:block;width:100%;max-width:100%;line-height:0}
.drk-chrome>header .brand-logo,
.drk-chrome>header>.brand-home img,
.drk-chrome>header>img{
  display:block;
  width:100%;
  max-width:650px;
  height:auto;
  margin:0;
  object-fit:contain;
  object-position:left center;
}
@media(min-width:701px) and (max-width:980px){
 .drk-chrome>header .brand,.drk-chrome>header>.brand-home{width:min(560px,72vw);flex-basis:min(560px,72vw)}
 .drk-chrome>header .brand-logo,.drk-chrome>header>.brand-home img{max-width:560px}
}
@media(max-width:700px){
 .drk-chrome>header.portal-header,.drk-chrome>header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
 .drk-chrome>header .brand,.drk-chrome>header>.brand-home{width:min(100%,360px);flex-basis:auto}
 .drk-chrome>header .brand-logo,.drk-chrome>header>.brand-home img{max-width:360px}
}


/* v355.3 · zentraler Teamportal-Footer · kompatibel mit manuell bereitgestellter Landingpage */
.public-site-footer{width:100%;margin-top:48px;background:#202124;color:#fff}
.public-footer-inner{max-width:1120px;margin:0 auto;padding:38px 24px;display:grid;grid-template-columns:1.35fr 1fr 1fr 1.25fr;gap:32px}
.public-footer-brand,.public-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
.public-footer-brand strong,.public-footer-links strong{font-size:1.05rem;color:#fff}
.public-footer-brand span,.public-footer-links span,.public-footer-links a{color:#e7e7e7;overflow-wrap:anywhere}
.public-footer-links a{text-decoration:none}.public-footer-links a:hover,.public-footer-links a:focus-visible{text-decoration:underline}
.public-footer-claim{margin-top:8px;font-weight:700;color:#fff!important}
.public-footer-bottom{border-top:1px solid #444;max-width:1120px;margin:0 auto;padding:16px 24px;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;color:#cfcfcf;font-size:.86rem}
.login-shell + .public-site-footer{margin-top:48px}
@media(max-width:900px){.public-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.public-footer-inner{grid-template-columns:1fr;gap:24px;padding:30px 20px}.public-footer-bottom{flex-direction:column;gap:6px;padding:14px 20px}}

/* v356.2 · Soll-/Ist-Besetzung */
.crew-readiness{margin-top:.65rem;display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;font-size:.82rem}.crew-readiness strong{padding:.28rem .55rem;border-radius:999px;background:#eef1f3}.crew-complete strong{background:#e4f4e9}.crew-partial strong,.crew-missing strong{background:#fff1d6}.crew-slots{display:grid;gap:.45rem;margin:.65rem 0}.crew-slot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .6rem;padding:.55rem .65rem;border:1px solid #d9dee2;border-radius:.55rem}.crew-slot small{grid-column:1/-1}.crew-slot.is-ok{border-left:4px solid #2d7d46}.crew-slot.is-warning{border-left:4px solid #c67b00}.crew-template-form{display:flex;gap:.55rem;align-items:end;flex-wrap:wrap}.crew-template-form label{min-width:220px;flex:1}@media(max-width:700px){.crew-template-form{display:grid}.crew-template-form label{min-width:0}.crew-template-form button{width:100%}}

.crew-template-admin{margin-top:1rem}.crew-template-admin-grid{display:grid;gap:1rem}.crew-template-admin-grid>article{border:1px solid #d9dee2;border-radius:.7rem;padding:.8rem}.crew-admin-slot{display:flex;justify-content:space-between;gap:.7rem;padding:.4rem 0;border-bottom:1px solid #edf0f2}.crew-slot-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:.7rem}.crew-slot-form .checkbox{align-self:end}.crew-slot-form button{align-self:end}@media(max-width:900px){.crew-slot-form{grid-template-columns:1fr 1fr}}@media(max-width:600px){.crew-slot-form{grid-template-columns:1fr}.crew-admin-slot{align-items:flex-start}}


/* v358.4 – zentrale Layout-/CSS-Konsolidierung und Release-Härtung
   Diese Regeln bündeln wiederkehrende responsive Grundsätze. Modulspezifische
   Fachlayouts bleiben in ihren Dateien; globale Ergonomie liegt hier. */
.drk-chrome, .drk-chrome *{box-sizing:border-box}
.drk-chrome img,.drk-chrome svg,.drk-chrome canvas{max-width:100%;height:auto}
.drk-chrome .portal-main{min-width:0}
.drk-chrome .portal-main :is(.panel,.card,.record-card,.event-card,article,section,fieldset){min-width:0}
.drk-chrome .portal-main :is(h1,h2,h3,h4,p,small,strong,span,a,td,th,label,legend){overflow-wrap:anywhere}
.drk-chrome .portal-main :is(input,select,textarea,button){max-width:100%}
.drk-chrome .portal-main textarea{resize:vertical}
.drk-chrome .portal-main :is(.table-wrap,.table-scroll,.responsive-table,.table-responsive){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.drk-chrome .portal-main table{max-width:100%}
.drk-chrome .portal-main :is(.form-actions,.record-actions,.actions,.button-row){align-items:center;gap:.65rem;flex-wrap:wrap}
.drk-chrome .portal-main :is(button,.primary,.secondary,[role="button"]){line-height:1.25}
.drk-chrome .portal-main :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){line-height:1.35}
@media(max-width:760px){
  .drk-chrome .portal-main{overflow-x:clip}
  .drk-chrome .portal-main :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:16px;min-height:44px}
  .drk-chrome .portal-main textarea{min-height:96px}
  .drk-chrome .portal-main :is(button,.primary,.secondary,[role="button"]){min-height:44px}
  .drk-chrome .portal-main :is(.form-actions,.record-actions,.actions,.button-row)>*{max-width:100%}
  .drk-chrome .portal-main :is(.table-wrap,.table-scroll,.responsive-table,.table-responsive){overscroll-behavior-inline:contain}
}
@media(max-width:420px){
  .drk-chrome .portal-main :is(.form-actions,.record-actions,.actions,.button-row)>:is(button,.primary,.secondary,a[role="button"]){width:100%;justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  .drk-chrome *, .drk-chrome *::before, .drk-chrome *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* v359.9 – Bedienprüfung Desktop/iPhone
   Lesbare Bezeichnungen dürfen auf schmalen Karten nicht mitten im Wort
   getrennt werden. Technische IDs/URLs bleiben separat umbrechbar. */
.drk-chrome .portal-main :is(.status,.state,.tag,.badge,.pill,.status-badge,.readiness-status,.qualification-status,.maintenance-status,.fleet-badge,.warehouse-badge,.workflow-status,.permission-state,.release-badge,button,.primary,.secondary,[role="button"]){
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.drk-chrome .portal-main :is(code,.technical-key,.technical-id,.url-value){overflow-wrap:anywhere;word-break:break-word}
@media(max-width:760px){
  .drk-chrome .portal-main :is(.section-heading,.record-head,.card-head){min-width:0;gap:10px}
  .drk-chrome .portal-main :is(.section-heading,.record-head,.card-head) :is(h1,h2,h3,p){min-width:0;margin-right:0}
  .drk-chrome .portal-main :is(.panel,.card,.record-card,.settings-card){max-width:100%}
  .drk-chrome .portal-main .record-actions{width:100%}
}