/* =====================================================================
   منظومة التقارير العلمية - الأنماط العامة
   مستوحاة من النموذج الورقي: أشرطة رمادية لعناوين الأقسام،
   جداول بحدود واضحة، وترويسة رسمية بخط نسخ.
   ===================================================================== */

:root {
    --ink:        #1C2631;   /* النص */
    --muted:      #5A6671;   /* نص ثانوي */
    --paper:      #ECEFF2;   /* خلفية الصفحة */
    --sheet:      #FFFFFF;   /* الورقة */
    --band:       #D6DCE2;   /* شريط عنوان القسم (كما في النموذج) */
    --cell:       #EEF1F4;   /* خلية العنوان في الجدول */
    --rule:       #9FA9B3;   /* حدود الجداول */
    --primary:    #1E4D5C;   /* لون المنظومة: أزرق بترولي داكن */
    --primary-2:  #163B47;
    --focus:      #2F7EA0;
    --ok:         #2E6A3E;
    --ok-bg:      #E6F1E8;
    --bad:        #97282F;
    --bad-bg:     #F8E7E8;
    --info-bg:    #E5EEF3;

    --font-ui:    "IBM Plex Sans Arabic", Tahoma, "Segoe UI", sans-serif;
    --font-doc:   "Noto Naskh Arabic", "Traditional Arabic", "Times New Roman", serif;

    --radius:     4px;
}

* { box-sizing: border-box; }

html { font-size: 16px; }

body {
    margin: 0;
    background: var(--paper);
    color: var(--ink);
    font-family: var(--font-ui);
    line-height: 1.7;
}

h1, h2, h3 { font-family: var(--font-doc); line-height: 1.4; margin: 0; }

a { color: var(--primary); }

:focus-visible {
    outline: 3px solid var(--focus);
    outline-offset: 2px;
}

/* ---------------------------------------------------------------------
   صفحة الدخول: ورقة رسمية بترويسة الأكاديمية
   --------------------------------------------------------------------- */

.auth-body {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 1.5rem 1rem;
}

.sheet {
    width: 100%;
    max-width: 30rem;
    background: var(--sheet);
    border: 1px solid var(--rule);
    padding: 2rem 2rem 2.25rem;
}

.letterhead {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    text-align: center;
}

.letterhead-logo { width: 64px; height: auto; }

.letterhead-names p { margin: 0; font-family: var(--font-doc); }
.letterhead-academy { font-size: 1.15rem; font-weight: 700; }
.letterhead-school  { font-size: 1rem; color: var(--muted); }

/* صندوق العنوان: نفس صندوق "تقرير علمي لطالب دراسات عليا" في النموذج */
.title-box {
    margin: 1.5rem 0;
    padding: 0.6rem 1rem;
    background: var(--band);
    border-block: 2px solid var(--ink);
    font-family: var(--font-doc);
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
}

/* ---------------------------------------------------------------------
   الشريط العلوي
   --------------------------------------------------------------------- */

.topbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 2rem;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    color: #fff;
}

.brand {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: inherit;
    text-decoration: none;
}
.brand img { background: #fff; border-radius: 50%; padding: 3px; }
.brand span { display: flex; flex-direction: column; line-height: 1.3; }
.brand strong { font-family: var(--font-doc); font-size: 1.05rem; }
.brand small { opacity: 0.8; font-size: 0.8rem; }

.nav { display: flex; gap: 1.25rem; flex: 1; }
.nav a { color: #fff; text-decoration: none; padding-block: 0.25rem; border-bottom: 2px solid transparent; }
.nav a:hover { border-bottom-color: #fff; }

.account {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem 1rem;
    font-size: 0.9rem;
}
.account a, .account .link-button { color: #fff; }
.account form { margin: 0; }
.account-name { font-weight: 600; }

.role-tag {
    padding: 0.05rem 0.6rem;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: var(--radius);
    font-size: 0.8rem;
}

.link-button {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}

/* ---------------------------------------------------------------------
   محتوى الصفحة
   --------------------------------------------------------------------- */

.page {
    max-width: 64rem;
    margin: 0 auto;
    padding: 2rem 1.25rem 3rem;
}

.welcome { margin-bottom: 1.5rem; }
.welcome h1 { font-size: 1.6rem; }
.welcome p { margin: 0; color: var(--muted); }

/* الرقم الكبير: ما ينتظر المستخدم الحالي */
.queue {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 2rem;
    padding: 1.25rem 1.5rem;
    background: var(--sheet);
    border: 1px solid var(--rule);
    border-inline-start: 6px solid var(--primary);
}
.queue-number {
    margin: 0;
    font-family: var(--font-doc);
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    color: var(--primary);
    min-width: 3ch;
    text-align: center;
}
.queue h2 { font-size: 1.2rem; }
.queue p { margin: 0; color: var(--muted); }

/* القسم: شريط رمادي بعنوان بخط النسخ، كأقسام النموذج */
.panel {
    background: var(--sheet);
    border: 1px solid var(--rule);
    margin-bottom: 1.75rem;
}
.panel.narrow { max-width: 30rem; margin-inline: auto; }

.band {
    margin: 0;
    padding: 0.45rem 1rem;
    background: var(--band);
    border-bottom: 1px solid var(--rule);
    font-size: 1.1rem;
    font-weight: 700;
}

.panel-body { padding: 1.25rem; }
.panel-body p:first-child { margin-top: 0; }

/* جدول بيانات بنمط النموذج: خلية عنوان رمادية وخلية قيمة بيضاء */
.grid {
    width: 100%;
    border-collapse: collapse;
}
.grid th, .grid td {
    padding: 0.55rem 1rem;
    border-bottom: 1px solid var(--band);
    text-align: start;
}
.grid tr:last-child th, .grid tr:last-child td { border-bottom: 0; }
.grid th {
    width: 60%;
    background: var(--cell);
    font-weight: 500;
    border-inline-end: 1px solid var(--band);
}
.grid td { font-variant-numeric: tabular-nums; font-weight: 600; }
.grid tr.is-mine th { font-weight: 700; color: var(--primary); }
.grid tr.is-mine td { color: var(--primary); }

/* ---------------------------------------------------------------------
   النماذج
   --------------------------------------------------------------------- */

.form { display: grid; gap: 1.1rem; }

.field { display: grid; gap: 0.3rem; }
.field > span { font-weight: 500; }
.field small { color: var(--muted); }

.field input,
.field select,
.field textarea {
    width: 100%;
    padding: 0.6rem 0.75rem;
    font: inherit;
    color: var(--ink);
    background: #fff;
    border: 1px solid var(--rule);
    border-radius: var(--radius);
}
.field input:focus,
.field select:focus,
.field textarea:focus {
    border-color: var(--focus);
    outline: 2px solid var(--focus);
    outline-offset: 0;
}

.actions { display: flex; flex-wrap: wrap; gap: 0.75rem; }

.button {
    display: inline-block;
    padding: 0.6rem 1.5rem;
    font: inherit;
    font-weight: 600;
    color: #fff;
    background: var(--primary);
    border: 1px solid var(--primary);
    border-radius: var(--radius);
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}
.button:hover { background: var(--primary-2); }

.button-quiet {
    color: var(--primary);
    background: transparent;
}
.button-quiet:hover { background: var(--info-bg); }

/* ---------------------------------------------------------------------
   رسائل التنبيه
   --------------------------------------------------------------------- */

.alert {
    margin-bottom: 1.25rem;
    padding: 0.7rem 1rem;
    border: 1px solid;
    border-inline-start-width: 4px;
    border-radius: var(--radius);
}
.alert-success { color: var(--ok);  background: var(--ok-bg);   border-color: var(--ok); }
.alert-error   { color: var(--bad); background: var(--bad-bg);  border-color: var(--bad); }
.alert-info    { color: var(--primary); background: var(--info-bg); border-color: var(--primary); }

/* ---------------------------------------------------------------------
   الشاشات الصغيرة
   --------------------------------------------------------------------- */

@media (max-width: 640px) {
    .topbar { padding: 0.75rem 1rem; }
    .nav { order: 3; flex-basis: 100%; }
    .sheet { padding: 1.5rem 1.25rem; }
    .letterhead { flex-direction: column; gap: 0.5rem; }
    .queue { flex-direction: column; text-align: center; gap: 0.5rem; }
    .grid th { width: auto; }
}

@media (prefers-reduced-motion: reduce) {
    * { transition: none !important; animation: none !important; }
}

/* =====================================================================
   المرحلة 2: القوائم والجداول والنماذج الإدارية
   ===================================================================== */

.nav a[aria-current="page"] { border-bottom-color: #fff; font-weight: 600; }

.page-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}
.page-head h1 { font-size: 1.6rem; }

.lead { margin: -0.5rem 0 1.5rem; color: var(--muted); }
.muted { color: var(--muted); }
.hint { margin: 0; color: var(--muted); font-size: 0.9rem; }

.sr-only {
    position: absolute;
    width: 1px; height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* مسار التنقل */
.crumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    color: var(--muted);
}

/* تخطيط: الجدول بجانب نموذج الإضافة */
.split {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(16rem, 1fr);
    gap: 1.5rem;
    align-items: start;
}
.split > .panel { margin-bottom: 0; }

/* جدول القوائم: رأس رمادي كصف العناوين في النموذج */
.table-scroll { overflow-x: auto; }

.list {
    width: 100%;
    border-collapse: collapse;
}
.list th, .list td {
    padding: 0.55rem 0.9rem;
    border-bottom: 1px solid var(--band);
    text-align: start;
    vertical-align: middle;
}
.list thead th {
    background: var(--cell);
    border-bottom: 1px solid var(--rule);
    font-weight: 600;
    font-size: 0.9rem;
    white-space: nowrap;
}
.list tbody tr:last-child td { border-bottom: 0; }
.list tbody tr:hover { background: #F7F9FA; }
.list .num { font-variant-numeric: tabular-nums; white-space: nowrap; }
.list .ltr-cell { text-align: end; }
.list tr.is-muted td { color: var(--muted); }

.row-actions {
    white-space: nowrap;
    text-align: end !important;
}
.row-actions form { display: inline; margin-inline-start: 0.9rem; }
.row-actions .link-button { color: var(--primary); }
.link-button.danger { color: var(--bad) !important; }

/* وسوم الحالة */
.tag {
    display: inline-block;
    padding: 0 0.55rem;
    border: 1px solid;
    border-radius: var(--radius);
    font-size: 0.8rem;
    white-space: nowrap;
}
.tag-ok   { color: var(--ok);  background: var(--ok-bg);  border-color: currentColor; }
.tag-bad  { color: var(--bad); background: var(--bad-bg); border-color: currentColor; }
.tag-info { color: var(--primary); background: var(--info-bg); border-color: currentColor; }

/* مربع الاختيار */
.check {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}
.check input { width: 1.1rem; height: 1.1rem; accent-color: var(--primary); }

/* تذييل اللوحة: إجراء ثانوي منفصل */
.panel-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin: 0;
    padding: 0.9rem 1.25rem;
    border-top: 1px solid var(--band);
    background: #F7F9FA;
    font-size: 0.9rem;
}

.alert { overflow-wrap: anywhere; }

@media (max-width: 800px) {
    .split { grid-template-columns: 1fr; }
}

/* كلمة المرور المؤقتة: معزولة بخط واضح وزر نسخ */
.secret {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.6rem;
}
.secret code {
    padding: 0.35rem 0.8rem;
    background: #fff;
    border: 1px dashed currentColor;
    border-radius: var(--radius);
    font-family: Consolas, "Courier New", monospace;
    font-size: 1.15rem;
    letter-spacing: 0.08em;
    color: var(--ink);
    user-select: all;
}
.secret-copy { padding: 0.3rem 1rem; }

/* =====================================================================
   المرحلة 3: الطلاب والقيود
   ===================================================================== */

.field > label { font-weight: 500; }
.req { color: var(--bad); font-weight: 400; }

.field select:disabled { background: var(--cell); color: var(--muted); cursor: not-allowed; }

.field.has-error input,
.field.has-error select { border-color: var(--bad); background: #FFFBFB; }
.field-error { color: var(--bad) !important; font-weight: 500; }

/* شبكة الحقول: ثلاثة أعمدة على الشاشات الواسعة */
.fields {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 1rem 1.25rem;
}
.fields + .sub-band { margin-top: 1.5rem; }
.span-2 { grid-column: span 2; }

/* عنوان فرعي داخل القسم */
.sub-band {
    margin: 0 0 1rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid var(--band);
    font-size: 1rem;
    font-weight: 700;
}
.sub-band .muted { font-family: var(--font-ui); font-weight: 400; font-size: 0.85rem; }

/* أزرار الحفظ تبقى ظاهرة أسفل الشاشة في النماذج الطويلة */
.sticky-actions {
    position: sticky;
    bottom: 0;
    padding: 0.9rem 0;
    background: linear-gradient(to top, var(--paper) 75%, transparent);
}

/* شريط العنوان مع وسم وإجراء */
.band-with-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1rem;
}
.band-with-actions h2 { font-size: 1.1rem; }
.band-link { margin-inline-start: auto; font-family: var(--font-ui); font-size: 0.9rem; font-weight: 500; }

/* جدول العرض بنمط النموذج الورقي: عنوان رمادي | قيمة | عنوان رمادي | قيمة */
.sheet-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    min-width: 36rem;
}
.sheet-table th,
.sheet-table td {
    padding: 0.5rem 0.8rem;
    border: 1px solid var(--rule);
    text-align: center;
}
.sheet-table tr:first-child th,
.sheet-table tr:first-child td { border-top: 0; }
.sheet-table tr:last-child th,
.sheet-table tr:last-child td { border-bottom: 0; }
.sheet-table th:first-child { border-inline-start: 0; }
.sheet-table td:last-child  { border-inline-end: 0; }
.sheet-table th {
    width: 18%;
    background: var(--cell);
    font-family: var(--font-doc);
    font-weight: 600;
    font-size: 0.95rem;
}
.sheet-table td { font-weight: 600; }

/* البحث والفلاتر */
.filters {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 0.75rem 1rem;
    margin-bottom: 1.25rem;
    padding: 1rem 1.25rem;
    background: var(--sheet);
    border: 1px solid var(--rule);
}
.filters .field { min-width: 11rem; }
.filters .grow { flex: 1 1 16rem; }
.filters .field input,
.filters .field select { padding-block: 0.5rem; }

/* التنقل بين الصفحات */
.pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    color: var(--muted);
}

@media (max-width: 640px) {
    .span-2 { grid-column: auto; }
}

/* =====================================================================
   المرحلة 4: الملف الأكاديمي، المرفقات، التقارير
   ===================================================================== */

.tag-warn  { color: #7A4E00; background: #FFF3D6; border-color: currentColor; }
.tag-muted { color: var(--muted); background: var(--cell); border-color: var(--rule); }
.tag-lg    { font-size: 0.95rem; padding: 0.2rem 0.8rem; }

.button-danger { background: var(--bad); border-color: var(--bad); }
.button-danger:hover { background: #7A1F25; }
.button:disabled { opacity: 0.5; cursor: not-allowed; }

.band-links { margin-inline-start: auto; display: flex; gap: 1.25rem; font-family: var(--font-ui); font-size: 0.9rem; font-weight: 500; }

.field textarea { min-height: 2.6rem; resize: vertical; line-height: 1.6; }

.sheet-table td.title-cell { font-family: var(--font-doc); font-size: 1.05rem; }

/* شريط حالة التقرير أعلى ملف القيد */
.report-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.5rem;
    margin-bottom: 1.25rem;
    padding: 1rem 1.25rem;
    background: var(--sheet);
    border: 1px solid var(--rule);
    border-inline-start: 6px solid var(--primary);
}
.report-strip div { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.9rem; }
.report-strip form { margin: 0; }

/* قائمة النواقص */
.missing {
    margin-bottom: 1.5rem;
    padding: 0.8rem 1.1rem;
    background: #FFF8E6;
    border: 1px solid #D9B45C;
    border-radius: var(--radius);
}
.missing summary { cursor: pointer; font-weight: 600; color: #6B4700; }
.missing ul { margin: 0.6rem 0; padding-inline-start: 1.25rem; }

/* رفع المرفقات */
.panel-foot.upload { justify-content: flex-start; }
.panel-foot.upload select,
.panel-foot.upload input[type="file"] {
    padding: 0.45rem 0.6rem;
    font: inherit;
    border: 1px solid var(--rule);
    border-radius: var(--radius);
    background: #fff;
}

/* تبويبات الحالة */
.tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--rule);
}
.tabs a {
    padding: 0.5rem 0.9rem;
    color: var(--muted);
    text-decoration: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
}
.tabs a:hover { color: var(--ink); }
.tabs a[aria-current="page"] { color: var(--primary); border-bottom-color: var(--primary); font-weight: 600; }

/* إجراءات سير العمل */
.workflow { border-inline-start: 6px solid var(--primary); }
.workflow-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); gap: 1.25rem; }
.workflow-actions form { display: grid; gap: 0.6rem; align-content: end; }

/* صفحة التقرير: المعاينة مع السجل */
.report-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 17rem;
    gap: 1.5rem;
    align-items: start;
}
.report-preview { overflow-x: auto; }
.timeline ol { list-style: none; margin: 0; padding: 1rem 1.1rem; display: grid; gap: 1rem; }
.timeline li { display: grid; gap: 0.1rem; padding-inline-start: 0.9rem; border-inline-start: 2px solid var(--band); }
.timeline li span, .timeline time { font-size: 0.85rem; color: var(--muted); }
.timeline li p { margin: 0.3rem 0 0; font-size: 0.9rem; background: var(--cell); padding: 0.4rem 0.6rem; }

@media (max-width: 960px) {
    .report-layout { grid-template-columns: 1fr; }
}

/* صفحة التحقق العامة */
.verify { padding: 1rem 1.25rem; margin-bottom: 1.25rem; border: 1px solid; border-inline-start-width: 6px; }
.verify h1 { font-size: 1.25rem; }
.verify p { margin: 0.3rem 0 0; }
.verify-ok   { color: var(--ok);  background: var(--ok-bg);  border-color: var(--ok); }
.verify-bad  { color: var(--bad); background: var(--bad-bg); border-color: var(--bad); }
.verify-warn { color: #7A4E00;    background: #FFF3D6;       border-color: #C9951F; }
.verify-table { border: 1px solid var(--rule); }
.verify-table th { width: 45%; }

/* ---------------------------------------------------------------------
   ورقة التقرير: نسخة من النموذج الورقي (A4)
   --------------------------------------------------------------------- */

.report-sheet {
    position: relative;
    width: 100%;
    max-width: 210mm;
    min-width: 170mm;
    margin: 0 auto;
    padding: 12mm 11mm 10mm;
    background: #fff;
    border: 1px solid var(--rule);
    color: #000;
    font-family: var(--font-doc);
    font-size: 10pt;
    line-height: 1.45;
    overflow: hidden;
}

.watermark {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: 48pt;
    font-weight: 700;
    color: rgba(151, 40, 47, 0.10);
    transform: rotate(-30deg);
    pointer-events: none;
    white-space: nowrap;
}

.rs-head {
    display: grid;
    grid-template-columns: 30mm 1fr 30mm;
    align-items: center;
    gap: 4mm;
}
.rs-qr { width: 28mm; height: 28mm; display: grid; place-items: center; }
.rs-qr span { font-family: var(--font-ui); font-size: 7pt; color: #666; text-align: center; border: 1px dashed #aaa; padding: 2mm; }
.rs-qr img, .rs-qr canvas { width: 27mm !important; height: 27mm !important; }
.rs-logo { text-align: left; }
.rs-logo img { max-width: 28mm; max-height: 26mm; }
.rs-names { text-align: center; }
.rs-names p { margin: 0; }
.rs-academy { font-size: 14pt; font-weight: 700; }
.rs-school  { font-size: 13pt; font-weight: 700; }
.rs-title {
    display: inline-block;
    margin-top: 3mm !important;
    padding: 1.5mm 8mm;
    background: #DADADA;
    border-block: 1.5px solid #000;
    font-size: 13pt;
    font-weight: 700;
}
.rs-meta { margin: 2mm 0 0; font-family: var(--font-ui); font-size: 8pt; color: #444; text-align: left; }

.rs-table {
    width: 100%;
    margin-top: 3.5mm;
    border-collapse: collapse;
    table-layout: fixed;
}
.rs-table caption {
    padding: 1mm 2.5mm;
    background: #BDBDBD;
    border: 1px solid #000;
    border-bottom: 0;
    text-align: start;
    font-weight: 700;
    font-size: 11pt;
}
.rs-table th,
.rs-table td {
    padding: 1mm 1.5mm;
    border: 1px solid #000;
    text-align: center;
    vertical-align: middle;
    overflow-wrap: anywhere;
}
.rs-table th { background: #D9D9D9; font-weight: 700; width: 14%; }
.rs-table td { font-weight: 600; }
.rs-4 th { width: 20%; }
.rs-title-cell { padding-block: 2.5mm !important; }
.rs-subhead td { background: #E6E6E6; font-weight: 700; }

.rs-signs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4mm;
    margin-top: 6mm;
    min-height: 22mm;
    text-align: center;
}
.rs-signs p { margin: 0; }
.rs-sign-label { font-size: 12pt; font-weight: 700; }
.rs-sign-name  { margin-top: 2mm !important; font-size: 10pt; }
.rs-sign-date  { font-family: var(--font-ui); font-size: 8pt; color: #444; }

.rs-foot { margin-top: 4mm; font-size: 8.5pt; }
.rs-foot > p:first-child { margin: 0 0 1mm; font-weight: 700; }
.rs-foot ol {
    display: flex;
    flex-wrap: wrap;
    gap: 1mm 5mm;
    margin: 0;
    padding: 1.2mm 3mm;
    list-style-position: inside;
    background: #D9D9D9;
    border: 1px solid #000;
}
.rs-verify { margin: 2mm 0 0; font-family: var(--font-ui); font-size: 7.5pt; color: #444; }