:root {
    --brand-purple: #60246C;
    --brand-purple-dark: #45194D;
    --brand-green: #7CB93C;
    --brand-green-dark: #5D8A2D;
    --brand-gold: #D6A030;
    --brand-gold-dark: #A07824;
    --brand-magenta: #D6308A;
    --brand-magenta-dark: #A02467;
}

body {
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
    background-color: #f5f6f8;
}

/* شريط رباعي الألوان مستوحى من شعار الشركة */
.brand-strip {
    height: 5px;
    background: linear-gradient(90deg,
        var(--brand-green) 0%, var(--brand-green) 25%,
        var(--brand-gold) 25%, var(--brand-gold) 50%,
        var(--brand-magenta) 50%, var(--brand-magenta) 75%,
        var(--brand-purple) 75%, var(--brand-purple) 100%);
}

.navbar.navbar-brand-theme {
    border-bottom-color: var(--brand-purple) !important;
    border-bottom-width: 2px !important;
}

.navbar-brand img { height: 40px; }

.nav-link { color: #333 !important; }
.nav-link:hover { color: var(--brand-purple) !important; }

a { color: var(--brand-purple); }
a:hover { color: var(--brand-purple-dark); }

.btn-primary {
    background-color: var(--brand-purple);
    border-color: var(--brand-purple);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--brand-purple-dark) !important;
    border-color: var(--brand-purple-dark) !important;
}
.btn-outline-primary {
    color: var(--brand-purple);
    border-color: var(--brand-purple);
}
.btn-outline-primary:hover {
    background-color: var(--brand-purple);
    border-color: var(--brand-purple);
}
.btn-link { color: var(--brand-purple); }

.page-item.active .page-link {
    background-color: var(--brand-purple);
    border-color: var(--brand-purple);
}
.page-link { color: var(--brand-purple); }

.card {
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.stat-card { border-radius: 0.75rem; border-top: 3px solid var(--brand-purple); }

.table-responsive {
    background: #fff;
    border-radius: 0.5rem;
}

.badge-kind-financial { background-color: var(--brand-gold); color: #3a2a05; }
.badge-kind-correspondence { background-color: var(--brand-green); color: #1c2e0a; }
.badge-kind-general { background-color: var(--brand-purple); color: #fff; }

.alert-success { border-right: 4px solid var(--brand-green); }
.alert-danger { border-right: 4px solid var(--brand-magenta); }

footer.app-footer {
    color: #6c757d;
    font-size: 0.85rem;
    margin-top: 2rem;
}