/* ========================================
   DJANGO ADMIN STYLE - DEZENTES DESIGN
   ======================================== */

/* Überschreibt auffällige Styles mit dezenterem Design */
.card {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
    border: 1px solid #dee2e6 !important;
}

.card:hover {
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
    transform: translateY(-1px) !important;
}

.card-header.text-white {
    background: var(--gradient-primary) !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* Entfernt auffällige Schatten */
.shadow-lg,
.shadow-sm,
.shadow-md {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

/* Dezente Buttons */
.btn-primary {
    background: var(--gradient-primary) !important;
    border: none !important;
    box-shadow: 0 1px 3px rgba(121, 174, 200, 0.2) !important;
}

.btn-primary:hover {
    background: var(--gradient-primary) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 6px rgba(121, 174, 200, 0.25) !important;
}

/* Dezente Navigation */
.navbar {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
    background: rgba(255, 255, 255, 0.95) !important;
}

/* Dezente Tabellen */
.table-modern tbody tr:hover {
    background: var(--primary-bg-light) !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Dezente Sidebar */
.global-sidebar {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

/* Dezente Formulare */
.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 0.15rem rgba(121, 174, 200, 0.15) !important;
}

/* Dezente Alerts */
.alert {
    box-shadow: none !important;
    border: 1px solid !important;
}

/* Dezente Badges */
.badge {
    box-shadow: none !important;
}

/* Dezente Section Headers */
.section-header {
    background: var(--gradient-primary) !important;
    box-shadow: none !important;
}

/* Dezente Summary Boxes */
.summary-box {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

.summary-item:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
}

/* Dezente Hero Section */
.hero-section {
    background: var(--gradient-primary) !important;
}

.hero-background {
    opacity: 0.1 !important;
}

/* Dezente Buttons ohne Glow */
.btn-glow {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

/* Dezente Status Badges */
.status-badge {
    box-shadow: none !important;
}

/* Dezente Filter Buttons */
.btn-filter {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

.btn-filter:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
}

/* Dezente Export Buttons */
.btn-export {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

.btn-export:hover {
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
}

/* Dezente Create Buttons */
.btn-create {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

.btn-create:hover {
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
}

/* Dezente Table Container */
.table-container {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

/* Dezente Liste Header */
.liste-header {
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
    background: #79aec8 !important;
    color: #ffffff !important;
}

/* Header-Buttons mit dunkler Schrift */
.liste-header .btn,
.liste-header .btn-header-uniform {
    color: #2c3e50 !important;
}

/* Höchste Spezifität für Header-Buttons */
.liste-header .btn-search,
.liste-header .btn-clear,
.liste-header .btn-status-filter,
.liste-header .btn-export,
.liste-header .btn-create,
.liste-header .btn-outline-primary {
    color: #2c3e50 !important;
}

/* Tabellenüberschrift mit gleichem Hintergrund wie Header */
.table-modern thead th {
    background: #79aec8 !important;
    color: #2c3e50 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    padding: 1rem 0.75rem !important;
    vertical-align: middle !important;
}

/* Einheitliche Tabelleninhalte */
.table-modern tbody td {
    font-size: 1rem !important;
    padding: 1rem 0.75rem !important;
    vertical-align: middle !important;
    line-height: 1.5 !important;
}

/* Spezielle Spalten (Notizen, Aufgaben, Status, Inkasso) größer machen */
.col-notizen,
.col-aufgaben,
.col-status,
.col-inkasso {
    font-size: 1rem !important;
    padding: 1rem 0.75rem !important;
    vertical-align: middle !important;
    line-height: 1.5 !important;
}

/* Höchste Spezifität für spezielle Spalten */
.table-modern tbody .col-notizen,
.table-modern tbody .col-aufgaben,
.table-modern tbody .col-status,
.table-modern tbody .col-inkasso {
    font-size: 1rem !important;
    padding: 1rem 0.75rem !important;
    vertical-align: middle !important;
    line-height: 1.5 !important;
}

/* Badges in speziellen Spalten größer machen */
.notizen-badge,
.aufgaben-badge {
    font-size: 1rem !important;
    padding: 0.5rem 0.75rem !important;
}

.notizen-badge .notizen-count,
.aufgaben-badge .aufgaben-count {
    font-size: 1rem !important;
}

/* Status- und Inkasso-Links größer machen */
.status-link,
.inkasso-link {
    font-size: 1rem !important;
    font-weight: 500 !important;
}

/* Dezente Empty State */
.empty-state {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

/* Dezente Legal Notice */
.legal-notice-card {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

/* Dezente Features */
.feature-card {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

.feature-card:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
}

/* Dezente Testimonials */
.testimonial-card {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

/* Dezente Footer */
.footer {
    background: #f8f9fa !important;
    border-top: 1px solid #dee2e6 !important;
    margin-top: auto !important;
    position: relative !important;
    bottom: 0 !important;
    width: 100% !important;
}

/* Allgemeine Dezenterheit */
* {
    transition: all 0.2s ease !important;
}

/* Entfernt alle auffälligen Animationen */
@keyframes fadeInUp {
    from { opacity: 1; transform: none; }
    to { opacity: 1; transform: none; }
}

.table-container,
.table-modern tbody tr {
    animation: none !important;
}