/* ============ لوحة التحكّم ============ */

.site-head.compact{padding:18px 0;text-align:right}
.head-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.head-row h1{font-size:1.35rem;margin:0}
.head-actions{display:flex;gap:8px}
.btn-ghost.light{color:#fff;border-color:rgba(255,255,255,.45);background:transparent}
.btn-ghost.light:hover{background:rgba(255,255,255,.15)}
body.admin main{padding-top:22px;padding-bottom:40px}

/* ---------- الدخول ---------- */
.login-card{max-width:420px;margin:40px auto}
#login-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
#login-form input{
  flex:1 1 200px;font:inherit;padding:10px 12px;
  border:1px solid var(--line);border-radius:10px;
}
.form-error{
  background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;
  border-radius:10px;padding:10px 12px;font-size:.88rem;margin-top:12px;
}

/* ---------- شريط اللوحة ---------- */
.admin-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.admin-bar input{
  flex:1 1 220px;font:inherit;padding:10px 12px;
  border:1px solid var(--line);border-radius:10px;background:var(--card);
}

/* ---------- قائمة الماركات ---------- */
.admin-list{display:flex;flex-direction:column;gap:8px}
.admin-row{
  display:flex;align-items:center;gap:12px;
  background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:10px 14px;box-shadow:var(--shadow);
}
.admin-row.inactive{opacity:.55}
.row-thumb{
  width:44px;height:44px;flex:none;border-radius:10px;background:var(--blue-light);
  display:grid;place-items:center;font-size:1.2rem;overflow:hidden;
}
.row-thumb img{width:100%;height:100%;object-fit:contain}
.row-main{flex:1;min-width:0}
.row-main strong{display:block;font-size:.98rem}
.row-main small{color:var(--muted);font-size:.8rem}
.row-flags{display:flex;gap:6px;flex-wrap:wrap}
.flag{font-size:.72rem;padding:3px 9px;border-radius:999px;white-space:nowrap}
.flag.ok  {background:#dcfce7;color:#15803d}
.flag.warn{background:#fef3c7;color:#a16207}
.flag.off {background:#f1f5f9;color:#64748b}

/* ---------- النافذة ----------
 * الشكل الأساسي معرّف في style.css؛ هنا التعديلات الخاصة باللوحة فقط.
 */
.toast[hidden]{display:none}
.admin .modal-box{width:min(760px,100%)}

fieldset{border:1px solid var(--line);border-radius:12px;padding:14px;margin:0 0 16px}
legend{font-weight:700;color:var(--blue-dark);padding:0 8px;font-size:.95rem}
.field-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
label{display:block;font-size:.85rem;color:var(--muted);font-weight:600}
label.full{margin-top:12px}
fieldset input,fieldset select,fieldset textarea{
  width:100%;font:inherit;font-weight:400;color:var(--ink);margin-top:4px;
  padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;
}
fieldset textarea{resize:vertical}
.checks{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}
label.inline{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--ink)}
label.inline input{width:auto;margin:0;accent-color:var(--blue)}

/* ---------- الصور ---------- */
.images{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:10px}
.img-slot{border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}
.img-label{display:block;font-size:.82rem;font-weight:700;color:var(--muted);margin-bottom:8px}
.img-preview{
  height:130px;border-radius:10px;background:var(--bg);
  display:grid;place-items:center;overflow:hidden;margin-bottom:10px;
}
.img-preview img{max-width:100%;max-height:100%;object-fit:contain}
.img-empty{color:var(--muted);font-size:.8rem}
.img-actions{display:flex;gap:8px;justify-content:center}
.img-actions button{padding:7px 14px;font-size:.85rem}
.btn-ghost.danger{color:var(--bad);border-color:#fecaca}
.btn-ghost.danger:hover{background:#fef2f2}
.btn-ghost:disabled{opacity:.45;cursor:not-allowed}

/* ---------- التركيب ---------- */
.comp-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-top:10px}
.comp-field{
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;
  background:var(--bg);border-radius:10px;padding:9px 11px;
}
.comp-name{font-size:.8rem;font-weight:700;color:var(--blue-dark);grid-column:1/-1}
.comp-field input{margin:0;padding:7px 9px;background:#fff}
.comp-unit{font-size:.72rem;color:var(--muted);white-space:nowrap}

/* ---------- تذييل النافذة ---------- */
.modal-foot{
  display:flex;gap:10px;flex-wrap:wrap;padding-top:6px;
  border-top:1px solid var(--line);margin-top:4px;padding-top:16px;
}
#delete-btn{margin-inline-start:auto}

/* ---------- الإشعار ---------- */
.toast{
  position:fixed;bottom:20px;inset-inline-start:20px;z-index:70;
  background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;
  font-size:.9rem;box-shadow:0 6px 20px rgba(0,0,0,.22);max-width:min(420px,90vw);
}
.toast.err{background:var(--bad)}

@media (max-width:560px){
  .admin-row{flex-wrap:wrap}
  .row-flags{order:3;width:100%}
  .modal-box{max-height:100vh;border-radius:0}
  #delete-btn{margin-inline-start:0;width:100%}
}

/* ---------- تبويبات اللوحة ---------- */
.admin-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.atab{
  font:inherit;font-weight:600;cursor:pointer;color:var(--muted);
  background:var(--card);border:1px solid var(--line);
  padding:9px 16px;border-radius:10px;transition:.18s;
  display:inline-flex;align-items:center;gap:7px;
}
.atab:hover{background:var(--blue-light);color:var(--blue-dark)}
.atab.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.badge{
  background:var(--warn);color:#fff;font-size:.72rem;font-weight:700;
  min-width:20px;height:20px;border-radius:999px;padding:0 6px;
  display:inline-grid;place-items:center;
}
/* لازم: display المعرّف هنا يتقدّم على السمة hidden */
.badge[hidden]{display:none}
.atab.active .badge{background:#fff;color:var(--blue-dark)}

/* ---------- بطاقة اقتراح ---------- */
.sug-row{align-items:flex-start;flex-wrap:wrap;gap:10px}
.sug-note{
  font-size:.85rem;color:var(--ink);background:var(--bg);
  border-radius:8px;padding:7px 10px;margin:6px 0;
}
.sug-comp{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}
.sug-comp span{
  font-size:.75rem;background:var(--blue-light);color:var(--blue-dark);
  border-radius:7px;padding:2px 8px;
}
.sug-comp.muted{color:var(--muted);font-size:.8rem}
.sug-date{display:block;color:var(--muted);font-size:.75rem;margin-top:4px}
.sug-actions{display:flex;gap:8px;flex-wrap:wrap;margin-inline-start:auto}
.sug-actions button{padding:7px 14px;font-size:.85rem}