/*
 * TracePilot Settings Test – Layout v3
 * ------------------------------------
 * Isolierter Design-Prototyp. Keine bestehende Settings-Funktion wird
 * überschrieben. Alle Regeln bleiben unter .sf-settings-test-* namespaced.
 */

/* Hidden muss immer gewinnen – auch bei Panels, die sonst display:flex/grid nutzen. */
.sf-settings-test-view[hidden],
.sf-settings-test-view [hidden],
.sf-settings-test-panel-placeholder[hidden],
[data-settings-test-panel][hidden]{display:none!important}

.sf-settings-test-view{
  min-height:100%;
  color:#f3f6fb;
  padding:24px 28px 28px;
  box-sizing:border-box;
  background:
    radial-gradient(circle at 86% 0%,rgba(73,66,150,.055),transparent 30%),
    linear-gradient(180deg,rgba(7,13,26,.10),rgba(7,13,26,0));
  overflow:visible;
  scrollbar-gutter:auto;
}
.sf-settings-test-shell{width:100%;max-width:none;margin:0 auto}

/* Kopf */
.sf-settings-test-head{
  padding:5px 2px 16px;
  border-bottom:1px solid rgba(123,144,182,.12);
}
.sf-settings-test-head h1{
  margin:0;
  color:#f7f9fd;
  font-size:22px;
  line-height:1.2;
  font-weight:780;
  letter-spacing:-.45px;
}
.sf-settings-test-head p{
  margin:8px 0 0;
  color:#91a0b7;
  font-size:13px;
  line-height:1.45;
}

/* Tabs */
.sf-settings-test-tabs{
  display:flex;
  align-items:center;
  gap:28px;
  min-height:60px;
  padding:0 2px;
  border-bottom:1px solid rgba(123,144,182,.11);
  overflow-x:auto;
  scrollbar-width:none;
}
.sf-settings-test-tabs::-webkit-scrollbar{display:none}
.sf-settings-test-tab{
  height:60px;
  padding:2px 2px 0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  border:0;
  background:transparent;
  color:#909cb2;
  font:700 11px/1 inherit;
  letter-spacing:.035em;
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
}
.sf-settings-test-tab:hover{color:#d9e0ee}
.sf-settings-test-tab.is-active{color:#9c79ff}
.sf-settings-test-tab.is-active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,#7747ed,#a578ff);
  box-shadow:0 0 12px rgba(124,58,237,.28);
}

.sf-settings-test-overview{margin-top:20px}

/* Website-Übersicht */
.sf-settings-test-hero{
  display:grid;
  grid-template-columns:minmax(330px,2.35fr) repeat(3,minmax(150px,.82fr)) minmax(150px,.78fr);
  gap:12px;
  padding:18px 19px;
  border:1px solid #202c43;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(16,26,44,.98),rgba(11,20,35,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015),0 10px 35px rgba(0,0,0,.12);
}
.sf-settings-test-hero-main{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:0 7px;
}
.sf-settings-test-eyebrow{
  color:#7f8ca2;
  font-size:9px;
  font-weight:760;
  letter-spacing:.065em;
  text-transform:uppercase;
}
.sf-settings-test-domain{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  color:#f4f7fb;
  font-size:20px;
  font-weight:760;
  letter-spacing:-.3px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sf-settings-test-domain svg{width:14px;height:14px;color:#8492ab;flex:0 0 auto}
.sf-settings-test-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.sf-settings-test-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  height:22px;
  padding:0 8px;
  border:1px solid rgba(135,148,174,.16);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:#cbd3e1;
  font-size:9px;
  font-weight:650;
}
.sf-settings-test-badge i{width:5px;height:5px;border-radius:50%;background:#79869d}
.sf-settings-test-badge.is-green{border-color:rgba(32,207,115,.15);background:rgba(32,207,115,.06);color:#58dd92}
.sf-settings-test-badge.is-green i{background:#25d67a}
.sf-settings-test-stat{
  min-height:94px;
  padding:14px 15px;
  border:1px solid rgba(112,132,167,.09);
  border-radius:9px;
  background:rgba(8,16,30,.38);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.sf-settings-test-stat strong{display:flex;align-items:center;gap:7px;margin-top:8px;color:#eef2f8;font-size:14px}
.sf-settings-test-stat strong.is-green{color:#31d77c}
.sf-settings-test-stat .sf-settings-test-pulse{width:7px;height:7px;border-radius:50%;background:#2bd77d;box-shadow:0 0 10px rgba(43,215,125,.42)}
.sf-settings-test-stat p{margin:5px 0 0;color:#8e9baf;font-size:10px;line-height:1.35}
.sf-settings-test-switch-site{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:94px;
  padding:12px;
  border:1px solid rgba(112,132,167,.09);
  border-radius:9px;
  background:rgba(8,16,30,.38);
  color:#d8dfeb;
  font-size:10px;
  font-weight:720;
  cursor:pointer;
}
.sf-settings-test-switch-site:hover{border-color:#31425f;background:rgba(14,25,44,.7)}
.sf-settings-test-switch-icon{width:36px;height:36px;border-radius:8px;border:1px solid #263650;background:#121d32;display:grid;place-items:center}
.sf-settings-test-switch-icon svg{width:19px;height:19px;color:#b6c0d2}

/* Karten */
.sf-settings-test-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}
.sf-settings-test-card{
  min-height:276px;
  border:1px solid #202c43;
  border-radius:11px;
  background:linear-gradient(145deg,#0e182a,#0b1424);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.012),0 12px 28px rgba(0,0,0,.09);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.sf-settings-test-card-inner{
  padding:16px 18px 14px;
  display:flex;
  flex:1;
  flex-direction:column;
  min-height:0;
}
.sf-settings-test-card-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding-bottom:13px;
  border-bottom:1px solid rgba(120,139,170,.11);
}
.sf-settings-test-card-icon{
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:rgba(124,58,237,.15);
  color:#8957ff;
  box-shadow:inset 0 0 0 1px rgba(133,89,255,.09),0 0 18px rgba(124,58,237,.06);
}
.sf-settings-test-card-icon.is-blue{background:rgba(36,132,255,.13);color:#43a0ff}
.sf-settings-test-card-icon svg{width:20px;height:20px}
.sf-settings-test-card-title h2{margin:2px 0 0;color:#f2f5fa;font-size:15px;font-weight:760}
.sf-settings-test-card-title p{margin:5px 0 0;color:#7f8ba0;font-size:10px;line-height:1.4}
.sf-settings-test-rows{margin-top:7px;display:flex;flex-direction:column}
.sf-settings-test-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  min-height:31px;
  border-bottom:1px solid rgba(120,139,170,.075);
  font-size:10.5px;
}
.sf-settings-test-row:last-child{border-bottom:0}
.sf-settings-test-row span:first-child{color:#c8d0df}
.sf-settings-test-row strong{color:#e8edf6;font-size:10.5px;font-weight:680;text-align:right;white-space:nowrap}
.sf-settings-test-row strong.is-green{color:#36d982}
.sf-settings-test-row strong.is-muted{color:#95a1b5;font-weight:600}
.sf-settings-test-row .sf-settings-test-status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#2bd77d;margin-right:5px;vertical-align:1px}
.sf-settings-test-card-action{margin-top:auto;padding-top:11px}
.sf-settings-test-action{
  width:100%;
  height:36px;
  border:1px solid #273752;
  border-radius:7px;
  background:#111c30;
  color:#e6ebf5;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-size:10.5px;
  font-weight:720;
  cursor:pointer;
}
.sf-settings-test-action:hover{border-color:#3a4b69;background:#142139}
.sf-settings-test-action svg{width:12px;height:12px;color:#a9b5c9}

/* Systemstatus */
.sf-settings-test-system{
  display:grid;
  grid-template-columns:1.15fr repeat(5,.75fr) 1.15fr;
  align-items:center;
  gap:8px;
  margin-top:18px;
  padding:13px 17px;
  border:1px solid #202c43;
  border-radius:10px;
  background:linear-gradient(135deg,#0e182a,#0b1424);
}
.sf-settings-test-system-title{display:flex;align-items:center;gap:10px;color:#e9edf6;font-size:11px;font-weight:730}
.sf-settings-test-info-icon{width:27px;height:27px;border:1px solid #7655d4;border-radius:50%;display:grid;place-items:center;color:#9b77ff;font-size:14px}
.sf-settings-test-system-item{display:flex;flex-direction:column;gap:5px}
.sf-settings-test-system-item span{color:#77849b;font-size:9px}
.sf-settings-test-system-item strong{display:flex;align-items:center;gap:5px;color:#d9e0ec;font-size:9.5px}
.sf-settings-test-system-item i{width:5px;height:5px;border-radius:50%;background:#28d778;box-shadow:0 0 7px rgba(40,215,120,.3)}
.sf-settings-test-diagnose{
  height:36px;
  border:1px solid #273752;
  border-radius:7px;
  background:#111c30;
  color:#dfe5ef;
  font-size:10px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:pointer;
}
.sf-settings-test-diagnose:hover{border-color:#3a4b69;background:#142139}

/* Noch nicht integrierte Tabs */
.sf-settings-test-panel-placeholder{
  margin-top:18px;
  border:1px dashed #2a3a57;
  border-radius:12px;
  background:rgba(13,23,40,.65);
  min-height:340px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:30px;
}
.sf-settings-test-panel-placeholder h2{margin:0;color:#eef2f8;font-size:18px}
.sf-settings-test-panel-placeholder p{margin:9px auto 0;max-width:520px;color:#8190a8;font-size:12px;line-height:1.6}

.sf-settings-test-toggle.sf-active{
  background:linear-gradient(90deg,rgba(72,82,169,.28),rgba(56,65,136,.22));
  border-color:#425499;
  color:#f0f3ff;
}

/* v3: Der äußere Dashboard-Canvas ist der einzige vertikale Scrollbereich.
   Dadurch bleiben Kopf und Tabs Bestandteil des normalen Dokumentflusses und
   werden beim Öffnen zuverlässig sichtbar. */
.sf-canvas > .sf-settings-test-view{overflow:visible}
.sf-settings-test-head,.sf-settings-test-tabs{scroll-margin-top:0}

@media(max-width:1320px){
  .sf-settings-test-view{padding-left:22px;padding-right:22px}
  .sf-settings-test-tabs{gap:22px}
  .sf-settings-test-hero{grid-template-columns:2fr repeat(2,1fr)}
  .sf-settings-test-switch-site{grid-column:4}
  .sf-settings-test-stat:nth-of-type(4){display:none}
  .sf-settings-test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-settings-test-system{grid-template-columns:1.2fr repeat(3,.8fr) 1fr}
  .sf-settings-test-system-item:nth-of-type(5),.sf-settings-test-system-item:nth-of-type(6){display:none}
}
@media(max-width:900px){
  .sf-settings-test-view{padding:18px 14px 24px}
  .sf-settings-test-head h1{font-size:22px}
  .sf-settings-test-hero{grid-template-columns:1fr 1fr}
  .sf-settings-test-hero-main{grid-column:1/-1}
  .sf-settings-test-switch-site{grid-column:auto}
  .sf-settings-test-grid{grid-template-columns:1fr}
  .sf-settings-test-tabs{gap:18px}
  .sf-settings-test-system{grid-template-columns:1fr 1fr}
  .sf-settings-test-system-title,.sf-settings-test-diagnose{grid-column:1/-1}
}

/* ========================================================================== 
   TracePilot Settings Test – Layout v4 visual tuning
   Ziel: Proportionen der freigegebenen Soll-Referenz. Nur Testbereich.
   ========================================================================== */

.sf-settings-test-view{
  padding:30px 30px 34px;
}
.sf-settings-test-shell{
  width:100%;
  max-width:1480px;
  margin:0 auto;
}

/* Mehr visuelle Hierarchie im Kopf, ohne die funktionierende Scrolllogik anzufassen. */
.sf-settings-test-head{
  padding:8px 0 18px;
}
.sf-settings-test-head h1{
  font-size:24px;
  line-height:1.18;
  font-weight:780;
  letter-spacing:-.5px;
}
.sf-settings-test-head p{
  margin-top:9px;
  font-size:13px;
  line-height:1.5;
}
.sf-settings-test-tabs{
  min-height:64px;
  height:64px;
  gap:38px;
  padding:0;
}
.sf-settings-test-tab{
  height:64px;
  font-size:11.5px;
  letter-spacing:.04em;
}
.sf-settings-test-overview{margin-top:20px}

/* Website-Zusammenfassung: höher und klarer segmentiert wie in der Referenz. */
.sf-settings-test-hero{
  grid-template-columns:minmax(360px,2.25fr) repeat(3,minmax(170px,.82fr)) minmax(175px,.78fr);
  gap:12px;
  padding:18px 20px;
  min-height:132px;
  border-radius:12px;
}
.sf-settings-test-hero-main{padding:2px 7px}
.sf-settings-test-eyebrow{font-size:9.5px}
.sf-settings-test-domain{
  margin-top:9px;
  font-size:20px;
  line-height:1.2;
}
.sf-settings-test-badges{margin-top:11px;gap:7px}
.sf-settings-test-badge{
  height:23px;
  padding:0 9px;
  font-size:9.5px;
}
.sf-settings-test-stat,
.sf-settings-test-switch-site{
  min-height:98px;
}
.sf-settings-test-stat{padding:15px 16px}
.sf-settings-test-stat strong{
  margin-top:9px;
  font-size:14px;
}
.sf-settings-test-stat p{font-size:10.5px}
.sf-settings-test-switch-site{font-size:10.5px}

/* Karten erhalten die kompakte, aber weniger flache Referenz-Proportion. */
.sf-settings-test-grid{
  gap:14px;
  margin-top:14px;
}
.sf-settings-test-card{
  min-height:302px;
  border-radius:11px;
}
.sf-settings-test-card-inner{
  padding:17px 18px 15px;
}
.sf-settings-test-card-head{
  gap:12px;
  padding-bottom:14px;
}
.sf-settings-test-card-icon{
  width:38px;
  height:38px;
}
.sf-settings-test-card-icon svg{width:21px;height:21px}
.sf-settings-test-card-title h2{
  margin-top:2px;
  font-size:15.5px;
}
.sf-settings-test-card-title p{
  margin-top:5px;
  font-size:10.5px;
  line-height:1.45;
}
.sf-settings-test-rows{margin-top:8px}
.sf-settings-test-row{
  min-height:33px;
  font-size:10.75px;
}
.sf-settings-test-row strong{font-size:10.75px}
.sf-settings-test-card-action{padding-top:12px}
.sf-settings-test-action{
  height:38px;
  font-size:10.75px;
}

/* Systemstatus als klarer Abschlussblock. */
.sf-settings-test-system{
  grid-template-columns:1.2fr repeat(5,.75fr) 1.25fr;
  gap:10px;
  margin-top:18px;
  padding:15px 18px;
  min-height:68px;
}
.sf-settings-test-system-title{font-size:11.5px}
.sf-settings-test-info-icon{width:29px;height:29px;font-size:14px}
.sf-settings-test-system-item span{font-size:9.5px}
.sf-settings-test-system-item strong{font-size:10px}
.sf-settings-test-diagnose{height:38px;font-size:10.25px}

/* Bei kleineren Arbeitsflächen weiterhin flüssig, ohne die Desktop-Proportionen zu zerstören. */
@media(max-width:1580px){
  .sf-settings-test-shell{max-width:100%}
  .sf-settings-test-view{padding-left:24px;padding-right:24px}
  .sf-settings-test-tabs{gap:30px}
  .sf-settings-test-hero{grid-template-columns:minmax(330px,2.1fr) repeat(3,minmax(155px,.82fr)) minmax(155px,.78fr)}
}


/* ========================================================================== 
   TracePilot Settings Test – Layout v7
   Echte Desktop-Skalierung: breite Karten + kompaktere vertikale Geometrie.
   Ziel: Übersicht passt bei 864–1080px hohen Desktopfenstern deutlich besser
   in den sichtbaren Bereich, ohne die größere Typografie wieder zu verkleinern.
   ========================================================================== */
@media (min-width:1321px){
  .sf-settings-test-view{
    padding:16px 12px 22px;
  }
  .sf-settings-test-shell{
    width:100%;
    max-width:none;
    margin:0;
  }

  .sf-settings-test-head{
    padding:4px 4px 14px;
  }
  .sf-settings-test-head h1{
    font-size:28px;
    line-height:1.12;
    letter-spacing:-.65px;
  }
  .sf-settings-test-head p{
    margin-top:8px;
    font-size:15px;
    line-height:1.4;
  }

  .sf-settings-test-tabs{
    height:54px;
    min-height:54px;
    gap:clamp(26px,2.15vw,40px);
    padding:0 4px;
  }
  .sf-settings-test-tab{
    height:54px;
    font-size:13px;
    letter-spacing:.035em;
  }
  .sf-settings-test-overview{margin-top:14px}

  .sf-settings-test-hero{
    width:100%;
    grid-template-columns:minmax(390px,2.25fr) repeat(3,minmax(175px,.82fr)) minmax(180px,.8fr);
    gap:10px;
    padding:14px 16px;
    min-height:116px;
    border-radius:12px;
  }
  .sf-settings-test-hero-main{padding:0 10px}
  .sf-settings-test-eyebrow{font-size:10.5px}
  .sf-settings-test-domain{margin-top:8px;font-size:23px;gap:9px}
  .sf-settings-test-domain svg{width:15px;height:15px}
  .sf-settings-test-badges{margin-top:9px;gap:8px}
  .sf-settings-test-badge{height:24px;padding:0 9px;font-size:10.5px}
  .sf-settings-test-stat,.sf-settings-test-switch-site{min-height:88px}
  .sf-settings-test-stat{padding:12px 14px}
  .sf-settings-test-stat strong{margin-top:7px;font-size:16px}
  .sf-settings-test-stat p{margin-top:4px;font-size:11.5px}
  .sf-settings-test-switch-site{gap:10px;font-size:11.5px;padding:10px}
  .sf-settings-test-switch-icon{width:38px;height:38px}
  .sf-settings-test-switch-icon svg{width:20px;height:20px}

  .sf-settings-test-grid{
    width:100%;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:10px;
  }
  .sf-settings-test-card{
    min-width:0;
    min-height:0;
    height:auto;
    border-radius:12px;
  }
  .sf-settings-test-card-inner{padding:14px 16px 12px}
  .sf-settings-test-card-head{gap:13px;padding-bottom:10px}
  .sf-settings-test-card-icon{width:40px;height:40px}
  .sf-settings-test-card-icon svg{width:22px;height:22px}
  .sf-settings-test-card-title h2{font-size:17px;line-height:1.2}
  .sf-settings-test-card-title p{margin-top:4px;font-size:11.5px;line-height:1.35}
  .sf-settings-test-rows{margin-top:5px}
  .sf-settings-test-row{min-height:27px;gap:16px;font-size:12px}
  .sf-settings-test-row strong{font-size:12px}
  .sf-settings-test-row .sf-settings-test-status-dot{width:6px;height:6px;margin-right:6px}
  .sf-settings-test-card-action{padding-top:9px}
  .sf-settings-test-action{height:38px;font-size:12px;gap:9px}
  .sf-settings-test-action svg{width:13px;height:13px}

  .sf-settings-test-system{
    width:100%;
    grid-template-columns:minmax(180px,1.2fr) repeat(5,minmax(88px,.7fr)) minmax(190px,1.2fr);
    gap:9px;
    margin-top:10px;
    padding:11px 16px;
    min-height:58px;
    border-radius:10px;
  }
  .sf-settings-test-system-title{gap:10px;font-size:13px}
  .sf-settings-test-info-icon{width:30px;height:30px;font-size:15px}
  .sf-settings-test-system-item{gap:4px}
  .sf-settings-test-system-item span{font-size:10.5px}
  .sf-settings-test-system-item strong{font-size:11.5px}
  .sf-settings-test-system-item i{width:6px;height:6px}
  .sf-settings-test-diagnose{height:38px;font-size:11.5px}
}

/* Bei typischen 864/900px hohen Browserfenstern nochmals vertikal verdichten,
   ohne die Lesbarkeit zu reduzieren. */
@media (min-width:1321px) and (max-height:920px){
  .sf-settings-test-view{padding-top:12px;padding-bottom:16px}
  .sf-settings-test-head{padding-bottom:11px}
  .sf-settings-test-head p{margin-top:6px}
  .sf-settings-test-tabs,.sf-settings-test-tab{height:48px;min-height:48px}
  .sf-settings-test-overview{margin-top:10px}
  .sf-settings-test-hero{min-height:104px;padding:11px 14px}
  .sf-settings-test-stat,.sf-settings-test-switch-site{min-height:78px}
  .sf-settings-test-stat{padding:9px 12px}
  .sf-settings-test-badges{margin-top:7px}
  .sf-settings-test-grid{gap:9px;margin-top:9px}
  .sf-settings-test-card-inner{padding:12px 15px 10px}
  .sf-settings-test-card-head{padding-bottom:8px}
  .sf-settings-test-row{min-height:25px}
  .sf-settings-test-card-action{padding-top:7px}
  .sf-settings-test-action{height:35px}
  .sf-settings-test-system{margin-top:9px;min-height:54px;padding:9px 15px}
  .sf-settings-test-diagnose{height:35px}
}


/* =========================================================
   SETTINGS TEST v10 — echte Dashboard-Geometrie
   Verwendet die tatsächlich vorhandenen Klassen.
   ========================================================= */
@media (min-width: 1321px) {

  /* .sf-canvas besitzt bereits 14px Padding wie das Dashboard.
     Deshalb hier KEIN zweites horizontales Innenpadding. */
  .sf-settings-test-view {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .sf-settings-test-shell,
  .sf-settings-test-head,
  .sf-settings-test-tabs,
  .sf-settings-test-overview,
  [data-settings-test-panel="overview"] {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* obere Website-Kachel über die komplette Dashboard-Breite */
  .sf-settings-test-hero {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    grid-template-columns:
      minmax(400px, 2.55fr)
      minmax(180px, 1fr)
      minmax(180px, 1fr)
      minmax(180px, 1fr)
      minmax(190px, 1fr) !important;
    gap: 12px !important;
    box-sizing: border-box !important;
  }

  /* exakt drei gleich breite Fenster wie im normalen Dashboard */
  .sf-settings-test-grid {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  .sf-settings-test-card {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Systemstatus ebenfalls exakt bis zu den Dashboard-Außenkanten */
  .sf-settings-test-system {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    grid-template-columns:
      minmax(200px, 1.35fr)
      repeat(5, minmax(100px, 1fr))
      minmax(230px, 1.45fr) !important;
    gap: 12px !important;
    box-sizing: border-box !important;
  }
}


/* =========================================================
   SETTINGS TEST v11 — System Status bündig zum Dashboard
   ========================================================= */
@media (min-width: 1100px) {
  .sf-settings-test-view,
  .sf-settings-test-shell,
  .sf-settings-test-overview,
  [data-settings-test-panel="overview"] {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .sf-settings-test-system {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .sf-settings-test-system:last-child {
    margin-bottom: 0 !important;
  }
}


/* =========================================================
   SETTINGS TEST v12 — Integrationen Layout Dummy
   ========================================================= */
.sf-settings-test-integrations{
  display:flex;
  flex-direction:column;
  gap:14px;
  width:100%;
}
.sf-settings-test-section-intro{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:4px 2px 2px;
}
.sf-settings-test-section-intro h2{
  margin:0 0 5px;
  font-size:22px;
  line-height:1.2;
  color:#f5f7ff;
}
.sf-settings-test-section-intro p{
  margin:0;
  font-size:13px;
  color:#8ea4c8;
}
.sf-settings-test-integration-featured,
.sf-settings-test-integration-card{
  border:1px solid #253653;
  background:linear-gradient(180deg,#0d192b 0%,#0b1627 100%);
  border-radius:12px;
  box-sizing:border-box;
}
.sf-settings-test-integration-featured{padding:18px;}
.sf-settings-test-integration-card{
  padding:17px;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.sf-settings-test-integration-head{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.sf-settings-test-integration-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:13px;
  font-weight:800;
  border:1px solid rgba(112,80,255,.25);
  color:#8d66ff;
  background:#20164e;
}
.sf-settings-test-integration-icon.wordpress{
  color:#3da6ff;
  background:#0c2c50;
  border-color:#174b7a;
  font-size:18px;
}
.sf-settings-test-integration-icon.commerce{
  color:#9b72ff;
  font-size:11px;
}
.sf-settings-test-integration-icon.api{
  color:#68c6ff;
  background:#0b2940;
  border-color:#164662;
}
.sf-settings-test-integration-title{
  min-width:0;
  flex:1;
}
.sf-settings-test-integration-title h3{
  margin:0 0 4px;
  font-size:16px;
  color:#f7f9ff;
}
.sf-settings-test-integration-title p{
  margin:0;
  color:#8ca3c7;
  font-size:11px;
  line-height:1.4;
}
.sf-settings-test-status-pill{
  flex:0 0 auto;
  border-radius:999px;
  padding:6px 10px;
  font-size:11px;
  font-weight:700;
  border:1px solid #34415d;
}
.sf-settings-test-status-pill.is-online{
  color:#2fe39a;
  background:rgba(16,117,82,.15);
  border-color:rgba(47,227,154,.22);
}
.sf-settings-test-status-pill.is-planned{
  color:#aab7cf;
  background:#111b2d;
}
.sf-settings-test-integration-domain{
  margin-top:16px;
  padding:13px 14px;
  border:1px solid #1e2d47;
  background:#0a1525;
  border-radius:9px;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.sf-settings-test-integration-domain span{
  color:#6f86aa;
  font-size:9px;
  font-weight:700;
  letter-spacing:.05em;
}
.sf-settings-test-integration-domain strong{
  color:#fff;
  font-size:16px;
}
.sf-settings-test-integration-stats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  margin-top:14px;
  border:1px solid #1e2d47;
  border-radius:9px;
  overflow:hidden;
}
.sf-settings-test-integration-stats>div{
  padding:12px 13px;
  min-width:0;
  border-right:1px solid #1e2d47;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.sf-settings-test-integration-stats>div:last-child{border-right:0;}
.sf-settings-test-integration-stats span,
.sf-settings-test-integration-rows span{
  color:#8ca3c7;
  font-size:10px;
}
.sf-settings-test-integration-stats strong{
  color:#f5f7ff;
  font-size:11px;
  overflow-wrap:anywhere;
}
.sf-settings-test-integrations .is-green{color:#2fe39a!important;}
.sf-settings-test-status-pill.is-warning{color:#f6c969;border-color:rgba(246,201,105,.35);background:rgba(246,201,105,.08)}
.sf-settings-test-integration-message{margin:0 0 14px;color:#8ea4c8;font-size:12px}
.sf-settings-test-integration-code{margin:12px 0 0;padding:11px 13px;border:1px solid #304565;border-radius:8px;background:#0b1628;color:#dfeaff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;user-select:all}
.sf-settings-test-service-card{min-width:0}
.sf-settings-test-provider-card{justify-content:space-between;min-height:132px}
.sf-settings-test-provider-logo{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:11px;border:1px solid #30415f;background:#14233a;overflow:hidden}
.sf-settings-test-provider-logo svg{width:36px;height:36px;display:block}
.sf-settings-test-provider-logo img{width:31px;height:31px;object-fit:contain}
.sf-settings-test-provider-note{margin:17px 0 0;padding-top:11px;border-top:1px solid #1e2d47;color:#7187aa;font-size:10px}
.sf-settings-test-provider-grid{align-items:stretch}
.sf-settings-test-code-modal[hidden]{display:none!important}
.sf-settings-test-code-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px}
.sf-settings-test-code-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(2,7,17,.78);cursor:pointer}
.sf-settings-test-code-modal>section{position:relative;z-index:1;width:min(520px,calc(100vw - 40px));box-sizing:border-box;padding:25px;border:1px solid #35496c;border-radius:14px;background:linear-gradient(180deg,#101d31,#0b1526);box-shadow:0 24px 80px rgba(0,0,0,.55);color:#f5f7ff}
.sf-settings-test-code-modal h3{margin:7px 34px 8px 0;font-size:21px}
.sf-settings-test-code-modal>section>p{margin:0;color:#91a6c8;font-size:12px;line-height:1.55}
.sf-settings-test-code-close{position:absolute;top:14px;right:15px;width:34px;height:34px;border:1px solid #30415f;border-radius:8px;background:#111e32;color:#dfe7f6;font-size:22px;line-height:1;cursor:pointer}
.sf-settings-test-code-value{margin:20px 0 9px;padding:17px;border:1px solid #7658ff;border-radius:9px;background:#171638;color:#fff;text-align:center;font:700 20px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em;overflow-wrap:anywhere;user-select:all}
.sf-settings-test-code-modal .sf-settings-test-code-expiry{color:#9eb0cd;text-align:center}
.sf-settings-test-code-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.sf-settings-test-code-actions button{min-height:40px;border:1px solid #6046dc;border-radius:8px;background:#6548e8;color:#fff;font-weight:700;cursor:pointer}
.sf-settings-test-code-actions button+button{border-color:#30415f;background:#111e32}
.sf-settings-test-code-modal .sf-settings-test-code-feedback{min-height:18px;margin-top:10px;color:#2fe39a;text-align:center}
body.sf-settings-test-modal-open{overflow:hidden}
.sf-settings-test-integration-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:14px;
}
.sf-settings-test-integration-actions button,
.sf-settings-test-integration-button{
  min-height:36px;
  border:1px solid #30415f;
  background:#111e32;
  color:#f5f7ff;
  border-radius:7px;
  padding:0 18px;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.sf-settings-test-integration-actions button:hover,
.sf-settings-test-integration-button:hover{background:#1a2b46;border-color:#7358ef;color:#fff;box-shadow:0 0 0 2px rgba(115,88,239,.12);transform:translateY(-1px)}
.sf-settings-test-integration-actions button:active,
.sf-settings-test-integration-button:active{transform:translateY(0);background:#0d1727}
.sf-settings-test-integration-actions button:focus-visible,
.sf-settings-test-integration-button:focus-visible{outline:2px solid #876cff;outline-offset:2px}
.sf-settings-test-integration-actions button:disabled,
.sf-settings-test-integration-button:disabled{cursor:wait;opacity:.72;transform:none;box-shadow:none}
.sf-settings-test-integration-actions button.is-loading,
.sf-settings-test-integration-button.is-loading{position:relative;padding-left:34px}
.sf-settings-test-integration-actions button.is-loading:before,
.sf-settings-test-integration-button.is-loading:before{content:"";position:absolute;left:14px;top:50%;width:11px;height:11px;margin-top:-7px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sf-integration-spin .7s linear infinite}
@keyframes sf-integration-spin{to{transform:rotate(360deg)}}
.sf-settings-test-integration-actions button span,
.sf-settings-test-integration-button span{margin-left:8px;color:#8ea4c8;}
.sf-settings-test-integrations-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.sf-settings-test-integration-rows{
  margin-top:15px;
  border-top:1px solid #1d2b43;
}
.sf-settings-test-integration-rows>div{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid #18263d;
}
.sf-settings-test-integration-rows strong{
  color:#f5f7ff;
  font-size:11px;
  text-align:right;
}
.sf-settings-test-integration-button{
  width:100%;
  margin-top:auto;
  position:relative;
  top:12px;
}
@media (max-width:1100px){
  .sf-settings-test-integration-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sf-settings-test-integration-stats>div{border-bottom:1px solid #1e2d47;}
  .sf-settings-test-integrations-grid{grid-template-columns:1fr;}
}


/* =========================================================
   SETTINGS TEST v14 — customer-facing integrations only
   API & Webhooks removed; WooCommerce uses full row.
   ========================================================= */
.sf-settings-test-integrations-grid {
  grid-template-columns: 1fr !important;
}

.sf-settings-test-integrations-grid .sf-settings-test-integration-card {
  width: 100% !important;
  max-width: none !important;
}


/* =========================================================
   SETTINGS TEST v17 — Full integration catalog
   ========================================================= */
.sf-settings-test-more-integrations{
  margin-top:2px;
  border:1px solid #253653;
  background:linear-gradient(180deg,#0d192b 0%,#0b1627 100%);
  border-radius:12px;
  padding:17px;
}
.sf-settings-test-more-integrations-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-bottom:14px;
}
.sf-settings-test-more-integrations-head h3{
  margin:0 0 4px;
  font-size:16px;
  color:#f7f9ff;
}
.sf-settings-test-more-integrations-head p{
  margin:0;
  color:#8ca3c7;
  font-size:11px;
}
.sf-settings-test-platform-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.sf-settings-test-platform-card{
  min-width:0;
  min-height:100px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  border:1px solid #1f304b;
  background:#0a1525;
  border-radius:9px;
  padding:13px;
  box-sizing:border-box;
}
.sf-settings-test-platform-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#171c3a;
  border:1px solid #33415f;
  color:#9c82ff;
  font-size:12px;
  font-weight:800;
  letter-spacing:-.02em;
}
.sf-settings-test-platform-icon.shopify{color:#6fdc8c;background:#102b24;border-color:#1f5546;}
.sf-settings-test-platform-icon.shopware{color:#48b7ff;background:#0d2942;border-color:#1b4e76;}
.sf-settings-test-platform-icon.magento{color:#ff8a5b;background:#321b17;border-color:#603225;}
.sf-settings-test-platform-icon.prestashop{color:#58d9dd;background:#102a31;border-color:#24545c;}
.sf-settings-test-platform-icon.webflow{color:#7aa6ff;background:#121f3d;border-color:#2b4271;}
.sf-settings-test-platform-icon.wix{color:#d7e1ff;background:#1a2337;border-color:#35415b;}
.sf-settings-test-platform-icon.squarespace{color:#e8ecf5;background:#1b1d25;border-color:#3a3e4c;}
.sf-settings-test-platform-icon.typo3{color:#ff9f52;background:#302116;border-color:#5b3b20;}
.sf-settings-test-platform-icon.gtm{color:#7fc5ff;background:#10273b;border-color:#23506c;font-size:9px;}
.sf-settings-test-platform-icon.bigcommerce{color:#9b8cff;background:#1d1a3a;border-color:#3f376c;}
.sf-settings-test-platform-icon.opencart{color:#5ad0ff;background:#102b38;border-color:#23596d;}
.sf-settings-test-platform-content{
  min-width:0;
}
.sf-settings-test-platform-content h4{
  margin:0 0 5px;
  font-size:13px;
  color:#f5f7ff;
}
.sf-settings-test-platform-content p{
  margin:0;
  font-size:10px;
  line-height:1.45;
  color:#8198bd;
}
.sf-settings-test-platform-card .sf-settings-test-status-pill{
  align-self:start;
  margin-top:1px;
}
@media(max-width:1300px){
  .sf-settings-test-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:850px){
  .sf-settings-test-platform-grid{grid-template-columns:1fr;}
}


/* =========================================================
   SETTINGS TEST v18 — auswählbarer Integrations-Katalog
   ========================================================= */
.sf-settings-test-platform-card{
  transition:border-color .15s ease, background .15s ease, transform .15s ease;
}

.sf-settings-test-platform-card:hover{
  border-color:#3a4d70;
  background:#0c1829;
}

.sf-settings-test-platform-setup{
  align-self:start;
  border:1px solid #33415d;
  background:#111b2d;
  color:#dce6f8;
  border-radius:999px;
  min-height:30px;
  padding:0 11px;
  font-size:10px;
  font-weight:700;
  cursor:default;
  white-space:nowrap;
}

.sf-settings-test-platform-setup span{
  margin-left:5px;
  color:#8ea4c8;
}

.sf-settings-test-more-integrations-head p{
  max-width:620px;
}

/* SETTINGS TEST v19 — local platform logos */
.sf-settings-test-platform-icon{
  overflow:hidden;
  padding:0 !important;
}
.sf-settings-test-platform-icon svg{
  width:30px;
  height:30px;
  display:block;
}
.sf-settings-test-platform-icon.shopify,
.sf-settings-test-platform-icon.shopware,
.sf-settings-test-platform-icon.magento,
.sf-settings-test-platform-icon.prestashop,
.sf-settings-test-platform-icon.webflow,
.sf-settings-test-platform-icon.wix,
.sf-settings-test-platform-icon.squarespace,
.sf-settings-test-platform-icon.typo3,
.sf-settings-test-platform-icon.gtm,
.sf-settings-test-platform-icon.bigcommerce,
.sf-settings-test-platform-icon.opencart{
  background:transparent;
  border-color:#2b3b56;
}

/* SETTINGS TEST v20 — WordPress brand mark */
.sf-settings-test-integration-icon.wordpress{
  overflow:hidden;
  padding:0 !important;
  background:transparent !important;
}
.sf-settings-test-integration-icon.wordpress svg{
  width:34px;
  height:34px;
  display:block;
}

/* SETTINGS TEST v21 — official WordPress + Woo brand assets */
.sf-settings-test-integration-icon.wordpress,
.sf-settings-test-integration-icon.commerce {
  overflow: hidden;
  padding: 0 !important;
  background: transparent !important;
  border-color: #2b3b56 !important;
}

.sf-settings-test-integration-icon.wordpress img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  display: block;
}

.sf-settings-test-integration-icon.commerce {
  width: 54px !important;
  flex-basis: 54px !important;
  border-radius: 10px !important;
}

.sf-settings-test-integration-icon.commerce img {
  width: 46px;
  height: 28px;
  object-fit: contain;
  display: block;
}

/* SETTINGS TEST v22 — WordPress logo contrast/scale */
.sf-settings-test-integration-icon.wordpress{
  width:54px !important;
  height:54px !important;
  flex-basis:54px !important;
  border-radius:12px !important;
  background:#ffffff !important;
  border:1px solid #3c4a66 !important;
  display:grid !important;
  place-items:center !important;
}

.sf-settings-test-integration-icon.wordpress img{
  width:42px !important;
  height:42px !important;
  object-fit:contain !important;
  display:block !important;
  opacity:1 !important;
  filter:none !important;
}

/* SETTINGS TEST v23 — official WordPress mark on overview card */
.sf-settings-test-card[data-settings-test-card="wordpress"] .sf-settings-test-card-icon{
  background:#ffffff !important;
  border-color:#34445f !important;
  color:initial !important;
  overflow:hidden !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
}
.sf-settings-test-overview-wordpress-logo{
  width:30px !important;
  height:30px !important;
  object-fit:contain !important;
  display:block !important;
  opacity:1 !important;
  filter:none !important;
}

/* =========================================================
   SETTINGS TEST v24 — Integrationen Feinschliff
   ========================================================= */

/* WordPress: keine dominante weiße Kachel mehr, Logo auf dunkler Fläche */
.sf-settings-test-integration-icon.wordpress{
  width:46px !important;
  height:46px !important;
  flex-basis:46px !important;
  border-radius:12px !important;
  background:#0d1a2c !important;
  border:1px solid #2b3b56 !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}

.sf-settings-test-integration-icon.wordpress img{
  width:34px !important;
  height:34px !important;
  object-fit:contain !important;
  display:block !important;
  opacity:1 !important;
  filter:none !important;
  border-radius:50% !important;
}

/* WooCommerce: weniger Höhe / weniger Leerraum */
.sf-settings-test-integrations-grid{
  gap:12px !important;
}

.sf-settings-test-integration-card{
  padding:14px 16px !important;
  min-height:0 !important;
}

.sf-settings-test-integration-card .sf-settings-test-integration-head{
  margin-bottom:0 !important;
}

.sf-settings-test-integration-card .sf-settings-test-integration-rows{
  margin-top:10px !important;
}

.sf-settings-test-integration-card .sf-settings-test-integration-rows > div{
  min-height:30px !important;
}

/* Weitere Integrationen exakt an gleiche Content-Kante */
.sf-settings-test-more-integrations{
  padding-left:16px !important;
  padding-right:16px !important;
}

.sf-settings-test-more-integrations-head{
  margin-left:0 !important;
  padding-left:0 !important;
}

.sf-settings-test-more-integrations-head > div{
  margin-left:0 !important;
  padding-left:0 !important;
}

/* SETTINGS TEST v25 — WordPress blue mark contrast fix */
.sf-settings-test-integration-icon.wordpress{
  background:#0d1a2c !important;
  border-color:#2b4b68 !important;
}
.sf-settings-test-integration-icon.wordpress img{
  width:36px !important;
  height:36px !important;
  opacity:1 !important;
  filter:none !important;
}
.sf-settings-test-card[data-settings-test-card="wordpress"] .sf-settings-test-card-icon{
  background:#0d1a2c !important;
  border-color:#2b4b68 !important;
}
.sf-settings-test-overview-wordpress-logo{
  width:30px !important;
  height:30px !important;
  opacity:1 !important;
  filter:none !important;
}


/* =========================================================
   SETTINGS TEST v26 — ORIGINAL OFFICIAL BRAND ASSETS
   WordPress: official W Mark from wordpress.org
   Woo: official primary wordmark from woocommerce.com
   ========================================================= */

.sf-settings-test-integration-icon.wordpress{
  width:46px !important;
  height:46px !important;
  flex:0 0 46px !important;
  padding:5px !important;
  box-sizing:border-box !important;
  border-radius:12px !important;
  background:#ffffff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  overflow:hidden !important;
}
.sf-settings-test-integration-icon.wordpress img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  border-radius:0 !important;
  filter:none !important;
  opacity:1 !important;
}

.sf-settings-test-integration-icon.commerce{
  width:62px !important;
  height:46px !important;
  flex:0 0 62px !important;
  padding:7px !important;
  box-sizing:border-box !important;
  border-radius:12px !important;
  background:#0d1a2c !important;
  border:1px solid #2b3b56 !important;
  overflow:hidden !important;
}
.sf-settings-test-integration-icon.commerce img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  filter:none !important;
  opacity:1 !important;
}

/* Overview WordPress card: preserve official artwork without recoloring */
.sf-settings-test-card[data-settings-test-card="wordpress"] .sf-settings-test-card-icon{
  background:#ffffff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  padding:5px !important;
}
.sf-settings-test-overview-wordpress-logo{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  border-radius:0 !important;
  filter:none !important;
  opacity:1 !important;
}


/* v27 — separate data sources / Google Search Console */
.sf-settings-test-data-sources{margin-top:16px;padding:16px;border:1px solid #263954;border-radius:14px;background:#0d1a2c;}
.sf-settings-test-data-source-grid{margin-top:14px;display:grid;grid-template-columns:1fr;gap:12px;}
.sf-settings-test-platform-icon.search-console{background:#fff;border-color:#334760;overflow:hidden;}
.sf-settings-test-platform-icon.search-console img{width:38px;height:38px;object-fit:contain;display:block;}
.sf-settings-test-search-console-card{min-height:96px;}

/* =========================================================
   SETTINGS TEST v28 — Google Search Console Logo Fix
   ========================================================= */
.sf-settings-test-data-source-icon,
.sf-settings-test-data-source-icon.search-console {
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:10px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  border:1px solid #2b3b56 !important;
  display:grid !important;
  place-items:center !important;
}

.sf-settings-test-data-source-icon img,
.sf-settings-test-data-source-icon.search-console img {
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

/* =========================================================
   SETTINGS TEST v29 — actual Search Console icon asset
   ========================================================= */
.sf-settings-test-data-source-icon.search-console{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  padding:5px !important;
  box-sizing:border-box !important;
  border-radius:10px !important;
  background:#0d1a2c !important;
  border:1px solid #2b3b56 !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}

.sf-settings-test-data-source-icon.search-console img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

/* =========================================================
   SETTINGS TEST v30 — Search Console REAL rendered selector fix
   ========================================================= */
.sf-settings-test-platform-icon.search-console{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  flex:0 0 48px !important;
  padding:5px !important;
  box-sizing:border-box !important;
  border-radius:10px !important;
  background:#0d1a2c !important;
  border:1px solid #2b3b56 !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}

.sf-settings-test-platform-icon.search-console img{
  width:38px !important;
  height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  border-radius:0 !important;
}

/* =========================================================
   SETTINGS TEST v31 — Live Chat layout dummy
   Vollständig isoliert; keine produktiven Chat-Regeln.
   ========================================================= */
.sf-settings-test-panel-placeholder:has(.sf-settings-test-live-chat){display:block;text-align:left;padding:0;border:0;background:transparent;min-height:0}
.sf-settings-test-live-chat{color:#eaf0f8;padding:2px 0 30px}
.sf-settings-test-live-chat button{font:inherit}
.sf-settings-test-live-chat-intro{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;padding:0 2px}
.sf-settings-test-live-chat-intro h2{margin:5px 0 0;font-size:19px;color:#f4f7fb}
.sf-settings-test-live-chat-intro p{margin:6px 0 0;font-size:12px;color:#8290a7}
.sf-settings-test-dummy-badge{padding:6px 10px;border:1px solid #34415d;border-radius:999px;background:#111b2d;color:#92a1b8;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sf-settings-test-live-chat-status{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(2,minmax(150px,.7fr)) auto;align-items:center;gap:0;margin-bottom:14px;border:1px solid #263652;border-radius:11px;background:linear-gradient(110deg,rgba(28,38,65,.9),rgba(12,22,39,.96));box-shadow:0 14px 36px rgba(0,0,0,.12)}
.sf-settings-test-live-chat-status-main{display:flex;align-items:center;gap:12px;padding:16px 18px}
.sf-settings-test-live-chat-status-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(123,94,255,.45);border-radius:10px;background:rgba(105,78,220,.16);color:#a58aff}
.sf-settings-test-live-chat-status-icon svg{width:21px;height:21px}
.sf-settings-test-live-chat-status-main div>span,.sf-settings-test-live-chat-metric>span{display:block;margin-bottom:5px;color:#718099;font-size:8px;font-weight:800;letter-spacing:.1em}
.sf-settings-test-live-chat-status-main strong{color:#36e3a0;font-size:14px}.sf-settings-test-live-chat-status-main strong i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#2fe39a;box-shadow:0 0 10px rgba(47,227,154,.75)}
.sf-settings-test-live-chat-status-main p{margin:3px 0 0;color:#8795aa;font-size:10px}
.sf-settings-test-live-chat-metric{min-height:48px;padding:0 18px;border-left:1px solid rgba(91,112,148,.18);display:flex;flex-direction:column;justify-content:center}
.sf-settings-test-live-chat-metric strong{font-size:11px;color:#e4eaf3}.sf-settings-test-live-chat-metric small{margin-top:3px;color:#718099;font-size:9px}
.sf-settings-test-live-chat-outline{height:34px;margin:0 16px;padding:0 13px;border:1px solid #374763;border-radius:7px;background:#131f34;color:#dce4f0;font-size:9px;font-weight:800;cursor:pointer}
.sf-settings-test-live-chat-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.8fr);gap:14px;align-items:start}
.sf-settings-test-live-chat-settings{display:grid;gap:12px}
.sf-settings-test-live-chat-card,.sf-settings-test-live-chat-preview{border:1px solid #263550;border-radius:11px;background:linear-gradient(145deg,rgba(15,26,45,.96),rgba(10,19,34,.96));box-shadow:0 12px 30px rgba(0,0,0,.1)}
.sf-settings-test-live-chat-card{padding:15px 16px}
.sf-settings-test-live-chat-card-head{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center}
.sf-settings-test-live-chat-card-head h3{margin:0;color:#edf2f8;font-size:12px}.sf-settings-test-live-chat-card-head p{margin:4px 0 0;color:#718099;font-size:9px}
.sf-settings-test-live-chat-card-head>button{border:0;background:transparent;color:#9d86ff;font-size:9px;font-weight:800;cursor:pointer}.sf-settings-test-live-chat-card-head>button span{font-size:15px;margin-left:3px}
.sf-settings-test-live-chat-card-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:13px;font-weight:850}.sf-settings-test-live-chat-card-icon.is-purple{color:#ab91ff;background:rgba(125,91,255,.15);border:1px solid rgba(125,91,255,.3)}.sf-settings-test-live-chat-card-icon.is-blue{color:#5fb8ff;background:rgba(54,145,232,.14);border:1px solid rgba(54,145,232,.28)}.sf-settings-test-live-chat-card-icon.is-green{color:#35dfa0;background:rgba(43,203,143,.12);border:1px solid rgba(43,203,143,.25)}.sf-settings-test-live-chat-card-icon.is-orange{color:#f5ae61;background:rgba(229,142,48,.13);border:1px solid rgba(229,142,48,.25)}.sf-settings-test-live-chat-card-icon.is-pink{color:#ec83c5;background:rgba(219,83,171,.12);border:1px solid rgba(219,83,171,.24)}
.sf-settings-test-live-chat-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:13px;border-top:1px solid rgba(85,106,141,.18);padding-top:12px}.sf-settings-test-live-chat-summary-grid>div{padding:0 11px;border-right:1px solid rgba(85,106,141,.17)}.sf-settings-test-live-chat-summary-grid>div:first-child{padding-left:0}.sf-settings-test-live-chat-summary-grid>div:last-child{border:0}.sf-settings-test-live-chat-summary-grid span{display:block;color:#6f7e95;font-size:8px;margin-bottom:5px}.sf-settings-test-live-chat-summary-grid strong{font-size:9px;color:#dce4ef}.sf-settings-test-color-dot{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%;vertical-align:-1px;background:linear-gradient(135deg,#7c5cff,#3bb4ff)}
.sf-settings-test-live-chat-text-preview{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:13px;padding-top:12px;border-top:1px solid rgba(85,106,141,.18)}.sf-settings-test-live-chat-text-preview span{font-size:8px;color:#718099;font-weight:800;letter-spacing:.08em}.sf-settings-test-live-chat-text-preview strong{font-size:9px;color:#dfe6f0}.sf-settings-test-live-chat-text-preview small{font-size:8px;color:#718099}
.sf-settings-test-live-chat-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px solid rgba(85,106,141,.18)}.sf-settings-test-live-chat-chips span{padding:6px 8px;border:1px solid #2b3a55;border-radius:6px;background:#111c30;color:#aab6c8;font-size:8px}.sf-settings-test-live-chat-chips b{color:#9982f2;font-size:8px}
.sf-settings-test-live-chat-small-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sf-settings-test-live-chat-card.is-small{min-width:0}.sf-settings-test-live-chat-person{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:13px;padding-top:12px;border-top:1px solid rgba(85,106,141,.18)}.sf-settings-test-live-chat-person>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#8066da;color:white;font-size:8px;font-weight:800}.sf-settings-test-live-chat-person strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#dfe6f0;font-size:9px;white-space:nowrap}.sf-settings-test-live-chat-person small{display:block;margin-top:3px;color:#708098;font-size:8px}.sf-settings-test-live-chat-person small i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#2fe39a}.sf-settings-test-live-chat-person button{border:0;background:transparent;color:#8795aa;font-size:17px}
.sf-settings-test-live-chat-toggle-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid rgba(85,106,141,.16)}.sf-settings-test-live-chat-toggle-row span{color:#cbd5e3;font-size:8px}.sf-settings-test-live-chat-toggle-row small{display:block;margin-top:3px;color:#65758d;font-size:7px}.sf-settings-test-live-chat-toggle-row>i{width:27px;height:15px;border-radius:99px;background:#293750;position:relative}.sf-settings-test-live-chat-toggle-row>i:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#8290a6}.sf-settings-test-live-chat-toggle-row>i.is-on{background:#7054d8}.sf-settings-test-live-chat-toggle-row>i.is-on:after{left:14px;background:#fff}
.sf-settings-test-live-chat-preview{padding:15px;position:sticky;top:14px}.sf-settings-test-live-chat-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sf-settings-test-live-chat-preview-head span{color:#6e7d94;font-size:8px;font-weight:800;letter-spacing:.09em}.sf-settings-test-live-chat-preview-head h3{margin:4px 0 0;color:#eaf0f7;font-size:12px}.sf-settings-test-live-chat-preview-device{padding:5px 8px;border:1px solid #2c3b56;border-radius:6px;background:#101b2e;letter-spacing:0!important}
.sf-settings-test-live-chat-browser{overflow:hidden;border:1px solid #2c3b56;border-radius:9px;background:#e8edf5;box-shadow:0 14px 35px rgba(0,0,0,.22)}.sf-settings-test-live-chat-browser-bar{height:25px;display:flex;align-items:center;gap:4px;padding:0 8px;background:#152137}.sf-settings-test-live-chat-browser-bar i{width:5px;height:5px;border-radius:50%;background:#58657a}.sf-settings-test-live-chat-browser-bar span{margin-left:5px;padding:3px 7px;border-radius:4px;background:#0e1829;color:#718099;font-size:6px;flex:1}.sf-settings-test-live-chat-page{height:390px;position:relative;padding:24px 18px;background:linear-gradient(145deg,#f4f6fa,#dce3ec)}.sf-settings-test-live-chat-page-line{height:7px;margin-top:9px;border-radius:5px;background:#ccd4df;width:78%}.sf-settings-test-live-chat-page-line.is-title{height:14px;margin-top:0;width:55%;background:#b7c2d0}.sf-settings-test-live-chat-page-line.is-short{width:42%}
.sf-settings-test-live-chat-widget{position:absolute;right:12px;bottom:12px;width:250px;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 16px 35px rgba(20,31,49,.3);color:#223047}.sf-settings-test-live-chat-widget-head{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;padding:12px;background:linear-gradient(135deg,#6c4ce3,#497bdc);color:white}.sf-settings-test-live-chat-widget-logo{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.18);font-size:8px;font-weight:900}.sf-settings-test-live-chat-widget-head strong{display:block;font-size:10px}.sf-settings-test-live-chat-widget-head small{display:block;margin-top:3px;font-size:6px;color:rgba(255,255,255,.8)}.sf-settings-test-live-chat-widget-head small i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#50f0ac}.sf-settings-test-live-chat-widget-head button{border:0;background:transparent;color:#fff;font-size:15px}.sf-settings-test-live-chat-widget-body{min-height:155px;padding:15px;background:#f8fafc}.sf-settings-test-live-chat-widget-body>span{display:block;font-size:10px;font-weight:800}.sf-settings-test-live-chat-widget-body>p{margin:5px 0 14px;font-size:8px;color:#67758a}.sf-settings-test-live-chat-widget-body div{display:grid;gap:6px}.sf-settings-test-live-chat-widget-body button{padding:7px;border:1px solid #d9dfeb;border-radius:6px;background:#fff;color:#4f5e73;text-align:left;font-size:7px}.sf-settings-test-live-chat-widget-compose{height:39px;padding:0 10px;border-top:1px solid #e3e7ee;display:flex;align-items:center;justify-content:space-between;color:#99a4b3;font-size:7px}.sf-settings-test-live-chat-widget-compose button{width:24px;height:24px;border:0;border-radius:7px;background:#6f52dd;color:#fff;font-size:10px}.sf-settings-test-live-chat-preview-note{margin:10px 2px 0;color:#65758d;font-size:8px;line-height:1.45;text-align:center}
@media(max-width:1180px){.sf-settings-test-live-chat-layout{grid-template-columns:1fr}.sf-settings-test-live-chat-preview{position:static}.sf-settings-test-live-chat-status{grid-template-columns:1.5fr 1fr 1fr}.sf-settings-test-live-chat-outline{grid-column:1/-1;margin:0 16px 14px}.sf-settings-test-live-chat-page{height:360px}}
@media(max-width:760px){.sf-settings-test-live-chat-status{grid-template-columns:1fr}.sf-settings-test-live-chat-metric{border-left:0;border-top:1px solid rgba(91,112,148,.18);padding:12px 18px}.sf-settings-test-live-chat-summary-grid{grid-template-columns:1fr 1fr;row-gap:12px}.sf-settings-test-live-chat-summary-grid>div:nth-child(2){border:0}.sf-settings-test-live-chat-text-preview{grid-template-columns:1fr}.sf-settings-test-live-chat-small-grid{grid-template-columns:1fr}.sf-settings-test-live-chat-intro{align-items:flex-start;gap:10px}.sf-settings-test-live-chat-page{height:330px}}

/* v32: auswählbare Layoutvarianten im isolierten Testbereich */
.sf-settings-test-live-chat-layout-choice{margin-bottom:14px;padding:15px 16px;border:1px solid #263550;border-radius:11px;background:linear-gradient(145deg,rgba(15,26,45,.96),rgba(10,19,34,.96));box-shadow:0 12px 30px rgba(0,0,0,.1)}
.sf-settings-test-live-chat-choice-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.sf-settings-test-live-chat-choice-head h3{margin:0;color:#edf2f8;font-size:12px}.sf-settings-test-live-chat-choice-head p{margin:4px 0 0;color:#718099;font-size:9px}.sf-settings-test-live-chat-choice-head>span{padding:5px 8px;border:1px solid #2e3d59;border-radius:6px;background:#111c30;color:#8290a7;font-size:8px;font-weight:800}
.sf-settings-test-live-chat-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sf-settings-test-live-chat-choice{min-width:0;position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid #2a3954;border-radius:9px;background:#0f1a2d;color:#dce4ef;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.sf-settings-test-live-chat-choice:hover{border-color:#45577a;background:#132139;transform:translateY(-1px)}.sf-settings-test-live-chat-choice.is-selected{border-color:#7158dc;background:linear-gradient(135deg,rgba(91,65,190,.18),rgba(17,29,50,.98));box-shadow:inset 0 0 0 1px rgba(132,102,246,.15)}.sf-settings-test-live-chat-choice>span:nth-child(2) strong{display:block;font-size:10px}.sf-settings-test-live-chat-choice>span:nth-child(2) small{display:block;margin-top:4px;color:#718099;font-size:7px;line-height:1.4}.sf-settings-test-live-chat-choice-check{position:absolute;right:7px;top:7px;width:14px;height:14px;display:none;place-items:center;border-radius:50%;background:#7559df;color:white;font-size:8px;font-style:normal}.sf-settings-test-live-chat-choice.is-selected .sf-settings-test-live-chat-choice-check{display:grid}
.sf-settings-test-live-chat-choice-visual{width:60px;height:44px;position:relative;display:block;overflow:hidden;border:1px solid #35445e;border-radius:6px;background:#dfe5ee}.sf-settings-test-live-chat-choice-visual i{position:absolute;left:0;right:0;top:0;height:12px;background:#6d50da}.sf-settings-test-live-chat-choice-visual b{position:absolute;left:7px;top:19px;width:31px;height:4px;border-radius:4px;background:#b0bac8}.sf-settings-test-live-chat-choice-visual em{position:absolute;right:6px;bottom:5px;width:13px;height:13px;border-radius:4px;background:#7053dc}.sf-settings-test-live-chat-choice-visual.is-compact{width:52px;margin-left:4px;border-radius:10px}.sf-settings-test-live-chat-choice-visual.is-compact i{height:9px}.sf-settings-test-live-chat-choice-visual.is-compact b{left:6px;top:16px;width:24px}.sf-settings-test-live-chat-choice-visual.is-compact em{width:11px;height:11px;border-radius:50%}.sf-settings-test-live-chat-choice-visual.is-modern{border-radius:3px;background:#17233a}.sf-settings-test-live-chat-choice-visual.is-modern i{height:17px;background:linear-gradient(90deg,#4d8bea,#7a52df)}.sf-settings-test-live-chat-choice-visual.is-modern b{top:23px;background:#506078}.sf-settings-test-live-chat-choice-visual.is-modern em{border-radius:50%;background:#4f91ed}
.sf-settings-test-live-chat-preview[data-live-chat-preview-layout="compact"] .sf-settings-test-live-chat-widget{width:210px;border-radius:16px}.sf-settings-test-live-chat-preview[data-live-chat-preview-layout="compact"] .sf-settings-test-live-chat-widget-head{padding:9px}.sf-settings-test-live-chat-preview[data-live-chat-preview-layout="compact"] .sf-settings-test-live-chat-widget-body{min-height:115px;padding:12px}.sf-settings-test-live-chat-preview[data-live-chat-preview-layout="compact"] .sf-settings-test-live-chat-widget-body div{display:none}.sf-settings-test-live-chat-preview[data-live-chat-preview-layout="modern"] .sf-settings-test-live-chat-widget{width:270px;border-radius:6px;background:#111d31;color:#edf3fb}.sf-settings-test-live-chat-preview[data-live-chat-preview-layout="modern"] .sf-settings-test-live-chat-widget-head{padding:15px;background:linear-gradient(100deg,#397ddd,#7651dc)}.sf-settings-test-live-chat-preview[data-live-chat-preview-layout="modern"] .sf-settings-test-live-chat-widget-logo{border-radius:50%}.sf-settings-test-live-chat-preview[data-live-chat-preview-layout="modern"] .sf-settings-test-live-chat-widget-body{background:#142238;color:#edf3fb}.sf-settings-test-live-chat-preview[data-live-chat-preview-layout="modern"] .sf-settings-test-live-chat-widget-body>p{color:#9eabc0}.sf-settings-test-live-chat-preview[data-live-chat-preview-layout="modern"] .sf-settings-test-live-chat-widget-body button{border-color:#32425e;background:#1b2b45;color:#c9d4e4}.sf-settings-test-live-chat-preview[data-live-chat-preview-layout="modern"] .sf-settings-test-live-chat-widget-compose{border-color:#30405a;background:#101c2e;color:#7889a3}
@media(max-width:980px){.sf-settings-test-live-chat-choice-grid{grid-template-columns:1fr}.sf-settings-test-live-chat-choice{grid-template-columns:70px minmax(0,1fr)}}

/* v33: Lesbarkeit, kompaktere Vorschau und einheitliche Aktionen */
.sf-settings-test-live-chat-intro p{font-size:13px}
.sf-settings-test-live-chat-status-main div>span,.sf-settings-test-live-chat-metric>span{font-size:9px}
.sf-settings-test-live-chat-status-main p,.sf-settings-test-live-chat-metric small{font-size:10px}
.sf-settings-test-live-chat-metric strong{font-size:12px}
.sf-settings-test-live-chat-choice-head h3{font-size:13px}.sf-settings-test-live-chat-choice-head p{font-size:10px}.sf-settings-test-live-chat-choice-head>span{font-size:9px}
.sf-settings-test-live-chat-choice>span:nth-child(2) strong{font-size:11px}.sf-settings-test-live-chat-choice>span:nth-child(2) small{font-size:8px;line-height:1.5}
.sf-settings-test-live-chat-choice.is-selected>span:nth-child(2) strong{color:#ae95ff}
.sf-settings-test-live-chat-card-head h3{font-size:13px}.sf-settings-test-live-chat-card-head p{font-size:10px;line-height:1.4}
.sf-settings-test-live-chat-summary-grid span,.sf-settings-test-live-chat-text-preview span{font-size:9px}.sf-settings-test-live-chat-summary-grid strong,.sf-settings-test-live-chat-text-preview strong{font-size:10px}.sf-settings-test-live-chat-text-preview small{font-size:9px}
.sf-settings-test-live-chat-chips span,.sf-settings-test-live-chat-chips b{font-size:9px}
.sf-settings-test-live-chat-person strong{font-size:10px}.sf-settings-test-live-chat-person small{font-size:9px}
.sf-settings-test-live-chat-toggle-row span{font-size:9px}.sf-settings-test-live-chat-toggle-row small{font-size:8px}
.sf-settings-test-live-chat-card-head>button{min-width:78px;height:28px;display:inline-flex;align-items:center;justify-content:flex-end;gap:3px;padding:0 4px;color:#a98dff;font-size:10px;font-weight:800;white-space:nowrap}.sf-settings-test-live-chat-card-head>button:hover{color:#c6b5ff}
.sf-settings-test-live-chat-preview-head span{font-size:9px}.sf-settings-test-live-chat-preview-head h3{font-size:13px}
.sf-settings-test-live-chat-page{height:342px}.sf-settings-test-live-chat-widget{bottom:22px}.sf-settings-test-live-chat-preview-note{font-size:9px}
.sf-settings-test-live-chat-preview[data-live-chat-preview-layout="compact"] .sf-settings-test-live-chat-widget{bottom:28px}
.sf-settings-test-live-chat-preview[data-live-chat-preview-layout="modern"] .sf-settings-test-live-chat-widget{bottom:20px}

/* Live Chat profile editor */
.sf-settings-test-live-chat-form-grid label.is-wide{grid-column:1/-1}
.sf-settings-test-prechat-preview{display:flex!important;flex-direction:column;gap:8px;min-height:190px!important}
.sf-settings-test-prechat-preview>strong{font-size:13px;color:#172033}
.sf-settings-test-prechat-preview>span{font-size:11px;color:#667085}
.sf-settings-test-prechat-preview>label,.sf-settings-test-prechat-preview>i{display:block!important;border:1px solid #d7deea;border-radius:6px;background:#fff;padding:7px 8px;color:#78859a;font-size:9px;font-style:normal}
.sf-settings-test-prechat-preview>small{display:block;color:#667085;font-size:8px;line-height:1.35}
.sf-settings-test-prechat-preview>button{border:0!important;border-radius:6px!important;background:#6d4aff!important;color:#fff!important;padding:8px!important;font-size:10px!important}
@media(max-width:1180px){.sf-settings-test-live-chat-page{height:335px}}
@media(max-width:760px){.sf-settings-test-live-chat-page{height:320px}}

/* v42: zentrale, websitegebundene Live-Chat-Konfiguration */
.sf-settings-test-live-chat-control{min-height:54px;padding:8px 18px;border-left:1px solid rgba(91,112,148,.18);display:flex;flex-direction:column;justify-content:center}.sf-settings-test-live-chat-control>span{margin-bottom:5px;color:#718099;font-size:9px;font-weight:800;letter-spacing:.1em}.sf-settings-test-live-chat-control small{margin-top:4px;color:#718099;font-size:9px}
.sf-settings-test-live-chat-control select,.sf-settings-test-live-chat-form-grid input,.sf-settings-test-live-chat-form-grid select,.sf-settings-test-live-chat-replies textarea{width:100%;box-sizing:border-box;border:1px solid #30415e;border-radius:7px;background:#0d192c;color:#e3eaf4;font:inherit;outline:none}.sf-settings-test-live-chat-control select{height:30px;padding:0 8px;font-size:10px}.sf-settings-test-live-chat-form-grid input:not([type="color"]),.sf-settings-test-live-chat-form-grid select{height:34px;padding:0 10px}.sf-settings-test-live-chat-form-grid input:focus,.sf-settings-test-live-chat-form-grid select:focus,.sf-settings-test-live-chat-replies textarea:focus{border-color:#765ce2;box-shadow:0 0 0 2px rgba(118,92,226,.12)}
.sf-settings-test-live-chat-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(85,106,141,.18)}.sf-settings-test-live-chat-form-grid.is-text{grid-template-columns:1fr}.sf-settings-test-live-chat-form-grid label>span,.sf-settings-test-live-chat-replies>span{display:block;margin-bottom:6px;color:#8795aa;font-size:9px;font-weight:700}.sf-settings-test-live-chat-form-grid input[type="color"]{height:34px;padding:3px 5px;cursor:pointer}
.sf-settings-test-live-chat-replies{display:block;margin-top:13px;padding-top:12px;border-top:1px solid rgba(85,106,141,.18)}.sf-settings-test-live-chat-replies textarea{min-height:74px;padding:9px 10px;resize:vertical;font-size:10px;line-height:1.5}
.sf-settings-test-live-chat-outline:disabled{cursor:wait;opacity:.55}.sf-settings-test-live-chat-preview-note.is-error{color:#ff7185}.sf-settings-test-live-chat-preview[data-chat-preview-position="bottom-left"] .sf-settings-test-live-chat-widget{right:auto;left:12px}
@media(max-width:760px){.sf-settings-test-live-chat-control{border-left:0;border-top:1px solid rgba(91,112,148,.18)}.sf-settings-test-live-chat-form-grid{grid-template-columns:1fr}}

/* =========================================================
   SETTINGS TEST v35 — Konto & Organisation Layout-Dummy
   ========================================================= */
.sf-settings-test-panel-placeholder:has(.sf-settings-test-account){display:block;text-align:left;padding:0;border:0;background:transparent;min-height:0}
.sf-settings-test-account{padding:2px 0 32px;color:#eaf0f8}
.sf-settings-test-account button{font:inherit;cursor:pointer}
.sf-settings-test-account-intro{margin:0 0 16px;padding:0 2px}.sf-settings-test-account-intro h2{margin:5px 0 0;color:#f4f7fb;font-size:19px}.sf-settings-test-account-intro p{margin:6px 0 0;color:#8290a7;font-size:12px}
.sf-settings-test-account-hero{display:grid;grid-template-columns:minmax(280px,1.55fr) repeat(4,minmax(125px,.72fr)) auto;align-items:center;margin-bottom:14px;border:1px solid #293a58;border-radius:11px;background:linear-gradient(105deg,rgba(29,39,68,.94),rgba(12,22,39,.98));box-shadow:0 14px 36px rgba(0,0,0,.12)}
.sf-settings-test-account-company{display:flex;align-items:center;gap:12px;padding:16px 18px}.sf-settings-test-account-avatar{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(126,92,240,.5);border-radius:11px;background:linear-gradient(145deg,#6f51d8,#4a6fd7);color:#fff;font-size:11px;font-weight:900}.sf-settings-test-account-company div>span,.sf-settings-test-account-hero-stat>span{display:block;margin-bottom:5px;color:#72829b;font-size:8px;font-weight:850;letter-spacing:.1em}.sf-settings-test-account-company h3{margin:0;color:#f0f4fa;font-size:13px}.sf-settings-test-account-company p{margin:4px 0 0;color:#8391a6;font-size:9px}
.sf-settings-test-account-hero-stat{min-height:49px;padding:0 14px;border-left:1px solid rgba(91,112,148,.18);display:flex;flex-direction:column;justify-content:center}.sf-settings-test-account-hero-stat strong{color:#e5ebf4;font-size:10px}.sf-settings-test-account-hero-stat strong.is-green{color:#35e0a0}.sf-settings-test-account-hero-stat strong i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#2fe39a}.sf-settings-test-account-hero-stat small{margin-top:3px;color:#728199;font-size:8px}.sf-settings-test-account-primary{height:34px;margin:0 15px;padding:0 12px;border:1px solid #654bc6;border-radius:7px;background:linear-gradient(135deg,#6650c9,#4e5fc8);color:#fff;font-size:8px;font-weight:850;white-space:nowrap}
.sf-settings-test-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sf-settings-test-account-card{min-width:0;padding:16px;border:1px solid #263550;border-radius:11px;background:linear-gradient(145deg,rgba(15,26,45,.97),rgba(10,19,34,.97));box-shadow:0 12px 30px rgba(0,0,0,.1)}
.sf-settings-test-account-card-head{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center;padding-bottom:13px;border-bottom:1px solid rgba(86,107,142,.18)}.sf-settings-test-account-card-head h3{margin:0;color:#edf2f8;font-size:12px}.sf-settings-test-account-card-head p{margin:4px 0 0;color:#718099;font-size:9px}.sf-settings-test-account-card-head>button{height:28px;padding:0 5px;border:0;background:transparent;color:#a48bff;font-size:9px;font-weight:850;white-space:nowrap}.sf-settings-test-account-card-head>button span{margin-left:3px;font-size:13px}
.sf-settings-test-account-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:13px;font-weight:850}.sf-settings-test-account-icon.is-blue{color:#60b9ff;background:rgba(54,145,232,.14);border:1px solid rgba(54,145,232,.28)}.sf-settings-test-account-icon.is-purple{color:#ad91ff;background:rgba(125,91,255,.15);border:1px solid rgba(125,91,255,.3)}.sf-settings-test-account-icon.is-green{color:#36dfa1;background:rgba(43,203,143,.12);border:1px solid rgba(43,203,143,.25)}.sf-settings-test-account-icon.is-orange{color:#f5ae61;background:rgba(229,142,48,.13);border:1px solid rgba(229,142,48,.25)}.sf-settings-test-account-icon.is-pink{color:#ec83c5;background:rgba(219,83,171,.12);border:1px solid rgba(219,83,171,.24)}
.sf-settings-test-account-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:3px}.sf-settings-test-account-detail-grid>div{min-width:0;padding:10px 0;border-bottom:1px solid rgba(77,98,132,.13)}.sf-settings-test-account-detail-grid span{display:block;margin-bottom:4px;color:#6f7f97;font-size:8px}.sf-settings-test-account-detail-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#d9e2ee;font-size:9px;white-space:nowrap}
.sf-settings-test-account-capacity{padding:12px 0 10px}.sf-settings-test-account-capacity>div:first-child{display:flex;align-items:center;justify-content:space-between}.sf-settings-test-account-capacity span{color:#718098;font-size:8px;font-weight:850;letter-spacing:.08em}.sf-settings-test-account-capacity strong{color:#dfe6f0;font-size:9px}.sf-settings-test-account-capacity>div:nth-child(2){height:5px;margin:7px 0;border-radius:9px;background:#202e44;overflow:hidden}.sf-settings-test-account-capacity>div:nth-child(2) i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#7154db,#4a83e0)}.sf-settings-test-account-capacity small{color:#718098;font-size:8px}
.sf-settings-test-account-user{display:grid;grid-template-columns:30px minmax(0,1fr) auto 22px;gap:8px;align-items:center;padding:10px 0;border-top:1px solid rgba(77,98,132,.15)}.sf-settings-test-account-user-avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#7459d5;color:#fff;font-size:8px;font-weight:850}.sf-settings-test-account-user strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#dce4ef;font-size:9px;white-space:nowrap}.sf-settings-test-account-user small{display:block;margin-top:3px;color:#718098;font-size:8px}.sf-settings-test-account-user small i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#2fe39a}.sf-settings-test-account-user>b{padding:4px 7px;border:1px solid #4c3c90;border-radius:99px;background:rgba(108,79,212,.13);color:#a98fff;font-size:7px}.sf-settings-test-account-user>button{border:0;background:transparent;color:#8695aa}.sf-settings-test-account-user.is-empty .sf-settings-test-account-user-avatar{border:1px dashed #3b4b66;background:#121f34;color:#7e8da4}.sf-settings-test-account-user.is-empty>b{border-color:#324158;background:#111d30;color:#8190a6}
.sf-settings-test-account-role-note{display:flex;align-items:center;gap:5px;padding-top:9px;color:#75849a;font-size:8px}.sf-settings-test-account-role-note strong{color:#9ba8ba}.sf-settings-test-account-role-note button{margin-left:auto;border:0;background:transparent;color:#9e85fa;font-size:8px;font-weight:800}
.sf-settings-test-account-license,.sf-settings-test-account-billing,.sf-settings-test-account-security,.sf-settings-test-account-danger{grid-column:1/-1}.sf-settings-test-account-plan{display:flex;align-items:flex-start;justify-content:space-between;margin-top:13px;padding:13px;border:1px solid rgba(100,80,190,.3);border-radius:9px;background:linear-gradient(120deg,rgba(88,61,180,.16),rgba(14,26,44,.7))}.sf-settings-test-account-plan>div>span{display:block;color:#a88eff;font-size:8px;font-weight:900;letter-spacing:.1em}.sf-settings-test-account-plan strong{display:block;margin-top:5px;color:#f0f4fa;font-size:18px}.sf-settings-test-account-plan strong small{color:#7e8da4;font-size:9px}.sf-settings-test-account-plan p{margin:4px 0 0;color:#8090a7;font-size:8px}.sf-settings-test-account-status{padding:5px 8px;border:1px solid rgba(41,197,137,.25);border-radius:99px;background:rgba(35,190,129,.08);color:#37dda0;font-size:8px;font-weight:850}.sf-settings-test-account-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#2fe39a}
.sf-settings-test-account-features{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:11px 0}.sf-settings-test-account-features span{padding:7px;border:1px solid #293851;border-radius:6px;background:#111c2f;color:#aab7c8;font-size:8px;text-align:center}.sf-settings-test-account-features span::first-letter{color:#35dda0}
.sf-settings-test-account-license-row{display:grid;grid-template-columns:minmax(220px,1.4fr) .5fr .65fr auto;gap:15px;align-items:center;padding:11px 12px;border:1px solid #2a3953;border-radius:8px;background:#101b2e}.sf-settings-test-account-license-row>div:first-child{display:flex;align-items:center;gap:9px}.sf-settings-test-account-site-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#fff;color:#222;font-family:serif;font-size:13px;font-weight:900}.sf-settings-test-account-license-row strong{display:block;color:#dce4ef;font-size:9px}.sf-settings-test-account-license-row small{display:block;margin-top:3px;color:#728198;font-size:8px}.sf-settings-test-account-license-row>span{color:#38dda1;font-size:8px;font-weight:800}.sf-settings-test-account-license-row>span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#2fe39a}.sf-settings-test-account-license-row>button{height:28px;padding:0 9px;border:1px solid #34445f;border-radius:6px;background:#142036;color:#d5deea;font-size:8px;font-weight:800}
.sf-settings-test-account-billing-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0;border:1px solid #293850;border-radius:8px;background:#101b2e}.sf-settings-test-account-billing-summary>div{padding:11px 13px;border-right:1px solid rgba(78,99,133,.18)}.sf-settings-test-account-billing-summary>div:last-child{border:0}.sf-settings-test-account-billing-summary span{display:block;color:#718098;font-size:8px;font-weight:850;letter-spacing:.07em}.sf-settings-test-account-billing-summary strong{display:block;margin-top:5px;color:#dfe6f0;font-size:9px}.sf-settings-test-account-billing-summary small{display:block;margin-top:3px;color:#718098;font-size:8px}.sf-settings-test-account-invoice-head{display:flex;align-items:center;justify-content:space-between;padding:3px 0 7px}.sf-settings-test-account-invoice-head span{color:#718098;font-size:8px;font-weight:850;letter-spacing:.08em}.sf-settings-test-account-invoice-head button{border:0;background:transparent;color:#9f86fa;font-size:8px;font-weight:800}.sf-settings-test-account-invoice{display:grid;grid-template-columns:1fr 1fr .5fr .5fr auto;gap:10px;align-items:center;padding:9px 11px;border-top:1px solid rgba(78,99,133,.17);font-size:8px}.sf-settings-test-account-invoice strong,.sf-settings-test-account-invoice b{color:#dbe3ed}.sf-settings-test-account-invoice span{color:#8492a6}.sf-settings-test-account-invoice em{color:#38dda1;font-style:normal;font-weight:800}.sf-settings-test-account-invoice button{border:0;background:transparent;color:#9f86fa;font-size:8px;font-weight:800}
.sf-settings-test-account-security-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px;border:1px solid #293850;border-radius:8px;background:#101b2e}.sf-settings-test-account-security-grid>div{min-width:0;padding:12px;border-right:1px solid rgba(78,99,133,.18)}.sf-settings-test-account-security-grid>div:last-child{border:0}.sf-settings-test-account-security-grid span{display:block;color:#718098;font-size:8px;font-weight:850;letter-spacing:.07em}.sf-settings-test-account-security-grid strong{display:block;margin-top:6px;color:#dfe6f0;font-size:10px}.sf-settings-test-account-security-grid strong.is-warning{color:#f0b264}.sf-settings-test-account-security-grid small{display:block;overflow:hidden;margin-top:4px;color:#718098;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.sf-settings-test-account-security-grid button{margin-top:12px;padding:0;border:0;background:transparent;color:#a087fa;font-size:8px;font-weight:800}
.sf-settings-test-account-danger{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid rgba(197,66,79,.35);border-radius:11px;background:linear-gradient(120deg,rgba(86,23,35,.16),rgba(23,17,30,.75))}.sf-settings-test-account-danger>div:first-child{display:flex;align-items:center;gap:11px}.sf-settings-test-account-danger-icon{width:33px;height:33px;display:grid;place-items:center;border:1px solid rgba(225,76,91,.35);border-radius:9px;background:rgba(190,50,65,.13);color:#ef7783;font-weight:900}.sf-settings-test-account-danger h3{margin:0;color:#f0dfe2;font-size:11px}.sf-settings-test-account-danger p{margin:4px 0 0;color:#8e747c;font-size:8px}.sf-settings-test-account-danger-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.sf-settings-test-account-danger-actions button{height:29px;padding:0 9px;border:1px solid #3a3b4b;border-radius:6px;background:#171b27;color:#aeb5c2;font-size:8px;font-weight:800}.sf-settings-test-account-danger-actions button.is-danger{border-color:rgba(210,63,78,.45);background:rgba(113,28,40,.13);color:#ed7f89}
.sf-settings-test-billing-modal{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:20px;background:rgba(2,7,15,.76);backdrop-filter:blur(5px)}.sf-settings-test-billing-modal[hidden]{display:none}.sf-settings-test-billing-dialog{position:relative;width:min(620px,100%);padding:24px;border:1px solid #3b4c6c;border-radius:14px;background:linear-gradient(145deg,#14223a,#0b1526);box-shadow:0 28px 80px rgba(0,0,0,.5)}.sf-settings-test-billing-dialog h3{margin:7px 0 5px;color:#f5f7fb;font-size:21px}.sf-settings-test-billing-dialog>p{margin:0;color:#8d9bb0;font-size:11px;line-height:1.5}.sf-settings-test-billing-close{position:absolute;top:13px;right:14px;width:30px;height:30px;border:1px solid #374761;border-radius:7px;background:#111c2f;color:#aebbd0;font-size:18px}.sf-settings-test-billing-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 14px}.sf-settings-test-billing-options>button{position:relative;min-height:132px;padding:17px;border:1px solid #334662;border-radius:10px;background:#101c30;color:#edf3fb;text-align:left;transition:transform .15s,border-color .15s,background .15s}.sf-settings-test-billing-options>button:hover{transform:translateY(-2px);border-color:#8065ec;background:#172540}.sf-settings-test-billing-options>button:focus-visible{outline:2px solid #9a84ff;outline-offset:2px}.sf-settings-test-billing-options>button:disabled{cursor:wait;opacity:.55}.sf-settings-test-billing-options span{display:block;color:#947cf4;font-size:9px;font-weight:900;letter-spacing:.1em}.sf-settings-test-billing-options strong{display:block;margin:10px 0 8px;font-size:16px}.sf-settings-test-billing-options small{color:#8190a6;font-size:9px}.sf-settings-test-billing-options b{position:absolute;top:-9px;right:10px;padding:5px 8px;border-radius:99px;background:#7256dc;color:#fff;font-size:7px;letter-spacing:.07em}.sf-settings-test-billing-options .is-recommended{border-color:#6f58cc}.sf-settings-test-billing-note{padding:10px;border:1px solid rgba(48,210,151,.22);border-radius:8px;background:rgba(30,158,112,.08);color:#70dcb5;font-size:9px;text-align:center}
@media(max-width:1350px){.sf-settings-test-account-hero{grid-template-columns:minmax(250px,1.5fr) repeat(2,1fr)}.sf-settings-test-account-primary{grid-column:3;margin-bottom:13px}.sf-settings-test-account-features{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.sf-settings-test-account-grid{grid-template-columns:1fr}.sf-settings-test-account-card,.sf-settings-test-account-license,.sf-settings-test-account-billing,.sf-settings-test-account-security,.sf-settings-test-account-danger{grid-column:1}.sf-settings-test-account-security-grid{grid-template-columns:1fr 1fr}.sf-settings-test-account-security-grid>div:nth-child(2){border-right:0}.sf-settings-test-account-danger{align-items:flex-start;flex-direction:column}.sf-settings-test-account-danger-actions{justify-content:flex-start}.sf-settings-test-account-license-row{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.sf-settings-test-account-hero{grid-template-columns:1fr}.sf-settings-test-account-hero-stat{padding:12px 18px;border-top:1px solid rgba(91,112,148,.18);border-left:0}.sf-settings-test-account-primary{grid-column:1;margin:0 18px 14px}.sf-settings-test-account-detail-grid,.sf-settings-test-account-billing-summary,.sf-settings-test-account-security-grid{grid-template-columns:1fr}.sf-settings-test-account-billing-summary>div,.sf-settings-test-account-security-grid>div{border-right:0;border-bottom:1px solid rgba(78,99,133,.18)}.sf-settings-test-account-features{grid-template-columns:1fr 1fr}.sf-settings-test-account-license-row{grid-template-columns:1fr}.sf-settings-test-account-invoice{grid-template-columns:1fr 1fr}.sf-settings-test-account-card-head{grid-template-columns:36px 1fr}.sf-settings-test-account-card-head>button{grid-column:2;justify-self:start;padding:0}}

/* =========================================================
   SETTINGS TEST v36 — Benachrichtigungen Layout-Dummy
   ========================================================= */
.sf-settings-test-panel-placeholder:has(.sf-settings-test-notifications){display:block;text-align:left;padding:0;border:0;background:transparent;min-height:0}
.sf-settings-test-notifications{padding:2px 0 32px;color:#eaf0f8}.sf-settings-test-notifications button{font:inherit;cursor:pointer}
.sf-settings-test-notifications-intro{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;padding:0 2px}.sf-settings-test-notifications-intro h2{margin:5px 0 0;color:#f4f7fb;font-size:19px}.sf-settings-test-notifications-intro p{margin:6px 0 0;color:#8290a7;font-size:12px}.sf-settings-test-notifications-test{height:32px;padding:0 11px;border:1px solid #394a67;border-radius:7px;background:#132038;color:#dce4ef;font-size:9px;font-weight:850}
.sf-settings-test-notifications-channels{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(5,minmax(130px,.7fr));align-items:center;margin-bottom:14px;border:1px solid #293a58;border-radius:11px;background:linear-gradient(105deg,rgba(29,39,68,.94),rgba(12,22,39,.98));box-shadow:0 14px 36px rgba(0,0,0,.12)}
.sf-settings-test-notifications-master{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:16px 18px}.sf-settings-test-notification-bell{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(126,92,240,.5);border-radius:10px;background:rgba(105,78,220,.16);color:#ad91ff;font-size:15px}.sf-settings-test-notifications-master div>span,.sf-settings-test-notification-channel>span{display:block;margin-bottom:5px;color:#72829b;font-size:8px;font-weight:850;letter-spacing:.09em}.sf-settings-test-notifications-master strong{display:block;color:#35e0a0;font-size:11px}.sf-settings-test-notifications-master strong i,.sf-settings-test-notification-channel strong i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#2fe39a}.sf-settings-test-notifications-master small{display:block;margin-top:3px;color:#728198;font-size:8px}
.sf-settings-test-notification-channel{min-width:0;min-height:50px;padding:0 13px;border-left:1px solid rgba(91,112,148,.18);display:flex;flex-direction:column;justify-content:center}.sf-settings-test-notification-channel strong{display:block;overflow:hidden;color:#dfe6f0;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.sf-settings-test-notification-channel strong.is-green{color:#35e0a0}.sf-settings-test-notification-channel strong.is-warning{color:#f2b565}.sf-settings-test-notification-channel small{display:block;overflow:hidden;margin-top:3px;color:#718098;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.sf-settings-test-notification-channel button{align-self:flex-start;margin-top:4px;padding:0;border:0;background:transparent;color:#a78dff;font-size:8px;font-weight:850}
.sf-settings-test-notifications-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sf-settings-test-notification-card{min-width:0;padding:16px;border:1px solid #263550;border-radius:11px;background:linear-gradient(145deg,rgba(15,26,45,.97),rgba(10,19,34,.97));box-shadow:0 12px 30px rgba(0,0,0,.1)}
.sf-settings-test-notification-card-head{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding-bottom:13px;border-bottom:1px solid rgba(86,107,142,.18)}.sf-settings-test-notification-card-head h3{margin:0;color:#edf2f8;font-size:12px}.sf-settings-test-notification-card-head p{margin:4px 0 0;color:#718099;font-size:9px}.sf-settings-test-notification-card-head>b{padding:4px 7px;border:1px solid #374662;border-radius:99px;background:#111d30;color:#8897ac;font-size:7px;white-space:nowrap}.sf-settings-test-notification-card-head>button{height:28px;padding:0;border:0;background:transparent;color:#a48bff;font-size:9px;font-weight:850;white-space:nowrap}.sf-settings-test-notification-card-head>button span{margin-left:3px;font-size:13px}
.sf-settings-test-notification-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:13px;font-weight:850}.sf-settings-test-notification-icon.is-blue{color:#60b9ff;background:rgba(54,145,232,.14);border:1px solid rgba(54,145,232,.28)}.sf-settings-test-notification-icon.is-orange{color:#f5ae61;background:rgba(229,142,48,.13);border:1px solid rgba(229,142,48,.25)}.sf-settings-test-notification-icon.is-purple{color:#ad91ff;background:rgba(125,91,255,.15);border:1px solid rgba(125,91,255,.3)}.sf-settings-test-notification-icon.is-green{color:#36dfa1;background:rgba(43,203,143,.12);border:1px solid rgba(43,203,143,.25)}.sf-settings-test-notification-icon.is-pink{color:#ec83c5;background:rgba(219,83,171,.12);border:1px solid rgba(219,83,171,.24)}.sf-settings-test-notification-icon.is-indigo{color:#8ba7ff;background:rgba(71,96,210,.14);border:1px solid rgba(71,96,210,.27)}
.sf-settings-test-notification-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(77,98,132,.14)}.sf-settings-test-notification-row:last-child{border-bottom:0}.sf-settings-test-notification-row>span{min-width:0}.sf-settings-test-notification-row strong{display:block;color:#dbe3ee;font-size:9px}.sf-settings-test-notification-row small{display:block;margin-top:3px;color:#718098;font-size:8px;line-height:1.35}.sf-settings-test-notification-switch{width:29px;height:16px;min-width:29px;position:relative;padding:0;border:0;border-radius:99px;background:#2a3850;transition:background .15s}.sf-settings-test-notification-switch i{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#8492a6;transition:left .15s,background .15s}.sf-settings-test-notification-switch.is-on{background:#7254d9}.sf-settings-test-notification-switch.is-on i{left:15px;background:#fff}.sf-settings-test-notification-required{padding:4px 7px;border:1px solid rgba(59,202,145,.25);border-radius:99px;background:rgba(37,185,128,.08);color:#39dca1;font-size:7px;white-space:nowrap}
.sf-settings-test-notification-sound{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:9px 10px;border:1px solid #293851;border-radius:7px;background:#111c2f}.sf-settings-test-notification-sound strong{display:block;color:#dbe3ee;font-size:8px}.sf-settings-test-notification-sound small{display:block;margin-top:3px;color:#718098;font-size:7px}.sf-settings-test-notification-sound button{height:25px;padding:0 8px;border:1px solid #384863;border-radius:6px;background:#152239;color:#cdd7e5;font-size:7px;font-weight:800}
.sf-settings-test-notification-levels{display:flex;align-items:center;gap:14px;padding-top:10px;color:#8795a9;font-size:8px}.sf-settings-test-notification-levels i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%}.sf-settings-test-notification-levels i.is-info{background:#5eaaf1}.sf-settings-test-notification-levels i.is-warning{background:#e9aa50}.sf-settings-test-notification-levels i.is-critical{background:#e86272}
.sf-settings-test-notification-security,.sf-settings-test-notification-schedule{grid-column:1/-1}.sf-settings-test-notification-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.sf-settings-test-notification-security-grid .sf-settings-test-notification-row:nth-last-child(-n+2){border-bottom:0}
.sf-settings-test-notification-schedule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;border:1px solid #293850;border-radius:8px;background:#101b2e}.sf-settings-test-notification-schedule-grid>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:12px 13px;border-right:1px solid rgba(78,99,133,.18)}.sf-settings-test-notification-schedule-grid>div:last-child{border:0}.sf-settings-test-notification-schedule-grid span,.sf-settings-test-notification-schedule-grid strong,.sf-settings-test-notification-schedule-grid small{grid-column:1}.sf-settings-test-notification-schedule-grid span{color:#718098;font-size:8px;font-weight:850;letter-spacing:.07em}.sf-settings-test-notification-schedule-grid strong{margin-top:5px;color:#dfe6f0;font-size:9px}.sf-settings-test-notification-schedule-grid small{margin-top:3px;color:#718098;font-size:8px;line-height:1.35}.sf-settings-test-notification-schedule-grid .sf-settings-test-notification-switch{grid-column:2;grid-row:1/4}
@media(max-width:1400px){.sf-settings-test-notifications-channels{grid-template-columns:minmax(240px,1.3fr) repeat(3,1fr)}.sf-settings-test-notification-channel:nth-last-child(-n+2){padding:12px 13px;border-top:1px solid rgba(91,112,148,.18)}}
@media(max-width:980px){.sf-settings-test-notifications-grid{grid-template-columns:1fr}.sf-settings-test-notification-security,.sf-settings-test-notification-schedule{grid-column:1}.sf-settings-test-notifications-channels{grid-template-columns:1fr 1fr}.sf-settings-test-notifications-master{grid-column:1/-1}.sf-settings-test-notification-channel{padding:12px 14px;border-top:1px solid rgba(91,112,148,.18)}.sf-settings-test-notification-schedule-grid{grid-template-columns:1fr}.sf-settings-test-notification-schedule-grid>div{border-right:0;border-bottom:1px solid rgba(78,99,133,.18)}}
@media(max-width:680px){.sf-settings-test-notifications-intro{align-items:flex-start;flex-direction:column;gap:10px}.sf-settings-test-notifications-channels{grid-template-columns:1fr}.sf-settings-test-notifications-master{grid-column:1}.sf-settings-test-notification-card-head{grid-template-columns:36px 1fr}.sf-settings-test-notification-card-head>b,.sf-settings-test-notification-card-head>button{grid-column:2;justify-self:start}.sf-settings-test-notification-security-grid{grid-template-columns:1fr}.sf-settings-test-notification-security-grid .sf-settings-test-notification-row{border-bottom:1px solid rgba(77,98,132,.14)}.sf-settings-test-notification-security-grid .sf-settings-test-notification-row:last-child{border-bottom:0}}

/* =========================================================
   SETTINGS TEST v37 — Konto & Benachrichtigungen Typografie
   Gleiche Schrift-Skala wie Einstellungen > Übersicht.
   Nur font-size Anpassungen; Layout/Farben/Funktion unverändert.
   ========================================================= */

/* Gemeinsame Abschnittseinleitung wie Übersicht/Integrationen */
.sf-settings-test-account-intro h2,
.sf-settings-test-notifications-intro h2{font-size:22px}
.sf-settings-test-account-intro p,
.sf-settings-test-notifications-intro p{font-size:13px}

/* Konto — Überschriften, Fließtext, Labels und Werte */
.sf-settings-test-account-avatar{font-size:12px}
.sf-settings-test-account-company div>span,
.sf-settings-test-account-hero-stat>span{font-size:10.5px}
.sf-settings-test-account-company h3{font-size:17px}
.sf-settings-test-account-company p{font-size:11.5px}
.sf-settings-test-account-hero-stat strong{font-size:12px}
.sf-settings-test-account-hero-stat small{font-size:10.5px}
.sf-settings-test-account-primary{font-size:12px}
.sf-settings-test-account-card-head h3{font-size:17px}
.sf-settings-test-account-card-head p{font-size:11.5px}
.sf-settings-test-account-card-head>button{font-size:12px}
.sf-settings-test-account-card-head>button span{font-size:13px}
.sf-settings-test-account-icon{font-size:13px}
.sf-settings-test-account-detail-grid span{font-size:10.5px}
.sf-settings-test-account-detail-grid strong{font-size:12px}
.sf-settings-test-account-capacity span{font-size:10.5px}
.sf-settings-test-account-capacity strong{font-size:12px}
.sf-settings-test-account-capacity small{font-size:10.5px}
.sf-settings-test-account-user-avatar{font-size:10.5px}
.sf-settings-test-account-user strong{font-size:12px}
.sf-settings-test-account-user small{font-size:10.5px}
.sf-settings-test-account-user>b{font-size:10.5px}
.sf-settings-test-account-role-note{font-size:10.5px}
.sf-settings-test-account-role-note button{font-size:10.5px}
.sf-settings-test-account-plan>div>span{font-size:10.5px}
.sf-settings-test-account-plan strong{font-size:23px}
.sf-settings-test-account-plan strong small{font-size:11.5px}
.sf-settings-test-account-plan p{font-size:10.5px}
.sf-settings-test-account-status{font-size:10.5px}
.sf-settings-test-account-features span{font-size:10.5px}
.sf-settings-test-account-site-icon{font-size:13px}
.sf-settings-test-account-license-row strong{font-size:12px}
.sf-settings-test-account-license-row small{font-size:10.5px}
.sf-settings-test-account-license-row>span{font-size:10.5px}
.sf-settings-test-account-license-row>button{font-size:12px}
.sf-settings-test-account-billing-summary span{font-size:10.5px}
.sf-settings-test-account-billing-summary strong{font-size:12px}
.sf-settings-test-account-billing-summary small{font-size:10.5px}

/* Restliche Konto-Elemente: kleine Texte an Übersicht-Skala angleichen */
.sf-settings-test-account-invoice-head,
.sf-settings-test-account-invoice-head button,
.sf-settings-test-account-invoice-row,
.sf-settings-test-account-security,
.sf-settings-test-account-danger{font-size:12px}
.sf-settings-test-account-invoice-row small,
.sf-settings-test-account-security small,
.sf-settings-test-account-danger small{font-size:10.5px}

/* Benachrichtigungen — gleiche Typografie-Skala wie Übersicht */
.sf-settings-test-notifications-test{font-size:12px}
.sf-settings-test-notification-bell{font-size:15px}
.sf-settings-test-notifications-master div>span,
.sf-settings-test-notification-channel>span{font-size:10.5px}
.sf-settings-test-notifications-master strong{font-size:12px}
.sf-settings-test-notifications-master small{font-size:10.5px}
.sf-settings-test-notification-channel strong{font-size:12px}
.sf-settings-test-notification-channel small{font-size:10.5px}
.sf-settings-test-notification-channel button{font-size:12px}
.sf-settings-test-notification-card-head h3{font-size:17px}
.sf-settings-test-notification-card-head p{font-size:11.5px}
.sf-settings-test-notification-card-head>b{font-size:10.5px}
.sf-settings-test-notification-card-head>button{font-size:12px}
.sf-settings-test-notification-card-head>button span{font-size:13px}
.sf-settings-test-notification-icon{font-size:13px}
.sf-settings-test-notification-row strong{font-size:12px}
.sf-settings-test-notification-row small{font-size:10.5px}
.sf-settings-test-notification-required{font-size:10.5px}
.sf-settings-test-notification-sound strong{font-size:12px}
.sf-settings-test-notification-sound small{font-size:10.5px}
.sf-settings-test-notification-sound button{font-size:12px}
.sf-settings-test-notification-levels{font-size:10.5px}
.sf-settings-test-notification-schedule-grid span{font-size:10.5px}
.sf-settings-test-notification-schedule-grid strong{font-size:12px}
.sf-settings-test-notification-schedule-grid small{font-size:10.5px}



/* =========================================================

   Unternehmensdaten bearbeiten

   ========================================================= */



.sf-settings-test-company-modal{

  position:fixed;

  inset:0;

  z-index:10030;

  display:grid;

  place-items:center;

  box-sizing:border-box;

  padding:24px;

  background:rgba(2,7,15,.78);

  backdrop-filter:blur(6px);

}



.sf-settings-test-company-modal[hidden]{

  display:none!important;

}



.sf-settings-test-company-dialog{

  position:relative;

  width:min(720px,100%);

  max-height:calc(100vh - 48px);

  overflow:auto;

  box-sizing:border-box;

  padding:28px;

  border:1px solid #3b4c6c;

  border-radius:16px;

  background:

    linear-gradient(145deg,#14223a 0%,#0b1526 100%);

  box-shadow:

    0 30px 90px rgba(0,0,0,.58),

    inset 0 1px 0 rgba(255,255,255,.035);

}



.sf-settings-test-company-dialog h3{

  margin:7px 0 6px;

  color:#f5f7fb;

  font-size:22px;

  line-height:1.25;

}



.sf-settings-test-company-dialog > p{

  margin:0 0 22px;

  color:#8d9bb0;

  font-size:12px;

  line-height:1.55;

}



.sf-settings-test-company-close{

  position:absolute;

  top:14px;

  right:14px;

  display:grid;

  place-items:center;

  width:32px;

  height:32px;

  padding:0;

  border:1px solid #374761;

  border-radius:8px;

  background:#111c2f;

  color:#aebbd0;

  font-size:20px;

  line-height:1;

  cursor:pointer;

}



.sf-settings-test-company-close:hover{

  border-color:#6652c7;

  background:#182641;

  color:#fff;

}



.sf-settings-test-company-grid{

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:17px;

  margin-top:20px;

}



.sf-settings-test-company-grid label{

  display:flex;

  flex-direction:column;

  gap:7px;

  min-width:0;

}



.sf-settings-test-company-grid label:first-child{

  grid-column:1 / -1;

}



.sf-settings-test-company-grid label span{

  color:#c3cee0;

  font-size:11px;

  font-weight:700;

}



.sf-settings-test-company-grid input{

  width:100%;

  height:46px;

  box-sizing:border-box;

  padding:0 13px;

  border:1px solid #344864;

  border-radius:9px;

  outline:none;

  background:#0b1628;

  color:#f5f8ff;

  font:inherit;

  font-size:13px;

  transition:

    border-color .16s ease,

    box-shadow .16s ease,

    background .16s ease;

}



.sf-settings-test-company-grid input:hover{

  border-color:#465d7e;

}



.sf-settings-test-company-grid input:focus{

  border-color:#7962e8;

  background:#0e1a2e;

  box-shadow:0 0 0 3px rgba(121,98,232,.13);

}



.sf-settings-test-company-grid input::placeholder{

  color:#66758b;

}



.sf-settings-test-company-actions{

  display:flex;

  justify-content:flex-end;

  gap:10px;

  margin-top:25px;

  padding-top:18px;

  border-top:1px solid #253650;

}



.sf-settings-test-company-actions button{

  min-width:110px;

  height:42px;

  padding:0 17px;

  border:1px solid #394c68;

  border-radius:9px;

  background:#111d31;

  color:#dbe5f4;

  font:inherit;

  font-size:12px;

  font-weight:700;

  cursor:pointer;

}



.sf-settings-test-company-actions button:hover{

  border-color:#5b70a0;

  background:#172640;

}



.sf-settings-test-company-actions button.is-primary{

  border-color:#7658e7;

  background:

    linear-gradient(100deg,#168df0 0%,#5d59ec 55%,#8b3cf0 100%);

  color:#fff;

  box-shadow:0 8px 24px rgba(86,66,214,.24);

}



.sf-settings-test-company-actions button.is-primary:hover{

  filter:brightness(1.08);

}



.sf-settings-test-company-actions button:disabled{

  cursor:wait;

  opacity:.55;

}



@media(max-width:680px){

  .sf-settings-test-company-modal{

    padding:14px;

  }



  .sf-settings-test-company-dialog{

    padding:23px 18px 20px;

    border-radius:13px;

  }



  .sf-settings-test-company-grid{

    grid-template-columns:1fr;

  }



  .sf-settings-test-company-grid label:first-child{

    grid-column:auto;

  }



  .sf-settings-test-company-actions{

    flex-direction:column-reverse;

  }



  .sf-settings-test-company-actions button{

    width:100%;

  }

}




/* Unternehmensdaten: Länderauswahl */

.sf-settings-test-company-grid select {

  width: 100%;

  min-width: 0;

  height: 46px;

  padding: 0 42px 0 13px;

  border: 1px solid #334866;

  border-radius: 9px;

  background-color: #0d1b2f;

  color: #f5f7ff;

  font: inherit;

  outline: none;

  appearance: auto;

  box-sizing: border-box;

}



.sf-settings-test-company-grid select:focus {

  border-color: #7357ff;

  box-shadow: 0 0 0 2px rgba(115, 87, 255, 0.18);

}



.sf-settings-test-company-grid select option {

  background: #0d1b2f;

  color: #f5f7ff;

}