/* local_supportdesk V2 — ثنائي اللغة، جوال أولاً، وضع فاتح افتراضي، هوية SkillGate البنفسجية */
/* الهوية: بنفسجي #251087 · برتقالي #FFA01D · خلفيات فاتحة #F8F8FC */

.sd-wrap { max-width: 680px; margin: 0 auto; padding: 8px 4px 48px; }
.sd-page #region-main { padding: 0 8px; }

/* البطل + زر اللغة */
.sd-hero { text-align: center; padding: 20px 10px 4px; position: relative; }
.sd-hero-icon { font-size: 46px; line-height: 1; margin-bottom: 10px; }
.sd-title { font-size: 1.4rem; font-weight: 800; color: #251087; margin: 0 0 6px; }
.sd-sub { font-size: .98rem; color: #5b6b7c; margin: 0 auto 6px; max-width: 500px; }
.sd-lang-toggle {
  margin-top: 10px; background: #fff; border: 1.5px solid #d9dbee; color: #251087;
  border-radius: 999px; padding: 7px 18px; font-size: .9rem; font-weight: 700; cursor: pointer;
  box-shadow: 0 2px 8px rgba(37,16,135,.06);
}
.sd-lang-toggle:hover, .sd-lang-toggle:focus { border-color: #251087; outline: none; }
.sd-lang-sep { color: #c3c6dd; margin: 0 6px; }

/* البطاقة والمجموعات */
.sd-card, .sd-page .sd-card {
  background: #fff; border: 1px solid #e7e8f4; border-radius: 18px;
  padding: 20px 18px 16px; margin-top: 14px;
  box-shadow: 0 8px 28px rgba(37,16,135,.07);
}
.sd-group { border: none; border-top: 1px solid #eceef7; padding: 16px 0 4px; margin: 0; }
.sd-group:first-of-type { border-top: none; padding-top: 4px; }
.sd-group-title {
  font-size: .82rem; font-weight: 800; letter-spacing: .4px; color: #6d5bd0;
  text-transform: uppercase; padding: 0 0 10px; margin: 0 0 12px;
}
.sd-page[lang="en"] .sd-group-title, .sd-lang-en .sd-group-title { text-transform: none; }

/* الحقول */
.sd-field { margin-bottom: 15px; }
.sd-field label, .sd-field legend {
  display: flex; align-items: center; gap: 4px;
  font-weight: 700; color: #1c2733; font-size: .95rem; margin-bottom: 6px; padding: 0;
}
.sd-star { color: #d93025; font-weight: 800; font-size: 1rem; margin-inline-end: 2px; }
.sd-page .sd-card input[type=text], .sd-page .sd-card input[type=email],
.sd-page .sd-card select, .sd-page .sd-card textarea {
  width: 100% !important; max-width: 100%; box-sizing: border-box;
  border-radius: 11px; border: 1.5px solid #d5d7e6; padding: 11px 13px;
  font-size: 16px; /* يمنع تكبير iOS */ font-family: inherit; background: #fbfbfe; color: #16202b;
}
.sd-page .sd-card input:focus, .sd-page .sd-card select:focus, .sd-page .sd-card textarea:focus {
  border-color: #251087; outline: none; box-shadow: 0 0 0 3px rgba(37,16,135,.12);
}
.sd-page .sd-card .sd-invalid input, .sd-page .sd-card .sd-invalid select,
.sd-page .sd-card .sd-invalid textarea {
  border-color: #d93025; box-shadow: 0 0 0 3px rgba(217,48,37,.08);
}
.sd-page .sd-card textarea { min-height: 120px; resize: vertical; }

/* رسائل الخطأ تحت الحقل */
.sd-err {
  color: #d93025; font-size: .87rem; font-weight: 600; margin-top: 6px;
  display: flex; align-items: center; gap: 6px;
}
.sd-err::before { content: "⚠"; font-size: .85rem; }
.sd-err[hidden] { display: none; }

/* الملفات */
.sd-hint { font-size: .82rem; color: #6a7787; margin: 0 0 12px; }
.sd-file-slot { display: flex; flex-direction: column; gap: 8px; }
.sd-choose {
  background: #f4f2ff; color: #251087; border: 1.5px dashed #6d5bd0; border-radius: 12px;
  padding: 14px 16px; font-size: .95rem; font-weight: 700; cursor: pointer; width: 100%;
  text-align: start; transition: background .15s;
}
.sd-choose:hover { background: #ece9ff; }
.sd-choose-small { padding: 8px 12px; font-size: .85rem; border-style: solid; }
.sd-chip {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  background: #f4f2ff; border: 1px solid #d9d3f5; border-radius: 10px;
  padding: 8px 12px; font-size: .88rem; color: #16202b;
}
.sd-chip-name { font-weight: 700; color: #251087; word-break: break-all; }
.sd-chip-size { color: #6a7787; font-size: .8rem; }
.sd-chip-x {
  background: none; border: none; color: #d93025; font-size: 1rem; font-weight: 800;
  cursor: pointer; padding: 2px 6px; border-radius: 6px; margin-inline-start: auto;
}
.sd-chip-x:hover { background: #fdecea; }

/* شريط التقدم + الإرسال */
.sd-actions { border-top: 1px solid #eceef7; padding-top: 14px; margin-top: 4px; }
.sd-progress {
  height: 8px; background: #eceef7; border-radius: 999px; overflow: hidden; margin-bottom: 12px;
}
.sd-progress-bar {
  height: 100%; width: 0%; background: linear-gradient(90deg, #251087, #6d5bd0);
  border-radius: 999px; transition: width .2s;
}
.sd-err-submit { margin-bottom: 10px; }
.sd-submit {
  width: 100%; background: #251087; color: #fff; border: none; border-radius: 13px;
  padding: 15px 20px; font-size: 1.05rem; font-weight: 800; cursor: pointer;
  transition: background .15s;
}
.sd-submit:hover, .sd-submit:focus { background: #1a0b5e; }
.sd-submit:disabled { opacity: .6; cursor: wait; }
.sd-required-key {
  text-align: center; font-size: .8rem; color: #6a7787; margin: 10px 0 0;
}
.sd-honeypot { display: none !important; }

/* صفحة الشكر */
.sd-thanks-card {
  background: #fff; border: 1px solid #e7e8f4; border-radius: 20px; padding: 36px 22px 28px;
  text-align: center; margin-top: 16px; box-shadow: 0 8px 30px rgba(37,16,135,.08);
}
.sd-check { display: flex; justify-content: center; margin-bottom: 12px; }
.sd-ticket-box {
  display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;
  background: #f4f2ff; border: 1.5px dashed #6d5bd0; border-radius: 14px;
  padding: 14px 18px; margin: 18px auto 10px; max-width: 420px;
}
.sd-ticket-num {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.35rem; font-weight: 800; letter-spacing: 1px; color: #251087;
}
.sd-copy-btn {
  background: #FFA01D; color: #251087; border: none; border-radius: 9px;
  padding: 8px 16px; font-weight: 700; font-size: .9rem; cursor: pointer;
}
.sd-copy-btn:hover { background: #f79a12; }
.sd-copied { background: #1B7F4D; color: #fff; }
.sd-sub2 { font-size: .95rem; color: #5b6b7c; margin: 8px auto 18px; max-width: 440px; }
.sd-thanks-card .sd-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; border-top: none; padding-top: 0; }

/* إدارة البلاغات (كما كانت جولة 1) */
.sd-stats { color: #5b6b7c; font-size: .95rem; }
.sd-admin-card {
  background: #fff; border: 1px solid #e7e8f4; border-radius: 14px;
  padding: 14px 16px; margin-bottom: 14px; box-shadow: 0 3px 12px rgba(37,16,135,.05);
}
.sd-admin-head { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
.sd-admin-ticket { font-family: ui-monospace, Menlo, Consolas, monospace; font-weight: 800; color: #251087; }
.sd-admin-time { color: #6a7787; font-size: .85rem; }
.sd-admin-meta { font-size: .9rem; color: #37475a; margin-bottom: 6px; }
.sd-admin-desc { background: #f8f8fc; border-radius: 10px; padding: 10px 12px; font-size: .92rem; margin: 8px 0; white-space: pre-wrap; }
.sd-admin-form { border-top: 1px dashed #e0e2f0; padding-top: 10px; }
.sd-admin-form label { font-weight: 700; font-size: .88rem; color: #37475a; }
.sd-admin-form .form-control { border-radius: 9px; }

/* الجوال أولاً */
@media (max-width: 575.98px) {
  .sd-wrap { padding: 0 2px 36px; }
  .sd-title { font-size: 1.2rem; }
  .sd-card, .sd-page .sd-card { padding: 16px 12px 12px; border-radius: 15px; }
  .sd-group { padding: 13px 0 2px; }
  .sd-ticket-num { font-size: 1.05rem; }
  .sd-ticket-box { padding: 12px 12px; gap: 8px; }
  .sd-submit { padding: 15px 16px; }
}

/* حركة مخفضة */
@media (prefers-reduced-motion: reduce) {
  .sd-copy-btn, .sd-submit, .sd-progress-bar { transition: none; }
}

/* مسار PDPL — منتقي الحق والمرفقات يُداران بسمة hidden (حماية من أي reset بالمظهر) */
.sd-group[hidden] { display: none !important; }

/* ============================================================
   فصل الدارين (أمر سند 23-10 مساءً «لا خلطة» — كل صفحة كيان واحد):
   صفحات الدعم تحمل هوية دار التذكرة حصراً — يُخفى زينة الثيم القديم
   (شريط تنقل مختلط + فوتر «الاسم القديم المحذوف · mu3een.com») وتُعاضد
   صفحةٌ سطرَ هوية دارها (sd-brandline) بلون الدار.
   ============================================================ */
.sd-page .navbar.fixed-top,
.sd-page #page-header,
.sd-page #page-footer,
.sd-page #page-drawers > .drawer-toggles { display: none !important; }
.sd-page #page-wrapper { padding-top: 0 !important; }
.sd-brandline {
  text-align: center;
  font-family: 'Cairo', 'Tajawal', sans-serif;
  font-weight: 800;
  font-size: .95rem;
  letter-spacing: .2px;
  padding: 2px 0 14px;
}
.sd-house-mu3een .sd-brandline { color: #251087; }
.sd-house-mmasoudi .sd-brandline { color: #120c3d; }