/* STAFF-REDESIGN-4E – kompakter Warenkorb / Review näher an V23 / Toast */

/* Review-Seite: 4D-Klobigkeit überschreiben, Mockup-Klassen nutzen */
.manual-review-panel{display:none;}
body.akl-manual-review .manual-screen > .screen-title,
body.akl-manual-review .manual-screen > .flow-steps,
body.akl-manual-review .manual-screen > .manual-panel,
body.akl-manual-review .manual-screen > .cart-sheet,
body.akl-manual-review .manual-screen > #cartPreviewBox{display:none!important;}
body.akl-manual-review .manual-review-panel{display:block!important;}
body.akl-manual-review .manual-review-panel .screen-title{margin:18px 2px 10px!important;}
body.akl-manual-review .manual-review-panel .screen-title h2{font-size:21px!important;line-height:1.05!important;letter-spacing:-.045em!important;}
body.akl-manual-review .manual-review-panel .screen-title p{font-size:12px!important;line-height:1.35!important;margin:5px 0 0!important;color:var(--muted)!important;font-weight:500!important;}
body.akl-manual-review .manual-review-panel .back-btn{min-height:44px!important;border-radius:14px!important;font-size:13px!important;padding:0 14px!important;}
.manual-review-panel .review-card{padding:14px!important;margin-top:12px!important;border-radius:18px!important;border:1px solid var(--line)!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),var(--panel)!important;}
.manual-review-panel .review-card.important{border-color:rgba(245,196,0,.24)!important;background:linear-gradient(135deg,rgba(245,196,0,.075),transparent 44%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),var(--panel)!important;}
.manual-review-panel .review-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin:8px 0 10px!important;}
.manual-review-panel .review-head strong{display:block!important;font-size:14px!important;line-height:1.2!important;}
.manual-review-panel .review-head span{display:block!important;color:var(--muted)!important;font-size:11px!important;font-weight:800!important;margin-top:6px!important;}
.manual-review-panel .review-total{color:var(--yellow)!important;font-size:16px!important;font-weight:950!important;white-space:nowrap!important;margin-top:0!important;}
.manual-review-panel .data-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important;}
.manual-review-panel .data-tile{border:1px solid var(--line)!important;background:rgba(255,255,255,.035)!important;border-radius:12px!important;padding:10px!important;min-height:58px!important;}
.manual-review-panel .data-tile span{display:block!important;color:var(--subtle)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin-bottom:5px!important;}
.manual-review-panel .data-tile b{display:block!important;color:var(--text)!important;font-size:13px!important;line-height:1.2!important;}
.manual-review-panel .review-items{margin:0!important;padding:0!important;list-style:none!important;display:grid!important;gap:7px!important;color:var(--muted)!important;font-size:12px!important;}
.manual-review-panel .review-item{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:center!important;padding:10px!important;border:1px solid var(--line)!important;background:rgba(255,255,255,.035)!important;border-radius:12px!important;}
.manual-review-panel .review-item p{margin:0 0 3px!important;font-size:13px!important;font-weight:850!important;line-height:1.2!important;}
.manual-review-panel .review-item small{color:var(--muted)!important;font-size:11px!important;line-height:1.25!important;}
.manual-review-panel .review-item strong{color:var(--text)!important;font-size:12px!important;white-space:nowrap!important;}
.manual-review-panel .payment-info-card{border:1px solid rgba(77,163,255,.18)!important;background:rgba(77,163,255,.075)!important;border-radius:14px!important;padding:12px!important;display:grid!important;gap:6px!important;}
.manual-review-panel .payment-info-card strong{color:var(--text)!important;font-size:14px!important;line-height:1.2!important;}
.manual-review-panel .payment-info-card span{color:var(--muted)!important;font-size:12px!important;line-height:1.45!important;}
.manual-review-panel .review-actions{display:grid!important;gap:10px!important;}
.manual-review-panel .review-actions .btn.primary{min-height:52px!important;border-radius:14px!important;font-size:14px!important;}
.manual-review-panel .secondary-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
.manual-review-panel .secondary-row .btn{min-height:44px!important;border-radius:12px!important;font-size:13px!important;}
.manual-review-panel .secondary-row .btn.red{border-color:rgba(255,93,93,.36)!important;background:rgba(255,93,93,.12)!important;color:#ffd5d5!important;}

/* Fixierter Mini-Warenkorb: immer erreichbar, ohne scrollen bis ganz unten */
body.akl-cart-has-items:not(.akl-manual-review) .manual-screen .cart-sheet{display:block!important;}
.manual-screen .cart-sheet{
  position:fixed!important;
  left:50%!important;
  bottom:calc(74px + env(safe-area-inset-bottom,0px))!important;
  transform:translateX(-50%)!important;
  width:min(382px,calc(100vw - 48px))!important;
  z-index:90!important;
  border-radius:18px!important;
  padding:10px 12px!important;
  margin:0!important;
  background:rgba(35,29,3,.94)!important;
  border:1px solid rgba(245,196,0,.42)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.48)!important;
  backdrop-filter:blur(16px)!important;
}
.manual-screen .cart-sheet.is-hidden{display:none!important;}
.manual-screen .cart-sheet .cart-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0!important;}
.manual-screen .cart-sheet .cart-head strong{font-size:13px!important;color:var(--text)!important;line-height:1.1!important;}
.manual-screen .cart-sheet .cart-head span{font-size:17px!important;font-weight:950!important;color:var(--yellow)!important;white-space:nowrap!important;}
.manual-screen .cart-sheet .cart-items{display:none!important;}
.manual-screen .cart-sheet .cart-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:8px!important;}
.manual-screen .cart-sheet .cart-actions .btn{min-height:40px!important;border-radius:12px!important;font-size:12px!important;padding:8px 10px!important;}
.manual-screen .cart-sheet .cart-actions .btn.primary{font-weight:950!important;}
body.akl-cart-has-items:not(.akl-manual-review) .manual-screen{padding-bottom:112px!important;}

/* Warenkorb-Modal schlanker und mittig */
.modalPanel.akl-dialog-panel[data-kind="cart"]{width:min(380px,calc(100vw - 34px))!important;max-height:min(76vh,560px)!important;border-radius:24px!important;padding:0!important;overflow:hidden!important;background:linear-gradient(180deg,#20242d,#141820)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 30px 90px rgba(0,0,0,.72)!important;}
.modalPanel.akl-dialog-panel[data-kind="cart"] .modalClose{display:none!important;}
.cart-modal{padding:18px!important;}
.cart-modal-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important;}
.cart-modal-head h2{margin:0!important;font-size:20px!important;line-height:1.05!important;}
.cart-modal-head span{font-size:18px!important;font-weight:950!important;color:var(--yellow)!important;white-space:nowrap!important;}
.cart-modal-list{display:grid!important;gap:8px!important;max-height:min(46vh,420px)!important;overflow:auto!important;padding-right:2px!important;}
.cart-modal-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important;align-items:center!important;border:1px solid var(--line)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;padding:10px!important;}
.cart-modal-row .orderItemMain{font-weight:900!important;color:var(--text)!important;font-size:13px!important;line-height:1.2!important;}
.cart-modal-row b{font-size:12px!important;white-space:nowrap!important;color:var(--text)!important;}
.cart-modal-row .bundleComponents{font-size:11px!important;margin:5px 0 0 0!important;padding-left:16px!important;color:var(--muted)!important;}
.cart-modal-qty{display:flex!important;gap:5px!important;}
.cart-modal-qty button{width:34px!important;height:34px!important;border-radius:11px!important;border:1px solid var(--line)!important;background:rgba(255,255,255,.055)!important;color:var(--text)!important;font-size:18px!important;font-weight:950!important;}
.cart-modal-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:14px!important;}
.cart-modal-actions .btn{min-height:44px!important;border-radius:13px!important;font-size:13px!important;}

/* App-Toast wie im V23-Mockup */
.phone-shell{position:relative;}
.akl-toast-overlay{position:absolute!important;inset:0!important;z-index:999!important;display:none!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(3,6,10,.66)!important;backdrop-filter:blur(10px)!important;}
.akl-toast-overlay.is-visible{display:flex!important;animation:overlayFade .18s ease both!important;}
.akl-toast-overlay .toast-box{width:min(330px,100%)!important;border-radius:24px!important;padding:26px 18px!important;text-align:center!important;animation:toastPop .24s ease both!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 30px 90px rgba(0,0,0,.62)!important;}
.akl-toast-overlay .toast-box.success{border-color:rgba(46,204,113,.58)!important;background:radial-gradient(circle at 50% -15%,rgba(46,204,113,.38),transparent 58%),linear-gradient(180deg,rgba(37,89,57,.97),rgba(12,28,20,.98))!important;box-shadow:0 0 0 1px rgba(46,204,113,.15),0 30px 90px rgba(0,0,0,.62),0 0 70px rgba(46,204,113,.35)!important;}
.akl-toast-overlay .toast-box.error{border-color:rgba(255,93,93,.58)!important;background:radial-gradient(circle at 50% -15%,rgba(255,93,93,.34),transparent 58%),linear-gradient(180deg,rgba(96,34,34,.97),rgba(36,13,17,.98))!important;box-shadow:0 0 0 1px rgba(255,93,93,.15),0 30px 90px rgba(0,0,0,.62),0 0 70px rgba(255,93,93,.30)!important;}
.akl-toast-overlay .toast-icon{width:70px!important;height:70px!important;border-radius:22px!important;margin:0 auto 13px!important;display:grid!important;place-items:center!important;font-size:33px!important;font-weight:950!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;}
.akl-toast-overlay .toast-box.success .toast-icon{background:rgba(46,204,113,.25)!important;color:#caffd8!important;border:1px solid rgba(202,255,216,.34)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 42px rgba(46,204,113,.38)!important;}
.akl-toast-overlay .toast-box.error .toast-icon{background:rgba(255,93,93,.20)!important;color:#ffd6d6!important;border:1px solid rgba(255,214,214,.28)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 42px rgba(255,93,93,.30)!important;}
.akl-toast-overlay .toast-box h3{margin:0 0 7px!important;font-size:20px!important;letter-spacing:-.04em!important;}
.akl-toast-overlay .toast-box p{margin:0!important;color:#e9fff0!important;font-size:13px!important;line-height:1.42!important;font-weight:650!important;}
.akl-toast-overlay .toast-box.error p{color:#ffe1e1!important;}
@keyframes overlayFade{from{opacity:0}to{opacity:1}}
@keyframes toastPop{from{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}

@media(max-width:430px){
  .manual-screen .cart-sheet{width:calc(100vw - 30px)!important;bottom:calc(66px + env(safe-area-inset-bottom,0px))!important;}
  .cart-modal-row{grid-template-columns:minmax(0,1fr)!important;}
  .cart-modal-row b{justify-self:start!important;}
  .cart-modal-qty{justify-content:stretch!important;}
  .cart-modal-qty button{flex:1!important;}
}