/* style.css - RTL Arabic */
*{box-sizing:border-box}
body{font-family: "Tahoma", Arial, sans-serif; background:#f7f7fb; margin:0; direction: rtl;}
a{color:#0b6bcb; text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px; margin:0 auto; padding:16px}
.header{background:#17233a; color:#fff; padding:14px 0; box-shadow:0 2px 6px rgba(0,0,0,.08)}
.header .brand{font-weight:700; font-size:20px}
.nav{display:flex; gap:14px; align-items:center}
.nav a{color:#fff; padding:6px 10px; border-radius:10px}
.nav a.active, .nav a:hover{background:#0b6bcb}
.card{background:#fff; border:1px solid #e9edf3; border-radius:14px; padding:16px; margin:14px 0; box-shadow:0 2px 10px rgba(0,0,0,.03)}
.card h2{margin:0 0 12px 0; font-size:18px}
.btn{display:inline-block; padding:8px 14px; border-radius:10px; background:#0b6bcb; color:#fff; border:none; cursor:pointer}
.btn:disabled{opacity:.6; cursor:not-allowed}
.btn-outline{background:#fff; color:#0b6bcb; border:1px solid #0b6bcb}
.table{width:100%; border-collapse:collapse; background:#fff}
.table th,.table td{border:1px solid #e1e6ef; padding:8px; text-align:center; vertical-align:middle}
.badge{display:inline-block; padding:2px 8px; border-radius:8px; background:#eef5ff; color:#0b6bcb; font-size:12px}
input, select, textarea{width:100%; padding:8px; border:1px solid #dfe5ee; border-radius:10px; background:#fff}
.form-row{display:grid; grid-template-columns:repeat(4,1fr); gap:12px}
.form-row-2{display:grid; grid-template-columns:repeat(2,1fr); gap:12px}
.form-actions{display:flex; gap:10px; justify-content:flex-start}
.footer{color:#6b7280; padding:20px 0; text-align:center}
.table-scroll{overflow:auto}
.notice{background:#fff3cd; padding:10px; border:1px solid #ffeeba; border-radius:8px}
.success{background:#d1f9d8; border:1px solid #b1f0b9}
.danger{background:#ffe3e3; border:1px solid #ffc9c9}
.search{margin-bottom:10px}
.small{font-size:12px; color:#666}
/* Header layout */
.header { background:#fff; border-bottom:1px solid #e6e6e6; }
.header-wrap { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; }

/* Brand block + small header image */
.brand-box { display:flex; align-items:center; gap:10px; min-width: 0; }
.header-logo {
  max-height:80px;    /* shrink header image here */
  width:auto;
  display:block;
  border-radius:8px;
  object-fit:contain;
}
.brand {
  font-weight:700;
  font-size:14px;     /* adjust if you want smaller/larger title */
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Nav */
.nav { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
.nav a {
  text-decoration:none;
  padding:6px 10px;
  border-radius:10px;
  color:#0b5ed7;
  border:1px solid transparent;
  background:#f8f9ff;
}
.nav a:hover { background:#eef4ff; border-color:#dbe6ff; }
.nav a.active { background:#e8f0ff; color:#093e8e; font-weight:700; border-color:#cfe0ff; }
.badge { font-size:12px; color:#555; background:#f1f1f1; padding:4px 8px; border-radius:8px; }

/* Container (if not already defined) */
.container { max-width:1120px; margin:0 auto; padding:0 16px; }