/* Seitenspezifische Styles für index.html */

/* ---- Seitenstil ---- */
html,body{margin:0;background:#fff;color:var(--smartcart-black);font-family:Arial,Helvetica,sans-serif;overscroll-behavior-y:none}body{min-height:100vh}html.short-list-lock,body.short-list-lock{overflow:hidden!important;overscroll-behavior:none!important}body.short-list-lock{position:fixed;inset:0;width:100%}
.syncbar{position:sticky;top:0;z-index:100;background:#fff;padding:max(10px,env(safe-area-inset-top)) 18px 0}.syncbar::after{content:"";display:block;height:5px;background:#fff;position:relative;z-index:2}.syncbar::before{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0));pointer-events:none;z-index:1}
.syncinner{width:100%;max-width:724px;margin:0 auto;position:relative;display:flex;align-items:center;gap:9px;font-size:.92rem;padding-bottom:10px}.header-settings{box-shadow:var(--sc-shadow);border:0;background:#d47b00;width:40px;height:40px;padding:8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex:none;color:#fff;transition:background-color .12s linear}.syncbar.status-mode-bar .header-settings,.syncbar.status-mode-off .header-settings{background:var(--smartcart-black)!important;color:#fff}.bottom-fade{position:fixed;left:0;right:0;bottom:0;height:10px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,1));z-index:440;pointer-events:none}.bottom-status-bar{position:fixed;left:0;right:0;bottom:0;height:8px;background:transparent;z-index:450;pointer-events:none;transition:background-color .12s linear}.bottom-status-bar.hidden{display:none}.header-settings svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.header-settings.ok{background:#2e9b42;color:#fff}.header-settings.syncing{background:#d47b00;color:#fff}.header-settings.offline{background:#888888;color:#fff}.header-settings.manual{background:var(--smartcart-black);color:#fff}.header-settings.error{background:#c22;color:#fff}.header-settings:active{transform:scale(.96)}.list-search{display:flex;align-items:center;min-width:0;position:relative}.list-search-toggle{border:0;background:#888888;color:#fff;padding:5px;border-radius:50%;box-shadow:var(--sc-shadow);cursor:pointer}.list-search-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.list-search-toggle:active{transform:scale(.95)}.list-search-wrap{display:flex;align-items:center;position:relative;min-width:0}.list-search-wrap[hidden]{display:none}.list-search-wrap input{width:100%;height:35px;box-sizing:border-box;border:1px solid #aaa;border-radius:7px;background:var(--sc-field-bg);padding:6px 38px 6px 38px;font:inherit;font-size:16px;outline:none}.list-search-wrap input:focus{border-color:#888888}.list-search-wrap input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.list-search-clear{position:absolute;right:0;top:0;border:0;background:transparent;color:#888888;font-size:24px;font-weight:300;padding:0;box-shadow:none;cursor:pointer}.list-search-clear:active{transform:scale(.95)}body.list-search-active .syncbar{position:fixed;left:0;right:0;top:0;width:100%}body.list-search-active main{padding-top:var(--list-search-header-height,60px)}body.list-search-active .header-status-text{display:none!important}body.list-search-active .syncinner{width:100%}body.list-search-active .header-actions{margin-left:9px;flex:1 1 auto;min-width:0;gap:9px}body.list-search-active .list-search{flex:1 1 auto;min-width:0;margin-right:9px}body.list-search-active .list-search-wrap{display:flex;flex:1 1 auto;width:100%;min-width:0}body.list-search-active .list-search-toggle{position:absolute;left:1px;top:50%;transform:translateY(-50%);z-index:2;pointer-events:none;background:transparent;box-shadow:none;border-radius:0}body.list-search-active .list-search-toggle{display:none!important}body.list-search-active .list-search-wrap input{padding-left:10px}body.list-search-active .list-search-toggle:active{transform:translateY(-50%)}body.list-search-active.search-has-query .list-search-toggle{visibility:hidden}body.search-mode-permanent .header-status-text{display:none!important}body.search-mode-permanent .header-actions{margin-left:9px;flex:1 1 auto;min-width:0;gap:9px}body.search-mode-permanent .list-search{display:flex;flex:1 1 auto;min-width:0}body.search-mode-permanent .list-search-toggle{display:none!important}body.search-mode-permanent .list-search-wrap{display:flex!important;flex:1 1 auto;width:100%;min-width:0}body.search-mode-permanent .list-search-wrap input{padding-left:10px}body.search-mode-off .list-search{display:none!important}body.list-search-focused{overflow:hidden!important;height:100%!important}body.list-search-focused .syncbar{position:fixed!important;left:0;right:0;top:0!important;width:100%;z-index:1000;transform:none!important}body.list-search-focused main{position:fixed!important;left:0;right:0;top:var(--list-search-header-height,60px)!important;height:calc(var(--list-search-focus-vh,100vh) - var(--list-search-header-height,60px))!important;max-width:760px;margin:0 auto!important;padding-top:0!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.header-status-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-64%);font-weight:600;white-space:nowrap;pointer-events:none}.header-status-text[hidden]{display:none}.header-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.add-top{box-shadow:var(--sc-shadow);border:0;background:var(--smartcart-black);color:#fff;width:36px;height:36px;border-radius:50%;font-size:25px;line-height:34px;padding:0;cursor:pointer;flex:none}.module-top{box-shadow:var(--sc-shadow);border:0;background:#888888;color:#fff;width:36px;height:36px;border-radius:50%;padding:7px;cursor:default;flex:none;display:inline-flex;align-items:center;justify-content:center}.module-top.deposit-has-value{background:var(--smartcart-black)}.module-top.do-not-buy-has-items{background:var(--smartcart-black)}.module-top[hidden]{display:none!important}.module-top img{width:22px;height:22px;display:block;object-fit:contain;filter:brightness(0) invert(1);transform:rotate(-38.5deg) scale(.82);transform-origin:50% 50%}.do-not-buy-top svg{width:23px;height:23px;display:block}.do-not-buy-top .cart{fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.do-not-buy-top .slash{fill:none;stroke:#d62828;stroke-width:2.7;stroke-linecap:round}.add-top:active{transform:scale(.96)}.add-top.add-top-blue{background:#3A83F7}
main{max-width:760px;margin:0 auto;padding:0 18px 12px}.store{margin-top:18px}#box>.store:first-child{margin-top:10px}.store-title{margin:0;border:1px solid transparent;border-radius:7px;padding:8px 11px;font-size:1.06rem;font-weight:700;height:39px;display:flex;align-items:center;gap:9px;overflow:hidden;white-space:nowrap;box-shadow:var(--sc-shadow)}.store-logo{display:block;max-height:23px;max-width:150px;width:auto;height:auto;object-fit:contain;flex:none}.store-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-heading-content{position:absolute;left:11px;right:11px;top:0;height:100%;display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;overflow:hidden;pointer-events:none}.store-heading-content .store-name{min-width:0}.store-title:has(>.store-heading-content){position:relative}.focus-target{margin-left:auto;flex:0 0 auto;width:26px;height:26px;padding:2px;border:0;background:transparent;color:currentColor;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.78}.focus-target svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.focus-target:active{transform:scale(.94)}.focus-extreme-active .syncbar{display:none!important}.focus-extreme-active main{padding-top:max(8px,env(safe-area-inset-top))}.focus-extreme-active #box>.store:first-child{margin-top:0}.focus-extreme-active .store[data-store-id]>.store-title{cursor:pointer}.focus-extreme-active .store[data-store-id]>.items>li[data-item-id]{min-height:56px;box-sizing:border-box}.focus-extreme-active .store[data-store-id]>.items>li[data-item-id]>.info-indicator{margin-right:8px;transform:none}.completed-store .store-title{background:#dff2df;color:#245c2a;border-color:#74a97a}.monochrome-list .completed-store .store-title{background:#f2f2f2;color:var(--smartcart-black);border-color:#888888}.completed-store .item-title,.completed-store .item-labels,.completed-store .item-info,.completed-store .item-qty{color:#888888}.completed-trash{margin-left:auto;flex:0 0 auto;width:28px;height:28px;padding:3px;border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.completed-trash:disabled{opacity:.3;cursor:default}.completed-trash{background:transparent!important;color:#c62828!important;border-radius:50%}.completed-trash svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.restore-handle{flex:0 0 auto;width:36px;height:36px;border:0;background:transparent;color:#aaa;padding:6px 8px;line-height:1;cursor:pointer}.restore-handle:disabled{opacity:.35;cursor:default}
.items{list-style:none;margin:0;padding:0;overflow:hidden}.items li{display:flex;align-items:center;gap:8px;padding:10px 1px 10px 7px;position:relative;box-sizing:border-box;touch-action:pan-y;will-change:transform;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tall-rows .items li{min-height:56px}.compact-rows .items li{min-height:0;padding-top:10px;padding-bottom:10px}.compact-rows:not(.combo-mode-active):not(.hide-right-side-icon) .items li{padding-right:37px}.compact-rows:not(.combo-mode-active):not(.hide-right-side-icon) .items li>.side-icon{position:absolute;right:1px;top:50%;transform:translateY(-50%)}.items li:not(:last-child)::after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:1px;background:#b8b8b8;pointer-events:none}.items li.full-separator-after::after{left:0;right:0}.hide-item-separators .items li:not(:last-child)::after{display:none!important}.item-qty{flex:0 0 var(--qty-width,0px);width:var(--qty-width,0px);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.quantity-units-hidden .item-qty{padding-left:8px;box-sizing:content-box}.item-name{flex:1;min-width:0;overflow-wrap:anywhere;word-break:normal}.item-title{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.item-info{color:#888888;font-weight:400;margin-left:0;overflow-wrap:anywhere}.drag-handle,.edit-handle{flex:0 0 auto;border:0;background:transparent;color:#aaa;padding:6px 8px;line-height:1;touch-action:none;user-select:none;-webkit-user-select:none}.hide-right-side-icon .side-icon{display:none!important}.hide-right-side-icon .restore-handle{display:inline-flex!important}.drag-handle{width:36px;height:36px;cursor:grab}.drag-handle:active{cursor:grabbing}.edit-handle{width:36px;height:36px;cursor:pointer}.side-icon svg{width:20px;height:20px;display:block;margin:auto;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.info-indicator{flex:0 0 auto;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#3A83F7;color:#fff;font-size:11px;font-weight:700;font-family:'Courier New',Courier,monospace;line-height:1;box-shadow:var(--sc-shadow);transform:translateX(2px);margin-right:0}.hide-right-side-icon .info-indicator{margin-right:8px}.combo-mode-active .info-indicator{transform:none;margin-right:7px}.info-letter{display:block;transform:translateY(1px)}.monochrome-list .info-indicator{background:#555;color:#fff}.info-indicator.info-mode-light{background:#e8e8e8!important;color:#8f8f8f!important;box-shadow:var(--sc-shadow)!important}.info-photo{display:none;margin:0 0 18px}.info-photo.visible{display:block}.info-photo img{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:7px;background:#fff}.info-article-name{font-size:1.2rem;font-weight:700;line-height:1.3;margin:0 0 8px;overflow-wrap:anywhere;word-break:normal;white-space:normal;text-align:center}.info-meta{color:#888888;font-weight:400;line-height:1.35;margin:0 0 14px;overflow-wrap:anywhere;word-break:normal}.info-meta:empty{display:none}.info-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px;row-gap:8px;margin-top:6px}.info-price-head{font-size:.82rem;color:#888888;font-weight:600;text-align:right}.info-price-head-spacer{visibility:hidden}.info-price-row{display:contents}.info-price-label{font-weight:600;min-width:0}.info-price-value{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.info-tax-divider{grid-column:1/-1;height:1px;background:#ddd;margin-top:2px}.info-tax-rate{display:none}.info-tax-rate.visible{display:contents}.info-tax-label{font-weight:600;font-size:.92rem}.info-tax-value{text-align:right;font-size:.92rem;font-variant-numeric:tabular-nums;white-space:nowrap}.info-tax-empty{min-width:0}
.row-drag-active .items li[data-item-id]{touch-action:pan-y;cursor:grab}.row-drag-active .items li[data-item-id].dragging{cursor:grabbing;touch-action:none;background:transparent!important;z-index:5}.items li.swiping{transition:none}.items li.swipe-reset{transition:transform .18s ease}.items li.swipe-delete{transition:transform .20s ease,opacity .20s ease;opacity:0}.dragging{opacity:.28}.is-dragging{user-select:none;-webkit-user-select:none}.smartcart-drag-float-wrap{position:fixed;left:0;top:0;z-index:1200;pointer-events:none;margin:0!important;padding:0!important;list-style:none!important;box-sizing:border-box;opacity:.97;transform:translate3d(0,0,0) scale(1.035);transform-origin:center center;will-change:transform;background:transparent!important;overflow:visible}.smartcart-drag-float-wrap>li{margin:0!important;box-sizing:border-box;box-shadow:0 16px 38px rgba(0,0,0,.34),0 7px 16px rgba(0,0,0,.24)!important;border:1px solid rgba(70,70,70,.42)!important;border-radius:7px;background:#fff!important;background-clip:padding-box!important;overflow:hidden;pointer-events:none!important}.smartcart-drag-float-wrap>li::marker{content:""}.smartcart-drag-float-wrap *{pointer-events:none!important}.smartcart-drag-float-wrap .drag-handle,.smartcart-drag-float-wrap [data-item-drag]{cursor:grabbing!important}.empty{color:#999;font-size:.78rem;font-weight:400;padding:20px 4px 3px;justify-content:center!important;text-align:center;letter-spacing:.08em;line-height:1.2}.empty .empty-mark{display:block;width:100%;text-align:center;font-weight:400}
footer{margin-top:34px;padding:18px 0 calc(6px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:12px}.empty-store-mode-fixed main>footer{margin-top:10px;padding-top:0;padding-bottom:calc(6px + env(safe-area-inset-bottom));min-height:0}.round-action{box-shadow:var(--sc-shadow);border:0;background:var(--smartcart-black);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;flex:none}.round-action svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.round-action:active{transform:scale(.96)}.ghost-toggle[hidden]{display:none!important}.empty-store-mode-fixed .ghost-toggle{display:none!important}.empty-store-eye-top main>footer{margin-top:10px;padding-top:0;padding-bottom:calc(6px + env(safe-area-inset-bottom));min-height:0}.header-actions>.ghost-toggle{width:36px;height:36px;flex:none}.header-actions>.ghost-toggle svg{width:20px;height:20px}.ghost-toggle{background:#888888!important;color:#fff!important;opacity:1}.ghost-toggle.active{background:var(--smartcart-black)!important;color:#fff!important;opacity:1}.ghost-toggle .eye-slash{display:none;fill:none;stroke:#d62828!important;stroke-width:2.7;stroke-linecap:round}.ghost-toggle.active .eye-slash{display:block}
.modal-backdrop{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.38);display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{width:min(430px,100%);background:#fff;border-radius:7px;padding:20px;box-shadow:0 14px 45px rgba(0,0,0,.28);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.modal input,.modal select,.modal button,.modal label,.modal div,.modal h2{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.modal h2{margin:0 0 18px;font-size:1.2rem}.field{margin-bottom:15px}.field label{display:block;font-weight:600;margin-bottom:6px}.field input,.field select{width:100%;font:inherit;font-size:16px;padding:11px;border:1px solid #aaa;border-radius:7px;background:var(--sc-field-bg);color:var(--smartcart-black)}.store-required{display:inline!important;margin-left:6px!important;color:#c62828;font-size:.76rem;font-weight:600}.store-required[hidden]{display:none!important}.field.store-invalid select{border:2px solid #c62828!important;background:#fff5f5!important;box-shadow:0 0 0 1px rgba(198,40,40,.08)}.modal-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:9px;margin-top:12px}.modal-mark-row{display:flex;align-items:center;min-height:30px;margin-top:2px}.capture-btn{margin-right:0;width:100%}.capture-btn:not(:disabled){background:#3A83F7!important;border-color:#3A83F7!important;color:#fff!important}.capture-btn:disabled{opacity:.38!important;filter:grayscale(1);cursor:default}

body.article-item-edit .article-name-field>label{display:none!important}
body.article-item-edit .article-name-fixed{
  display:block!important;
  font-size:1.2rem!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  white-space:normal!important;
  margin:0 0 8px!important;
}
body.article-item-edit #captureArticle{display:none!important}
body.article-item-edit .modal-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.modal-actions .smartcart-btn{width:100%;min-width:0}
.clear-completed-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:16px 4px 0!important}
.clear-completed-actions .smartcart-btn{width:100%!important;min-width:0!important}
.item-highlight-option{display:inline-flex!important;align-items:center;gap:7px;margin:0!important;font-size:.88rem!important;font-weight:400!important;white-space:nowrap;cursor:pointer}
.item-highlight-option[hidden]{display:none!important}
.item-highlight-option input{width:18px;height:18px;margin:0;accent-color:var(--smartcart-black)}
.items li.item-ruler{background:var(--item-ruler-color,#FAFAFA)}.items li.item-highlighted{background:var(--item-highlight-color,#F6FF69);color:var(--item-highlight-text-color,#000)}.items li.item-do-not-buy-warning{background:var(--item-do-not-buy-warning-color,#FFD6D6);color:var(--item-do-not-buy-warning-text-color,#000)}.items li.item-highlighted .drag-handle,.items li.item-highlighted .info,.items li.item-do-not-buy-warning .drag-handle,.items li.item-do-not-buy-warning .info {color:inherit!important}.hide-item-separators .items li.item-ruler,.hide-item-separators .items li.item-highlighted,.hide-item-separators .items li.item-do-not-buy-warning{border-radius:7px}.modal-actions button{font:inherit;padding:10px 14px;border-radius:7px;border:1px solid #aaa;background:#f5f5f5}.modal-actions .primary{background:var(--smartcart-black);color:#fff;}.modal-actions button:disabled{opacity:.45}.modal-note{font-size:.88rem;color:#888888;margin-top:-5px;margin-bottom:12px}.qty-unit-row{display:flex;align-items:flex-end;gap:9px}.qty-block{flex:0 0 auto}.unit-block{flex:1 1 auto;min-width:0}.qty-block>label,.unit-block>label{display:block;font-size:var(--smartcart-field-label-size)!important;font-weight:var(--smartcart-field-label-weight)!important;margin:0 0 var(--smartcart-field-label-gap)!important}.qty-number-controls{display:flex;align-items:center;gap:9px}.qty-number-controls input{width:76px;flex:0 0 76px;text-align:center}.unit-block select{width:100%;min-width:0}.qty-step{box-shadow:var(--sc-shadow);width:40px;height:40px;flex:0 0 40px;padding:0!important;border:0!important;border-radius:50%!important;background:var(--smartcart-black)!important;color:#fff!important;font-size:23px!important;font-weight:700;line-height:1;touch-action:manipulation}.qty-step:active{transform:scale(.96)}.article-name-wrap{position:relative}.article-name-fixed{font-size:16px;line-height:1.25;padding:10px 0 9px;color:var(--smartcart-black);overflow-wrap:anywhere}.suggestions{position:absolute;left:0;right:0;top:100%;z-index:20;background:#fff;border:1px solid #aaa;border-top:0;border-radius:0 0 7px 7px;max-height:210px;overflow:auto;display:none}.suggestions.open{display:block}.suggestion{display:block;width:100%;border:0;border-bottom:1px solid #ddd;background:#fff;text-align:left;padding:10px 11px;font:inherit;color:var(--smartcart-black)}.suggestion:last-child{border-bottom:0}.suggestion small{display:block;color:#888888;margin-top:2px}.suggestion:active{background:#eee}.label-picker{display:flex;flex-wrap:wrap;gap:7px}.label-chip{font:inherit;font-size:.9rem;padding:7px 10px;border:1px solid #aaa;border-radius:999px;background:#fff;color:#333;cursor:pointer}.label-chip.selected{background:#333;color:#fff;border-color:#333}.label-field[hidden]{display:none}.item-labels{color:#999;font-weight:400;margin-left:0;overflow-wrap:anywhere}.item-labels::before,.item-info::before{content:"\00a0"}

.modal-actions .primary{border-color:var(--smartcart-black)}
@media (hover:hover) and (pointer:fine){
  html,body{height:100%;overflow:hidden}
  body{min-height:0;display:flex;flex-direction:column}
  .syncbar{position:relative;top:auto;left:auto;right:auto;width:100%;flex:0 0 auto}
  .syncinner{max-width:724px;width:100%;margin:0 auto}
  main{flex:1 1 auto;min-height:0;width:100%;max-width:none;margin:0;padding:0 0 12px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable}
  #box{max-width:760px;margin:0 auto;padding:0 18px}
  main>footer{max-width:760px;margin-left:auto;margin-right:auto;padding-left:18px;padding-right:18px}
  body.list-search-active .syncbar,body.list-search-focused .syncbar{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important}
  body.list-search-active main{padding-top:0!important}
  body.list-search-focused{height:100%!important;overflow:hidden!important}
  body.list-search-focused main{position:relative!important;left:auto!important;right:auto!important;top:auto!important;height:auto!important;max-width:none!important;margin:0!important;padding-top:0!important;overflow-y:auto!important}
}
.inline-completed .item-title,.inline-completed .item-labels,.inline-completed .item-info,.inline-completed .item-qty{text-decoration:none}
/* v302: erledigte Einkäufe bleiben einzeilig; der gesamte Textblock wird vor den rechten Icons gekürzt. */
.completed-store .items li > .item-name,
.inline-completed > .item-name{
  flex:1 1 auto;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.completed-store .items li > .item-name > .item-title,
.completed-store .items li > .item-name > .item-labels,
.completed-store .items li > .item-name > .item-info,
.inline-completed > .item-name > .item-title,
.inline-completed > .item-name > .item-labels,
.inline-completed > .item-name > .item-info{
  display:inline;
  max-width:none;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:normal;
  word-break:normal;
}
/* v303: Safari/iOS – Ellipsis liegt auf einem eigenen Block innerhalb des flexiblen Textbereichs. */
.completed-store .items li > .item-name > .completed-text-line,
.inline-completed > .item-name > .completed-text-line{
  display:block;
  width:100%;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.completed-store .completed-text-line > span,
.inline-completed .completed-text-line > span{
  display:inline!important;
  max-width:none!important;
  white-space:inherit!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

.inline-completed .hand-strike{position:absolute;height:3px;background:rgba(30,74,168,.68);border-radius:2px;transform:translateY(-50%) rotate(var(--strike-angle,-.8deg));transform-origin:center;pointer-events:none;z-index:4}
/* v336: Linksbündige Hauptliste – Menge/Einheit separat; Name, Labels und Zusatzinfo bleiben ein gemeinsamer Textfluss. */
:is(#box.list-text-left .items, .smartcart-drag-float-wrap.list-text-left) li:not(.inline-completed) > .item-name{
  display:flex;
  align-items:flex-start;
  min-width:0;
}
:is(#box.list-text-left .items, .smartcart-drag-float-wrap.list-text-left) li:not(.inline-completed) > .item-name > .item-left-amount{
  flex:0 0 auto;
  white-space:nowrap;
  margin-right:.32em;
}
:is(#box.list-text-left .items, .smartcart-drag-float-wrap.list-text-left) li:not(.inline-completed) > .item-name > .item-text-flow{
  flex:1 1 auto;
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}
:is(#box.list-text-left .items, .smartcart-drag-float-wrap.list-text-left) li:not(.inline-completed) > .item-name > .item-text-flow > .item-title,
:is(#box.list-text-left .items, .smartcart-drag-float-wrap.list-text-left) li:not(.inline-completed) > .item-name > .item-text-flow > .item-labels,
:is(#box.list-text-left .items, .smartcart-drag-float-wrap.list-text-left) li:not(.inline-completed) > .item-name > .item-text-flow > .item-info{
  display:inline;
  max-width:none;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}

/* v337: Auch normale Hauptlistenansicht – Artikelname, Labels und Zusatzinfo dürfen gemeinsam umbrechen. */
:is(#box:not(.list-text-left) .items, .smartcart-drag-float-wrap:not(.list-text-left)) li:not(.inline-completed) > .item-name{
  min-width:0;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
:is(#box:not(.list-text-left) .items, .smartcart-drag-float-wrap:not(.list-text-left)) li:not(.inline-completed) > .item-name > .item-title,
:is(#box:not(.list-text-left) .items, .smartcart-drag-float-wrap:not(.list-text-left)) li:not(.inline-completed) > .item-name > .item-labels,
:is(#box:not(.list-text-left) .items, .smartcart-drag-float-wrap:not(.list-text-left)) li:not(.inline-completed) > .item-name > .item-info{
  display:inline;
  max-width:none;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
  word-break:normal;
}

/* ---- smartcart-combi-lift-dark-v152 ---- */
html[data-theme="dark"] .smartcart-drag-float-wrap > li{
  background:#343434!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.72),
    0 7px 18px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.05)!important;
}
html[data-theme="dark"] .smartcart-drag-float-wrap > li.item-highlighted{
  background:var(--item-highlight-color)!important;
}
html[data-theme="dark"] .smartcart-drag-float-wrap > li.item-do-not-buy-warning{
  background:var(--item-do-not-buy-warning-color)!important;
}

/* ---- smartcart-drag-placeholder-v153 ---- */
.items li.dragging{
 background:transparent!important;
 box-shadow:none!important;
}
.items li.dragging::before,
.items li.dragging::after{
 background:transparent!important;
 box-shadow:none!important;
}

/* ---- smartcart-capture-button-v161 ---- */
#captureArticle.smartcart-capture-primary:not(:disabled){
  background:#3A83F7!important;
  border-color:#3A83F7!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
#captureArticle.smartcart-capture-primary:disabled{
  background:#f2f2f2!important;
  border-color:#aaa!important;
  color:#888!important;
  -webkit-text-fill-color:#888!important;
  opacity:.65;
}
html[data-theme="dark"] #captureArticle.smartcart-capture-primary:disabled{
  background:#292929!important;
  border-color:#555!important;
  color:#888!important;
  -webkit-text-fill-color:#888!important;
}

/* ---- smartcart-qty-tint-v162 ---- */
#qtyPlus.smartcart-qty-plus{
  color:#62b875!important;
  -webkit-text-fill-color:#62b875!important;
}
#qtyMinus.smartcart-qty-minus{
  color:#cf7777!important;
  -webkit-text-fill-color:#cf7777!important;
}
html[data-theme="dark"] #qtyPlus.smartcart-qty-plus{
  color:#8bd39a!important;
  -webkit-text-fill-color:#8bd39a!important;
}
html[data-theme="dark"] #qtyMinus.smartcart-qty-minus{
  color:#e79a9a!important;
  -webkit-text-fill-color:#e79a9a!important;
}

/* ---- smartcart-mobile-modal-height-v163 ---- */
@media (max-width:700px){
  #addModal.modal-backdrop{
    align-items:flex-start!important;
    justify-content:center!important;
    padding:12px 12px max(12px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
  }
  #addModal > .modal{
    width:100%!important;
    height:calc(100dvh - 24px)!important;
    max-height:calc(100dvh - 24px)!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
}


/* v549: Listen-Umschalter rechts neben dem Zahnrad */
.header-lists{box-shadow:var(--sc-shadow);border:0;background:var(--smartcart-black);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex:none;padding:0}
.header-lists[hidden]{display:none!important}
.header-lists svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.header-lists:active{transform:scale(.96)}
body.list-search-active .header-lists{display:none!important}

/* v551: iPhone – kein grauer Tipp-Hintergrund an Sortier-/Bearbeiten-Icons und Listenzeilen
   (Safari zeigt ihn sonst während des Haltens/Ziehens an der Ursprungsstelle an) */
.items li,.items li *,.drag-handle,.edit-handle,.restore-handle{-webkit-tap-highlight-color:transparent}
.drag-handle,.edit-handle{-webkit-touch-callout:none}


/* v552: Merkzettel-Modus */
.note-bar{margin:0 0 12px;padding:0 2px}
.note-bar-row{display:flex;align-items:center;gap:8px;margin:2px 0 10px}
.note-back,.note-icon-btn{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;text-decoration:none;-webkit-tap-highlight-color:transparent}
.note-back svg,.note-icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.note-icon-btn.note-delete{color:#c62828}
.note-name{flex:1;min-width:0;margin:0;font-size:1.25rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.note-footer{position:fixed;left:0;right:0;bottom:0;z-index:400;display:flex;justify-content:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--sc-footer-bg,#fff)}
.note-footer[hidden]{display:none}
html[data-theme="dark"] .note-footer{background:#1b1b1b}
body.note-mode main{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
.note-transfer{display:block;width:min(560px,100%);font:inherit;font-weight:600;padding:12px 14px;border-radius:7px;border:0;cursor:pointer}
.note-transfer:disabled{opacity:.45;cursor:default}
.note-empty{margin:14px 4px 0;color:#777}
html[data-theme="dark"] .note-empty{color:#9e9e9e}
html[data-theme="dark"] .note-icon-btn.note-delete{color:#ff6b6b}
.note-modal-input{width:100%;box-sizing:border-box;font:inherit;padding:10px 12px;border:1px solid #bbb;border-radius:7px}
html[data-theme="dark"] .note-modal-input{background:#2a2a2a;color:#f1f1f1;border-color:#555}
body.note-mode #ghostToggle,body.note-mode #doNotBuyButton,body.note-mode #depositCalculatorButton,body.note-mode #openLists{display:none!important}
#openAdd{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}


/* v553: Geschäfte auf-/zuklappen */
.store-collapse{flex:none;width:26px;height:26px;margin:0 -4px 0 -5px;padding:0;border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.store-collapse svg{width:15px;height:15px;fill:currentColor;transform:rotate(90deg);transition:transform .15s ease}
.store-collapse.is-collapsed svg{transform:none}
.store.store-collapsed>.items{display:none}
.store-collapsed-count{margin-left:auto;flex:none;min-width:1.2em;text-align:right;font-size:.85rem;font-weight:700;opacity:.8;position:relative;z-index:1}
.store-collapsed-count~.focus-target{margin-left:4px;position:relative;z-index:1}
.store-title:has(>.store-heading-content) .store-collapse{position:relative;z-index:1}


/* v556: Status-Text „Fehler“ direkt neben den Kopf-Icons statt mittig darübergelegt */
.header-status-text{position:static;left:auto;top:auto;transform:none;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#c62828}
html[data-theme="dark"] .header-status-text{color:#ff6b6b}


/* v574: iOS 27 – im Fokus extrem (Kopfzeile ausgeblendet) ein fester, bildschirmbreiter Streifen am oberen Rand
   (echtes Element, kein Pseudo-Element; im Test „Variante E“ auf iOS 27 bestätigt). Abstände wie früher. */
.sc-top-strip{display:none}
body.focus-extreme-active .sc-top-strip{display:block;position:fixed;left:0;right:0;top:0;height:max(8px,env(safe-area-inset-top));background:#fff;z-index:100;pointer-events:none}
html[data-theme="dark"] body.focus-extreme-active .sc-top-strip{background:#181818}
/* v579–v582: Datum in der Kopfzeile – Bereich zwischen linker und rechter Symbolgruppe; darin ein schlanker Rahmen mit runden Enden.
   Geöffnet: Button und Liste bilden eine Form (Button unten eckig, Liste ohne obere Linie, gleiche Breite). */
.header-date{flex:1 1 auto;min-width:0;display:flex;justify-content:center;align-items:center}
.header-date[hidden]{display:none}
.header-date.header-date-nofit{visibility:hidden}
.header-date-pill{--hd-line:#aaa;position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;height:35px;padding:0 10px;margin:0;border:1px solid var(--hd-line)!important;border-radius:17.5px!important;background:var(--sc-field-bg,#fff)!important;color:inherit!important;box-shadow:var(--sc-shadow)!important;font:inherit;font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.header-date .wd{display:inline-block;width:2.05em;font-weight:600;text-align:left}
html[data-theme="dark"] .header-date-pill{--hd-line:#666}
.header-date.open .header-date-pill{border-bottom-color:transparent!important;border-radius:17.5px 17.5px 0 0!important}
.header-date-list{position:absolute;z-index:20;box-sizing:border-box;margin:0;padding:2px 0 10px;list-style:none;background:var(--sc-field-bg,#fff);border:1px solid #aaa;border-top:0;border-radius:0 0 17.5px 17.5px;box-shadow:var(--sc-shadow);clip-path:inset(0 -14px -14px -14px);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
html[data-theme="dark"] .header-date-list{border-color:#666}
.header-date-list[hidden]{display:none}
.header-date-list li{display:flex;align-items:center;padding:0 10px;height:32px;font-size:1rem;line-height:1}
/* v584/v590: Wochenende – Wochentag im Standard-Blau wie Plus- und Info-Zeichen (Liste und Button, hell und dunkel) */
.header-date-list li.we .wd,.header-date-pill.we .wd{color:#3A83F7}
/* v601: Kalenderansicht (5 Wochen, eine Woche zurück) */
.header-date-cal{position:absolute;z-index:20;box-sizing:border-box;width:274px;padding:10px 10px 8px;background:var(--sc-field-bg,#fff);border:1px solid #aaa;border-radius:16px;box-shadow:var(--sc-shadow);font-variant-numeric:tabular-nums;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
html[data-theme="dark"] .header-date-cal{border-color:#666}
.header-date-cal[hidden]{display:none}
.header-date-cal .cal-head{font-size:1.05rem;font-weight:700;padding:0 4px 8px;white-space:nowrap}
.header-date-cal .cal-grid{display:grid;grid-template-columns:repeat(7,36px);justify-content:center;row-gap:2px}
.header-date-cal .cal-wd{font-size:.72rem;font-weight:600;text-align:center;color:#888;padding-bottom:5px;border-bottom:1px solid rgba(127,127,127,.35);margin-bottom:4px}
.header-date-cal .cal-d{position:relative;display:flex;align-items:center;justify-content:center;height:36px;font-size:1rem;font-weight:500}
.header-date-cal .cal-d b{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:inherit}
.header-date-cal .cal-d.past{opacity:.4}
.header-date-cal .cal-d .cal-m{position:absolute;top:-3px;left:0;right:0;text-align:center;font-size:.6rem;font-weight:700;opacity:.75}
.header-date-cal .sat{color:#3A83F7}
.header-date-cal .sun{color:#c62828}
html[data-theme="dark"] .header-date-cal .sun{color:#ff6b6b}
.header-date-cal .cal-d.today b{background:#e0e0e0;font-weight:700}
html[data-theme="dark"] .header-date-cal .cal-d.today b{background:#4a4a4a}
/* v610: Datum als runder Button „TT.MM.“ (wie Lupe/Module); Liste schwebt dann frei darunter */
.header-date-pill.round{width:35px!important;height:35px!important;padding:0!important;justify-content:center;border:0!important;border-radius:50%!important;background:#888888!important;color:#fff!important;font-size:10.5px;font-weight:700;letter-spacing:-.2px}
.header-actions>.header-date.round{flex:none}
/* v621: runder Datums-Button und Lupe in beiden Modi dunkelgrau wie „+“ und die Module; hellgrau bleibt nur ein Hinweis
   (Kaufen / Nicht kaufen leer, Pfandrechner ohne Betrag, Zahnrad offline) */
.header-date-pill.round{background:var(--smartcart-black,#262626)!important}
.list-search-toggle:not(#sc-l1){background:var(--smartcart-black,#262626)}
body.list-search-active .list-search-toggle:not(#sc-l1){background:transparent}
body.list-search-active .list-search:has(+ .header-date.round:not([hidden])){margin-right:0}
.header-date.round .header-date-list{border-top:1px solid #aaa;border-radius:7px;clip-path:none;padding:6px 0;width:auto}
html[data-theme="dark"] .header-date.round .header-date-list{border-top-color:#666}
body.list-search-active .header-date:not(.round),body.search-mode-permanent .header-date:not(.round){display:none!important}
/* v585: Löschen per Wischen vom rechten Rand + Rückgängig-Leiste */
.items li.sc-edge-delete{background:#ffd9d9!important}
html[data-theme="dark"] .items li.sc-edge-delete{background:#4d2020!important}
.sc-undo-toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:2000;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:6px 6px 6px 18px;border-radius:22px;background:#2b2b2b;color:#fff;box-shadow:var(--sc-shadow);font-size:.95rem}
.sc-undo-toast[hidden]{display:none}
.sc-undo-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-undo-toast .sc-undo-btn{flex:none;height:32px;padding:0 14px;border:0!important;border-radius:16px!important;background:#fff!important;color:#222!important;font:inherit;font-weight:700;cursor:pointer;box-shadow:none!important}
html[data-theme="dark"] .sc-undo-toast{background:#3a3a3a}
/* v596: neutraler Startzustand des Zahnrads (noch kein Abgleich bestätigt); grün, wenn der letzte Abgleich unter 5 Minuten her ist */
.header-settings.pending{background:var(--smartcart-black);color:#fff}
html.sc-gear-recent .header-settings.pending{background:#2e9b42}
/* v600: Symbol „Kaufen / Nicht kaufen“ – Liste mit grünem Haken und rotem Kreuz */
.do-not-buy-top .ok{fill:none;stroke:#3fd15a;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.do-not-buy-top .no{fill:none;stroke:#ff4d4d;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.do-not-buy-top .ln{fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round}

/* v620: Hinzufügen/Bearbeiten-Fenster etwas kompakter, damit die iPhone-Tastatur die Buttons nicht verdeckt */
#addModal .modal{padding:16px 20px 16px!important}
#addModal .modal .field{margin-bottom:11px!important}
#addModal .modal .sc-field-label{margin-bottom:4px!important}
#addModal .modal .modal-mark-row{margin-top:0!important}
#addModal .modal .modal-actions{margin-top:10px!important}

/* v622: Rundung der aufgeklappten Liste/Kalender passt zum Button: Datumsfeld 17,5 px, runder Button 7 px */
.header-date-cal{border-radius:17.5px}
.header-date.round .header-date-cal,.header-date.round .header-date-list{border-radius:7px}