/* theme.css — ফাহাদ এন্টারপ্রাইজ শেয়ার্ড থিম
   এই ফাইলে একবার পরিবর্তন করলে পুরো সাইটে রঙ বদলে যাবে */

:root {
    --brand-dark: #003b33;
    --brand-dark-2: #00291f;
    --brand-accent: #00c896;
    --brand-accent-dark: #00a67e;
    --brand-text-muted: #d1ede5;

    --danger: #d9534f;
    --danger-dark: #c9302c;
    --warning: #f0ad4e;
    --success: #28a745;
    --success-bg: #d4edda;
    --success-text: #155724;
    --pending-bg: #fff3cd;
    --pending-text: #856404;

    --sidebar-width: 250px;
    --sidebar-width-collapsed: 72px;
}

/* সাধারণ বাটন — সব পেজে একই ব্যবহার করার জন্য */
.btn {
    background: var(--brand-accent);
    color: #00291f;
    border: none;
    padding: 10px;
    width: 100%;
    border-radius: 6px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    transition: 0.2s;
}
.btn:hover { background: var(--brand-accent-dark); }

.btn-edit { background: var(--warning); color: white; padding: 4px 8px; text-decoration: none; border-radius: 4px; font-size: 11px; }
.btn-delete { background: var(--danger); color: white; padding: 4px 8px; text-decoration: none; border-radius: 4px; font-size: 11px; }
.btn-approve { background: var(--success); color: white; padding: 4px 8px; text-decoration: none; border-radius: 4px; font-size: 11px; cursor: pointer; border: none; }

/* ব্যাজ */
.badge-deposit { color: var(--success); font-weight: bold; }
.badge-withdraw { color: var(--danger); font-weight: bold; }
.badge-approved { background: var(--success-bg); color: var(--success-text); padding: 2px 8px; border-radius: 4px; font-weight: bold; }
.badge-pending { background: var(--pending-bg); color: var(--pending-text); padding: 2px 8px; border-radius: 4px; font-weight: bold; }

/* মেসেজ */
.success { color: var(--success); margin-bottom: 10px; font-size: 13px; font-weight: bold; text-align: center; }
.error { color: var(--danger); margin-bottom: 10px; font-size: 13px; font-weight: bold; text-align: center; }

/* সাধারণ কার্ড/বক্স */
.card-box { background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.06); }

table { width: 100%; border-collapse: collapse; font-size: 12px; }
th, td { border: 1px solid #e2e8e6; padding: 7px; text-align: left; }
th { background: var(--brand-dark); color: white; }
tr:nth-child(even) { background: #f7faf9; }