/*
 * Agile E-Mail: Markenanpassung für die Mailu-Oberfläche (Anmeldung /sso und Verwaltung /admin).
 * Wird von front per sub_filter in jede HTML-Seite unter /sso/ und /admin/ eingehängt
 * (siehe ../agile-marke.conf und /root/mailu/README.md, Abschnitt „Agile E-Mail“).
 * Petrol #0b5e5a (Hover #073b39, Hauch #e8f3f1), Orange #ff5b24 nur für die Haupthandlung, Dunkel #0f1a1e.
 */
@font-face { font-family: 'Inter'; src: url('/agile-marke/fonts/Inter-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/agile-marke/fonts/Inter-Medium.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/agile-marke/fonts/Inter-SemiBold.woff2') format('woff2'); font-weight: 600 700; font-display: swap; }
@font-face { font-family: 'Space Grotesk'; src: url('/agile-marke/fonts/SpaceGrotesk-SemiBold.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Space Grotesk'; src: url('/agile-marke/fonts/SpaceGrotesk-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }

:root { --agile-petrol: #0b5e5a; --agile-petrol-dunkel: #073b39; --agile-hauch: #e8f3f1; --agile-orange: #ff5b24; --agile-dunkel: #0f1a1e; }

body, .main-sidebar, .content-wrapper, .main-header, .form-control, .btn, .dropdown-menu, .card, .table {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
h1, h2, h3, .content-header h1, .brand-text, .card-title {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  letter-spacing: -0.01em;
}
body { color: #1d2a2e; }
.content-wrapper { background: #f5f8f7; }
a { color: var(--agile-petrol); }
a:hover, a:focus { color: var(--agile-petrol-dunkel); }

/* Seitenleiste */
.main-sidebar.sidebar-dark-primary { background: var(--agile-dunkel); }
.brand-link { border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; }
.brand-link .brand-image.mailu-logo { border-radius: 8px !important; box-shadow: none !important; background: transparent; padding: 3px; object-fit: contain; }
.brand-link .brand-text { font-weight: 600 !important; color: #fff; }
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:focus.active { background-color: var(--agile-petrol); color: #fff; box-shadow: none; }
.sidebar-dark-primary .nav-sidebar .nav-link:hover { background-color: rgba(255, 255, 255, 0.06); }
.nav-sidebar .nav-header.text-primary, .text-primary { color: #7fc7bf !important; }
.content .text-primary { color: var(--agile-petrol) !important; }

/* Kopfzeile */
.main-header.navbar { border-bottom: 1px solid #e3ebe9; }
.badge-primary { background-color: var(--agile-petrol); }

/* Karten und Formulare */
.card { border-radius: 12px; box-shadow: 0 1px 2px rgba(15, 26, 30, 0.06), 0 8px 24px rgba(15, 26, 30, 0.05); }
.card-primary.card-outline { border-top: 3px solid var(--agile-petrol); }
.form-control { border-radius: 8px; border-color: #cfdcd9; min-height: 42px; font-size: 16px; }
.form-control:focus { border-color: var(--agile-petrol); box-shadow: 0 0 0 3px rgba(11, 94, 90, 0.18); }
label { font-weight: 600; color: #22343a; }

/* Knöpfe: Petrol als Standard, Orange nur für die Anmeldung (Haupthandlung) */
.btn { border-radius: 8px; font-weight: 600; min-height: 42px; }
.btn-primary, .btn-info { background-color: var(--agile-petrol); border-color: var(--agile-petrol); color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-info:hover, .btn-info:focus,
.btn-primary:not(:disabled):not(.disabled):active { background-color: var(--agile-petrol-dunkel); border-color: var(--agile-petrol-dunkel); color: #fff; }
.btn-outline-primary { color: var(--agile-petrol); border-color: var(--agile-petrol); }
.btn-outline-primary:hover { background-color: var(--agile-petrol); color: #fff; }
form .btn-default[name="submitWebmail"], form .btn-default[name="submitAdmin"] {
  background: var(--agile-petrol); border-color: var(--agile-petrol); color: #fff; padding-left: 22px; padding-right: 22px;
}
form .btn-default[name="submitWebmail"] { background: var(--agile-orange); border-color: var(--agile-orange); color: var(--agile-dunkel); }
form .btn-default[name="submitWebmail"]:hover { background: #e94e1a; border-color: #e94e1a; color: var(--agile-dunkel); }
form .btn-default[name="submitAdmin"]:hover { background: var(--agile-petrol-dunkel); border-color: var(--agile-petrol-dunkel); }

.page-item.active .page-link { background-color: var(--agile-petrol); border-color: var(--agile-petrol); }
.page-link { color: var(--agile-petrol); }
.custom-control-input:checked ~ .custom-control-label::before { background-color: var(--agile-petrol); border-color: var(--agile-petrol); }

/* Fußzeile schlicht */
.main-footer { font-size: 12px; color: #6b7d82; background: #fff; }
.main-footer a { color: #6b7d82; }