/* Kontext-Hilfe: minimaler Platzbedarf, fingerfreundlich und barrierearm. */
.app-help-collapsed-description{display:none!important}
.app-help-trigger{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;min-width:29px;vertical-align:middle;padding:0;margin-left:.35rem;border:1px solid rgba(140,156,255,.55);border-radius:999px;background:rgba(108,92,231,.13);color:#c9c3ff;font-size:15px;font-weight:800;line-height:1;cursor:pointer;touch-action:manipulation;box-shadow:none;white-space:nowrap}
.app-help-trigger:hover,.app-help-trigger:focus-visible{background:#7567f3;color:#fff;border-color:#c5beff;outline:2px solid transparent;box-shadow:0 0 0 3px rgba(138,124,255,.27)}
.app-help-trigger-compact{width:25px;height:25px;min-width:25px;font-size:13px;margin-left:.25rem}
.app-help-control-trigger{margin:.35rem .1rem .15rem}
h1>.app-help-trigger,h2>.app-help-trigger,h3>.app-help-trigger,h4>.app-help-trigger{font-family:system-ui,sans-serif;transform:translateY(-2px)}
.app-help-inline-legend{display:flex;align-items:center;gap:.2rem;font-weight:650;font-size:1.07rem;margin-bottom:.85rem}
.app-help-nav-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;margin:4px 0 10px;background:rgba(108,92,231,.11);border:1px solid rgba(108,92,231,.34);border-radius:12px;color:var(--text-primary,#ecf0ff);font:600 .93rem system-ui,sans-serif;cursor:pointer}
.app-help-nav-button>span{width:23px;height:23px;line-height:22px;border:1px solid #8175fa;color:#c4bbff;border-radius:999px;text-align:center;font-weight:800}
.app-help-nav-button:hover,.app-help-nav-button:focus-visible{background:rgba(108,92,231,.24)}
/* Der Hilfedialog verwendet die native oberste Browser-Ebene: auch über anderen Modals sichtbar. */
.app-help-dialog{position:fixed;inset:0;margin:auto;padding:0;border:1px solid rgba(159,170,222,.42);border-radius:20px;width:min(93vw,580px);max-width:580px;max-height:min(88dvh,780px);background:#172134;color:#f1f4ff;box-shadow:0 22px 75px rgba(0,0,0,.64);overflow:hidden}
.app-help-dialog::backdrop{background:rgba(2,6,18,.80);backdrop-filter:blur(3px)}
.app-help-dialog-fallback{z-index:999999}
.app-help-sheet{display:flex;flex-direction:column;max-height:min(88dvh,780px);min-height:240px}
.app-help-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:23px 23px 15px;border-bottom:1px solid rgba(255,255,255,.095)}
.app-help-heading{min-width:0}
.app-help-pill{display:inline-block;margin-bottom:10px;padding:5px 9px;font-size:.73rem;font-weight:700;color:#b8adff;background:rgba(117,103,243,.16);border-radius:7px}
.app-help-heading h2{margin:0;font-size:1.37rem;line-height:1.32;color:#f1f4ff;overflow-wrap:anywhere}
.app-help-close{display:flex;align-items:center;justify-content:center;flex:0 0 39px;width:39px;height:39px;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.06);color:#f1f4ff;font-size:17px;cursor:pointer}
.app-help-close:hover,.app-help-close:focus-visible{background:#5448b5}
.app-help-sheet-body{padding:17px 23px 16px;overflow:auto;overscroll-behavior:contain;line-height:1.55;flex:1;min-height:0}
#app-help-intro{margin:0 0 1.2rem;color:#e1e8fb;font-size:1.02rem}
.app-help-sheet-body h3{color:#fff;font-size:1rem;margin:0 0 .65rem}
#app-help-steps{margin-bottom:1.15rem}
#app-help-steps ol{padding-left:1.4rem;margin:.55rem 0;display:grid;gap:.55rem;color:#dde5f6}
#app-help-steps li{padding-left:.15rem}
.app-help-detail-section{padding:14px 15px;margin-bottom:12px;border-radius:13px;background:rgba(255,255,255,.042);border:1px solid rgba(255,255,255,.075)}
.app-help-detail-section p{color:#cbd6ed;margin:0}
.app-help-important{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.09)}
.app-help-important h3{color:#ffd486}
.app-help-important p{color:#ffecce}
.app-help-sheet-footer{display:flex;justify-content:space-between;gap:12px;padding:14px 23px max(15px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1);background:#172134}
.app-help-sheet-footer>.btn{flex:1;min-width:0;font-size:.94rem;white-space:normal}
.app-help-library-group{margin-bottom:19px}
.app-help-library-items{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.app-help-library-item{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:11px;text-align:left;background:rgba(255,255,255,.04);color:#e4e8ff;font:500 .88rem system-ui,sans-serif;cursor:pointer}
.app-help-library-item:hover,.app-help-library-item:focus-visible{border-color:#afa6ff;background:rgba(117,103,243,.18)}
@media(max-width:600px){.app-help-dialog{width:calc(100vw - 22px);max-height:90dvh;border-radius:17px}.app-help-sheet{max-height:90dvh}.app-help-sheet-header{padding:17px 17px 12px}.app-help-sheet-body{padding:15px 17px}.app-help-sheet-footer{padding:11px 17px max(12px,env(safe-area-inset-bottom))}.app-help-heading h2{font-size:1.2rem}.app-help-library-items{grid-template-columns:1fr}.app-help-tile-trigger{top:8px;right:8px}}
@media(prefers-reduced-motion:reduce){.app-help-dialog{scroll-behavior:auto}}

.app-help-import-choice-wrapper{position:relative;min-width:0}
.app-help-import-choice-wrapper .import-mode-card{width:100%;height:100%;padding-right:48px;text-align:left}
.app-help-import-choice-wrapper > .app-help-trigger{position:absolute;right:8px;top:8px;z-index:1}
.app-help-supplier-status{margin:8px 0;border:1px solid rgba(255,255,255,.1);border-radius:10px}
.app-help-supplier-status>summary{padding:8px 11px;color:var(--text-muted,#cbd5e1);font-size:.85rem;cursor:pointer}
.app-help-supplier-status>p{margin:0!important;padding:8px 11px;font-size:.85rem}

.app-help-legacy-note>summary{cursor:pointer;font-weight:600;color:var(--text-muted,#a9b5d0)}
.app-help-legacy-note>p{margin:9px 0 0;line-height:1.5}
.app-help-sheet-footer>.btn[hidden]{display:none!important}
/* The import choice remains its own click target: clicking ? cannot start an import. */
.app-help-import-choice-wrapper>.app-help-trigger{touch-action:manipulation}

.app-help-action-trigger{align-self:center;flex:0 0 25px}
.supplier-admin-actions>.app-help-action-trigger{margin:0 3px 0 -3px}
@media(max-width:600px){.app-help-action-trigger{width:27px;height:27px;min-width:27px}}

/* Zurückhaltende Hilfe v51.4.15: kleine Schaltflächen nur für komplexe Arbeitsschritte. */
.app-help-import-choice-wrapper > .app-help-trigger{width:27px;height:27px;min-width:27px;}