/* Kunden-Spotbriefing (Extranet-App) — schlichter Stil, Theme-fest */
.dsa-cust-wrap { max-width: 864px; margin: 32px auto; padding: 0 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #2C2C2A; }
.dsa-cust-h1 { font-size: 24px; font-weight: 600; margin: 0 0 6px; }
.dsa-cust-sub { font-size: 14px; color: #6B6A64; line-height: 1.5; margin: 0 0 22px; }
.dsa-cust-section { background: #fff; border: 1px solid #E0DDD0; border-radius: 10px;
  padding: 18px 18px; margin-bottom: 16px; }
.dsa-cust-label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em;
  color: #8B8975; margin-bottom: 6px; }
.dsa-cust-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 560px) { .dsa-cust-grid2 { grid-template-columns: 1fr; } }

.dsa-cust-wrap .dsa-cust-input {
  width: 100% !important; box-sizing: border-box !important; margin: 0 !important;
  padding: 10px 12px !important; font-size: 14px !important; line-height: 1.4 !important;
  color: #2C2C2A !important; border: 1px solid #C8C6B2 !important; border-radius: 8px !important;
  background: #fff !important; background-image: none !important; box-shadow: none !important;
  -webkit-appearance: none !important; appearance: none !important; font-family: inherit !important;
}
.dsa-cust-wrap select.dsa-cust-input { appearance: auto !important; -webkit-appearance: auto !important; }
.dsa-cust-wrap .dsa-cust-input:focus { outline: none !important; border-color: #ABA285 !important; }

.dsa-cust-spot { border: 1px solid #E0DDD0; border-radius: 8px; padding: 14px; margin-bottom: 10px; background: #FAF9F5; }
.dsa-cust-spot .dsa-cust-input { margin-bottom: 8px !important; background: #fff !important; }
.dsa-cust-spot-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.dsa-cust-spot-del { background: none !important; border: none !important; color: #B4232A !important;
  font-size: 14px !important; cursor: pointer !important; padding: 0 4px !important; box-shadow: none !important; }

.dsa-cust-wrap .dsa-cust-btn {
  display: inline-block !important; width: auto !important; box-sizing: border-box !important;
  margin: 8px 0 0 !important; padding: 13px 28px !important; font-size: 15px !important;
  font-weight: 600 !important; line-height: 1.2 !important; text-transform: none !important;
  letter-spacing: normal !important; text-align: center !important; text-decoration: none !important;
  color: #fff !important; background: #ABA285 !important; background-image: none !important;
  border: 2px solid #ABA285 !important; border-radius: 8px !important; box-shadow: none !important;
  text-shadow: none !important; cursor: pointer !important; -webkit-appearance: none !important;
  appearance: none !important; transition: opacity .15s !important;
}
.dsa-cust-wrap .dsa-cust-btn:hover { opacity: .85 !important; }
.dsa-cust-wrap .dsa-cust-btn:disabled { opacity: .5 !important; cursor: default !important; }

.dsa-cust-wrap .dsa-cust-btn-ghost {
  display: inline-block !important; width: auto !important; margin: 4px 0 0 !important;
  padding: 7px 14px !important; font-size: 13px !important; font-weight: 600 !important;
  text-transform: none !important; letter-spacing: normal !important; text-decoration: none !important;
  color: #6B6A64 !important; background: #fff !important; background-image: none !important;
  border: 1.5px solid #C8C6B2 !important; border-radius: 8px !important; box-shadow: none !important;
  cursor: pointer !important; -webkit-appearance: none !important; appearance: none !important;
}
.dsa-cust-wrap .dsa-cust-btn-ghost:hover { border-color: #ABA285 !important; background: #F1EFE8 !important; }

.dsa-cust-status { font-size: 14px; margin-top: 12px; min-height: 20px; }
.dsa-cust-status.ok  { color: #0F6E56; }
.dsa-cust-status.err { color: #B4232A; }

/* v2.2.1 — Sprach-Präferenzen + "für alle"-Button */
.dsa-cust-hint { font-size: 12px; color: #8B8975; margin: 0 0 10px; line-height: 1.4; }
.dsa-cust-langpref { display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding: 8px 0; border-bottom: 1px solid #F1EFE8; }
.dsa-cust-langpref:last-child { border-bottom: none; }
.dsa-cust-langpref-label { font-size: 14px; font-weight: 600; color: #2C2C2A; }
.dsa-cust-field-label { display: block; font-size: 11px; font-weight: 600; color: #8B8975;
  margin-bottom: 3px; text-transform: none; letter-spacing: 0; }

/* v2.4.3 — Zurück-zum-Extranet-Link */
.dsa-cust-back { display: inline-block; font-size: 13px; color: #8B8975; text-decoration: none; margin-bottom: 14px; }
.dsa-cust-back:hover { color: #6B6A64; text-decoration: underline; }

/* v2.7.1 — Ausspielung: Standort-Mehrfachauswahl + inline hints */
.dsa-cust-hint-inline { font-size: 11px; color: #A8A696; font-weight: 400; }
.dsa-cust-loc-box { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.dsa-cust-loc { display: inline-flex; align-items: center; gap: 6px; background: #fff;
  border: 1px solid #C8C6B2; border-radius: 8px; padding: 7px 12px; font-size: 13px; cursor: pointer; }
.dsa-cust-loc input { margin: 0; }
.dsa-cust-loc:hover { border-color: #ABA285; }

/* v2.8.4 — Inline-Save-Button für neuen Kampagnentyp (theme-fest) */
.dsa-cust-wrap .dsa-cust-btn-inline {
  display: inline-block !important; width: auto !important; box-sizing: border-box !important;
  margin: 0 !important; padding: 10px 18px !important;
  font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important;
  text-transform: none !important; letter-spacing: normal !important; text-decoration: none !important;
  text-align: center !important; color: #fff !important;
  background: #ABA285 !important; background-image: none !important;
  border: 2px solid #ABA285 !important; border-radius: 8px !important;
  box-shadow: none !important; text-shadow: none !important; cursor: pointer !important;
  -webkit-appearance: none !important; appearance: none !important; transition: opacity .15s !important;
  flex: 0 0 auto !important;
}
.dsa-cust-wrap .dsa-cust-btn-inline:hover { opacity: .85 !important; }
.dsa-cust-wrap .dsa-cust-btn-inline:disabled { opacity: .5 !important; cursor: default !important; }