/* نمط لوحة الإدارة — مستوحى من تصميم النظام الأصلي (أخضر مزرق + Almarai) */
:root {
    --abc-teal: #156B68;
    --abc-cream: #FCF8EC;
    --abc-green: #2e8b57;
}

* { box-sizing: border-box; }

body {
    font-family: 'Almarai', sans-serif;
    background: var(--abc-cream);
    margin: 0;
    color: #2c3e3e;
}

#wrapper { display: flex; min-height: 100vh; }

/* الشريط الجانبي */
#sidebar-wrapper {
    width: 270px;
    background: var(--abc-teal);
    color: #fff;
    flex-shrink: 0;
}
#sidebar-wrapper .brand-img { border-bottom: 1px solid rgba(255,255,255,.15); }
.sidebar-nav { margin: 0; padding: 10px 0; }
.sidebar-nav li a {
    display: flex; align-items: center; gap: 12px;
    padding: 13px 22px; color: #e9f3f2; text-decoration: none;
    transition: background .2s;
}
.sidebar-nav li a:hover { background: rgba(255,255,255,.1); }
.sidebar-nav li.active a { background: rgba(0,0,0,.18); font-weight: bold; border-right: 4px solid #fff; }
.sidebar-list-icon { width: 22px; text-align: center; }

/* الجسم */
#body-wrapper { display: flex; flex-direction: column; }
#navbar-wrapper {
    background: var(--abc-teal);
    color: #fff;
    padding: 16px 26px;
}
.content-title { font-size: 18px; margin: 0; font-weight: 700; }
#content-wrapper { padding: 28px; }

/* البطاقات */
.card-box {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(0,0,0,.06);
}
.card-title { color: var(--abc-teal); font-weight: 700; }
.card-item { padding: 8px 0; border-bottom: 1px dashed #e0e0e0; }
.item-title { font-weight: 700; color: var(--abc-teal); }

.btn-success { background: var(--abc-green); border-color: var(--abc-green); }
.action-btn { font-weight: 600; }

table th { background: #f3f8f7; color: var(--abc-teal); }

@media (max-width: 768px) {
    #sidebar-wrapper { display: none; }
}