/* نظام تذكير الجلسات — هوية بصرية بروح "مكتب محاماة" (جلد، نحاس، ورق عاجي)
   بدل الطابع التطبيقي العام. كل أسماء الأصناف (classes) كما هي؛ هذا الملف
   لا يغيّر أي بنية HTML في ملفات PHP. */

@font-face{
  font-family:'Amiri';src:url('fonts/amiri-400-arabic.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC;
}
@font-face{
  font-family:'Amiri';src:url('fonts/amiri-400-latin.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF;
}
@font-face{
  font-family:'Amiri';src:url('fonts/amiri-700-arabic.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC;
}
@font-face{
  font-family:'Amiri';src:url('fonts/amiri-700-latin.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF;
}
@font-face{
  font-family:'Cairo';src:url('fonts/cairo-var-arabic.woff2') format('woff2');
  font-weight:400 700;font-style:normal;font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC;
}
@font-face{
  font-family:'Cairo';src:url('fonts/cairo-var-latin.woff2') format('woff2');
  font-weight:400 700;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF;
}

:root{
  --paper:#F2EEE4;       /* ورق عاجي دافئ لخلفية الصفحة */
  --surface:#FFFFFF;     /* البطاقات */
  --surface-2:#F7F3E9;   /* لوحات فرعية غائرة (مربع البحث مثلاً) */
  --ink:#211D19;         /* شبه أسود دافئ */
  --ink-muted:#5C5346;
  --ink-faint:#948B79;
  --accent:#5C1A24;      /* عنابي عميق — جلد المجلدات القانونية */
  --accent-strong:#3E0F17;
  --accent-soft:#F1E2E0;
  --brass:#A9834B;       /* لمسة نحاسية للتفاصيل الدقيقة فقط */
  --brass-soft:#F3E9D6;
  --rule:#DED2BB;
  --success:#2E6B4F;
  --success-soft:#E3EFE7;
  --warning:#96662A;
  --warning-soft:#F5E9D6;
  --danger:#9C3B33;
  --danger-soft:#F6E5E2;
  --font-display:'Amiri','Traditional Arabic','Times New Roman',serif;
  --font-body:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;
  --font-mono:'Consolas','SF Mono',Menlo,monospace;
  --radius:3px;
}

*{box-sizing:border-box;}
body{
  margin:0; direction:rtl; font-family:var(--font-body); background:var(--paper); color:var(--ink);
  line-height:1.75; font-size:15px; -webkit-font-smoothing:antialiased;
}
a{color:inherit;}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}

h1,h2{font-family:var(--font-display);font-weight:700;letter-spacing:.005em;text-wrap:balance;color:var(--ink);}

/* ---------- شريط علوي ---------- */
.topbar{background:var(--surface);border-bottom:1px solid var(--rule);position:relative;}
.topbar::after{
  content:"";position:absolute;right:0;left:0;bottom:-3px;height:2px;
  background:linear-gradient(90deg,transparent 6%,var(--brass) 22%,var(--brass) 78%,transparent 94%);
  opacity:.75;
}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:20px;flex-wrap:wrap;}
.topbar .brand{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--accent-strong);letter-spacing:.01em;}
.topbar nav{display:flex;gap:4px;flex-wrap:wrap;}
.topbar nav a{
  font-size:14px;color:var(--ink-muted);text-decoration:none;padding:9px 4px;margin:0 10px;
  border-bottom:2px solid transparent;transition:color .15s,border-color .15s;
}
.topbar nav a.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700;}
.topbar nav a:hover{color:var(--accent-strong);}
.topbar .logout{font-size:13px;color:var(--danger);text-decoration:none;}
.topbar .logout:hover{color:var(--accent-strong);}

main.wrap{padding:32px 24px 64px;}

h1{font-size:25px;margin:0 0 8px;}
h2{font-size:18px;margin:0 0 14px;color:var(--accent-strong);}
p.desc{color:var(--ink-muted);margin:0 0 22px;font-size:14.5px;max-width:75ch;}

/* ---------- بطاقات ---------- */
.card{
  background:var(--surface);border:1px solid var(--rule);border-top:3px solid var(--accent);
  border-radius:var(--radius);padding:26px 28px;margin-bottom:24px;
  box-shadow:0 1px 2px rgba(40,25,15,.03);
}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap;}

/* ---------- نماذج ---------- */
label{display:block;font-size:13px;color:var(--ink-muted);margin-bottom:6px;font-weight:600;}
input[type=text], input[type=password], input[type=search], input[type=number], select, textarea{
  width:100%;padding:10px 13px;border:1px solid var(--rule);border-radius:2px;font-size:14.5px;
  font-family:var(--font-body);background:var(--surface);color:var(--ink);transition:border-color .15s, box-shadow .15s;
}
input:focus, select:focus, textarea:focus{
  outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);
}
textarea{min-height:180px;resize:vertical;font-family:var(--font-mono);font-size:13.5px;}
.field{margin-bottom:16px;}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:640px){.field-grid{grid-template-columns:1fr;}}
.field.empty input{border:1.5px dashed var(--danger);background:var(--danger-soft);}
.field .hint{font-size:12px;color:var(--ink-faint);margin-top:5px;}
.field .hint a{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px solid var(--brass);}

/* ---------- أزرار ---------- */
.btn{
  display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;padding:10px 20px;
  border-radius:2px;border:1px solid transparent;cursor:pointer;text-decoration:none;
  background:var(--surface-2);color:var(--ink-muted);font-family:var(--font-body);transition:background .15s,color .15s,border-color .15s;
}
.btn.primary{background:var(--accent);color:#fff;}
.btn.primary:hover{background:var(--accent-strong);}
.btn.ghost{background:var(--surface);border-color:var(--rule);color:var(--ink-muted);}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent);}
.btn.danger{background:var(--danger-soft);color:var(--danger);}
.btn.danger:hover{background:var(--danger);color:#fff;}
.btn.small{padding:6px 14px;font-size:12.5px;}

/* ---------- جداول ---------- */
table{width:100%;border-collapse:collapse;font-size:14px;}
th{
  text-align:right;font-weight:700;color:var(--ink-muted);font-size:12px;letter-spacing:.03em;
  padding:11px 10px;border-bottom:2px solid var(--accent-soft);white-space:nowrap;
}
td{padding:12px 10px;border-bottom:1px solid var(--rule);}
tr:hover td{background:var(--surface-2);}
tr:last-child td{border-bottom:none;}

/* ---------- شارات حالة ---------- */
.pill{font-size:11.5px;font-weight:700;padding:3px 11px;border-radius:2px;letter-spacing:.01em;}
.pill.ok{background:var(--success-soft);color:var(--success);}
.pill.pending{background:var(--warning-soft);color:var(--warning);}
.pill.fail{background:var(--danger-soft);color:var(--danger);}

/* ---------- تنبيهات ---------- */
.alert{padding:13px 18px;border-radius:2px;font-size:14px;margin-bottom:18px;border-inline-start:3px solid;}
.alert.error{background:var(--danger-soft);color:var(--danger);border-inline-start-color:var(--danger);}
.alert.success{background:var(--success-soft);color:var(--success);border-inline-start-color:var(--success);}

/* ---------- صفحة تسجيل الدخول ---------- */
.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--paper);}
.login-card{
  background:var(--surface);border:1px solid var(--rule);border-top:4px solid var(--accent);
  border-radius:var(--radius);padding:44px 38px;width:100%;max-width:360px;
  box-shadow:0 1px 3px rgba(35,20,10,.05), 0 18px 40px -12px rgba(35,20,10,.18);
}
.login-card::before{
  content:"";display:block;width:46px;height:46px;margin:0 auto 20px;
  border:1.5px solid var(--brass);border-radius:50%;
  background:radial-gradient(circle at 50% 45%,var(--brass-soft),transparent 70%);
}
.login-card h1{text-align:center;font-size:19px;margin-bottom:26px;color:var(--accent-strong);}

.paste-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
@media (max-width:760px){.paste-grid{grid-template-columns:1fr;}}