/**
 * Hemutis: Sticky-Toolbar-Buttons („button content top“)
 * Regel: .cursor/rules/hemutis-toolbar-buttons.mdc
 * Nutzung: Toolbar-Zeile bekommt .sticky-toolbar-row, Actions-Container .sticky-toolbar-actions,
 *          Karte darunter .content-card-below-toolbar (margin-top: -28px).
 */

/* Toolbar-Zeile: zentriert, kein Abstand nach oben */
.sticky-toolbar-row {
	display: flex;
	justify-content: center;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0;
	margin-top: 0;
}

.sticky-toolbar-actions {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 0;
	width: 100%;
}

.sticky-toolbar-actions .btn {
	height: 38px;
	display: inline-flex;
	align-items: center;
}

.sticky-toolbar-actions .btn i {
	margin-right: 6px;
}

.sticky-toolbar-actions .sticky-tab-btn {
	margin-top: -28px;
	border-radius: 0 0 14px 14px;
	border: none;
	padding: 10px 20px;
	font-weight: 600;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
	position: relative;
}

/* Primary (Hemutis-Rot) */
.sticky-toolbar-actions .sticky-tab-btn.btn-hemutis-red,
.sticky-toolbar-actions .sticky-tab-btn.btn-primary {
	background: #f06365;
	color: #fff;
}

.sticky-toolbar-actions .sticky-tab-btn.btn-hemutis-red:hover,
.sticky-toolbar-actions .sticky-tab-btn.btn-primary:hover {
	background: #d95557;
	color: #fff;
}

/* Secondary (Hemutis-Blau) */
.sticky-toolbar-actions .sticky-tab-btn.btn-hemutis-blue {
	background: #0d234b;
	color: #fff;
}

.sticky-toolbar-actions .sticky-tab-btn.btn-hemutis-blue:hover {
	background: #091a38;
	color: #fff;
}

/* Danger */
.sticky-toolbar-actions .sticky-tab-btn.btn-hemutis-danger {
	background: #c62828;
	color: #fff;
}

.sticky-toolbar-actions .sticky-tab-btn.btn-hemutis-danger:hover {
	background: #a02020;
	color: #fff;
}

/* Gray (e.g. IMAP) */
.sticky-toolbar-actions .sticky-tab-btn.btn-hemutis-gray {
	background: #6b7280;
	color: #fff;
}

.sticky-toolbar-actions .sticky-tab-btn.btn-hemutis-gray:hover {
	background: #4b5563;
	color: #fff;
}

/* Karte unter der Toolbar: Abstand zum Button (kein direktes Andocken) */
.content-card-below-toolbar {
	margin-top: 0.75rem;
}