/* ====== Cairo Font ====== */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');

/* الأساسيات */
:root{
  --primary: #1a8c7b;       /* أخضر تركوازي أساسي */
  --primary-dark: #146f63;  /* أغمق */
  --primary-light:#22a58f;  /* أفتح */
  --success:#10b981;
  --danger:#ef4444;
  --warning:#f59e0b;
  --light:#f3f4f6;
  --border:#e5e7eb;
  --text:#1f2937;
  --text-muted:#6b7280;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Cairo','Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
  font-weight:500;
  direction:rtl; text-align:right;
  background:linear-gradient(135deg,#f0f9ff 0%,#f3f4f6 100%);
  color:var(--text);
  line-height:1.6; font-size:16px;
}

/* ============ NAVBAR ============ */
.navbar{
  background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%) !important;
  box-shadow:0 4px 6px rgba(0,0,0,.1);
  padding:1rem 0;
}
.navbar-brand{font-weight:700;font-size:1.2rem;letter-spacing:-.3px;}
.navbar-brand:hover{text-decoration:underline;}
.navbar .btn-outline-light{border:2px solid #fff;color:#fff;}
.navbar .btn-outline-light:hover{background:#fff;color:var(--primary);}
.navbar .btn-light{background:#fff;color:var(--primary);}
.navbar .btn-light:hover{background:#fff;color:#0b5e55;}

/* ============ CONTAINERS ============ */
.container, .container-fluid{padding-left:1rem;padding-right:1rem;}
main{min-height:calc(100vh - 140px); margin-top:1rem;}

/* ============ BUTTONS ============ */
.btn{border-radius:6px;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;border:none;}
.btn-primary{background:var(--primary-light);color:#fff;}
.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(20,111,99,.3);}
.btn-outline-primary{border:2px solid var(--primary);color:var(--primary);background:transparent;}
.btn-outline-primary:hover{background:var(--primary);color:#fff;}
.btn-danger{background:var(--danger);color:#fff;}
.btn-warning{background:var(--warning);color:#000;}

/* ============ ALERTS ============ */
.alert{border-radius:8px;border:none;padding:1rem 1.25rem;margin-bottom:1.25rem;font-weight:500;}
.alert-danger{background:#fee2e2;color:#991b1b;}
.alert-success{background:#dcfce7;color:#166534;}
.alert-warning{background:#fef3c7;color:#92400e;}
.alert-info{background:#dbeafe;color:#1e40af;}

/* ============ CARDS ============ */
.card{border:none;border-radius:12px;background:#fff;transition:all .3s ease;border-top:4px solid var(--primary);}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.12)!important;}
.card-body{padding:1.25rem;}
.card h5{color:var(--primary);font-weight:700;margin-bottom:1rem;}

/* ============ FORMS ============ */
.form-label{font-weight:600;color:var(--text);margin-bottom:.5rem;display:block;}
.form-control,.form-select{
  border:2px solid var(--border);
  border-radius:6px;padding:.7rem 1rem;font-size:1rem;transition:all .2s ease;
}
.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,140,123,.1);outline:none;}

/* ============ TABLES ============ */
.table-responsive{border-radius:8px;overflow:hidden;}
.table{margin-bottom:0;background:#fff;}
.table thead th{
  background:var(--light); border:none; font-weight:700; color:var(--primary);
  padding:1rem; text-align:right;
}
.table tbody tr{border-bottom:1px solid var(--border);transition:background .15s ease;}
.table tbody tr:hover{background:#f9fafb;}
.table tbody td{padding:1rem;vertical-align:middle;}
/* لو تستخدم جداول قديمة باسم styled-table */
.styled-table{width:100%;border-collapse:collapse;background:#fff;}
.styled-table thead th{background:var(--light);color:var(--primary);padding:12px;border:none;}
.styled-table td{border-top:1px solid var(--border);padding:12px;}
.styled-table tr:hover{background:#f9fafb;}

/* ============ STATUS BADGES ============ */
.status{font-weight:700;}
.status.قيد_الانتظار{color:#0ea5e9;} /* أزرق فاتح */
.status.معلق{color:#6b7280;}        /* رمادي */
.status.مقبول{color:var(--success);}/* أخضر */
.status.مرفوض{color:var(--danger);} /* أحمر */

/* ============ UTILITIES ============ */
.text-break{word-break:break-word;overflow-wrap:break-word;}
img{max-width:100%;height:auto;}
.btn:focus,.form-control:focus,.nav-link:focus{outline:2px solid var(--primary-light);outline-offset:2px;}
.btn:focus:not(:focus-visible),.form-control:focus:not(:focus-visible){outline:none;}

/* ============ FOOTER ============ */
.app-footer{background:#fff;border-top:3px solid var(--primary);}
.app-footer p{margin-bottom:0;color:var(--text-muted);}

/* ============ RESPONSIVE ============ */
@media (max-width: 992px){
  .card:hover{transform:translateY(-2px);}
}
@media (max-width:768px){
  .navbar-brand{font-size:1.05rem;}
  .btn{font-size:1rem;min-height:44px;}
  .table,.styled-table{font-size:.95rem;}
}
@media (max-width:480px){
  .navbar{padding:.6rem 0;}
  .navbar-brand{font-size:1rem;}
  .btn{font-size:1rem;min-height:44px;}
  .table thead th,.table tbody td,
  .styled-table thead th,.styled-table td{padding:.7rem;}
}

/* طباعة */
@media print{
  .navbar, footer, .btn-close{display:none;}
  body{background:#fff;}
  .card{break-inside:avoid;}
}