/* SmartCart – normale rechteckige Buttons. Runde Icon-/Aktionsbuttons bleiben unberührt. */
.smartcart-btn{box-sizing:border-box!important;min-height:40px!important;padding:8px 12px!important;border:1px solid #888888!important;border-radius:7px!important;background:#f2f2f2!important;color:var(--smartcart-black,#111)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:.90rem!important;font-weight:600!important;line-height:1.15!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;vertical-align:middle!important;text-decoration:none!important;cursor:pointer!important;box-shadow:0 4px 10px rgba(0,0,0,.32)!important}
.smartcart-btn:disabled{opacity:.5!important}


.smartcart-btn-cancel{background:#262626!important;border-color:#262626!important;color:#fff!important}
.smartcart-btn-wide{width:100%!important}

.smartcart-btn[hidden]{display:none!important}

/* v101: semantic button colors; shared stylesheet is loaded after page-local rules */

.smartcart-btn-load{background:#888888!important;border-color:#888888!important;color:#fff!important}
.smartcart-btn-load:disabled{background:#888888!important;border-color:#888888!important;color:#fff!important}



/* Blue/gray solid action buttons introduced in the unified UI. */
.article-add-link,.store-add-link,.add-link,
#choosePhoto,#chooseLogo,
#rotateLeft,#rotateRight,#rotateLogoLeft,#rotateLogoRight,
.capture-btn:not(:disabled),.backup-load-btn{
  box-shadow:0 4px 10px rgba(0,0,0,.32)!important;
}

/* v603: Button-Design „B“ – dünner heller Rahmen, dezenter Verlauf mit Glanzkante (nur eckige Buttons, runde bleiben).
   Der Verlauf liegt als halbtransparente Schicht über der jeweiligen Grundfarbe; so behält jeder Button seine Farbe.
   :not(#sc-b1):not(#sc-b2) hebt die Gewichtung über die seitenbezogenen Regeln (die mit !important arbeiten). */
:is(.smartcart-btn,.article-add-link,.store-add-link,.add-link):not(#sc-b1):not(#sc-b2){
  background-image:linear-gradient(180deg,rgba(255,255,255,.34) 0,rgba(255,255,255,.22) 2px,rgba(255,255,255,.06) 45%,rgba(0,0,0,.08) 55%,rgba(0,0,0,.30) 100%)!important;
  background-origin:border-box!important;
  background-clip:border-box!important;
  border-color:rgba(255,255,255,.42)!important;
  border-radius:7px!important;
}
:is(.smartcart-btn,.article-add-link,.store-add-link,.add-link):not(#sc-b1):not(#sc-b2):active:not(:disabled){
  background-image:linear-gradient(180deg,rgba(0,0,0,.22) 0,rgba(0,0,0,.06) 50%,rgba(255,255,255,.06) 100%)!important;
}
/* v605: heller Modus – Rand als dunklerer Ton der Button-Farbe (ein heller Rand wirkte auf weißem Grund verschwommen) */
html:not([data-theme="dark"]) :is(.smartcart-btn,.article-add-link,.store-add-link,.add-link):not(#sc-b1):not(#sc-b2){border-color:rgba(0,0,0,.28)!important}
/* Helle Buttons im hellen Modus: dunkler Rahmen bleibt, Verlauf von Weiß zu leicht grau */
html:not([data-theme="dark"]) :is(.rotate-photo,.capture-btn:disabled,.module-action,#renameBtn,#createRoom,#showQuick,#fullResync).smartcart-btn:not(#sc-b1):not(#sc-b2){
  background-image:linear-gradient(180deg,rgba(255,255,255,.95) 0,rgba(255,255,255,.7) 45%,rgba(0,0,0,.02) 55%,rgba(0,0,0,.10) 100%)!important;
  border-color:#8a8a8a!important;
}

/* v607: Auswahlgruppen (2er/3er/4er …) – das aktive Feld bekommt denselben Verlauf mit Glanzkante wie die Buttons
   und einen feinen Innenrand (hell: dunkler Ton, dunkel: heller Ton), damit es sich deutlich abhebt. */
:is(.sc-segmented,.buy-choice)>.active:not(#sc-b1):not(#sc-b2){
  background-image:linear-gradient(180deg,rgba(255,255,255,.34) 0,rgba(255,255,255,.22) 2px,rgba(255,255,255,.06) 45%,rgba(0,0,0,.08) 55%,rgba(0,0,0,.30) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.28)!important;
  border-radius:0!important;
}
/* v609: nur dort gerundet, wo auch der Außenrahmen rund ist (6 px passt in den 7-px-Rahmen); mittlere Felder bleiben eckig */
:is(.sc-segmented,.buy-choice)>.active:first-child:not(#sc-b1):not(#sc-b2){border-top-left-radius:6px!important;border-bottom-left-radius:6px!important}
:is(.sc-segmented,.buy-choice)>.active:last-child:not(#sc-b1):not(#sc-b2){border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}
html[data-theme="dark"] :is(.sc-segmented,.buy-choice)>.active:not(#sc-b1):not(#sc-b2){
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.30)!important;
}

/* v624: Button-Design „schlicht“ (Darstellung → Buttons, je Gerät; theme.js setzt html[data-button-style="plain"]).
   Einfarbig in der jeweiligen Grundfarbe, kein Verlauf, dünner Rahmen für den Kontrast; Schatten bleibt.
   Gleiche Selektoren wie oben mit vorangestelltem html[…] – damit gewinnen sie immer gegen die Design-Regeln. */
html[data-button-style="plain"] :is(.smartcart-btn,.article-add-link,.store-add-link,.add-link):not(#sc-b1):not(#sc-b2){
  background-image:none!important;
  border-color:rgba(0,0,0,.28)!important;
}
html[data-button-style="plain"][data-theme="dark"] :is(.smartcart-btn,.article-add-link,.store-add-link,.add-link):not(#sc-b1):not(#sc-b2){
  border-color:rgba(255,255,255,.22)!important;
}
html[data-button-style="plain"] :is(.smartcart-btn,.article-add-link,.store-add-link,.add-link):not(#sc-b1):not(#sc-b2):active:not(:disabled){
  background-image:none!important;
  filter:brightness(.88);
}
html[data-button-style="plain"] :is(.rotate-photo,.capture-btn:disabled,.module-action,#renameBtn,#createRoom,#showQuick,#fullResync).smartcart-btn:not(#sc-b1):not(#sc-b2){
  background-image:none!important;
}
html[data-button-style="plain"] :is(.sc-segmented,.buy-choice)>.active:not(#sc-b1):not(#sc-b2){
  background-image:none!important;
}