/* Custom Admin Styles für aluscreen ERP */

/* Sidebar breiter machen für Logo */
.main-sidebar {
    width: 300px !important;
}

.content-wrapper,
.main-header {
    margin-left: 300px !important;
}

/* Bei eingeklappter Sidebar */
.sidebar-collapse .main-sidebar {
    margin-left: -300px !important;
}

.sidebar-collapse .content-wrapper,
.sidebar-collapse .main-header {
    margin-left: 0 !important;
}

/* Logo-Bereich (Brand) mit weißem Hintergrund - gleiche Höhe wie Navbar */
.main-header .navbar-brand,
.brand-link {
    background-color: #ffffff !important;
    padding: 0 15px !important;
    width: 300px !important;
    height: 57px !important;
    display: flex !important;
    align-items: center !important;
}

/* Logo-Bild Größe und Position anpassen */
.brand-link .brand-image {
    max-height: 45px;
    width: auto;
    margin-left: 0 !important;
    margin-right: 10px !important;
    float: none !important;
    object-fit: contain !important;
}

/* Navbar mit aluscreen Blau (#2b4c9b) */
.main-header.navbar {
    background: linear-gradient(135deg, #2b4c9b 0%, #1e3a7a 100%) !important;
}

/* Navbar Links in weiß */
.main-header .nav-link,
.main-header .navbar-nav .nav-link {
    color: #ffffff !important;
}

.main-header .nav-link:hover,
.main-header .navbar-nav .nav-link:hover {
    color: #e0e0e0 !important;
}

/* Footer (Copyright) an Sidebar-Breite anpassen */
.main-footer {
    margin-left: 300px !important;
}

.sidebar-collapse .main-footer {
    margin-left: 0 !important;
}

/* Jazzmin Version im Footer ausblenden */
.main-footer .float-right,
.main-footer .float-end {
    display: none !important;
}

/* Abstand zwischen Object-Tools Buttons (Diagramm, CSV, etc.) */
.object-tools li {
    margin-left: 15px !important;
}

/* Sidebar mit aluscreen Blau (#2b4c9b) */
.main-sidebar {
    background: linear-gradient(180deg, #2b4c9b 0%, #1e3a7a 100%) !important;
}

.main-sidebar .nav-sidebar > .nav-item > .nav-link {
    color: #ffffff !important;
}

.main-sidebar .nav-sidebar > .nav-item > .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.main-sidebar .nav-sidebar > .nav-item > .nav-link.active {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

/* Sidebar Header/Überschriften */
.main-sidebar .nav-header {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Sidebar Icons */
.main-sidebar .nav-icon {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Submenu Hintergrund */
.main-sidebar .nav-treeview {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.main-sidebar .nav-treeview > .nav-item > .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

.main-sidebar .nav-treeview > .nav-item > .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Checkbox-Zeile (Kunde, Lieferant, Interessent) */
.form-group.field-is_customer.field-is_supplier.field-is_prospect > .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}

/* Alle Checkbox-Labels: normale Schrift */
.form-group.field-is_customer.field-is_supplier.field-is_prospect label {
    font-weight: 400 !important;
    margin-bottom: 0 !important;
    padding-right: 1.5rem !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
}

/* Erstes Label (Kunde) - nicht mehr col-sm-3 Breite */
.form-group.field-is_customer.field-is_supplier.field-is_prospect label[for="id_is_customer"] {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
}

/* Help-Blocks in Checkbox-Feldern ausblenden */
.form-group.field-is_customer.field-is_supplier.field-is_prospect .help-block {
    display: none !important;
}

/* Checkbox-Felder kompakt */
.form-group.field-is_customer.field-is_supplier.field-is_prospect .fieldBox {
    padding: 0 !important;
    margin-right: 0.25rem !important;
}

/* =========================================
   Language Switcher in Navbar
   ========================================= */
.language-switcher {
    display: flex;
    align-items: center;
}

.language-switcher .lang-btn {
    padding: 3px 8px;
    margin: 0 2px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 3px;
    background: transparent;
    color: rgba(255,255,255,0.8);
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}

.language-switcher .lang-btn:hover {
    background: rgba(255,255,255,0.15);
    color: #fff;
}

.language-switcher .lang-btn.active {
    background: rgba(255,255,255,0.25);
    color: #fff;
    border-color: rgba(255,255,255,0.5);
}