/* SmartCart UI compatibility / design-system layer
   v177: first CSS refactoring checkpoint.
   This file is deliberately loaded after page-local CSS. */

:root{
  --sc-shadow:0 2px 8px rgba(0,0,0,.27);
  --sc-form-label-size:13px;
  --sc-form-label-weight:600;
  --sc-form-comment-size:12px;
  --sc-form-comment-weight:400;
  --sc-form-section-gap:16px;
}

/* Canonical form typography */
.sc-field-label{font-size:var(--sc-form-label-size)!important;font-weight:var(--sc-form-label-weight)!important}
.sc-field-comment{font-size:var(--sc-form-comment-size)!important;font-weight:var(--sc-form-comment-weight)!important}
.sc-form-section{margin-top:var(--sc-form-section-gap)!important}

/* Text selection policy */
html,body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
input,textarea,[contenteditable="true"]{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* iOS/edge swipe guard */
html,body{overscroll-behavior-x:none}
/* v618: kein Warten auf einen möglichen Doppeltipp (Zoom) – Tipps lösen sofort aus; Zwei-Finger-Zoom bleibt möglich */
html{touch-action:manipulation}
.smartcart-edge-shield{
 position:fixed;left:0;top:0;bottom:0;width:22px;z-index:2147483646;
 background:transparent;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none
}

/* Form fields: one final dark-mode definition */
html[data-theme="dark"] input:not(.sc-theme-field-transparent):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{
 background-color:#292929!important;background:#292929!important;color:#f1f1f1!important;
 -webkit-text-fill-color:#f1f1f1!important;border-color:#555!important;caret-color:#f1f1f1!important;color-scheme:dark!important
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{
 color:#999!important;-webkit-text-fill-color:#999!important;opacity:1!important
}
html[data-theme="dark"] select option{background:#292929!important;color:#f1f1f1!important}
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus{border-color:#888!important;outline-color:#888!important}
html[data-theme="dark"] .input-wrap,
html[data-theme="dark"] .article-search,
html[data-theme="dark"] .store-search,
html[data-theme="dark"] .search{color-scheme:dark}

/* Main article/store form surface */
html[data-theme="dark"] main > .panel,
html[data-theme="dark"] main > #panel{background:transparent!important;border-color:transparent!important}

/* Segmented 2/3/4-way choices: one semantic active-state definition */
.sc-segmented > button.active,
.sc-segmented > button[aria-pressed="true"],
.sc-segmented > button.selected{
 background:#464646!important;background-color:#464646!important;
 color:#f1f1f1!important;-webkit-text-fill-color:#f1f1f1!important;
 border-color:#464646!important
}

/* v309: Steuersätze JA/NEIN nutzt die normale segmentierte Geometrie; Farben zentral je Theme. */
.sc-page-taxrates .toggle-switch,
.sc-page-taxrates .toggle-switch > button:not(.active):not(.selected):not([aria-pressed="true"]){
  background:#fff;color:#262626
}
html[data-theme="dark"] .sc-page-taxrates .toggle-switch{
  background:#292929!important;border-color:#555!important
}
html[data-theme="dark"] .sc-page-taxrates .toggle-switch > button:not(.active):not(.selected):not([aria-pressed="true"]){
  background:#292929!important;border-color:#555!important
}

/* Checkbox norm: independent from segmented controls */
input[type="checkbox"]{
 -webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;
 width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;
 max-width:18px!important;max-height:18px!important;flex:0 0 18px!important;margin:0!important;padding:0!important;
 border:1px solid #aaa!important;border-radius:4px!important;background:#fff!important;background-color:#fff!important;
 display:inline-grid!important;place-content:center!important;vertical-align:middle!important;box-shadow:none!important
}
input[type="checkbox"]::before{
 content:""!important;box-sizing:border-box!important;width:9px!important;height:5px!important;border:0!important;
 border-left:2px solid #262626!important;border-bottom:2px solid #262626!important;
 transform:rotate(-45deg) scale(0)!important;transform-origin:center!important
}
input[type="checkbox"]:checked{background:#fff!important;background-color:#fff!important;border-color:#aaa!important}
input[type="checkbox"]:checked::before{
 border-left-color:#262626!important;border-bottom-color:#262626!important;transform:rotate(-45deg) scale(1)!important
}
html[data-theme="dark"] input[type="checkbox"]{background:#292929!important;background-color:#292929!important;border-color:#555!important}
html[data-theme="dark"] input[type="checkbox"]:checked{background:#464646!important;background-color:#464646!important;border-color:#666!important}
html[data-theme="dark"] input[type="checkbox"]:checked::before{border-left-color:#f1f1f1!important;border-bottom-color:#f1f1f1!important}

/* Mixed/4-way theme selector */
#themeChoice{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#themeChoice > button{padding-left:4px!important;padding-right:4px!important}

/* v178: exact repeated page rules centralized; declarations preserved verbatim */
#choosePhoto{background:#3A83F7!important;border-color:#3A83F7!important;color:#fff!important}

*{box-sizing:border-box}
.actions .primary{background:var(--smartcart-black);color:#fff;border-color:var(--smartcart-black)}
.dot.error{background:#c22}
.dot.offline{background:#888888}
.dot.ok{background:#2e9b42}
.dot.syncing{background:#d47b00}
.empty{color:#888888;padding:18px 2px}
.panel{border:0;border-radius:0;padding:0;background:#fff}
.photo-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}
.photo-actions #choosePhoto{grid-column:1/-1}
.photo-actions button{width:100%;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center}
.photo-empty{color:#888888;font-size:.9rem}
.photo-preview{border:1px solid #bbb;border-radius:7px;background:#fff;min-height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden}

html,body{margin:0;background:#fff;color:var(--smartcart-black);font-family:Arial,Helvetica,sans-serif}

/* v180: conservative shell-component centralization */
.back-btn{border:1px solid var(--smartcart-black);background:#fff;color:var(--smartcart-black);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:7px;font:inherit;font-weight:600;flex:none}
.syncstatus{display:flex;align-items:center;gap:9px;min-width:0;flex:1}

/* v181: page-role taxonomy.
   These classes classify existing layouts before geometry is centralized.
   No visual declarations are attached to them in this phase.
   .sc-page-main
   .sc-page-form (.sc-page-form-article / -store / -dnb)
   .sc-page-list (.sc-page-list-articles / -stores / -units / -dnb)
   .sc-page-settings
   .sc-page-quick
   .sc-page-deposit
   .sc-page-calculator
*/

/* v184: compact search controls use the subtler elevation level */
.sc-page-main .list-search-toggle{box-shadow:var(--sc-shadow)!important}
.sc-page-main .list-search-wrap{box-shadow:var(--sc-shadow)!important;border-radius:7px!important}
.sc-page-main .list-search-wrap input{box-shadow:none!important}

/* v193: settings-family shell geometry */
.sc-page-settings .top{border-bottom:1px solid #888888;padding:max(14px,env(safe-area-inset-top)) 18px 14px}
.sc-page-settings .top h1{font-size:1.25rem;margin:0}

.sc-page-settings main {max-width:760px;margin:0 auto}
.sc-page-settings main{padding:22px 18px calc(28px + env(safe-area-inset-bottom))}

/* v194: semantic action-button colors – single source of truth */
.smartcart-btn-delete,.smartcart-danger-action,.smartcart-btn-reset{
 background:#c62828!important;border-color:#c62828!important;color:#fff!important
}
.smartcart-btn-rotate{
 background:#464646!important;border-color:#464646!important;color:#f1f1f1!important
}
.smartcart-btn-primary{
 background:#2e9b42!important;border-color:#2e9b42!important;color:#fff!important
}
.smartcart-btn-delete,.smartcart-danger-action,.smartcart-btn-reset,
.smartcart-btn-rotate,.smartcart-btn-primary{
 box-shadow:var(--sc-shadow)!important
}

/* v195: form-subfamily shared geometry */
.sc-page-form-article .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sc-page-form-article .price-fields{grid-column:1/-1;display:grid;gap:12px}
.sc-page-form-article .price-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sc-page-form-article .price-row input{text-align:right}
.sc-page-form-article .mark-on-add-option{grid-column:1/-1;display:flex!important;align-items:center;gap:10px;font-weight:400!important;margin-top:2px}
.sc-page-form-article .hint{font-size:.85rem;color:#888888;line-height:1.35;margin-top:12px}
.sc-page-form-store .field{margin-bottom:16px}
.sc-page-form-store .colors{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}
.sc-page-form-store .priority-line{display:flex;align-items:center;gap:10px}
.sc-page-form-store .priority-value{min-width:24px;text-align:center;font-size:1.05rem}
.sc-page-form-store .logo-empty{color:#888888;font-size:.9rem}
.sc-page-form-store .hint{font-size:.82rem;color:#888888;margin-top:6px;line-height:1.35}
.sc-page-form-dnb .grid{display:grid;gap:12px}
.sc-page-form-dnb .grid textarea{min-height:90px;resize:vertical}

/* v196: settings panel-shell shared by backup/modules */
.sc-page-settings.sc-settings-panel-shell main{max-width:724px;margin:0 auto;padding:20px 18px calc(28px + env(safe-area-inset-bottom))}
.sc-page-settings.sc-settings-panel-shell .panel{border:1px solid #ddd;border-radius:7px;padding:14px;margin-top:14px;background:#fff}
.sc-page-settings.sc-settings-panel-shell main>.panel:first-child{margin-top:0!important}

/* v198: remaining shared form-subfamily fields */
.sc-page-form-article .grid label{display:block;font-weight:600;font-size:.85rem}
.sc-page-form-article .label-note{font-weight:400;color:#888888}
.sc-page-form-article .grid input,.sc-page-form-article .grid select{width:100%;font:inherit;font-size:16px;padding:10px;border:1px solid #aaa;border-radius:7px;background:var(--sc-field-bg);margin-top:6px}
.sc-page-form-article .price-fields.tax-disabled{grid-template-columns:1fr 1fr}
.sc-page-form-article .price-fields.tax-disabled .net-price{display:none}
.sc-page-form-article .mark-on-add-option input{width:auto!important;margin:0!important;accent-color:var(--smartcart-black)}
.sc-page-form-store .field>label,.sc-page-form-store .field>.field-label{display:block;font-size:.88rem;font-weight:600;margin-bottom:6px}
.sc-page-form-store .field input[type=text]{width:100%;font:inherit;font-size:16px;padding:10px;border:1px solid #aaa;border-radius:7px;background:var(--sc-field-bg)}
.sc-page-form-store .color-field label{display:block;font-size:.82rem;color:#666;margin-bottom:6px}
.sc-page-form-store .color-field input[type=color]{width:100%;height:42px;border:1px solid #aaa;border-radius:7px;padding:3px;background:#fff}
.sc-page-form-store .preview{min-height:42px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:700;padding:8px 12px;border:1px solid #bbb}
.sc-page-form-store .logo-preview{border:1px solid #bbb;border-radius:7px;min-height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#fff;background-image:linear-gradient(45deg,#ececec 25%,transparent 25%),linear-gradient(-45deg,#ececec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ececec 75%),linear-gradient(-45deg,transparent 75%,#ececec 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.sc-page-form-store .logo-option{display:flex;gap:9px;align-items:center;font-size:.92rem;margin-top:12px}
.sc-page-form-store .logo-option input{width:18px;height:18px}
.sc-page-form-dnb .grid label{font-size:.82rem;color:#666}
.sc-page-form-dnb .grid input,.sc-page-form-dnb .grid textarea{width:100%;display:block;margin-top:5px;font:inherit;font-size:16px;padding:10px;border:1px solid #aaa;border-radius:7px;background:var(--sc-field-bg)}
body.sc-page-form-dnb{user-select:none;-webkit-user-select:none}
.sc-page-form-dnb input,.sc-page-form-dnb textarea{user-select:text;-webkit-user-select:text}

/* v199: article tax-switch shared geometry */
.sc-page-form-article .tax-switch{
 display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #999;
 border-radius:7px;overflow:hidden;background:#fff
}
.sc-page-form-article .tax-switch > button{
 border:0;border-right:1px solid #aaa;background:#fff;
 color:var(--smartcart-black);padding:9px 5px;font:inherit
}
.sc-page-form-article .tax-switch > button:last-child{border-right:0}
.sc-page-form-article .tax-switch .rate{display:block;font-size:.77rem;margin-top:2px;opacity:.8}

/* v200: remaining article-form shared structure */
.sc-page-form-article .wide,.sc-page-form-article .tax-field,.sc-page-form-article .photo-section{grid-column:1/-1}
.sc-page-form-article .price-row label{display:block;font-weight:600;font-size:.85rem;line-height:normal;min-width:0}
.sc-page-form-article .price-fields.tax-disabled .price-row{display:contents}
.sc-page-form-article .tax-field>span,.sc-page-form-article .photo-section>label{display:block;font-weight:600;font-size:.85rem;margin-bottom:6px}
.sc-page-form-article .photo-actions button,.sc-page-form-article .actions button{font:inherit;padding:8px 10px;border:1px solid #aaa;border-radius:7px;background:#fff}
.sc-page-form-article .photo-actions .delete{display:none;}
.sc-page-form-article .photo-actions .delete.visible{display:inline-flex}
.sc-page-form-article .actions button:disabled{opacity:.5}
.sc-page-form-article .photo-actions .delete{background:#c62828;color:#fff;border-color:#c62828}
.sc-page-form-article .after-photo-spacer{height:42px;flex:0 0 42px}
.sc-page-form-article [hidden]{display:none!important}
.sc-page-form-article #choosePhoto[hidden],.sc-page-form-article #deletePhoto[hidden],.sc-page-form-article #rotateLeft[hidden],.sc-page-form-article #rotateRight[hidden]{display:none!important}
.sc-page-form-article .article-label-main{color:var(--smartcart-black,#111);font-weight:700}
.sc-page-form-article .article-label-note{color:#888888;font-weight:400}

/* v201: store-form shared action/logo geometry */
.sc-page-form-store .logo-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}
.sc-page-form-store .logo-actions button{width:100%;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center}
.sc-page-form-store .logo-actions #chooseLogo,.sc-page-form-store .logo-actions #chooseLogoDark{grid-column:1/-1}
.sc-page-form-store .swap-colors{box-shadow:var(--sc-shadow);width:38px;height:38px;border:1px solid #888888;border-radius:50%;background:#fff;color:var(--smartcart-black);font-size:20px;display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:2px}
.sc-page-form-store .round{box-shadow:var(--sc-shadow);width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--smartcart-black);color:#fff;font-size:20px;line-height:1}
.sc-page-form-store .actions button{font:inherit;padding:10px 15px;border-radius:7px}

.smartcart-btn-blue{
 background:#3A83F7!important;border-color:#3A83F7!important;color:#fff!important;
 box-shadow:var(--sc-shadow)!important
}

/* v202: do-not-buy form shared photo/action structure */
.sc-page-form-dnb #photoInput{display:none!important}
.sc-page-form-dnb .actions.delete-only{display:block;margin-top:42px}
.sc-page-form-dnb .actions.delete-only button{width:100%}
.sc-page-form-dnb .photo-actions button,.sc-page-form-dnb .actions button{font:inherit;padding:9px 12px;border:1px solid #888888;border-radius:7px;background:#fff}
.sc-page-form-dnb .photo-preview{display:flex;align-items:center;justify-content:center;min-height:120px;background:#f5f5f5;border:1px solid #ccc;border-radius:7px;overflow:hidden;margin-top:6px}
.sc-page-form-dnb .photo-section{border-top:0;padding-top:0}

/* v203: unified photo action bar – article + do-not-buy */
.sc-photo-actions{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:8px!important;
 margin-top:9px!important;
}
.sc-photo-actions > button{
 width:100%!important;
 min-width:0!important;
 display:flex;
 align-items:center;
 justify-content:center;
 text-align:center;
}

/* v204: list-family common header row */
.sc-page-list .headrow{
 max-width:760px;margin:auto;display:flex;align-items:center;
 justify-content:space-between;gap:16px
}

/* v208: explicit page-shell widths; geometry only */
.sc-shell-724 .headrow{max-width:724px}
.sc-shell-760 .headrow{max-width:760px}

/* v214: semantic label chips in main article add/edit dialog – dark mode only */
html[data-theme="dark"] .sc-label-picker .sc-label-chip{
  background:#292929!important;
  color:#f1f1f1!important;
  border-color:#555!important;
}
html[data-theme="dark"] .sc-label-picker .sc-label-chip.selected,
html[data-theme="dark"] .sc-label-picker .sc-label-chip[aria-pressed="true"]{
  background:#3A83F7!important;
  color:#fff!important;
  border-color:#3A83F7!important;
}

/* Icon-only actions are glyphs, not surfaced buttons, in every theme. */
.sc-icon-only-action{
  background:transparent!important;
  background-color:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

/* v216: hold-to-delete warning for inline completed rows */
#box li.inline-completed.sc-hold-delete-warning{
  background:#ffd6d6!important;
  transition:background-color .14s ease;
}
html[data-theme="dark"] #box li.inline-completed.sc-hold-delete-warning{
  background:#FF5B76!important;
  color:#262626!important;
  border-color:#555!important;
}
html[data-theme="dark"] #box li.inline-completed.sc-hold-delete-warning *,
html[data-theme="dark"] #box li.inline-completed.sc-hold-delete-warning .article-name-fixed{
  color:#262626!important;
  -webkit-text-fill-color:#262626!important;
}
.smartcart-drag-float-wrap > li.sc-hold-delete-warning{
  background:#ffd6d6!important;
}
html[data-theme="dark"] .smartcart-drag-float-wrap > li.sc-hold-delete-warning{
  background:#FF5B76!important;
  color:#262626!important;
  border-color:#555!important;
}
html[data-theme="dark"] .smartcart-drag-float-wrap > li.sc-hold-delete-warning *,
html[data-theme="dark"] .smartcart-drag-float-wrap > li.sc-hold-delete-warning .article-name-fixed{
  color:#262626!important;
  -webkit-text-fill-color:#262626!important;
}

/* v227: semantic calculator control states */
.sc-theme-field-transparent{
 background:transparent!important;background-color:transparent!important;
 border-color:transparent!important;box-shadow:none!important
}
.sc-value-negative,.summary-quantity.negative,.summary-line-total.negative{
 color:#c62828!important;-webkit-text-fill-color:#c62828!important
}
html[data-theme="dark"] .sc-value-negative,
html[data-theme="dark"] .summary-quantity.negative,
html[data-theme="dark"] .summary-line-total.negative{
 color:#ff5b76!important;-webkit-text-fill-color:#ff5b76!important
}

html[data-theme="dark"] .sc-calc-result-qty:not(.negative){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important
}
html[data-theme="dark"] .sc-calc-result-total:not(.negative){
  color:#c8c8c8!important;
  -webkit-text-fill-color:#c8c8c8!important
}

.sc-calc-value-positive{
 color:#262626!important;
 -webkit-text-fill-color:#262626!important
}
html[data-theme="dark"] .sc-calc-value-positive{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important
}

/* v233: main add dialog action order */
.sc-add-modal-actions{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:8px!important
}
.sc-add-modal-actions > button{
 width:100%!important;
 min-width:0!important
}

/* v236: Pfandrechner +/- wie Mengenbuttons im Hauptlisten-Dialog; nur kleiner */
.sc-page-calculator .counter-btn.smartcart-plus-tint,
.sc-page-calculator .counter-btn.smartcart-minus-tint{
 width:35px!important;
 height:35px!important;
 min-width:35px!important;
 min-height:35px!important;
 border:0!important;
 border-radius:50%!important;
 background:var(--smartcart-black)!important;
 box-shadow:var(--sc-shadow)!important;
 font-size:23px!important;
 font-weight:900!important;
 line-height:1!important
}


/* v270: Farbzeilen folgen ausschließlich der vorhandenen Trennlinien-Logik.
   Trennlinien AN: volle, eckige Farbzeile ohne Zwischenraum.
   Trennlinien AUS: 2px vertikale Luft und dieselbe Rundung wie Zeilenlinealzeilen. */
.hide-item-separators .items li.item-highlighted,
.hide-item-separators .items li.item-do-not-buy-warning{
  background:none!important;
  isolation:isolate;
}
.hide-item-separators .items li.item-highlighted::before,
.hide-item-separators .items li.item-do-not-buy-warning::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  right:0;
  top:2px;
  bottom:2px;
  border-radius:7px;
  pointer-events:none;
}
.hide-item-separators .items li.item-highlighted::before{
  background:var(--item-highlight-color,#F6FF69);
}
.hide-item-separators .items li.item-do-not-buy-warning::before{
  background:var(--item-do-not-buy-warning-color,#FFD6D6);
}

/* v275: getrennte Geschäftsfarben für Light-/Darkmode mit echter Zeilenvorschau */
.store-theme-colors{display:grid;gap:12px}
.store-theme-color-set{border:1px solid #bbb;border-radius:7px;padding:10px}
.store-theme-color-title{font-weight:700;margin-bottom:8px}
.store-theme-color-set .colors{margin:0}
.store-color-preview.store-title-preview{
  box-sizing:border-box;
  width:100%;
  height:39px;
  min-height:39px;
  margin-top:8px;
  border:1px solid transparent;
  border-radius:7px;
  padding:8px 11px;
  display:flex;
  align-items:center;
  gap:9px;
  overflow:hidden;
  white-space:nowrap;
  font-size:1.06rem;
  font-weight:700;
  line-height:normal;
  box-shadow:var(--sc-shadow);
}
.store-color-preview.store-title-preview .store-logo{
  display:block;
  max-height:23px;
  max-width:150px;
  width:auto;
  height:auto;
  object-fit:contain;
  flex:none;
  background:transparent!important;
}
.store-color-preview.store-title-preview .store-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html[data-theme="dark"] .store-theme-color-set{border-color:#555}

/* v276: Geschäft – Name und Priorität teilen sich die erste Zeile 50/50. */
.store-name-priority-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.store-name-priority-row>.field{margin:0}
@media(max-width:430px){.store-name-priority-row{gap:8px}}

/* v278: Farbmuster kompakter; ursprüngliche Feldoptik bleibt, nur der weiße Innenrahmen entfällt. */
.store-theme-color-set input[type="color"]{
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  height:34px;
  padding:0!important;
  border:1px solid #aaa!important;
  border-radius:7px!important;
  box-shadow:none!important;
  overflow:hidden;
}
.store-theme-color-set input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
.store-theme-color-set input[type="color"]::-webkit-color-swatch{border:0;border-radius:6px}
.store-theme-color-set input[type="color"]::-moz-color-swatch{border:0;border-radius:6px}

/* Die beiden Einstellbereiche zeigen ihr Ziel-Theme unabhängig vom aktuell aktiven App-Theme. */
.store-theme-color-set-light{
  background:#fff!important;
  color:#262626!important;
  border-color:#bbb!important;
}
.store-theme-color-set-light .store-theme-color-title{color:#262626!important}
html .store-theme-color-set-light .sc-field-label,
html .store-theme-color-set-light .color-field label,
html[data-theme="dark"] .store-theme-color-set-light .sc-field-label,
html[data-theme="dark"] .store-theme-color-set-light .color-field label{color:#555!important}
.store-theme-color-set-light input[type="color"]{background:#fff!important;border-color:#aaa!important}
.store-theme-color-set-light .swap-colors{
  background:#fff!important;
  color:#262626!important;
  border-color:#aaa!important;
}

.store-theme-color-set-dark{
  background:#222!important;
  color:#f1f1f1!important;
  border-color:#555!important;
}
.store-theme-color-set-dark .store-theme-color-title{color:#f1f1f1!important}
html .store-theme-color-set-dark .sc-field-label,
html .store-theme-color-set-dark .color-field label,
html[data-theme="dark"] .store-theme-color-set-dark .sc-field-label,
html[data-theme="dark"] .store-theme-color-set-dark .color-field label{color:#d8d8d8!important}
.store-theme-color-set-dark input[type="color"]{background:#292929!important;border-color:#666!important}
.store-theme-color-set-dark .swap-colors{
  background:#292929!important;
  color:#f1f1f1!important;
  border-color:#555!important;
}



.sc-page-form-store .store-theme-color-set-light .store-theme-logo>.sc-field-title,
.sc-page-form-store .store-theme-color-set-light .store-theme-logo .logo-option{color:#555!important}

.sc-page-form-store .store-theme-logo{margin-top:10px;margin-bottom:12px}.sc-page-form-store .store-theme-logo>.sc-field-title{display:block;margin-bottom:6px}

.sc-page-form-store .store-theme-color-set-dark .store-theme-logo>.sc-field-title,.sc-page-form-store .store-theme-color-set-dark .store-theme-logo .logo-option{color:#d8d8d8!important}

.sc-page-form-store .store-theme-color-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sc-page-form-store .store-theme-color-heading .store-theme-color-title{min-width:0}
.sc-page-form-store .store-copy-light{flex:0 0 auto;width:auto;padding:7px 10px;font-size:.88rem;white-space:nowrap}

.sc-page-form-store .store-preview-block{margin-top:8px}
.sc-page-form-store .store-preview-title{display:block;margin:0 0 6px;font-weight:600}
.sc-page-form-store .store-preview-block .store-color-preview{margin-top:0}
.sc-page-form-store .store-theme-color-set-light .store-preview-title{color:#555!important}
.sc-page-form-store .store-theme-color-set-dark .store-preview-title{color:#d8d8d8!important}

.sc-page-form-store .store-darkmode-settings{margin-top:16px}
.sc-page-form-store .store-darkmode-settings[hidden]{display:none!important}


/* v307: zentraler, dezenter Rahmen fuer eingeblendete Dialog-/Modalfenster. */
.modal{
  border:1px solid var(--sc-border,#aaa)!important;
  box-sizing:border-box;
}

/* v311: Inaktive Segmentschalter im Darkmode optisch zuruecknehmen.
   Aktiv bleibt unveraendert; Geometrie und Hintergruende bleiben bestehen. */
html[data-theme="dark"] .sc-segmented > button:not(.active):not(.selected):not([aria-pressed="true"]),
html[data-theme="dark"] .sc-segmented > button:not(.active):not(.selected):not([aria-pressed="true"]) .rate{
  color:#999!important;
  -webkit-text-fill-color:#999!important;
}

/* v318: Einheiten – Erfassungszeile bleibt im Darkmode ohne Segment-/Zeilenlinealfläche. */
html[data-theme="dark"] body.sc-page-list-units main > .add{
  background:transparent!important;
  background-color:transparent!important;
}


/* v327: Einheiten – stehende Erfassungszeile ohne Zeilenlinealfläche. */
body.sc-page-list-units .units-sticky-tools,
body.sc-page-list-units .units-sticky-tools .add{
  background:#fff!important;
  background-color:#fff!important;
}
html[data-theme="dark"] body.sc-page-list-units .units-sticky-tools,
html[data-theme="dark"] body.sc-page-list-units .units-sticky-tools .add{
  background:#181818!important;
  background-color:#181818!important;
}

/* v338: Hauptliste – aktive Artikeltexte dürfen in beiden Ausrichtungen wirklich umbrechen.
   Menge/Einheit bleiben in ihrer separaten Spalte bzw. im separaten linken Block. */
#box .store:not(.completed-store) .items li:not(.inline-completed) > .item-name .item-title,
#box .store:not(.completed-store) .items li:not(.inline-completed) > .item-name .item-labels,
#box .store:not(.completed-store) .items li:not(.inline-completed) > .item-name .item-info{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
}
#box .store:not(.completed-store) .items li:not(.inline-completed) > .item-name .item-title{
  display:inline!important;
}
#box .store:not(.completed-store) .items li:not(.inline-completed) > .item-name{
  min-width:0!important;
  overflow:visible!important;
}
:is(#box.list-text-left .items, .smartcart-drag-float-wrap.list-text-left) li:not(.inline-completed) > .item-name > .item-text-flow{
  min-width:0!important;
  white-space:normal!important;
  overflow:visible!important;
}


/* v574: feste Kopfzeile auf Unterseiten (siehe theme.js) */
html.sc-fixed-header body>header.syncbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important}
html.sc-fixed-header body{box-sizing:border-box!important;padding-top:var(--sc-fixed-header-h,0px)!important}
html.sc-fixed-header .article-tools,html.sc-fixed-header .store-tools,html.sc-fixed-header .tools{top:0!important}