/* buttons.css — Global button styles */

/* Base button transition */
.btn {
    transition: all 0.3s;
}

.btn:hover {
    transform: scale(1.05);
}

/* btn-assign (orange action button) */
.btn-assign{background:var(--o);color:#fff;border:none;padding:6px 14px;font-size:12px;font-weight:600;border-radius:2px;cursor:pointer;transition:background .1s}
.btn-assign:hover{background:var(--o-h)}

/* btn-cancel (gray cancel button — gleiche Höhe wie btn-assign) */
.btn-cancel{background:#6b7280;color:#fff;border:none;padding:6px 14px;font-size:12px;font-weight:600;border-radius:2px;cursor:pointer;transition:background .1s}
.btn-cancel:hover{background:#4b5563}

/* btn-save (green save button — gleiche Höhe wie btn-assign) */
.btn-save{background:#16a34a;color:#fff;border:none;padding:6px 14px;font-size:12px;font-weight:600;border-radius:2px;cursor:pointer;transition:background .1s}
.btn-save:hover{background:#15803d}

/* btn-sm Modifier — noch kleiner für sehr enge Toolbars */
.btn-sm{padding:4px 10px !important;font-size:11px !important}

/* ac-btn-action (small icon action button — square, gray, rounded) */
.ac-btn-action{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;background:#f0f1f3;color:#666;border-radius:2px;cursor:pointer;text-decoration:none;padding:0;font-size:15px;line-height:1;transition:background .15s,color .15s}
.ac-btn-action:hover{background:#e2e3e6;color:#333}
.ac-btn-action.ac-btn-delete{color:#666}
.ac-btn-action.ac-btn-delete:hover{color:#333}

/* mage-btn-add (Orange Action Button - Subnav) */
.mage-btn-add {
    background: var(--o);
    color: #fff;
    border: none;
    text-decoration: none;
    padding: 9px 18px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 2px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background 0.15s;
    white-space: nowrap;
}

.mage-btn-add:hover {
    background: var(--o-h);
    color: #fff;
    transform: none !important;
}

.mage-btn-add i {
    font-size: 14px;
}

/* mage-btn-add-sm (Small add button variant – same height as toolbar buttons) */
.mage-btn-add-sm {
  background: var(--o);
  color: #fff;
  border: none;
  text-decoration: none;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: background 0.15s;
  white-space: nowrap;
  border-radius: 2px;
}

.mage-btn-add-sm:hover {
  background: var(--o-h);
  color: #fff;
}

.mage-btn-add-sm i {
  font-size: 13px;
}


/* === Button-Hardening 2026-07-08: btn-cancel/btn-save/btn-assign als <a> mit Icon sauber
   rendern (kein Underline, Icon vertikal zentriert) — analog mage-btn-add.
   Wirkt ERP-weit, aendert Text-only-Buttons optisch nicht. === */
.btn-assign, .btn-cancel, .btn-save { text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.btn-assign i, .btn-cancel i, .btn-save i { font-size: 13px; line-height: 1; }

/* mage-btn-danger (globaler Danger/Delete-Button — rot) — Analyse 2026-07-09 */
/* Voll-Action-Buttons teilen EXAKT eine Grösse (padding 9px 18px / 14px) — nur die Farbe unterscheidet.
   So stehen Öffnen/Neutral/Danger nie in verschiedenen Höhen nebeneinander. Klein = *-sm / btn-sm. */
.mage-btn-danger{background:#dc2626;color:#fff;border:none;text-decoration:none;padding:9px 18px;font-size:14px;font-weight:600;border-radius:2px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s;white-space:nowrap}
.mage-btn-neutral{background:#6b7280;color:#fff;border:none;text-decoration:none;padding:9px 18px;font-size:14px;font-weight:600;border-radius:2px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s;white-space:nowrap}
.mage-btn-neutral:hover{background:#4b5563;color:#fff}
.mage-btn-danger:hover{background:#b91c1c;color:#fff}
.mage-btn-danger i{font-size:13px}