/* ══════════════════════════════════════════════════════════════════════
   جائزة المتميزون في البحث والنشر العلمي — خريجو المجلس العربي 2025
   أنماط طبقة الحسابات: الدخول · الشريط العلوي · الإدارة · حسابي

   الألوان مأخوذة من صفحات الموقع نفسها (فيروزي #0E6E6E وذهبي #C8A951)
   حتى لا تبدو صفحةُ الدخول ولوحةُ الإدارة غريبتين عمّا خلفهما.

   ⚠ هذا الملفُّ لصفحاتنا نحن فقط (الدخول · الإدارة · حسابي · صفحات الخطأ)،
   ولا يُحمَّل في صفحات الموقع المولَّدة — ففيه قواعدُ عامّةٌ على body وh1
   وtable كانت ستُعيد تصميمَها. ما يُحقن هناك هو shell.css وحده.
   ══════════════════════════════════════════════════════════════════════ */

:root{
  --teal:#0E6E6E; --teal-d:#0a5252; --teal-l:#e6f2f2;
  --gold:#C8A951; --gold-l:#faf5e6;
  --bg:#f4f6f7; --card:#fff; --ink:#1c2b2b; --mut:#6b8080; --line:#dde5e5;
  --ok:#1b7f4b; --warn:#b8860b; --bad:#b03030;
  --shell-h:46px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:"Almarai","Segoe UI","Sakkal Majalla",Tahoma,Arial,sans-serif;
  font-size:14px;line-height:1.8}
a{color:var(--teal)}
h1,h2,h3{color:var(--teal);margin:0 0 10px}

/* ───────────────────────────────────────────────────────── صفحات هذه الطبقة */
.centre{min-height:100vh;display:grid;place-items:center;padding:24px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:30px 28px;max-width:420px;width:100%;text-align:center;
  box-shadow:0 6px 28px rgba(14,110,110,.10)}
.logo{height:64px;width:auto;margin-bottom:14px}
.wrap{max-width:1180px;margin:0 auto;padding:22px 20px 70px}

.field{text-align:start;margin-bottom:14px}
.field label{display:block;font-size:12.5px;color:var(--mut);margin-bottom:5px}
input,select,textarea,button{font-family:inherit;font-size:13.5px}
input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--line);
  border-radius:8px;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--teal);
  outline-offset:-1px}
.btn{display:inline-block;background:var(--teal);color:#fff;border:none;
  cursor:pointer;font-weight:700;border-radius:8px;padding:9px 18px;
  text-decoration:none;font-size:13.5px}
.btn:hover{background:var(--teal-d)}
.btn[disabled]{opacity:.55;cursor:default}
.btn.gold{background:var(--gold);color:#3a2f10}
.btn.ghost{background:transparent;color:var(--teal);border:1px solid var(--line)}
.btn.ghost:hover{background:var(--teal-l)}
.btn.danger{background:var(--bad)}
.btn.sm{padding:5px 11px;font-size:12.5px;border-radius:7px}
.w-auto{width:auto}

.msg{border-radius:8px;padding:9px 13px;margin:10px 0;font-size:13px;
  text-align:start}
.msg.bad{background:#fdecec;color:var(--bad);border:1px solid #f3caca}
.msg.ok{background:#e9f7ef;color:var(--ok);border:1px solid #c4e7d3}
.msg.note{background:var(--gold-l);color:#6b551a;border:1px solid #ecdcae}
.muted{color:var(--mut);font-size:12.5px}

.card{background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:18px 20px;margin:16px 0}
.card>h2{font-size:17px;border-inline-start:5px solid var(--gold);
  padding-inline-start:10px}

table{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);
  border-radius:10px;overflow:hidden;font-size:13px}
th{background:var(--teal);color:#fff;padding:9px 8px;font-size:12px;
  font-weight:700;text-align:start;white-space:nowrap}
td{padding:8px;border-bottom:1px solid var(--line);text-align:start;
  vertical-align:top}
tr:last-child td{border-bottom:none}
.scroll{overflow-x:auto}
.num{text-align:center;font-variant-numeric:tabular-nums}

.pill{display:inline-block;padding:2px 10px;border-radius:14px;font-size:11.5px;
  font-weight:700;white-space:nowrap}
.pill.ok{background:#e3f5ea;color:var(--ok)}
.pill.w{background:#fdf3dd;color:var(--warn)}
.pill.n{background:#fdecec;color:var(--bad)}
.pill.q{background:#eef2f2;color:var(--mut)}
.pill.admin{background:var(--gold-l);color:#6b551a;border:1px solid #ecdcae}

.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 14px}
.tabs button{background:transparent;border:1px solid var(--line);color:var(--mut);
  border-radius:9px;padding:7px 15px;cursor:pointer;font-weight:700}
.tabs button.on{background:var(--teal);border-color:var(--teal);color:#fff}

.row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.row>.field{flex:1 1 170px;margin-bottom:0}

code.pw{display:inline-block;direction:ltr;background:#0f2a2a;color:#d8f0ea;
  padding:5px 12px;border-radius:7px;font-family:Consolas,monospace;
  font-size:14px;letter-spacing:.5px;user-select:all}