/* Auftragsvermittlung.de – einheitliche Buttons, Auswahlfelder und Status-Kennzeichen (2026).
   Überschreibt die alten Vorlagen-Klassen (cmnBtn, cmn-btn, btn_bg_*, btnIcon) auf allen Seiten, ohne dass das Markup geändert werden muss.
   Farben aus tokens.css; die Hauptaktion (Grün) und .av-btn stehen in components.css. */
:root{
  --avb-blue:var(--av-legacy-blue);--avb-blue-h:var(--av-legacy-blue-dark);--avb-blue-soft:var(--av-legacy-blue-soft);
  --avb-green:var(--av-green-600);--avb-green-h:var(--av-green-700);--avb-green-soft:var(--av-green-50);
  --avb-amber:var(--av-legacy-amber);--avb-amber-soft:var(--av-amber-50);
  --avb-red:var(--av-red-700);--avb-red-soft:var(--av-red-50);
  --avb-teal:var(--av-teal-700);--avb-teal-soft:var(--av-teal-50);
  --avb-ink:var(--av-ink);--avb-line:var(--av-line-strong)
}

/* ---------- Grundform ---------- */
.cmnBtn,.cmn-btn,.cmn-btn1{
  display:inline-flex!important;align-items:center;justify-content:center;gap:7px;
  min-width:0!important;min-height:38px;padding:8px 16px!important;
  border:1px solid transparent!important;border-radius:10px!important;
  font-family:var(--av-font-text)!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important;
  text-transform:none!important;text-decoration:none!important;white-space:nowrap;vertical-align:middle;
  cursor:pointer;box-shadow:none!important;
  transition:background-color .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s
}
.cmnBtn::before,.cmnBtn::after,.cmn-btn::before,.cmn-btn::after{display:none!important}
.cmnBtn:hover,.cmn-btn:hover,.cmn-btn1:hover{transform:translateY(-1px)}
.cmnBtn:focus-visible,.cmn-btn:focus-visible,.cmn-btn1:focus-visible,.btn:focus-visible{outline:var(--av-focus-width) solid var(--av-focus-color)!important;outline-offset:var(--av-focus-offset)!important}
.cmnBtn.disabled,.cmnBtn:disabled,.cmn-btn.disabled,.cmn-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.cmnBtn i,.cmn-btn i,.cmn-btn1 i{font-size:17px!important;line-height:1}
.cmnBtn.btn_small,.cmn-btn.sm-btn{min-height:32px;padding:6px 12px!important;font-size:13px!important}
.cmn-btn.md-btn,.cmnBtn.btn_medium{min-height:40px;padding:9px 18px!important}
.cmn-btn.w-100,.cmnBtn.w-100{width:100%}

/* ---------- Farben ---------- */
/* Hauptaktion und Bestätigen: Grün aus dem Token, siehe components.css (Alt-Klassen). */
/* Hinweis: Hellblau */
.cmnBtn.btn_bg_info{background:var(--avb-blue-soft)!important;border-color:#c4dbf0!important;color:var(--avb-blue)!important}
.cmnBtn.btn_bg_info:hover{background:var(--avb-blue)!important;border-color:var(--avb-blue)!important;color:#fff!important}
/* Achtung: Bernstein */
.cmnBtn.btn_bg_warning{background:var(--avb-amber-soft)!important;border-color:#f1d7a6!important;color:var(--avb-amber)!important}
.cmnBtn.btn_bg_warning:hover{background:var(--avb-amber)!important;border-color:var(--avb-amber)!important;color:#fff!important}
/* Löschen/Ablehnen: Rot */
.cmnBtn.btn_bg_danger,.cmn-btn.red_btn,.cmn-btn1.cmn-btn-danger{background:var(--avb-red-soft)!important;border-color:#f3c7b4!important;color:var(--avb-red)!important}
.cmnBtn.btn_bg_danger:hover,.cmn-btn.red_btn:hover,.cmn-btn1.cmn-btn-danger:hover{background:var(--avb-red)!important;border-color:var(--avb-red)!important;color:#fff!important}
/* Neutral */
.cmnBtn.btn_bg_secondary,.cmnBtn.btn_gray,.cmnBtn.btn_secondary,.cmn-btn.btn_gray,.cmn-btn.gray-btn,.cmn-btn.black-outline-btn,
.cmnBtn.btn_gray_outline,.cmn-btn.btn_gray_outline{background:#fff!important;border-color:var(--avb-line)!important;color:var(--avb-ink)!important}
.cmnBtn.btn_bg_secondary:hover,.cmnBtn.btn_gray:hover,.cmnBtn.btn_secondary:hover,.cmn-btn.btn_gray:hover,.cmn-btn.gray-btn:hover,.cmn-btn.black-outline-btn:hover,
.cmnBtn.btn_gray_outline:hover,.cmn-btn.btn_gray_outline:hover{border-color:var(--avb-blue)!important;color:var(--avb-blue)!important;background:#f5faff!important}
.cmnBtn.btn_primary_outline,.cmn-btn.btn_primary_outline{background:#fff!important;border-color:var(--avb-blue)!important;color:var(--avb-blue)!important}
.cmnBtn.btn_primary_outline:hover,.cmn-btn.btn_primary_outline:hover{background:var(--avb-blue)!important;color:#fff!important}

/* ---------- Symbol-Buttons in Tabellen ---------- */
.cmnBtn.btnIcon,.cmn-btn1.btnIcon,.btnIcon.cmn-btn{min-width:36px!important;height:36px;min-height:36px;padding:0 9px!important;margin:2px 3px 2px 0;border-radius:10px!important;font-size:13px!important;
  background:var(--avb-blue-soft)!important;border-color:#c4dbf0!important;color:var(--avb-blue)!important}
.cmnBtn.btnIcon i,.cmn-btn1.btnIcon i,.btnIcon.cmn-btn i{font-size:18px!important;color:inherit!important}
.cmnBtn.btnIcon:hover,.cmn-btn1.btnIcon:hover,.btnIcon.cmn-btn:hover{background:var(--avb-blue)!important;border-color:var(--avb-blue)!important;color:#fff!important}
.cmnBtn.btnIcon.btn_bg_danger,.cmn-btn1.btnIcon.cmn-btn-danger{background:var(--avb-red-soft)!important;border-color:#f3c7b4!important;color:var(--avb-red)!important}
.cmnBtn.btnIcon.btn_bg_danger:hover,.cmn-btn1.btnIcon.cmn-btn-danger:hover{background:var(--avb-red)!important;border-color:var(--avb-red)!important;color:#fff!important}
.cmnBtn.btnIcon.btn_bg_info,.cmnBtn.btnIcon.btn_bg_green,.cmnBtn.btnIcon.btn_bg_success{background:var(--avb-teal-soft)!important;border-color:#b5e2df!important;color:var(--avb-teal)!important}
.cmnBtn.btnIcon.btn_bg_info:hover,.cmnBtn.btnIcon.btn_bg_green:hover,.cmnBtn.btnIcon.btn_bg_success:hover{background:var(--avb-teal)!important;border-color:var(--avb-teal)!important;color:#fff!important}

/* ---------- Bootstrap-Buttons in den Vorlagen ---------- */
.btn.btn-primary,.btn.btn-success{border-radius:10px;font-weight:700}
.btn.btn-danger{border-radius:10px;font-weight:700}

/* ---------- Neue Aktionsleiste: Sammelaktion + „Alle freigeben“ ---------- */
.av-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.av-toolbar .bulk-delete-wrapper{margin:0!important}
.bulk-delete-wrapper .select-box-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bulk-delete-wrapper select,select#bulk_option{height:38px;min-width:170px;padding:0 34px 0 12px;border:1px solid var(--avb-line);border-radius:10px;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23173b5a' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;
  -webkit-appearance:none;appearance:none;color:var(--avb-ink);font-size:14px;font-weight:600}
.bulk-delete-wrapper select:focus{outline:none;border-color:var(--avb-blue)}
.bulk-delete-wrapper select:focus-visible{outline:var(--av-focus-width) solid var(--av-focus-color);outline-offset:var(--av-focus-offset)}
.bulk-delete-wrapper .btn{min-height:38px;padding:7px 16px;margin:0!important}
.av-btn-success{background:var(--avb-green-soft)!important;border-color:#bfe3c9!important;color:var(--av-green-700)!important}
.av-btn-success:hover{background:var(--avb-green)!important;border-color:var(--avb-green)!important;color:#fff!important}

/* ---------- Status-Kennzeichen in Tabellen (alte alert-Spans) ---------- */
td .alert,td span.alert{display:inline-flex;align-items:center;gap:5px;margin:0 6px 4px 0!important;padding:4px 11px!important;border:0!important;border-radius:999px!important;
  font-size:12.5px!important;font-weight:700!important;line-height:1.35!important;white-space:nowrap}
td .alert-success{background:var(--avb-green-soft)!important;color:var(--av-green-700)!important}
td .alert-danger{background:var(--avb-red-soft)!important;color:var(--avb-red)!important}
td .alert-warning{background:var(--avb-amber-soft)!important;color:var(--avb-amber)!important}
td .alert-info,td .alert-primary{background:var(--avb-blue-soft)!important;color:var(--avb-blue)!important}
td .alert-secondary,td .alert-dark{background:#eef2f6!important;color:var(--av-muted)!important}