/* WITTEKIND Corporate Design
   Rein installationsbezogen durch .brand-wittekind. Andere Profile bleiben unberuehrt. */

.brand-wittekind {
    --wit-olive: #bcc051;
    --wit-olive-dark: #919b28;
    --wit-olive-pale: #f5f7ed;
    --wit-anthracite: #434342;
    --wit-charcoal: #434342;
    --wit-ink: #292929;
    --wit-text: #333333;
    --wit-paper: #f8f8f8;
    --wit-border: #ececea;
    --wit-secondary: #fbc02d;
    --wit-red: #e46b7a;
    --wit-green: #8bc34a;
    --slate-50: #f8f8f8;
    --slate-100: #f2f2f0;
    --slate-200: #e7e7e3;
    --slate-300: #d2d2cc;
    --slate-400: #9a9a92;
    --slate-500: #74746d;
    --slate-600: #575756;
    --slate-700: #444443;
    --slate-800: #333333;
    --slate-900: #292929;
    color: var(--wit-text);
    background: var(--wit-paper);
    font-family: var(--font-family);
}

.brand-wittekind :is(h1, h2, h3, h4, h5, h6, button, input, select, textarea, label),
.brand-wittekind :is(.thx-topbar, .sidebar, .thx-btn, .nav-item, .nav-group-header, .thx-page-header, .settings-tabs, .settings-card h2) {
    font-family: var(--font-family-ui);
}

.brand-wittekind .thx-topbar.thx-topbar-wittekind {
    color: #fff;
    background: var(--wit-charcoal);
    border-bottom-color: rgba(188, 192, 81, .68);
    box-shadow: 0 2px 8px rgba(41, 41, 41, .14);
}

.brand-wittekind .thx-topbar-wittekind :is(.thx-topbar-toggle, .thx-topbar-link, .thx-topbar-user, .thx-topbar-username, .thx-fontsize-btn, .thx-fontsize-indicator, .thx-update-status) {
    color: #fff;
}

.brand-wittekind .thx-topbar-wittekind :is(.thx-topbar-toggle, .thx-topbar-link, .thx-topbar-user, .thx-fontsize-btn, .thx-update-status):hover,
.brand-wittekind .thx-topbar-wittekind .thx-topbar-link.is-active {
    color: #fff;
    background: rgba(188, 192, 81, .22);
}

.brand-wittekind .thx-topbar-wittekind .thx-topbar-divider {
    background: rgba(255, 255, 255, .24);
}

.brand-wittekind .thx-topbar-wittekind .thx-topbar-initials {
    color: var(--wit-ink);
    background: var(--wit-olive);
}

.brand-wittekind .sidebar {
    background: rgba(255, 255, 255, .97);
    border-right-color: var(--wit-border);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.brand-wittekind .sidebar-header {
    min-height: 108px;
    padding: 20px 18px;
    border-bottom-color: var(--wit-border);
}

.brand-wittekind .sidebar-header .logo-custom {
    width: 212px;
}

.brand-wittekind .sidebar-header .logo-custom img {
    max-height: 58px !important;
    object-fit: contain;
}

.brand-wittekind .sidebar .nav-item,
.brand-wittekind .sidebar .nav-group-header {
    color: var(--wit-charcoal);
    border-radius: 7px;
}

.brand-wittekind .sidebar :is(.nav-item, .nav-group-header):hover {
    color: var(--wit-ink);
    background: var(--wit-olive-pale);
}

.brand-wittekind .sidebar .nav-item.active {
    color: var(--wit-ink);
    background: var(--wit-olive-pale);
    box-shadow: inset 3px 0 0 var(--wit-olive);
}

.brand-wittekind .main-content {
    background: var(--wit-paper);
}

.brand-wittekind :is(.thx-card, .settings-card, .content-panel) {
    border-color: var(--wit-border);
    box-shadow: 0 5px 18px rgba(41, 41, 41, .045);
}

.brand-wittekind :is(.thx-btn-primary, button[type="submit"].thx-btn) {
    color: var(--wit-ink);
    background: var(--wit-olive);
    border-color: var(--wit-olive);
}

.brand-wittekind :is(.thx-btn-primary, button[type="submit"].thx-btn):hover {
    color: #fff;
    background: var(--wit-olive-dark);
    border-color: var(--wit-olive-dark);
}

.brand-wittekind :is(input, select, textarea):focus {
    border-color: var(--wit-olive);
    box-shadow: 0 0 0 3px rgba(188, 192, 81, .18);
}

.brand-wittekind.auth-page {
    background: var(--wit-paper);
}

.brand-wittekind.auth-page .auth-brand-panel {
    color: var(--wit-text);
    background: linear-gradient(155deg, #fff 0%, var(--wit-olive-pale) 100%);
}

.brand-wittekind.auth-page .auth-brand-copy h1 {
    color: var(--wit-ink);
}

.brand-wittekind.auth-page .auth-kicker {
    color: var(--wit-anthracite);
    background: transparent;
}

.brand-wittekind.auth-page .auth-brand-copy .auth-kicker {
    color: var(--wit-anthracite);
}

.brand-wittekind.auth-page .auth-brand-copy > p:last-child,
.brand-wittekind.auth-page .auth-trust-note {
    color: var(--wit-charcoal);
}

.brand-wittekind.auth-page .auth-trust-dot {
    border-color: rgba(67, 67, 66, .35);
    background: var(--wit-olive);
    box-shadow: 0 0 0 5px rgba(188, 192, 81, .14);
}

.brand-wittekind.auth-page .auth-brand-logo { max-width: 360px; }
.brand-wittekind.auth-page .auth-brand-logo img {
    width: min(100%, 360px);
    max-height: 105px;
    object-fit: contain;
    object-position: left center;
}

.brand-wittekind.auth-page .auth-submit {
    color: var(--wit-anthracite);
    background: var(--wit-olive);
}

.brand-wittekind.auth-page .auth-submit:hover {
    color: #fff;
    background: var(--wit-olive-dark);
}

@media (max-width: 768px) {
    .brand-wittekind .sidebar-header .logo-custom img { max-height: 46px !important; }
}