/* =====================================================================
   THEME: "دافئ عصري" — Warm Modern (Amber → Coral)
   ---------------------------------------------------------------------
   ملف ثيم مركزي واحد. يتحمّل آخر شي بعد tw.css وبعد البلوك الداخلي
   داخل index.html، فيتجاوزهم كلهم بطريقة دلالية عبر متغيّرات CSS.

   الفكرة: كل القيم البصرية معرّفة بـ:root كـ tokens دلالية، وبقية
   القواعد تشير لهنّ. تغيير الهوية = تغيير الـtokens فقط.

   لا يلمس: JS، tw.css، ألوان الحالات (emerald/rose/sky/purple/amber).
   يدعم: الوضع الفاتح + الغامق (html.dark) + زر التبديل #themeToggle.
   ===================================================================== */

:root {
  /* ---- هوية البراند: amber → coral ---- */
  --brand-1: #F59E0B;   /* amber */
  --brand-2: #FB7185;   /* coral */

  /* ---- الأسطح (دافئة-نظيفة عصرية، أقل اصفراراً) ---- */
  --bg:            #FBFAF8;   /* خلفية عامة فاتحة دافئة قريبة للأبيض */
  --bg-2:          #F6F4F1;   /* نغمة ثانية للخلفية/التدرّج الخفيف */
  --surface:       #FFFFFF;   /* البطاقات */
  --surface-2:     #F7F5F2;   /* أسطح ثانوية دافئة-حيادية */
  --surface-3:     #F0EDE8;   /* أسطح أعمق شوية (hover/أشرطة) */

  /* ---- الحدود (دافئة-حيادية ناعمة عصرية) ---- */
  --border:        #ECE7E1;   /* حد ناعم */
  --border-strong: #DCD5CC;   /* حد أوضح */

  /* ---- النصوص (رمادي-دافئ بتباين a11y جيّد) ---- */
  --text:          #25211C;   /* نص أساسي قوي */
  --text-strong:   #1A1714;   /* عناوين */
  --text-2:        #3D3833;   /* نص ثانوي قوي */
  --text-muted:    #6B6359;   /* نص مكتوم — يحقّق ~4.6:1 على bg الفاتح */
  --text-faint:    #8A8278;   /* نص خافت جداً للمساعدة فقط */
  --text-invert:   #FBFAF8;   /* نص على خلفية غامقة */

  /* ---- coral للمسات الثانوية المتناسقة ---- */
  --coral-50:  #FFF5F5;
  --coral-100: #FFE6E8;
  --coral-300: #FCA9B2;
  --coral-400: #FB8C99;
  --coral-500: #FB7185;
  --coral-600: #E84C66;
  --coral-700: #C23A52;

  /* ---- التفاعل / النظام ---- */
  --ring:        rgba(245, 158, 11, .45);          /* حلقة فوكَس amber */
  --accent:      #F59E0B;
  --select:      rgba(251, 113, 133, .22);         /* تحديد نص coral ناعم */
  --scrollbar:   rgba(245, 158, 11, .28);
  --scrollbar-h: rgba(245, 158, 11, .48);

  /* ---- ظلال elevation عصرية ناعمة ومنتشرة (لمسة amber خفيفة جداً) ---- */
  --shadow-soft: 0 1px 2px rgba(28, 25, 22, .04),
                 0 6px 16px rgba(28, 25, 22, .06),
                 0 12px 32px rgba(245, 158, 11, .05);
  --shadow-card: 0 1px 2px rgba(28, 25, 22, .05),
                 0 8px 24px rgba(28, 25, 22, .07);
  --shadow-pop:  0 8px 28px rgba(28, 25, 22, .10),
                 0 18px 48px rgba(245, 158, 11, .08);

  /* ---- نصف القطر العصري ---- */
  --radius-card: 18px;

  /* ربط tokens النظام بالموجود */
  accent-color: var(--accent);
}

/* تطبيق متغيّرات البراند (تغطّي البلوك الداخلي سطر ~325) */
:root {
  --brand-1: #F59E0B;
  --brand-2: #FB7185;
}

/* =====================================================================
   1) الأسطح العامة + الخلفية
   ===================================================================== */
body {
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
  background-attachment: fixed;
  color: var(--text);
}

/* تحديد النص + الفوكَس */
::selection { background: var(--select); }
:root { --ring: rgba(245, 158, 11, .45); }
:where(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--ring); outline-offset: 2px;
}

/* scrollbar */
.scrollbar-thin::-webkit-scrollbar-thumb { background: var(--scrollbar); }
.scrollbar-thin::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-h); }

/* native form controls — أسطح بيضاء نظيفة بنص دافئ */
select, option, input, textarea {
  background-color: var(--surface);
  color: var(--text);
}

/* =====================================================================
   2) التدرّجات البراندية amber → coral
   ===================================================================== */
.gradient-orange { background: linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%); }
.gradient-warm   { background: linear-gradient(135deg, #FCD34D 0%, var(--brand-1) 55%, var(--brand-2) 100%); }
.gradient-soft   { background: linear-gradient(135deg, #FEF3E2 0%, var(--surface-2) 100%); }
.gradient-text {
  background: linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 50%, var(--brand-1) 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}

/* =====================================================================
   3) الأورورا blobs — amber/coral ناعمة بدل البرتقالي القوي
   ===================================================================== */
.aurora::before {
  background: radial-gradient(circle at 40% 40%, #FCD9A0 0%, transparent 62%);
  opacity: .42;
}
.aurora::after {
  background: radial-gradient(circle at 50% 50%, #FBC0C8 0%, transparent 62%);
  opacity: .40;
}
.aurora .blob {
  background: radial-gradient(circle at 50% 50%, #FDEBC2 0%, transparent 66%);
  opacity: .46;
}

/* =====================================================================
   4) ظلال elevation عصرية — استبدال التوهّج البرتقالي القوي
   ===================================================================== */
/* .shadow-glow معرّف بـtw.css عبر --tw-shadow؛ نعيد كتابة الـvar نفسها */
.shadow-glow { --tw-shadow: var(--shadow-soft) !important; box-shadow: var(--shadow-soft) !important; }

/* البطاقات */
.card {
  background: var(--surface);
  border-color: var(--border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
}

/* لمسة نصف قطر أنعم للبطاقات الكبيرة (عصري، بدون مبالغة) */
.rounded-2xl { border-radius: var(--radius-card); }
.rounded-3xl { border-radius: 24px; }

/* =====================================================================
   5) Magic Bento — توهّج ناعم amber/coral بدل البرتقالي الفاقع
   ===================================================================== */
.bento::before {
  background: radial-gradient(circle var(--bento-r,260px) at var(--bento-x,50%) var(--bento-y,50%),
              rgba(245,158,11,.12), transparent 60%);
}
.bento::after {
  box-shadow: 0 0 0 1px rgba(245,158,11,.30),
              0 10px 30px rgba(28,25,22,.10),
              inset 0 0 30px rgba(251,113,133,.05);
}
.bento .bento-particle {
  background: radial-gradient(circle, rgba(245,158,11,.9), rgba(251,113,133,.4) 60%, transparent 70%);
}

/* glow-card / sparkle-ring / pin-key — تنسيق اللمسات مع الهوية */
.glow-card::before {
  background: radial-gradient(400px circle at var(--gx, 50%) var(--gy, 50%), rgba(245,158,11,.14), transparent 60%);
}

/* =====================================================================
   6) تجاوز باليت cream — أسطح دافئة-نظيفة عصرية (أقل اصفراراً)
   ===================================================================== */
.bg-cream-50  { background-color: #FDFCFA !important; }
.bg-cream-100 { background-color: var(--surface-2) !important; }
.bg-cream-200 { background-color: var(--surface-3) !important; }
.bg-cream-300 { background-color: #E8E3DC !important; }
.bg-cream-400 { background-color: #F2EFEA !important; }

.border-cream-100 { border-color: var(--border) !important; }
.border-cream-200 { border-color: var(--border) !important; }
.border-cream-300 { border-color: var(--border-strong) !important; }
.border-cream-400 { border-color: var(--border) !important; }
.border-cream-500 { border-color: var(--border-strong) !important; }

.text-cream-400 { color: var(--surface-2) !important; }

.from-cream-50 {
  --tw-gradient-from: #FDFCFA var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(253,252,250,0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

/* =====================================================================
   7) تجاوز باليت ink — رمادي-دافئ بتباين جيّد
   ===================================================================== */
.text-ink-800, .text-ink-700 { color: var(--text) !important; }
.text-ink-600 { color: var(--text-2) !important; }
.text-ink-500 { color: #524C44 !important; }
.text-ink-400 { color: var(--text-muted) !important; }
.text-ink-300 { color: var(--text-faint) !important; }
.text-ink-100 { color: #E7E2DB !important; }

.bg-ink-50  { background-color: #F6F4F1 !important; }
.bg-ink-100 { background-color: #E9E4DD !important; }
.bg-ink-200 { background-color: #D8D1C8 !important; }
.bg-ink-700 { background-color: #2A2622 !important; }
.bg-ink-800 { background-color: #1F1B18 !important; }
.bg-ink-900 { background-color: #161310 !important; }

.border-ink-100 { border-color: var(--border) !important; }

/* =====================================================================
   8) تجاوز باليت coral — لمسات ثانوية متناسقة مع #FB7185
   ===================================================================== */
.bg-coral-50  { background-color: var(--coral-50) !important; }
.bg-coral-100 { background-color: var(--coral-100) !important; }
.bg-coral-300 { background-color: var(--coral-300) !important; }
.bg-coral-400 { background-color: var(--coral-400) !important; }
.bg-coral-500 { background-color: var(--coral-500) !important; }

.border-coral-100 { border-color: var(--coral-100) !important; }
.border-coral-200 { border-color: #FBD3D8 !important; }
.border-coral-300 { border-color: var(--coral-300) !important; }
.border-coral-400 { border-color: var(--coral-400) !important; }

.text-coral-500 { color: var(--coral-500) !important; }
.text-coral-600 { color: var(--coral-600) !important; }
.text-coral-700 { color: var(--coral-700) !important; }

.to-coral-50 { --tw-gradient-to: var(--coral-50) var(--tw-gradient-to-position) !important; }

/* =====================================================================
   9) أصناف hover — نفس قيم الثيم حتى ما يصير تنافر
   (تهريب النقطتين إجباري بالـCSS)
   ===================================================================== */
.hover\:bg-cream-50:hover  { background-color: #FDFCFA !important; }
.hover\:bg-cream-100:hover { background-color: var(--surface-2) !important; }
.hover\:bg-cream-200:hover { background-color: var(--surface-3) !important; }
.hover\:bg-cream-300:hover { background-color: #E8E3DC !important; }

.hover\:bg-coral-50:hover  { background-color: var(--coral-50) !important; }
.hover\:bg-coral-100:hover { background-color: var(--coral-100) !important; }
.hover\:bg-coral-200:hover { background-color: #FBD3D8 !important; }
.hover\:bg-coral-600:hover { background-color: var(--coral-600) !important; }

.hover\:text-coral-600:hover { color: var(--coral-600) !important; }
.hover\:text-coral-700:hover { color: var(--coral-700) !important; }
.hover\:text-ink-600:hover   { color: var(--text-2) !important; }
.hover\:text-ink-700:hover   { color: var(--text) !important; }
.hover\:border-ink-300:hover { border-color: var(--border-strong) !important; }

/* =====================================================================
   10) زر التبديل #themeToggle — ينسجم مع الهوية (بدون كسر منطقه)
   ===================================================================== */
#themeToggle {
  background: var(--surface);
  color: var(--brand-1);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-soft);
}
#themeToggle:hover { box-shadow: var(--shadow-pop); }

/* pin-key hover (شاشة الدخول) — amber بدل البرتقالي القديم */
.pin-key:hover { border-color: var(--brand-1) !important; background-color: #FEF6E7 !important; }

/* =====================================================================
   ======================  الوضع الغامق (html.dark)  ===================
   نفس الهوية amber→coral، أسطح غامقة دافئة، حدود ونصوص متناسقة.
   ===================================================================== */
html.dark {
  --bg:            #15120F;
  --bg-2:          #1A1611;
  --surface:       #201C17;
  --surface-2:     #262119;
  --surface-3:     #2E2820;
  --border:        rgba(255, 255, 255, .08);
  --border-strong: rgba(255, 255, 255, .14);
  --text:          #ECE7DF;
  --text-strong:   #F4F0E9;
  --text-2:        #D6D0C6;
  --text-muted:    #ABA396;
  --text-faint:    #8A8278;

  --coral-50:  rgba(251, 113, 133, .14);
  --coral-100: rgba(251, 113, 133, .18);

  --ring:        rgba(245, 158, 11, .55);
  --select:      rgba(251, 113, 133, .28);
  --scrollbar:   rgba(245, 158, 11, .34);
  --scrollbar-h: rgba(245, 158, 11, .55);

  --shadow-soft: 0 2px 8px rgba(0, 0, 0, .40), 0 10px 28px rgba(0, 0, 0, .45);
  --shadow-card: 0 2px 10px rgba(0, 0, 0, .45);
  --shadow-pop:  0 12px 36px rgba(0, 0, 0, .55);
}

html.dark body {
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
  background-attachment: fixed;
  color: var(--text);
}

/* أورورا غامقة — لمسة amber/coral خافتة جداً */
html.dark .aurora::before { opacity: .16; }
html.dark .aurora::after  { opacity: .15; }
html.dark .aurora .blob   { opacity: .12; }

/* أسطح غامقة */
html.dark .bg-white { background-color: var(--surface) !important; }
html.dark [class*="bg-white/"] { background-color: rgba(32,28,23,.55) !important; }
html.dark .bg-cream-50  { background-color: var(--bg-2) !important; }
html.dark .bg-cream-100 { background-color: var(--surface-2) !important; }
html.dark .bg-cream-200 { background-color: var(--surface-3) !important; }
html.dark .bg-cream-300 { background-color: #38301F !important; }
html.dark .bg-cream-400 { background-color: var(--surface-2) !important; }
html.dark .card  { background: var(--surface); border-color: var(--border); box-shadow: var(--shadow-card); }
html.dark .glass { background: rgba(32,28,23,.72); }

/* حدود غامقة */
html.dark .border-cream-100, html.dark .border-cream-200, html.dark .border-cream-300,
html.dark .border-cream-400, html.dark .border-cream-500 { border-color: var(--border) !important; }
html.dark .border-ink-100 { border-color: var(--border) !important; }

/* نصوص غامقة */
html.dark .text-ink-900, html.dark .text-ink-800, html.dark .text-ink-700 { color: var(--text) !important; }
html.dark .text-ink-600 { color: var(--text-2) !important; }
html.dark .text-ink-500 { color: #B7B0A5 !important; }
html.dark .text-ink-400 { color: var(--text-muted) !important; }
html.dark .text-ink-300 { color: var(--text-faint) !important; }
html.dark .text-ink-100 { color: var(--surface-3) !important; }
html.dark .bg-ink-100 { background-color: rgba(255,255,255,.08) !important; }
html.dark .bg-ink-200 { background-color: rgba(255,255,255,.12) !important; }

/* coral غامق */
html.dark .bg-coral-50, html.dark .bg-coral-100 { background-color: rgba(251,113,133,.16) !important; }
html.dark .text-coral-700, html.dark .text-coral-600, html.dark .text-coral-500 { color: #FCA5B0 !important; }

/* ظلال + لمسات elevation غامقة */
html.dark .shadow-glow { --tw-shadow: var(--shadow-soft) !important; box-shadow: var(--shadow-soft) !important; }
html.dark .bento::before {
  background: radial-gradient(circle var(--bento-r,260px) at var(--bento-x,50%) var(--bento-y,50%),
              rgba(245,158,11,.16), transparent 60%);
}
html.dark .bento::after {
  box-shadow: 0 0 0 1px rgba(245,158,11,.30),
              0 12px 34px rgba(0,0,0,.50),
              inset 0 0 30px rgba(251,113,133,.06);
}

/* تدرّجات دافئة غامقة */
html.dark .gradient-soft { background: linear-gradient(135deg, var(--surface-2) 0%, var(--surface-3) 100%); }

/* form controls غامق */
html.dark select, html.dark option, html.dark input, html.dark textarea {
  background-color: var(--surface); color: var(--text-strong); border-color: var(--border-strong);
}

/* زر التبديل غامق */
html.dark #themeToggle { background: var(--surface); border-color: var(--border); box-shadow: var(--shadow-card); }

/* pin-key غامق */
html.dark .pin-key:hover { background-color: rgba(245,158,11,.12) !important; }

/* =====================================================================
   ============  طبقة الترقية العالمية (World-Class) — جلسة 11  =========
   ---------------------------------------------------------------------
   طبقة صقل تتحمّل آخر شي: مكوّنات مشتركة (بطاقات/أزرار/جداول/حقول/
   حالات فارغة) + micro-interactions + سبيسنغ عصري. token-driven بالكامل،
   لا تلمس أي JS ولا سلوك، تحترم prefers-reduced-motion وRTL (logical props).
   ===================================================================== */

:root {
  /* منحنيات حركة موحّدة */
  --ease:       cubic-bezier(.4, 0, .2, 1);
  --ease-out:   cubic-bezier(.16, 1, .3, 1);
  --dur-fast:   .15s;
  --dur:        .25s;
  --dur-slow:   .4s;
  /* سلّم نصف قطر عصري */
  --r-sm: 10px;  --r-md: 14px;  --r-lg: 18px;  --r-xl: 22px;
  /* ظل تفاعل (رفع البطاقة) */
  --shadow-hover: 0 2px 4px rgba(28,25,22,.05),
                  0 12px 28px rgba(28,25,22,.10),
                  0 22px 52px rgba(245,158,11,.08);
}
html.dark {
  --shadow-hover: 0 4px 14px rgba(0,0,0,.5), 0 18px 44px rgba(0,0,0,.55);
}

/* ---- 11.1 حركة عامة هادئة على العناصر التفاعلية ---- */
button, a, .card, [data-nav], input, select, textarea, [role="menu"] > button {
  transition: background-color var(--dur) var(--ease),
              border-color var(--dur) var(--ease),
              color var(--dur) var(--ease),
              box-shadow var(--dur) var(--ease),
              transform var(--dur-fast) var(--ease-out);
}

/* ---- 11.2 البطاقات: رفع ناعم عند المرور + حد أوضح ---- */
.card { transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease-out), border-color var(--dur) var(--ease); }
.card:hover { box-shadow: var(--shadow-hover); border-color: var(--border-strong); transform: translateY(-2px); }
/* بطاقات bg-white العامة تاخذ نفس النعومة */
.bg-white.rounded-2xl, .bg-white.rounded-3xl, .bg-white.rounded-xl { border-radius: var(--radius-card); }

/* ---- 11.3 الأزرار الأساسية (gradient-orange) — رفع + عمق + كبس ---- */
button.gradient-orange, a.gradient-orange, .btn.gradient-orange {
  box-shadow: 0 1px 2px rgba(28,25,22,.10), 0 6px 16px rgba(245,158,11,.22);
  will-change: transform;
}
button.gradient-orange:hover, a.gradient-orange:hover, .btn.gradient-orange:hover {
  box-shadow: 0 2px 4px rgba(28,25,22,.12), 0 10px 26px rgba(245,158,11,.32);
  transform: translateY(-1px);
  filter: brightness(1.03) saturate(1.03);
}
button.gradient-orange:active, a.gradient-orange:active, .btn.gradient-orange:active {
  transform: translateY(0) scale(.985);
  filter: brightness(.98);
}
button.gradient-orange:disabled, .btn.gradient-orange:disabled { opacity: .55; transform: none; filter: none; cursor: not-allowed; }

/* أزرار ثانوية (bg-white + حدود) — تفاعل لطيف */
button.bg-white:not(.gradient-orange):hover, a.bg-white:not(.gradient-orange):hover {
  border-color: var(--border-strong);
}

/* ---- 11.4 الحقول والنماذج — حدود ناعمة + فوكَس براندي ---- */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select, textarea {
  border: 1px solid var(--border-strong);
  border-radius: var(--r-md);
}
input:not([type="checkbox"]):not([type="radio"]):focus,
select:focus, textarea:focus {
  border-color: var(--brand-1);
  box-shadow: 0 0 0 3px var(--ring);
  outline: none;
}
input::placeholder, textarea::placeholder { color: var(--text-faint); }

/* ---- 11.5 الجداول — رأس هادئ + صفوف بتباعد أوسع + hover ---- */
table.w-full { border-collapse: separate; border-spacing: 0; }
table.w-full thead th {
  font-weight: 700;
  color: var(--text-muted);
  font-size: .75rem;
  letter-spacing: .01em;
  text-align: start;
  padding-block: .7rem;
}
table.w-full tbody td { padding-block: .7rem; border-top: 1px solid var(--border); }
table.w-full tbody tr { transition: background-color var(--dur-fast) var(--ease); }
table.w-full tbody tr:hover { background-color: var(--surface-2); }

/* ---- 11.6 القوائم المنسدلة (nav dropdown) — ظل أعمق + دخول ناعم ---- */
[data-dropdown-panel] {
  box-shadow: var(--shadow-pop);
  border-color: var(--border);
  transform-origin: top center;
}
[data-dropdown-panel]:not(.hidden) { animation: dropIn var(--dur) var(--ease-out); }
@keyframes dropIn { from { opacity: 0; transform: translateY(-6px) scale(.98); } to { opacity: 1; transform: none; } }

/* ---- 11.7 الهيدر — تثبيت زجاجي أنعم ---- */
header.sticky {
  background: color-mix(in srgb, var(--surface) 82%, transparent);
  backdrop-filter: saturate(180%) blur(14px);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  border-color: var(--border);
}
html.dark header.sticky { background: color-mix(in srgb, var(--surface) 78%, transparent); }

/* عناصر التنقّل — كبس خفيف */
[data-nav]:active { transform: scale(.97); }

/* ---- 11.8 حالات التحميل والفراغ — أنعم ---- */
.animate-spin { border-color: var(--surface-3); border-top-color: var(--brand-1) !important; }

/* ---- 11.9 سكرول بار أنحف وأنعم عام ---- */
* { scrollbar-width: thin; scrollbar-color: var(--scrollbar) transparent; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-thumb { background: var(--scrollbar); border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-h); }

/* ---- 11.11 النوافذ (bottom-sheet) على الموبايل — ما تختفي ورا الكيبورد ---- */
/* ارتفاع ديناميكي: يتقلّص تلقائياً لمن يفتح الكيبورد فيبقى الفوتر ظاهر. */
.fk-sheet { max-height: 92dvh; }
@supports not (height: 1dvh) { .fk-sheet { max-height: 92vh; } }
@media (min-width: 640px) { .fk-sheet { max-height: 90dvh; } }
/* فوتر صلب دائماً + مسافة أمان بأسفل الشاشة (iOS) */
.fk-sheet-foot {
  background: var(--surface);
  border-color: var(--border);
  padding-bottom: calc(.85rem + env(safe-area-inset-bottom, 0px));
  box-shadow: 0 -6px 20px rgba(28,25,22,.06);
}
html.dark .fk-sheet-foot { box-shadow: 0 -6px 20px rgba(0,0,0,.4); }

/* ---- 11.10 احترام تقليل الحركة ---- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
  .card:hover, button.gradient-orange:hover, a.gradient-orange:hover { transform: none; }
}
