:root {
    --condor-coast: #54504C;
    --condor-sea: #006BAC;
    --condor-island: #00934E;
    --condor-sunshine: #F49B21;
    --condor-beach: #C8B284;
    --condor-passion: #E01D14;
    --condor-sky-blue: #D5E2EF;
    --condor-marina: #0A3450;
    --condor-earth: #8D837E;
}

body {
    background-color: var(--condor-sky-blue);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--condor-coast);
}

/* Layout Elemente */
.bg-condor-coast { background-color: var(--condor-coast) !important; color: white; }
.bg-condor-sea { background-color: var(--condor-sea) !important; color: white; }

.btn-condor {
    background-color: var(--condor-sunshine);
    border: none;
    color: white;
    font-weight: bold;
    transition: all 0.2s ease;
}

.btn-condor:hover {
    background-color: #d6861a;
    color: white;
    transform: translateY(-2px);
    shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Dashboard Kacheln */
.module-card {
    border: none;
    border-radius: 12px;
    transition: transform 0.2s;
    background-color: white;
}

.module-card:hover {
    transform: scale(1.03);
    border-left: 5px solid var(--condor-sunshine);
}

/* Status & Tabellen */
.badge-active { background-color: var(--condor-island); color: white; }
.card-header-condor {
    background-color: var(--condor-coast);
    color: white;
    font-weight: bold;
}

/* Grund-Stil für alle Kreise */
.progress-circle {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

/* Warteschlange: Gestrichelt, keine Animation */
.progress-circle.wait-state {
    border: 2px dashed var(--condor-sunshine);
    background: transparent;
    opacity: 0.6;
}

/* Aktiv in Bearbeitung: Drehender Gradient + Pulsieren */
.progress-circle.active-processing {
    border: none;
    background: conic-gradient(var(--condor-sunshine) calc(var(--progress, 0) * 1%), var(--condor-sky-blue) 0);
    box-shadow: 0 0 8px rgba(244, 155, 33, 0.5);
    animation: pulse-border 2s infinite ease-in-out;
}

@keyframes pulse-border {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* Erfolg: Condor-Island (Grün) */
.progress-circle.success {
    background-color: var(--condor-island);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.progress-circle.success::after {
    content: '✓';
    color: white;
    font-size: 12px;
    font-weight: bold;
}

/* Fehler: Condor-Passion (Rot) */
.progress-circle.failed {
    background-color: var(--condor-passion);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.progress-circle.failed::after {
    content: '!';
    color: white;
    font-size: 14px;
    font-weight: bold;
}

@keyframes pulse-border {
    0% { box-shadow: 0 0 0 0px rgba(244, 155, 33, 0.4); }
    70% { box-shadow: 0 0 0 6px rgba(244, 155, 33, 0); }
    100% { box-shadow: 0 0 0 0px rgba(244, 155, 33, 0); }
}