/* ─── ÄKSH Corporate Design ──────────────────────────────────────────────── */
:root {
    --aeksh-blue:      #003064;
    --aeksh-blue-dark: #002050;
    --aeksh-red:       #D4004B;
    --aeksh-red-dark:  #a8003b;
}

/* Bootstrap-Primärfarbe → ÄKSH Blau */
.btn-primary {
    --bs-btn-bg:                  #003064;
    --bs-btn-border-color:        #003064;
    --bs-btn-hover-bg:            #002050;
    --bs-btn-hover-border-color:  #001840;
    --bs-btn-active-bg:           #001840;
    --bs-btn-active-border-color: #001840;
    --bs-btn-focus-shadow-rgb:    0, 48, 100;
}
.btn-outline-primary {
    --bs-btn-color:               #003064;
    --bs-btn-border-color:        #003064;
    --bs-btn-hover-bg:            #003064;
    --bs-btn-hover-border-color:  #003064;
    --bs-btn-active-bg:           #002050;
    --bs-btn-active-border-color: #002050;
}

/* Bootstrap-Danger → ÄKSH Rot */
.btn-danger {
    --bs-btn-bg:                  #D4004B;
    --bs-btn-border-color:        #D4004B;
    --bs-btn-hover-bg:            #a8003b;
    --bs-btn-hover-border-color:  #8c0031;
    --bs-btn-active-bg:           #8c0031;
    --bs-btn-active-border-color: #8c0031;
}
.btn-outline-danger {
    --bs-btn-color:               #D4004B;
    --bs-btn-border-color:        #D4004B;
    --bs-btn-hover-bg:            #D4004B;
    --bs-btn-hover-border-color:  #D4004B;
    --bs-btn-active-bg:           #a8003b;
}
.text-danger  { color: #D4004B !important; }
.bg-danger    { background-color: #D4004B !important; }
.badge.bg-secondary { background-color: #5a6a7e !important; }

/* ─── Navbar ─────────────────────────────────────────────────────────────── */
.navbar-aeksh {
    background-color: #003064;
}

/* ─── Login ──────────────────────────────────────────────────────────────── */
.login-card {
    width: 360px;
    border-radius: 12px;
}
.login-mode body {
    background: #eef1f5;
}
.login-icon {
    color: #003064;
}
.login-card .btn-primary {
    background-color: #003064;
    border-color: #003064;
}
.login-card .btn-primary:hover {
    background-color: #002050;
    border-color: #001840;
}

/* ─── Layout ─────────────────────────────────────────────────────────────── */
body {
    font-size: 0.9rem;
}
.zone-sidebar {
    width: 260px;
    min-width: 220px;
    max-width: 320px;
    flex-shrink: 0;
}

/* ─── Zonen-Liste ────────────────────────────────────────────────────────── */
.zone-item {
    cursor: pointer;
    transition: background 0.12s;
}
.zone-item:hover {
    background: #e8edf3;
}
.zone-item.active {
    background: #d0dcea;
    border-left: 3px solid #003064;
}
.zone-item.active .zone-name {
    color: #003064;
}
.zone-name {
    font-size: 0.85rem;
}

/* ─── Records-Tabelle ────────────────────────────────────────────────────── */
.records-table th {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.records-table td {
    vertical-align: middle;
}
.records-table .font-monospace {
    font-size: 0.82rem;
}

/* ─── Record-Typ-Badges ──────────────────────────────────────────────────── */
.record-type-badge {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    min-width: 42px;
    display: inline-block;
    text-align: center;
}
.type-A     { background-color: #003064; }
.type-AAAA  { background-color: #004a99; }
.type-CNAME { background-color: #006173; }
.type-MX    { background-color: #D4004B; }
.type-NS    { background-color: #0077b6; color: #fff; }
.type-TXT   { background-color: #5a6a7e; }
.type-PTR   { background-color: #a8003b; }
.type-SRV   { background-color: #00476b; }
.type-CAA   { background-color: #7a0030; }

/* ─── SOA-Card ───────────────────────────────────────────────────────────── */
.card-header {
    font-weight: 600;
    font-size: 0.88rem;
    background-color: #f0f3f7;
    border-bottom: 1px solid #d0dcea;
}

/* ─── Lade-Animation ─────────────────────────────────────────────────────── */
@keyframes spin {
    to { transform: rotate(360deg); }
}
.spin {
    display: inline-block;
    animation: spin 0.8s linear infinite;
}

/* ─── Toast ──────────────────────────────────────────────────────────────── */
#toast-container {
    z-index: 1100;
}
.text-bg-success { background-color: #003064 !important; }
.text-bg-danger  { background-color: #D4004B !important; }

/* ─── Modals ─────────────────────────────────────────────────────────────── */
.modal-header {
    padding: 0.9rem 1.25rem;
}