/* STAFF-REDESIGN-5F · Abarbeiten-Workflows aus V23 kompakt */
#screenWork .screen-title h2{font-size:clamp(26px,7vw,36px)!important;letter-spacing:-.055em!important;line-height:.98!important}
#screenWork .screen-title p{font-size:clamp(14px,3.8vw,18px)!important;line-height:1.3!important;max-width:390px!important}
#screenWork .work-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:14px 0 14px!important;overflow:visible!important}
#screenWork .work-tab{min-height:58px!important;border-radius:18px!important;font-size:13px!important;font-weight:850!important;padding:9px 8px!important;position:relative!important;white-space:nowrap!important}
#screenWork .mini-badge{width:28px!important;height:28px!important;right:-9px!important;top:-11px!important;font-size:14px!important}
#screenWork .work-list{display:grid!important;gap:12px!important;margin-top:12px!important}
#screenWork .work-order{padding:13px!important;border-radius:20px!important;box-shadow:none!important}
#screenWork .work-order-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:start!important}
#screenWork .work-order-title .work-place-main{display:block!important;color:var(--text)!important;font-size:clamp(16px,4.4vw,20px)!important;line-height:1.05!important;font-weight:900!important;letter-spacing:-.035em!important;margin-bottom:4px!important}
#screenWork .work-order-title .work-order-number{display:block!important;color:var(--muted)!important;font-size:11px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:0!important}
#screenWork .work-status{font-size:11px!important;padding:7px 10px!important;border-radius:999px!important;font-weight:850!important;white-space:nowrap!important}
#screenWork .work-order-meta{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:end!important;margin-top:10px!important}
#screenWork .work-order-meta span{font-size:12px!important;line-height:1.25!important;color:var(--muted)!important;font-weight:700!important}
#screenWork .work-order-meta b{font-size:18px!important;line-height:1!important;color:var(--yellow)!important;font-weight:900!important;letter-spacing:-.035em!important;white-space:nowrap!important}
#screenWork .work-note{font-size:12px!important;line-height:1.3!important;border-radius:12px!important;padding:9px 10px!important;margin-top:10px!important;color:var(--muted)!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important}
#screenWork .takeover-actions{display:grid!important;gap:8px!important;margin-top:12px!important}
#screenWork .takeover-actions.one{grid-template-columns:1fr!important}
#screenWork .takeover-actions.four{grid-template-columns:1fr 1fr!important}
#screenWork .takeover-actions .btn{min-height:44px!important;border-radius:14px!important;font-size:13px!important;font-weight:850!important;padding:10px 9px!important}
#screenWork .takeover-actions.four .btn.blue{grid-column:1/-1!important}
.work-flow-screen{padding-bottom:90px!important}
.work-flow-screen .screen-title{margin-top:18px!important;margin-bottom:14px!important}
.work-flow-screen .screen-title h2{font-size:clamp(26px,7vw,34px)!important;line-height:1!important;letter-spacing:-.055em!important;margin:0 0 6px!important}
.work-flow-screen .screen-title p{font-size:clamp(13px,3.8vw,18px)!important;line-height:1.35!important;margin:0!important;color:var(--muted)!important;max-width:410px!important}
.work-flow-screen .back-btn{min-height:48px!important;border-radius:16px!important;font-size:14px!important;padding:0 16px!important}
.work-flow-screen .cashier-card,.work-flow-screen .payment-panel,.work-flow-screen .problem-card,.work-flow-screen .edit-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),var(--panel);border-radius:22px;padding:14px;margin-top:12px;box-shadow:none}
.work-flow-screen .cashier-card{border-color:rgba(46,204,113,.24);background:radial-gradient(circle at 100% 0%,rgba(46,204,113,.13),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),var(--panel)}
.work-flow-screen .cashier-card.ready-only{border-color:rgba(245,196,0,.22)}
.work-flow-screen .payment-panel{border-color:rgba(245,196,0,.22);background:linear-gradient(135deg,rgba(245,196,0,.075),transparent 46%),linear-gradient(180deg,rgba(255,255,255,.050),rgba(255,255,255,.025)),var(--panel)}
.work-flow-screen .problem-card{border-color:rgba(255,82,94,.38);background:linear-gradient(135deg,rgba(255,82,94,.12),transparent 54%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025)),var(--panel)}
.work-flow-screen .edit-card{border-color:rgba(77,163,255,.28);background:linear-gradient(135deg,rgba(77,163,255,.10),transparent 52%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025)),var(--panel)}
.work-flow-screen .step-label{color:var(--yellow);font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;display:flex;gap:8px;align-items:center}
.work-flow-screen .step-label:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--yellow);display:inline-block}
.work-flow-screen .review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.work-flow-screen .review-head strong{display:block;font-size:16px;line-height:1.15}.work-flow-screen .review-head span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-top:4px}.work-flow-screen .review-total{color:var(--yellow)!important;font-size:20px!important;font-weight:950!important;white-space:nowrap!important;margin-top:0!important}
.work-flow-screen .cashier-lines{display:grid;gap:8px;margin:10px 0 0}.work-flow-screen .cashier-line{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:13px}.work-flow-screen .cashier-line strong{color:var(--text);white-space:nowrap}
.work-flow-screen .pay-total-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.work-flow-screen .pay-total-row span{display:block;color:var(--subtle);font-size:10px;font-weight:900;letter-spacing:.10em;text-transform:uppercase;margin-bottom:4px}.work-flow-screen .pay-total-row strong{display:block;font-size:26px;line-height:1;color:var(--yellow);letter-spacing:-.04em}.work-flow-screen .pay-badge{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);color:var(--muted);padding:7px 9px;border-radius:999px;font-size:11px;font-weight:850;white-space:nowrap}
.work-flow-screen .pay-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.work-flow-screen .pay-field label,.work-flow-screen .problem-note-box label,.work-flow-screen .edit-reason label{display:block;color:var(--subtle);font-size:10px;font-weight:900;letter-spacing:.10em;text-transform:uppercase;margin-bottom:7px}.work-flow-screen .pay-input,.work-flow-screen textarea,.work-flow-screen .search-input,.work-flow-screen .shop-select{width:100%;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));color:var(--text);border-radius:14px;padding:12px 13px;font-size:15px;font-weight:800;outline:none}.work-flow-screen .pay-output{border:1px solid rgba(46,204,113,.28);background:rgba(46,204,113,.10);border-radius:14px;padding:12px 13px;color:#2ecc71;font-size:17px;font-weight:950;text-align:center}.work-flow-screen .email-card{border:1px solid rgba(77,163,255,.28);background:rgba(77,163,255,.08);border-radius:16px;padding:12px;margin-top:12px}.work-flow-screen .email-card p{color:var(--muted);font-size:13px;line-height:1.35;margin:0 0 10px}.work-flow-screen .cashier-actions{margin-top:14px}.work-flow-screen .secondary-row,.work-flow-screen .problem-secondary-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.work-flow-screen .btn.full{width:100%}
.work-flow-screen .problem-banner{display:flex;gap:12px;align-items:center;border:1px solid rgba(255,82,94,.35);background:rgba(255,82,94,.10);border-radius:16px;padding:12px;margin-bottom:12px}.work-flow-screen .problem-symbol{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,82,94,.18);border:1px solid rgba(255,82,94,.35);font-size:24px;font-weight:950;color:#ffd2d6}.work-flow-screen .problem-banner strong{display:block;font-size:16px}.work-flow-screen .problem-banner span{display:block;color:var(--muted);font-size:12px;font-weight:750;margin-top:3px}.work-flow-screen .data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.work-flow-screen .data-tile{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:12px;padding:10px;min-height:58px}.work-flow-screen .data-tile span{display:block;color:var(--subtle);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.work-flow-screen .data-tile b{display:block;color:var(--text);font-size:13px;line-height:1.2}
.work-flow-screen .problem-options{display:grid;gap:9px}.work-flow-screen .problem-option,.work-flow-screen .edit-mode{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:14px;padding:12px;text-align:left;color:var(--text);font:inherit}.work-flow-screen .problem-option strong,.work-flow-screen .edit-mode{font-weight:900}.work-flow-screen .problem-option span,.work-flow-screen .edit-mode span{display:block;color:var(--muted);font-size:12px;line-height:1.35;margin-top:4px;font-weight:650}.work-flow-screen .problem-option.green,.work-flow-screen .problem-option.active{border-color:rgba(46,204,113,.45);background:rgba(46,204,113,.08)}.work-flow-screen .problem-option.blue{border-color:rgba(77,163,255,.45);background:rgba(77,163,255,.08)}.work-flow-screen .problem-option.red{border-color:rgba(255,82,94,.48);background:rgba(255,82,94,.08)}.work-flow-screen .problem-note-box,.work-flow-screen .edit-reason{margin-top:12px}.work-flow-screen textarea{min-height:105px;resize:vertical;line-height:1.35}.work-flow-screen .problem-action-row,.work-flow-screen .edit-actions{margin-top:12px}
.work-flow-screen .review-items{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}.work-flow-screen .review-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:13px;padding:10px}.work-flow-screen .review-item p{margin:0;font-size:14px;font-weight:900}.work-flow-screen .review-item small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.work-flow-screen .edit-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.work-flow-screen .edit-mode.active{border-color:rgba(245,196,0,.42);background:rgba(245,196,0,.08);color:var(--yellow)}.work-flow-screen .shop-controls{display:grid;gap:8px}.work-flow-screen .addon-list{display:grid;gap:8px;margin-top:12px}.work-flow-screen .addon-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:13px;padding:10px}.work-flow-screen .addon-row strong{display:block;font-size:14px}.work-flow-screen .addon-row span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.work-flow-screen .addon-actions{display:flex;gap:8px;align-items:center}.work-flow-screen .qty-pill{border:1px solid var(--line);border-radius:10px;padding:7px 9px;color:var(--muted);font-weight:900}.work-flow-screen .plus-btn{width:42px;height:42px;border:0;border-radius:12px;background:var(--yellow);font-size:24px;font-weight:950;color:#08090b}.work-flow-screen .edit-summary{border:1px solid rgba(245,196,0,.28);background:rgba(245,196,0,.06);border-radius:13px;padding:11px;margin-top:12px}.work-flow-screen .edit-summary-line{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.work-flow-screen .edit-summary-line+ .edit-summary-line{margin-top:6px}.work-flow-screen .edit-summary strong{color:var(--yellow)}
@media(max-width:430px){#screenWork .work-tabs{gap:8px!important}#screenWork .work-tab{font-size:12px!important;min-height:54px!important}#screenWork .work-order{padding:12px!important}#screenWork .takeover-actions.four{grid-template-columns:1fr!important}.work-flow-screen .pay-fields,.work-flow-screen .secondary-row,.work-flow-screen .problem-secondary-row,.work-flow-screen .edit-mode-grid{grid-template-columns:1fr}.work-flow-screen .review-head{align-items:flex-start}.work-flow-screen .review-total{font-size:18px!important}.work-flow-screen .pay-total-row strong{font-size:23px}}
