/* =====================================================================
   YEBALI — الثيم الأساسي (رموز التصميم المشتركة لكل الشاشات)
   هوية TTF: أخضر · برتقالي · ذهبي
   ===================================================================== */
:root{
  --yb-green:  #0E7A5F;
  --yb-green-deep:#0A5745;
  --yb-orange: #E8842B;
  --yb-gold:   #D9A441;
  --yb-ink:    #1C2B27;
  --yb-muted:  #6B7B76;
  --yb-bg:     #F4F7F6;
  --yb-panel:  #FFFFFF;
  --yb-line:   #E3EAE7;
  --yb-danger: #C94F4F;
  --yb-radius: 14px;
  --yb-shadow: 0 10px 28px rgba(14,122,95,.08);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Almarai','Segoe UI',Tahoma,sans-serif;
  background:var(--yb-bg);color:var(--yb-ink);
  line-height:1.75;font-size:15px;
}
a{color:var(--yb-green);text-decoration:none}
a:hover{color:var(--yb-green-deep)}
h1,h2,h3{margin:0 0 .4em;font-weight:800}
button{font-family:inherit}

/* أزرار عامة */
.btn, button.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 20px;border-radius:12px;border:none;cursor:pointer;
  font-weight:700;font-size:14.5px;transition:.15s;
}
.btn-primary{background:var(--yb-green);color:#fff}
.btn-primary:hover{background:var(--yb-green-deep)}
.btn-accent{background:var(--yb-orange);color:#fff}
.btn-ghost{background:transparent;border:1.5px solid var(--yb-line);color:var(--yb-ink)}
.btn-danger{background:var(--yb-danger);color:#fff}

/* حقول */
input,select,textarea{
  font-family:inherit;font-size:14.5px;color:var(--yb-ink);
  background:#fff;border:1.5px solid var(--yb-line);border-radius:10px;
  padding:10px 14px;outline:none;transition:.15s;max-width:100%;
}
input:focus,select:focus,textarea:focus{border-color:var(--yb-green);box-shadow:0 0 0 3px rgba(14,122,95,.12)}
label{font-weight:700;font-size:13.5px;color:var(--yb-muted)}

/* جداول */
table{width:100%;border-collapse:collapse;background:#fff}
th{background:var(--yb-green);color:#fff;font-weight:700;font-size:13.5px;padding:11px 14px;text-align:start}
td{padding:11px 14px;border-bottom:1px solid var(--yb-line);font-size:14px}
tr:hover td{background:#F8FBFA}
.table-wrap{border-radius:var(--yb-radius);overflow:auto;box-shadow:var(--yb-shadow);border:1px solid var(--yb-line)}

/* تنبيهات */
.alert{padding:12px 16px;border-radius:12px;font-size:14px;margin:10px 0}
.alert-success{background:#E8F5EF;color:#115E44;border-inline-start:4px solid var(--yb-green)}
.alert-error{background:#FBEAEA;color:#8A2F2F;border-inline-start:4px solid var(--yb-danger)}
.alert-warning{background:#FDF3E3;color:#7A4A1E;border-inline-start:4px solid var(--yb-orange)}

/* شارات الحالة */
.badge{display:inline-block;padding:4px 12px;border-radius:30px;font-size:12.5px;font-weight:700}
.badge-success{background:#E8F5EF;color:#0E7A5F}
.badge-warning{background:#FDF3E3;color:#B05E13}
.badge-danger{background:#FBEAEA;color:#C94F4F}
.badge-muted{background:#EEF2F0;color:var(--yb-muted)}

/* حالة فارغة */
.empty-state{
  text-align:center;padding:46px 20px;color:var(--yb-muted);
  background:#FBFDFC;border:1.5px dashed var(--yb-line);border-radius:var(--yb-radius);
}