/* AdLevel-Look für die Verwaltung (seit 18.10.2026), nur in der AdLevel-Instanz geladen (MARKE).
 * Farben und Schrift aus der AdLevel-Website (Relaunch 2026, Marketing & CI): Navy #0F2A4D, Tinte #12233C,
 * Blaugrau #5B6F8C, AdLevel-Blau #0071EB, Flächen #F5F8FC / #E8F0FB, Linien #DAE3EF, Satoshi (Fontshare, frei). */
@font-face { font-family: Satoshi; font-weight: 400; font-style: normal; font-display: swap; src: url(/admin-static/marke/satoshi-400.woff2) format("woff2"); }
@font-face { font-family: Satoshi; font-weight: 500; font-style: normal; font-display: swap; src: url(/admin-static/marke/satoshi-500.woff2) format("woff2"); }
@font-face { font-family: Satoshi; font-weight: 700; font-style: normal; font-display: swap; src: url(/admin-static/marke/satoshi-700.woff2) format("woff2"); }

:root { --al-navy: #0f2a4d; --al-tinte: #12233c; --al-grau: #5b6f8c; --al-blau: #0071eb; --al-blau-d: #005ac2; --al-weich: #e8f0fb; --al-flaeche: #f5f8fc; --al-band: #eef3f9; --al-linie: #dae3ef; }

body, button, input, select, textarea { font-family: Satoshi, Inter, ui-sans-serif, system-ui, sans-serif; }
html, body { background: var(--al-flaeche); min-height: 100%; }
body { color: var(--al-tinte); }
*, ::before, ::after { border-color: var(--al-linie); }

/* Typografie: Überschriften Navy und kräftig wie auf adlevel.de */
h1, h2, h3, .text-3xl, .text-2xl { color: var(--al-navy) !important; letter-spacing: -.015em; }
.text-3xl.font-semibold, .text-xl.font-semibold, h1 { font-weight: 700; }
.text-gray-900, .text-gray-800 { color: var(--al-tinte); }
.text-gray-700 { color: #2c3e57; }
.text-gray-600, .text-gray-500 { color: var(--al-grau); }
.text-gray-400 { color: #8b9bb2; }

/* AdLevel-Blau statt iOS-Blau */
.bg-blue-500 { background-color: var(--al-blau); }
.hover\:bg-blue-600:hover { background-color: var(--al-blau-d); }
.text-blue-500 { color: var(--al-blau); }
.bg-blue-50 { background-color: var(--al-weich); }
.border-blue-500, .focus\:border-blue-500:focus { border-color: var(--al-blau); }
.focus\:ring-blue-500\/20:focus { box-shadow: 0 0 0 3px rgba(0, 113, 235, .16); }
.accent-blue-500 { accent-color: var(--al-blau); }
.bg-blue-500.rounded-lg, button.bg-blue-500 { box-shadow: 0 10px 22px -12px rgba(0, 113, 235, .75); }

/* Flächen ruhiger: Blaugrau-Töne statt Neutralgrau */
.bg-gray-50 { background-color: var(--al-flaeche); }
.bg-gray-100 { background-color: var(--al-band); }
.hover\:bg-gray-100:hover, .hover\:bg-gray-50:hover { background-color: var(--al-band); }
.bg-gray-400\/\[12\%\], .hover\:bg-gray-400\/\[12\%\]:hover { background-color: rgba(15, 42, 77, .06); }
.hover\:bg-gray-400\/\[24\%\]:hover { background-color: rgba(15, 42, 77, .1); }
.bg-gray-900 { background-color: var(--al-navy); }
.af-buehne.bg-gray-100 { background-color: var(--al-flaeche); }

/* Karten und Schatten mit Navy-Ton, Ecken wie die Website (14 px) */
.shadow-border-baked-in-very-close, .shadow-border-baked-in-medium { box-shadow: 0 0 0 1px var(--al-linie), 0 1px 2px rgba(15, 42, 77, .04), 0 8px 24px -16px rgba(15, 42, 77, .18); }
.hover\:shadow-card-hover:hover, .hover\:shadow-lg:hover { box-shadow: 0 18px 36px -18px rgba(15, 42, 77, .28); }
.shadow-md { box-shadow: 0 1px 2px rgba(15, 42, 77, .06), 0 4px 12px -6px rgba(15, 42, 77, .12); }
.shadow-dropdown { box-shadow: 0 0 0 1px var(--al-linie), 0 20px 40px -18px rgba(15, 42, 77, .3); }
.rounded-2xl { border-radius: 14px; }
.group.relative.rounded-2xl.border { border-color: var(--al-linie); }
.hover\:-translate-y-1:hover { --tw-translate-y: -3px; }

/* Kopfleiste: weiß mit feiner Linie, AdLevel-Logo links */
nav.border-b { border-color: var(--al-linie); box-shadow: 0 1px 0 rgba(15, 42, 77, .02); }
.group.relative.rounded-2xl.border { background-color: #fff; }
.af-logo { display: flex; align-items: center; gap: 10px; padding: 0 8px 0 6px; margin-right: 4px; border-right: 1px solid var(--al-linie); height: 28px; }
.af-logo::before { content: ""; width: 22px; height: 22px; background: url(/admin-static/marke/adlevel-a.svg) center / contain no-repeat; }
.af-logo-text { display: inline; font-weight: 700; font-size: 15px; color: var(--al-navy); letter-spacing: -.01em; padding-right: 8px; }
@media (max-width: 1024px) { .af-logo-text { display: none; } }

/* Kontakte: Spalten auf heller Blaugrau-Fläche */
.w-72.rounded-xl.bg-gray-50 { background-color: var(--al-band); box-shadow: inset 0 0 0 1px #e1e9f3; }

/* Toast und Dialog im AdLevel-Navy */
.af-toast { background: var(--al-navy); }
.af-hinter { background: rgba(15, 42, 77, .35); }

/* Anmeldung */
.af-login { background: linear-gradient(160deg, #f5f8fc, #e8f0fb); }
.af-login-logo { display: block; width: 36px; height: 36px; margin-bottom: 18px; background: url(/admin-static/marke/adlevel-a.svg) center / contain no-repeat; }