/* Minimal Admin-Styling für SEO-Tags-Bundle (Erweiterung pimcore_icon_tags im Backend) */
.pimcore_menu_item .pimcore_icon_tags {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"/><line x1="7" y1="7" x2="7.01" y2="7"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

/* ExtJS-Panel Hilfstexte */
.seo-tags-help {
  color: #555;
  font-size: 12px;
  line-height: 1.45;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.seo-tags-muted {
  color: #777;
  font-size: 12px;
}

.seo-tags-warn {
  color: #a60;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.45;
  word-break: break-word;
}

.seo-tags-code {
  font-family: ui-monospace, monospace;
  font-size: 11px;
  background: #f0f0f0;
  padding: 1px 4px;
  border-radius: 3px;
  word-break: break-all;
}

.seo-tags-pre {
  font-family: ui-monospace, monospace;
  font-size: 11px;
  white-space: pre-wrap;
  margin: 0;
}

.seo-tags-h4 {
  margin: 8px 0 4px;
  font-size: 13px;
  font-weight: 600;
}

.seo-tags-ul {
  margin: 0 0 8px 18px;
  padding: 0;
  font-size: 12px;
}

/* Kurzstatus (Übersicht): strukturierte Zeilenliste, Abstände vor Pfad-Filter/Button */
.seo-tags-summary-list {
  margin: 2px 0 0;
  padding: 0;
}

.seo-tags-summary-list__row {
  color: #555;
  font-size: 12px;
  line-height: 1.55;
  margin: 0 0 6px 0;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.seo-tags-summary-list__row:last-child {
  margin-bottom: 0;
}

.seo-tags-summary-list__row.seo-tags-muted {
  color: #777;
}

/* Pfad-Filter: Drag-over von Asset-Baum (ddGroup element) */
.seo-tags-overview-path-field.seo-tags-drop-target--over .x-form-field-body input {
  background-color: #f4f6f8;
  box-shadow: inset 0 0 0 1px #8ac;
}

/* Übersicht: Status-Banner & Kennzahlen */
.seo-tags-overview-wrap {
  max-width: 100%;
}

.seo-tags-status-banner {
  padding: 10px 12px;
  border-radius: 4px;
  margin: 0 0 12px 0;
  width: 100%;
  box-sizing: border-box;
}

.seo-tags-status-banner--off {
  background: #f4f4f4;
  border: 1px solid #d8d8d8;
}

.seo-tags-status-banner--warn {
  background: #fff8e6;
  border: 1px solid #e8c96a;
}

.seo-tags-status-banner--ok {
  background: #edf8ef;
  border: 1px solid #9c9;
}

.seo-tags-status-banner__text {
  font-size: 13px;
  font-weight: 600;
  color: #333;
}

.seo-tags-status-banner__sub {
  margin-top: 6px;
  font-size: 12px;
  color: #555;
}

.seo-tags-overview-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 4px 0;
}

.seo-tags-card {
  flex: 1 1 180px;
  min-width: 160px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  padding: 10px 12px;
  background: #fafafa;
  box-sizing: border-box;
}

.seo-tags-card__title {
  font-size: 12px;
  color: #444;
  font-weight: 600;
  line-height: 1.35;
  margin: 0 0 6px 0;
}

.seo-tags-card__value {
  font-size: 22px;
  font-weight: 600;
  color: #222;
  line-height: 1.2;
}

.seo-tags-card__hint {
  margin-top: 8px;
  font-size: 11px;
}

.seo-tags-overview-glossary {
  margin-top: 12px;
}

.seo-tags-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  font-size: 11px;
  font-weight: 700;
  cursor: help;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #999;
  color: #555;
  vertical-align: text-top;
}

/* Minimal-UI: Aktionsbereiche */
.seo-tags-action-fieldset {
  border-radius: 4px;
}

.seo-tags-action-fieldset .x-fieldset-header-text {
  font-weight: 600;
}

.seo-tags-warn-fieldset {
  border-radius: 4px;
  border-color: #e8c96a !important;
  background: #fffbf2;
}

.seo-tags-warn-fieldset .x-fieldset-header-text {
  color: #8a5a00;
  font-weight: 600;
}

/* KI-/Job-Progress (Übersicht / Auto-Tag) */
.seo-tags-job-panel {
  padding: 8px 10px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  background: #fafafa;
}

.seo-tags-job-status {
  font-size: 12px;
  color: #444;
}

.seo-tags-job-log .x-form-text-wrap {
  border-radius: 3px;
}

.seo-tags-job-log textarea {
  background: #fff !important;
}

/* Analyse: Qualität — feste, scrollbare Fläche */
.seo-tags-quality-out {
  box-sizing: border-box;
  width: 100%;
  min-height: 200px;
  max-height: 420px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 10px 12px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  background: #fafafa;
}

.seo-tags-quality-out .seo-tags-h4:first-child {
  margin-top: 0;
}

/* Tag-Configuration-Tab: Hinweis + Aktionsbereich */
.seo-tags-tag-config-tab .seo-tags-action-fieldset .seo-tags-help {
  margin: 0;
}