/* =========================
   BUTTONS
========================= */

.primary-btn {
    background: #1f7a3f;
    color: white;
    border: none !important;
}

.secondary-btn {
    background: #eef7ee;
    color: #1f7a3f;
    border: 1px solid #b8dfb8 !important;
}

.clear-btn {
    background: #f3f4f6;
}

/* =========================
   VISIBILITY
========================= */

.hidden {
    display: none !important;
}

/* =========================
   TEXT
========================= */

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-muted {
    color: #6b7280;
}

/* =========================
   SPACING
========================= */

.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }

.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }

/* =========================
   FLEX HELPERS
========================= */

.flex {
    display: flex;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* =========================
   WIDTH
========================= */

.w-100 {
    width: 100%;
}

/* =========================
   STATUS COLORS
========================= */

.text-success {
    color: #1f7a3f;
}

.text-danger {
    color: #b00020;
}