/* مكتب المدني للاستقدام — هوية معزولة: أزرق كحلي مع الشعار الأسود على أبيض.
   تحميل هذا الملف مشروط بالـ tenant في base.html، فلا يؤثر على أي مكتب آخر. */

[data-office="almadani"] {
  --office-primary:#0F2A4F !important;
  --office-primary-dark:#0A1E3C;
  --office-primary-hover:#1B3D6A;
  --office-primary-soft:#D9D9D9;
  --surface:#FFFFFF;
  --bg:#F6F6F4;
  --bg-alt:#EFEFEC;
  --border:#E2E2DE;
  --border-strong:#C9C9C4;
  --text:#111111;
  --text-muted:#5A5A57;
  --gold:#111111;
  --gold-text:#111111;
  --gold-soft:#F1F1EE;
  --gold-border:#C9C9C4;
  --tint-6:#F6F6F4;
  --tint-8:#EFEFEC;
  --tint-14:#E5E5E1;
  --tint-22:#D9D9D5;
  --shade-82:#111111;
  --shade-80:#000000;
  --shadow-card:0 12px 30px -24px rgba(0,0,0,.35);
  --shadow-card-hover:0 22px 44px -28px rgba(0,0,0,.45);
  --r-lg:20px;
  --r-md:14px;
  --r-sm:10px;
  --control-h:48px;
  font-family:'IBM Plex Sans Arabic','Tajawal',system-ui,sans-serif;
  background:var(--bg);
  color:var(--text);
  font-size:16px;
}

[data-office="almadani"] h1,
[data-office="almadani"] h2,
[data-office="almadani"] h3,
[data-office="almadani"] .name {
  font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif;
}

[data-office="almadani"] .topbar {
  min-height:72px;
  padding:8px 48px;
  color:#111111;
  background:#FFFFFF;
  border-bottom:1px solid #E2E2DE;
}

[data-office="almadani"] .topbar a.topbar__brand,
[data-office="almadani"] .catalog-nav-links a,
[data-office="almadani"] .catalog-nav-links span.office-name {
  color:#111111;
}

/* الشعار أفقي (رمز + نص) — صندوق مستطيل أبيض يعرضه كاملًا بلا قص */
[data-office="almadani"] .topbar__logo {
  width:auto;
  height:56px;
  aspect-ratio:auto;
  padding:4px 10px;
  border:1px solid #E2E2DE;
  border-radius:12px;
  background:#FFFFFF;
}

[data-office="almadani"] .topbar__logo img {
  width:auto;
  height:100%;
  max-width:150px;
  object-fit:contain;
  border-radius:0;
}

[data-office="almadani"] .office-logo-box img {
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:0;
}

[data-office="almadani"] .catalog-container {
  max-width:1400px;
  padding:40px 48px 96px;
}

[data-office="almadani"] .office-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:-40px -48px 28px;
  padding:52px 48px;
  color:#FFFFFF;
  background:#0F2A4F;
  border-bottom:4px solid #0A1E3C;
}

/* زخرفة خطوط مائلة مستوحاة من حرف M في الشعار */
[data-office="almadani"] .office-hero::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:repeating-linear-gradient(135deg, rgba(255,255,255,.06) 0 18px, transparent 18px 44px);
}

[data-office="almadani"] .office-hero-inner {
  max-width:1304px;
  min-height:168px;
}

[data-office="almadani"] .public-filters[data-simple-filters] {
  grid-template-columns:repeat(3,minmax(0,1fr));
}

[data-office="almadani"] .office-logo-box {
  width:300px;
  height:150px;
  padding:14px 18px;
  overflow:hidden;
  border:0;
  border-radius:20px;
  background:#FFFFFF;
  box-shadow:0 20px 48px -26px rgba(0,0,0,.8);
}

[data-office="almadani"] .office-hero h1 {
  max-width:820px;
  margin:0;
  color:#FFFFFF;
  font-size:42px;
  line-height:1.35;
}

[data-office="almadani"] .office-hero-tagline {
  margin-top:10px;
  color:#D4D4D0;
  font-size:17px;
}

[data-office="almadani"] .office-trust span {
  color:#FFFFFF;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.28);
}

[data-office="almadani"] .office-trust i {
  color:#FFFFFF;
}

[data-office="almadani"] .office-hero-stats {
  gap:10px;
}

[data-office="almadani"] .office-stat {
  border-color:rgba(255,255,255,.24);
  background:rgba(255,255,255,.06);
  box-shadow:none;
}

[data-office="almadani"] .office-stat b {
  color:#FFFFFF;
}

[data-office="almadani"] .office-stat span {
  color:#D4D4D0;
}

[data-office="almadani"] .empty-state.is-coming-soon {
  padding:64px 32px;
  border:1px solid #E2E2DE;
  border-radius:24px;
  background:#FFFFFF;
  box-shadow:var(--shadow-card);
}

[data-office="almadani"] .empty-state.is-coming-soon > i {
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  margin:0 auto 20px;
  color:#FFFFFF;
  border-radius:16px;
  background:#0F2A4F;
}

[data-office="almadani"] .empty-state.is-coming-soon strong {
  color:#111111;
  font-size:1.35rem;
}

[data-office="almadani"] .empty-state.is-coming-soon p {
  color:#5A5A57;
}

[data-office="almadani"] .btn {
  min-height:48px;
  border-radius:12px;
}

[data-office="almadani"] .btn-primary {
  color:#FFFFFF;
  background:#0F2A4F;
  border-color:#0F2A4F;
}

[data-office="almadani"] .btn-primary:hover,
[data-office="almadani"] .btn-primary:active {
  color:#FFFFFF;
  background:#1B3D6A;
}

[data-office="almadani"] .btn-secondary {
  color:#0F2A4F;
  border:1.5px solid #0F2A4F;
  background:#FFFFFF;
}

[data-office="almadani"] .btn-secondary:hover {
  color:#0F2A4F;
  background:#EEF3FA;
}

[data-office="almadani"] .request-panel,
[data-office="almadani"] .public-filters,
[data-office="almadani"] .candidate-card {
  border-color:#E2E2DE;
  border-radius:20px;
  box-shadow:var(--shadow-card);
  background:#FFFFFF;
}

[data-office="almadani"] .candidate-card:hover {
  border-color:#0F2A4F;
}

[data-office="almadani"] .request-cta {
  color:#FFFFFF;
  background:#0F2A4F;
  border:0;
  border-radius:20px;
}

[data-office="almadani"] .request-cta strong {
  color:#FFFFFF;
}

[data-office="almadani"] .request-panel h2,
[data-office="almadani"] .candidate-card .name {
  color:#0F2A4F;
}

[data-office="almadani"] .candidate-id-col {
  background:#F1F1EE;
  border-color:#E2E2DE;
}

[data-office="almadani"] .quick-chips a.is-active {
  color:#FFFFFF;
  background:#0F2A4F;
  border-color:#0F2A4F;
}

[data-office="almadani"] .service-badge {
  color:#111111;
  background:#F1F1EE;
  border-color:#C9C9C4;
}

[data-office="almadani"] .whatsapp-fab {
  color:#FFFFFF;
  background:#0F2A4F;
}

[data-office="almadani"] .whatsapp-choice {
  width:min(560px,100%);
  margin:48px auto;
  padding:36px;
  text-align:center;
  border:1px solid #E2E2DE;
  border-radius:24px;
  background:#FFFFFF;
  box-shadow:0 24px 60px -36px rgba(0,0,0,.48);
}

[data-office="almadani"] .whatsapp-choice__icon {
  display:grid;
  place-items:center;
  width:68px;
  height:68px;
  margin:0 auto 16px;
  color:#FFFFFF;
  border-radius:20px;
  background:#0F2A4F;
  font-size:34px;
}

[data-office="almadani"] .whatsapp-choice__eyebrow {
  margin:0 0 6px;
  color:#5A5A57;
  font-size:14px;
  font-weight:700;
}

[data-office="almadani"] .whatsapp-choice h1 {
  margin:0;
  color:#111111;
  font-size:30px;
}

[data-office="almadani"] .whatsapp-choice__hint {
  margin:12px 0 24px;
  color:#5A5A57;
  line-height:1.8;
}

[data-office="almadani"] .whatsapp-choice__options {
  display:grid;
  gap:12px;
}

[data-office="almadani"] .whatsapp-choice__option {
  display:grid;
  grid-template-columns:52px 1fr auto;
  align-items:center;
  gap:14px;
  min-height:76px;
  padding:12px 16px;
  color:#111111;
  text-align:right;
  text-decoration:none;
  border:1px solid #D9D9D5;
  border-radius:16px;
  background:#F6F6F4;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}

[data-office="almadani"] .whatsapp-choice__option:hover {
  transform:translateY(-2px);
  color:#0F2A4F;
  border-color:#0F2A4F;
  background:#EEF3FA;
}

[data-office="almadani"] .whatsapp-choice__avatar {
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  color:#FFFFFF;
  border-radius:15px;
  background:#0F2A4F;
  font-size:21px;
  font-weight:800;
}

[data-office="almadani"] .whatsapp-choice__option strong,
[data-office="almadani"] .whatsapp-choice__option small {
  display:block;
}

[data-office="almadani"] .whatsapp-choice__option small {
  margin-top:3px;
  color:#5A5A57;
  direction:ltr;
  text-align:right;
}

[data-office="almadani"] .input:focus,
[data-office="almadani"] .btn:focus-visible,
[data-office="almadani"] a:focus-visible {
  outline:3px solid #0F2A4F;
  outline-offset:3px;
  box-shadow:none;
}

[data-office="almadani"] .office-hero a:focus-visible,
[data-office="almadani"] .request-cta a:focus-visible,
[data-office="almadani"] .request-cta .btn:focus-visible {
  outline-color:#FFFFFF;
}

@media (max-width:768px) {
  [data-office="almadani"] {
    --control-h:52px;
  }

  [data-office="almadani"] .topbar {
    min-height:64px;
    padding:7px 16px;
  }

  [data-office="almadani"] .catalog-container {
    padding:24px 16px 88px;
  }

  [data-office="almadani"] .office-hero {
    margin:-24px -16px 22px;
    padding:32px 18px 36px;
  }

  [data-office="almadani"] .office-hero::after {
    width:100%;
  }

  [data-office="almadani"] .office-hero-inner,
  [data-office="almadani"] .office-hero-id {
    justify-content:center;
    text-align:center;
  }

  [data-office="almadani"] .office-hero-id {
    flex-direction:column;
    align-items:center;
    gap:18px;
  }

  [data-office="almadani"] .office-logo-box {
    width:210px;
    height:105px;
    padding:10px 12px;
    border-radius:16px;
  }

  [data-office="almadani"] .topbar__logo {
    height:46px;
  }

  [data-office="almadani"] .topbar__logo img {
    max-width:110px;
  }

  [data-office="almadani"] .public-filters[data-simple-filters] {
    grid-template-columns:1fr 1fr;
    padding:16px;
  }

  [data-office="almadani"] .public-filters[data-simple-filters] .filter-actions {
    grid-column:1/-1;
  }

  [data-office="almadani"] .office-hero h1 {
    font-size:29px;
  }

  [data-office="almadani"] .office-hero-tagline {
    font-size:15px;
  }

  [data-office="almadani"] .office-trust {
    justify-content:center;
  }

  [data-office="almadani"] .empty-state.is-coming-soon {
    padding:44px 18px;
    border-radius:20px;
  }

  [data-office="almadani"] .candidate-grid {
    grid-template-columns:1fr;
  }

  [data-office="almadani"] .whatsapp-choice {
    margin:24px auto;
    padding:26px 18px;
    border-radius:20px;
  }

  [data-office="almadani"] .whatsapp-choice h1 {
    font-size:25px;
  }
}

@media (prefers-reduced-motion:reduce) {
  [data-office="almadani"] *,
  [data-office="almadani"] *::before,
  [data-office="almadani"] *::after {
    scroll-behavior:auto !important;
    transition:none !important;
    animation:none !important;
  }
}