/* Logo oben links */
#logo {
    background-image: url('./images/dogsmedia-logo.svg'); /* dein Logo hier */
    background-size: contain;
    background-repeat: no-repeat;
}

/* ===== DogsMedia Branding für Elastic-Skin ===== */

/* Obere Leiste (Header / Topline) etwas dunkler + edler */
#topline,
#topnav {
    background: linear-gradient(90deg, #020617, #111827);
}

/* Taskbar (Mail / Kontakte / Einstellungen / deine Links) */
#taskbar {
    background: transparent;
}

/* Allgemeine Taskbar-Buttons (Mail, Kontakte, Settings, DogsMedia, Support) */
#taskbar a,
#taskbar .button,
#taskbar .rlink {
    color: #e5e7eb;
}

/* Aktiver Task (Mail / Kontakte / Einstellungen) Orange unterstreichen */
#taskbar a.selected span.inner,
#taskbar a.active span.inner {
    border-bottom: 2px solid #f97316;
    padding-bottom: 2px;
}

/* Deine beiden Links leicht hervorheben (Hintergrund ganz dezent) */
#taskbar a.rlink.dogsmedia-portal span.inner,
#taskbar a.rlink.dogsmedia-support span.inner {
    border-radius: 999px;
    padding: 2px 8px;
}

/* Compose-/Hauptbuttons in DogsMedia-Orange */
button.btn-primary,
input.btn-primary,
.button.mainaction {
    background-color: #f97316;
    border-color: #f97316;
}

button.btn-primary:hover,
input.btn-primary:hover,
.button.mainaction:hover {
    background-color: #ea580c;
    border-color: #ea580c;
}

/* Links in Inhalt leicht orange einfärben (nicht zu aggressiv) */
#layout .content a {
    color: #f97316;
}

#layout .content a:hover {
    color: #fdba74;
}

/* Selektierte Zeile im Posteingang mit orangem Akzent links */
#messagelist tbody tr.selected td,
#messagelist tbody tr.focused td {
    border-left: 3px solid #f97316;
}

/* Kleine Abrundung für Message-List beim Hover */
#messagelist tbody tr:hover td {
    background-color: #0f172a;
}