/* =========================
   GLOBAL BACKGROUND
   ========================= */
body {
    background: linear-gradient(135deg, #eaf7ef, #f6fbf8);
}

/* Main page content wrapper */
.body-content {
    background: transparent;
    padding-bottom: 40px;
}

    /* =========================
   HEADINGS
   ========================= */
    .body-content h1,
    .body-content h2,
    .body-content h3 {
        color: #1e7e34; /* deep green */
        font-weight: 700;
    }

    /* =========================
   CARDS / PANELS
   ========================= */
    .body-content .panel,
    .form-center {
        background: #ffffff;
        border: 1px solid #d9eee1;
        border-radius: 14px;
        box-shadow: 0 6px 22px rgba(30, 126, 52, 0.08);
    }

    /* Panel headers */
    .body-content .panel-heading {
        background: linear-gradient(135deg, #2ecc71, #27ae60);
        color: #ffffff;
        font-weight: 700;
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
    }

    /* =========================
   FORMS
   ========================= */
    .body-content .form-control {
        border-radius: 10px;
        border: 1px solid #cfe8d8;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

        .body-content .form-control:focus {
            border-color: #2ecc71;
            box-shadow: 0 0 0 2px rgba(46, 204, 113, 0.2);
        }

    /* =========================
   BUTTONS (GREEN THEME)
   ========================= */
    .body-content .btn-primary,
    .body-content .btn-success {
        background: linear-gradient(135deg, #2ecc71, #27ae60);
        border: none;
        border-radius: 10px;
        font-weight: 700;
    }

        .body-content .btn-primary:hover,
        .body-content .btn-success:hover {
            background: linear-gradient(135deg, #27ae60, #219150);
        }

    /* Secondary buttons */
    .body-content .btn-default {
        border-radius: 10px;
        border: 1px solid #cfe8d8;
    }

    /* =========================
   TABLES / GRIDVIEW
   ========================= */
    .body-content .table {
        background: #ffffff;
        border-radius: 12px;
        overflow: hidden;
    }

        .body-content .table th {
            background: #e8f5ee;
            color: #1e7e34;
            font-weight: 700;
        }

    /* =========================
   FOOTER / SMALL TEXT
   ========================= */
    .body-content .text-muted,
    .body-content small {
        color: #6b8f7a;
    }