/* STAFF-REDESIGN-2A: productive bridge on top of the exact V23 mockup CSS */
.hidden{display:none!important}.appShell.hidden,.loginScreen.hidden{display:none!important}.appShell,.loginScreen{display:flex;justify-content:center;width:100%}.screen.active{display:block}.appScreen{display:none}.appScreen.active,.appScreen.is-active{display:block}.full{width:100%}
.phone-shell{min-height:min(920px,calc(100vh - 24px));}.app{min-height:min(920px,calc(100vh - 24px));overflow-y:auto;scrollbar-width:thin}.topbar{position:relative}.appMenu{position:absolute;right:0;top:52px;z-index:80;min-width:170px;border:1px solid var(--line);background:rgba(23,26,33,.98);border-radius:14px;padding:8px;box-shadow:0 18px 55px rgba(0,0,0,.45)}.menuItem{width:100%;border:0;background:transparent;color:var(--text);text-align:left;padding:11px 12px;border-radius:10px;font-weight:800}.menuItem:hover{background:rgba(255,255,255,.06)}
.bottom-nav .nav-item{appearance:none;border:0;background:transparent;color:var(--subtle);border-radius:11px;font-size:10px;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.bottom-nav .nav-item strong{font-size:17px;line-height:1}.bottom-nav .nav-item.active{background:rgba(245,196,0,.12);color:var(--yellow);box-shadow:inset 0 0 0 1px rgba(245,196,0,.16)}
.order-picker{grid-template-columns:1fr}.order-picker .main-card{border:1px solid var(--line);text-align:left;color:var(--text);cursor:pointer}.order-picker .main-card.active{border-color:rgba(245,196,0,.35);background:rgba(245,196,0,.075)}.screen-title.inner{margin-top:0}.orderSub{margin-top:12px}.qrScannerBox.hidden{display:none!important}#qrVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#05070a}.qrFrame{pointer-events:none}.scanner-box.hidden{display:none!important}.scan-panel #qrScannerBox:not(.hidden){display:grid}.manual-token input{text-transform:none}.field-grid .wide{grid-column:1/-1}.segmented{display:grid;gap:8px}.choiceButtons.segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.rowButtons.segmented{grid-template-columns:repeat(6,minmax(0,1fr))}.toggle-choice.active,.choice.active{background:rgba(245,196,0,.12)!important;border-color:rgba(245,196,0,.34)!important;color:var(--yellow)!important}.choice{appearance:none;border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--muted);border-radius:10px;min-height:40px;font-size:12px;font-weight:850}.platePreview{margin:8px 0 0}.categoryPills{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.categoryPills button,.catPill{flex:0 0 auto;border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--muted);border-radius:999px;min-height:36px;padding:0 12px;font-size:12px;font-weight:850}.categoryPills button.active,.catPill.active{background:rgba(245,196,0,.12);border-color:rgba(245,196,0,.28);color:var(--yellow)}.products,.product-list{display:grid;gap:8px}.productEmptyState{border:1px dashed rgba(255,255,255,.14);border-radius:14px;padding:16px;color:var(--muted);display:grid;gap:4px}.productEmptyState b{color:var(--text)}.productBtn,.productButton,.product-row button.productAdd,.manualProduct{border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);border-radius:12px;padding:11px;text-align:left}.product-row{min-width:0}.product-row img,.aklProductIcon{width:34px;height:34px;object-fit:contain}.cartLine,.line{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.cartLine:first-child,.line:first-child{border-top:0}.tiny{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:8px;min-width:30px;height:30px;font-weight:900}.bundleBadge{display:inline-flex;margin-left:6px;padding:2px 6px;border-radius:999px;background:rgba(245,196,0,.12);color:var(--yellow);font-size:10px;font-weight:900}.orderItemMain{font-weight:850}.orderItemDetails,.orderBundleDetails{display:block;color:var(--muted);font-size:11px;margin-top:3px}.work-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.work-tab{min-height:42px}.staffGroup{display:grid;gap:8px}.staffGroup h3{margin:14px 0 4px;font-size:14px}.staffGroup h3 span{color:var(--yellow)}.orderList{display:grid;gap:8px}.orderRow{width:100%;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.025)),var(--panel);border-radius:14px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px;text-align:left;color:var(--text);cursor:pointer}.orderRow b{display:block}.orderRow em,.orderRow small{display:block;color:var(--muted);font-style:normal;font-size:11px;margin-top:3px}.orderRow.isReady{border-color:rgba(46,204,113,.24)}.orderRow.isProblem{border-color:rgba(255,93,93,.28)}.orderRow.isMine{border-color:rgba(77,163,255,.26)}.warnText{color:#ffdca0!important}.focusPulse{animation:focusPulse 1.2s ease-in-out 1}@keyframes focusPulse{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 3px rgba(245,196,0,.25)}}.modal{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;background:rgba(3,6,10,.70);backdrop-filter:blur(10px);padding:16px}.modal.hidden{display:none!important}.modalPanel{width:min(430px,100%);max-height:85vh;overflow:auto;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025)),#141922;border-radius:24px;padding:16px;box-shadow:0 30px 90px rgba(0,0,0,.66);position:relative}.modalClose{position:absolute;right:12px;top:12px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);width:36px;height:36px;border-radius:12px;font-size:22px}.modalItems{display:grid;gap:8px;margin:12px 0}.total{color:var(--yellow);font-size:18px;font-weight:950;margin-top:10px}.modalActions,.actionRow{display:grid;gap:8px;margin-top:10px}.primary,.secondary,.bad,.danger{appearance:none;border:1px solid var(--line);border-radius:10px;min-height:44px;padding:10px 12px;font-weight:850;color:var(--text);background:rgba(255,255,255,.055)}.primary{background:var(--yellow);border-color:rgba(245,196,0,.75);color:#161300}.bad,.danger{border-color:rgba(255,93,93,.30);background:rgba(255,93,93,.10);color:#ffd9d9}.paymentHint,.problemNote,.staffWarning{border:1px solid rgba(255,176,32,.24);background:rgba(255,176,32,.075);color:#ffdca0;border-radius:13px;padding:10px;margin-top:10px;font-size:12px;line-height:1.35}.receiptMailBox{margin-top:12px;border:1px solid rgba(77,163,255,.22);background:rgba(77,163,255,.07);border-radius:14px;padding:12px}.receiptMailBox label{display:grid;gap:6px;color:var(--subtle);font-size:10px;font-weight:900;text-transform:uppercase}.receiptMailBox input{width:100%;min-height:44px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--text);padding:0 12px}.summaryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.summaryGrid>div,.data-tile{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:12px;padding:10px}.summaryGrid span{display:block;color:var(--subtle);font-size:10px;text-transform:uppercase;font-weight:900}.summaryGrid b{display:block;color:var(--text);font-size:15px;margin-top:4px}.historyHead{margin-top:14px;display:grid;gap:8px}.installGrid{display:grid;gap:8px}.installStep{border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.035)}.installStep strong{display:block}.installStep span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.ok{color:var(--green)}.bad{color:#ffd9d9}.hint{color:var(--muted)}
@media(max-width:450px){body{padding:0}.phone-shell{width:100%;min-height:100vh;border-radius:0;border-left:0;border-right:0}.app{min-height:100vh;padding-left:14px;padding-right:14px}.field-grid{grid-template-columns:1fr}.quick-actions.work-actions{gap:7px}.btn.has-badge{font-size:11px;padding-left:6px;padding-right:6px}.work-tabs{gap:6px}.work-tab{font-size:10px;padding-left:4px;padding-right:4px}.rowButtons.segmented{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* STAFF-REDESIGN-2B: Startseite glätten */
.topbar{align-items:flex-start;gap:10px;}
.topbar>div:first-child{min-width:0;flex:1 1 auto;}
.brand-kicker,.brand-title,.staff-meta{max-width:100%;}
.staff-meta{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.staff-meta span:not(.dot){min-width:0;overflow:hidden;text-overflow:ellipsis;}
.top-actions{flex:0 0 auto;align-items:flex-start;}
.icon-btn{flex:0 0 42px;overflow:hidden;white-space:nowrap;text-indent:0;line-height:1;}
#staffSoundBtn{font-size:0;position:relative;}
#staffSoundBtn::before{content:"🔊";font-size:18px;line-height:1;}
#staffSoundBtn.active{border-color:rgba(245,196,0,.46);background:rgba(245,196,0,.14);}
#menuBtn{font-size:18px;}
.status-strip{padding-top:13px;}
.chip.ok,.chip.warn{color:var(--muted)!important;}
.chip.ok strong,.chip.warn strong{color:inherit;}
.overview-card{padding:14px 14px;}
.alertRow,.alert-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line);}
.alertRow:first-child,.alert-row:first-child{border-top:0;padding-top:4px;}
.alertRow:last-child,.alert-row:last-child{padding-bottom:4px;}
.alertIcon,.alert-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:15px;background:rgba(77,163,255,.11);color:var(--blue);}
.alertIcon.ready,.alert-icon.ready{background:rgba(46,204,113,.12);color:var(--green);}
.alertIcon.problem,.alert-icon.problem{background:rgba(255,93,93,.12);color:var(--red);}
.alertTitle,.alert-title{font-size:13px!important;font-weight:850;line-height:1.2;margin:0 0 3px!important;color:var(--text);letter-spacing:-.02em;}
.alertSub,.alert-sub{margin:0!important;color:var(--muted);font-size:12px!important;line-height:1.35;}
.alertTime,.alert-time{color:var(--subtle);font-size:11px!important;font-weight:800;white-space:nowrap;align-self:center;}
#startOverviewRows{display:block;}
.section-head{margin-top:20px;}
.section-head:first-child{margin-top:18px;}
.action-grid{gap:12px;}
.main-card{padding:16px;}
.main-card h3{font-size:19px;line-height:1.08;}
.main-card p{font-size:13px;line-height:1.4;}
.order-actions .btn{min-width:0;}
.bottom-nav{position:sticky;bottom:0;z-index:50;backdrop-filter:blur(18px);}
@media(max-width:450px){
  .topbar{padding-top:10px;}
  .brand-kicker{font-size:11px;letter-spacing:.16em;}
  .brand-title{font-size:22px;}
  .staff-meta{font-size:12px;}
  .icon-btn{width:40px;height:40px;flex-basis:40px;border-radius:12px;}
  .overview-card{padding:13px 14px;}
  .alertRow,.alert-row{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:11px 0;}
  .alertTitle,.alert-title{font-size:13px!important;}
  .alertSub,.alert-sub{font-size:12px!important;}
  .main-card{min-height:auto;padding:16px;}
  .quick-actions.order-actions{grid-template-columns:1fr 1fr;}
}


/* STAFF-REDESIGN-2C: Soundbutton Zustand rot/grün */
#staffSoundBtn{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  text-indent:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  font-size:0!important;
  line-height:1!important;
  border-color:rgba(255,93,93,.44)!important;
  background:rgba(255,93,93,.10)!important;
  color:#ff6b6b!important;
  box-shadow:inset 0 0 0 1px rgba(255,93,93,.10),0 0 0 0 rgba(255,93,93,0)!important;
}
#staffSoundBtn::before{
  content:"🔈"!important;
  display:block!important;
  font-size:20px!important;
  line-height:1!important;
  text-align:center!important;
  transform:none!important;
}
#staffSoundBtn.active{
  border-color:rgba(46,204,113,.58)!important;
  background:rgba(46,204,113,.14)!important;
  color:#35d37a!important;
  box-shadow:inset 0 0 0 1px rgba(46,204,113,.12),0 0 18px rgba(46,204,113,.12)!important;
}
#staffSoundBtn.active::before{content:"🔊"!important;}
@media(max-width:450px){
  #staffSoundBtn{width:40px!important;height:40px!important;flex-basis:40px!important;}
  #staffSoundBtn::before{font-size:19px!important;}
}

/* STAFF-REDESIGN-2D: Soundbutton Icon exakt zentrieren, Emoji-Rendering ersetzen */
#staffSoundBtn{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  flex:0 0 42px!important;
  padding:0!important;
  text-indent:-9999px!important;
  font-size:0!important;
  line-height:0!important;
}
#staffSoundBtn::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:23px!important;
  height:23px!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  background:currentColor!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9.5v5h4l5 4.2V5.3L7 9.5H3Zm12.7-1.9-1.4 1.4A4.2 4.2 0 0 1 15.5 12c0 1.1-.4 2.1-1.2 2.9l1.4 1.4A6.2 6.2 0 0 0 17.5 12c0-1.7-.7-3.2-1.8-4.4Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9.5v5h4l5 4.2V5.3L7 9.5H3Zm12.7-1.9-1.4 1.4A4.2 4.2 0 0 1 15.5 12c0 1.1-.4 2.1-1.2 2.9l1.4 1.4A6.2 6.2 0 0 0 17.5 12c0-1.7-.7-3.2-1.8-4.4Z'/%3E%3C/svg%3E")!important;
}
#staffSoundBtn.active::before{
  content:""!important;
  width:24px!important;
  height:24px!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9.5v5h4l5 4.2V5.3L7 9.5H3Zm11.3-.5a4.2 4.2 0 0 1 0 6l1.4 1.4A6.2 6.2 0 0 0 17.5 12c0-1.7-.7-3.2-1.8-4.4L14.3 9Zm3-3a8.5 8.5 0 0 1 0 12l1.4 1.4a10.5 10.5 0 0 0 0-14.8L17.3 6Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9.5v5h4l5 4.2V5.3L7 9.5H3Zm11.3-.5a4.2 4.2 0 0 1 0 6l1.4 1.4A6.2 6.2 0 0 0 17.5 12c0-1.7-.7-3.2-1.8-4.4L14.3 9Zm3-3a8.5 8.5 0 0 1 0 12l1.4 1.4a10.5 10.5 0 0 0 0-14.8L17.3 6Z'/%3E%3C/svg%3E")!important;
}
@media(max-width:450px){
  #staffSoundBtn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-basis:40px!important;}
  #staffSoundBtn::before{width:22px!important;height:22px!important;}
  #staffSoundBtn.active::before{width:23px!important;height:23px!important;}
}