/*
 * الملف الرئيسي: pages-bundle.css
 * عدد الملفات المدمجة: 13
 * يولد من assets/css/src بواسطة merge-css-files.py
 */


/* ================================================= */
/* المصدر: assets/css/src/anti-copy.css */
/* ================================================= */

body.no-copy-enabled .page-shell,
body.no-copy-enabled .page-shell *,
body.no-copy-enabled .site-footer,
body.no-copy-enabled .site-footer *,
.contract-copy-protected,
.contract-copy-protected *,
#contractPaper,
#contractPaper *,
.contract-paper,
.contract-paper *{
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

body.no-copy-enabled input,
body.no-copy-enabled textarea,
body.no-copy-enabled select,
body.no-copy-enabled option,
body.no-copy-enabled button,
body.no-copy-enabled a,
body.no-copy-enabled [contenteditable="true"],
.field-modal input,
.field-modal textarea,
.field-modal select,
.field-modal button,
.field-modal [contenteditable="true"]{
  -webkit-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}

body.no-copy-enabled input,
body.no-copy-enabled textarea,
body.no-copy-enabled select,
.field-modal input,
.field-modal textarea,
.field-modal select{
  caret-color: auto;
}

body.no-copy-enabled img,
.contract-copy-protected img,
#contractPaper img,
.contract-paper img{
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;
}

.contract-copy-protected,
#contractPaper,
.contract-paper{
  cursor: default;
}


/* ================================================= */
/* المصدر: assets/css/src/contracts-extras.css */
/* ================================================= */

/* Shared styles for contract details and contract tools. */

/* contract-detail-inline-cleanup */
.yl-contract-viewer-breadcrumb{
  margin: 14px 0 18px;
  line-height: 2;
  font-weight: 800;
  color: #475569;
}

.yl-contract-viewer-breadcrumb a{
  color: inherit;
}

/* تحسين ظهور الشرح القانوني قبل نماذج العقود على الخلفية الداكنة */
.yl-contract-legal-explanation{
  color: #f8fafc;
}

.yl-contract-legal-explanation .section-head h2,
.yl-contract-legal-explanation .case-card h2{
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .35);
}

.yl-contract-legal-explanation .section-head p,
.yl-contract-legal-explanation .case-card p{
  color: #e8eef8 !important;
  line-height: 2.25;
  font-weight: 700;
  text-shadow: 0 1px 5px rgba(0, 0, 0, .30);
}

.yl-contract-legal-explanation .case-card{
  background: linear-gradient(180deg, rgba(30, 52, 88, .96), rgba(17, 35, 66, .98)) !important;
  border: 1px solid rgba(148, 163, 184, .38) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .24), inset 0 0 0 1px rgba(255, 255, 255, .04);
}

.yl-contract-legal-explanation .seo-internal-link{
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .24);
  background: rgba(255, 255, 255, .10);
}

@media (max-width: 700px) {
  .yl-contract-legal-explanation .section-head p,
.yl-contract-legal-explanation .case-card p{
    font-size: .98rem;
    line-height: 2.15;
  }
}

/* Contract tools. */

/* أدوات صفحات العقود - مشتركة لكل ملفات العقود */
.contract-viewer-action-strip.seo-internal-links-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 16px auto 0 !important;
  direction: rtl !important;
}

.contract-viewer-action-strip .seo-internal-link{
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 46px !important;
  padding: 10px 6px !important;
  border-radius: 16px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.contract-viewer-action-strip .seo-internal-link:active{
  transform: translateY(0) scale(.98) !important;
}

.yl-contract-tools-ready .yl-pdf-save-area.contract{
  margin: 16px auto 18px;
}

@media (max-width: 640px) {
  .contract-viewer-action-strip.seo-internal-links-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    max-width: 100% !important;
    margin-top: 12px !important;
  }

  .contract-viewer-action-strip .seo-internal-link{
    min-height: 38px !important;
    padding: 7px 3px !important;
    border-radius: 10px !important;
    font-size: clamp(9px, 2.6vw, 11px) !important;
    line-height: 1.25 !important;
  }
}

/* contract-hero-white-responsive-start */
/* تحسين وضوح نصوص هيرو صفحات العقود */
body.yl-contract-tools-ready .hero.hero-modern,
body.yl-contract-tools-ready section.hero.hero-modern{
  color: #ffffff !important;
}

body.yl-contract-tools-ready .hero.hero-modern .hero-content,
body.yl-contract-tools-ready .hero.hero-modern .hero-content *{
  text-shadow: 0 2px 8px rgba(0, 0, 0, .28);
}

body.yl-contract-tools-ready .hero.hero-modern h1,
body.yl-contract-tools-ready .hero.hero-modern #heroContractTitle,
body.yl-contract-tools-ready #heroContractTitle{
  color: #ffffff !important;
  font-size: clamp(1.95rem, 5.2vw, 3rem) !important;
  line-height: 1.35 !important;
  font-weight: 950 !important;
  letter-spacing: -.02em;
}

body.yl-contract-tools-ready .hero.hero-modern p,
body.yl-contract-tools-ready .hero.hero-modern .hero-content p,
body.yl-contract-tools-ready .hero.hero-modern #contractIntro{
  color: rgba(255, 255, 255, .92) !important;
  font-size: clamp(1.02rem, 3.15vw, 1.28rem) !important;
  line-height: 1.85 !important;
  font-weight: 700 !important;
}

body.yl-contract-tools-ready .hero.hero-modern .hero-badge,
body.yl-contract-tools-ready .hero.hero-modern .hero-motto{
  color: #ffffff !important;
  font-size: clamp(.95rem, 2.9vw, 1.13rem) !important;
  font-weight: 900 !important;
}

body.yl-contract-tools-ready .hero.hero-modern .hero-motto{
  background: rgba(255, 255, 255, .10) !important;
  border-color: rgba(255, 255, 255, .45) !important;
}

body.yl-contract-tools-ready .contract-viewer-action-strip .seo-internal-link{
  color: #ffffff !important;
  font-size: clamp(.95rem, 2.8vw, 1.12rem) !important;
  font-weight: 950 !important;
}

@media (max-width: 640px) {
  body.yl-contract-tools-ready .hero.hero-modern h1,
body.yl-contract-tools-ready .hero.hero-modern #heroContractTitle,
body.yl-contract-tools-ready #heroContractTitle{
    font-size: clamp(1.65rem, 6.2vw, 2.15rem) !important;
    line-height: 1.35 !important;
  }

  body.yl-contract-tools-ready .hero.hero-modern p,
body.yl-contract-tools-ready .hero.hero-modern .hero-content p,
body.yl-contract-tools-ready .hero.hero-modern #contractIntro{
    font-size: clamp(.98rem, 3.8vw, 1.1rem) !important;
    line-height: 1.8 !important;
  }

  body.yl-contract-tools-ready .hero.hero-modern .hero-badge,
body.yl-contract-tools-ready .hero.hero-modern .hero-motto{
    font-size: clamp(.86rem, 3.25vw, 1rem) !important;
  }

  body.yl-contract-tools-ready .contract-viewer-action-strip .seo-internal-link{
    font-size: clamp(.78rem, 3.25vw, .96rem) !important;
    line-height: 1.35 !important;
  }
}
/* contract-hero-white-responsive-end */

/* تحسين عنوان وروابط "روابط مرتبطة بالعقد" أسفل صفحات العقود */
body.yl-contract-tools-ready .related-links,
body.yl-contract-tools-ready .related-contracts,
body.yl-contract-tools-ready .seo-related-links,
body.yl-contract-tools-ready .contract-related-links,
body.yl-contract-tools-ready section[aria-label*="روابط"],
body.yl-contract-tools-ready section[aria-labelledby*="related"]{
  color: #ffffff !important;
}

body.yl-contract-tools-ready .related-links h2,
body.yl-contract-tools-ready .related-contracts h2,
body.yl-contract-tools-ready .seo-related-links h2,
body.yl-contract-tools-ready .contract-related-links h2,
body.yl-contract-tools-ready section h2,
body.yl-contract-tools-ready section h3{
  color: #ffffff !important;
  font-size: clamp(1.35rem, 4.2vw, 2rem) !important;
  line-height: 1.45 !important;
  font-weight: 950 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.25) !important;
}

body.yl-contract-tools-ready .related-links a,
body.yl-contract-tools-ready .related-contracts a,
body.yl-contract-tools-ready .seo-related-links a,
body.yl-contract-tools-ready .contract-related-links a{
  color: #ffffff !important;
  font-size: clamp(1rem, 3.2vw, 1.18rem) !important;
  font-weight: 850 !important;
}

body.yl-contract-tools-ready .related-links p,
body.yl-contract-tools-ready .related-contracts p,
body.yl-contract-tools-ready .seo-related-links p,
body.yl-contract-tools-ready .contract-related-links p{
  color: rgba(255,255,255,.92) !important;
  font-size: clamp(.98rem, 3vw, 1.12rem) !important;
  line-height: 1.8 !important;
}


/* ================================================= */
/* المصدر: assets/css/src/contracts-index.css */
/* ================================================= */

/* Clean styles for /contracts/. */

.contracts-index-page {
  background:
    radial-gradient(
      circle at 12% 8%,
      rgba(59, 130, 246, .12),
      transparent 34%
    ),
    radial-gradient(
      circle at 88% 18%,
      rgba(245, 158, 11, .10),
      transparent 32%
    ),
    #eef4fb;
}

.contracts-index-page .page-shell {
  max-width: 1320px;
  padding-inline: clamp(12px, 2vw, 28px);
}

.yl-contract-breadcrumb {
  margin: 14px 0 18px;
  color: #475569;
  font-weight: 800;
  line-height: 2;
}

.yl-contract-breadcrumb a {
  color: inherit;
}

#contracts {
  margin-top: 26px;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#contracts .contracts-latin-links {
  margin-top: 0;
}

.contracts-search-status {
  min-height: 1.8em;
  margin: 0;
  color: #dbeafe;
  font-size: .9rem;
  font-weight: 800;
  line-height: 1.8;
}

#contractsLatinGrid
.contracts-latin-card[hidden] {
  display: none !important;
}

.yl-related-contracts {
  margin-top: 24px;
}

.yl-related-contracts .posts-grid {
  display: grid;
  grid-template-columns: repeat(
    4,
    minmax(0, 1fr)
  );
  gap: 18px;
}

.yl-related-contracts .case-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.yl-related-contracts .case-card > p {
  line-height: 1.9;
}

.yl-related-contracts
.case-card .seo-internal-links-grid {
  margin-top: auto;
}

.yl-related-contracts__links {
  margin-top: 18px;
}

@media (max-width: 1050px) {
  .yl-related-contracts .posts-grid {
    grid-template-columns: repeat(
      2,
      minmax(0, 1fr)
    );
  }
}

@media (max-width: 680px) {
  .contracts-index-page .page-shell {
    padding-inline: 10px;
  }

  .yl-related-contracts .posts-grid {
    grid-template-columns: 1fr;
  }
}

@media print {
  .contracts-latin-search-wrap,
  .contracts-modern-stats,
  .yl-related-contracts {
    display: none !important;
  }

  .contracts-latin-grid {
    max-height: none;
    overflow: visible;
  }
}


/* ================================================= */
/* المصدر: assets/css/src/contracts-list.css */
/* ================================================= */

.contracts-latin-links{
  position:relative;
  overflow:hidden;
  margin:18px 0 0;
  padding:clamp(18px,2.8vw,34px);
  border-radius:34px;
  background:radial-gradient(circle at 8% 0,rgba(251,191,36,.26),transparent 28%),radial-gradient(circle at 92% 12%,rgba(56,189,248,.28),transparent 32%),linear-gradient(135deg,#061631,#0d2f70 58%,#064e3b);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 28px 78px rgba(2,6,23,.34);
  direction:rtl;
}

.contracts-latin-links::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 34%,rgba(255,255,255,.05));
  pointer-events:none;
}

.contracts-latin-links-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,390px);
  gap:18px;
  align-items:end;
  margin-bottom:18px;
}

.contracts-modern-kicker{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:8px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.18);
  color:#fde68a;
  font-weight:900;
  font-size:.86rem;
}

.contracts-latin-links h2,
.contracts-latin-links h3{
  margin:10px 0 8px!important;
  color:#fff!important;
  font-size:clamp(1.45rem,3vw,3rem)!important;
  line-height:1.35!important;
  text-shadow:0 12px 32px rgba(0,0,0,.35);
}

.contracts-latin-links p{
  margin:0!important;
  color:#dbeafe!important;
  line-height:1.95!important;
  font-weight:800!important;
  max-width:860px;
}

.contracts-latin-search-wrap{
  display:grid;
  gap:9px;
}

.contracts-latin-search-label{
  color:#dbeafe;
  font-weight:900;
  font-size:.9rem;
}

.contracts-latin-search{
  width:100%;
  min-height:56px;
  padding:0 18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.18);
  font-family:inherit;
  font-size:1rem;
  background:rgba(255,255,255,.96);
  box-shadow:0 16px 34px rgba(0,0,0,.24);
  outline:none;
  color:#0f172a;
  font-weight:900;
}

.contracts-modern-stats{
  position:relative;
  z-index:1;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 18px;
}

.contracts-modern-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.16);
  color:#f8fafc;
  font-weight:900;
  font-size:.9rem;
}

.contracts-latin-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:16px;
  max-height:670px;
  overflow:auto;
  padding:3px 3px 8px 7px;
  scrollbar-width:thin;
}

.contracts-latin-card{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-height:112px;
  padding:18px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(242,247,255,.97));
  border:1px solid rgba(255,255,255,.68);
  box-shadow:0 16px 35px rgba(2,6,23,.18), inset 0 1px 0 rgba(255,255,255,.9);
  text-decoration:none;
  color:#0f172a;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
  overflow:hidden;
}

.contracts-latin-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:4px;
  background:linear-gradient(90deg,#f59e0b,#38bdf8,#22c55e);
  opacity:.9;
}

.contracts-latin-card:hover,
.contracts-latin-card:focus-visible{
  transform:translateY(-4px);
  box-shadow:0 24px 48px rgba(2,6,23,.28),0 0 0 3px rgba(251,191,36,.18);
  border-color:rgba(251,191,36,.55);
  outline:none;
}

.contracts-modern-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:linear-gradient(135deg,#0f172a,#1d4ed8);
  color:#fff;
  font-size:1.35rem;
  box-shadow:0 12px 28px rgba(37,99,235,.24);
}

.contracts-modern-content{
  min-width:0;
  display:grid;
  gap:12px;
}

.contracts-modern-title{
  display:block;
  color:#0f172a;
  font-size:clamp(1.18rem,1.45vw,1.42rem);
  line-height:1.75;
  font-weight:1000;
  text-align:right;
  letter-spacing:-.01em;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  text-shadow:0 1px 0 rgba(255,255,255,.75);
}

.contracts-modern-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
}

.contracts-modern-type{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-weight:900;
  font-size:.8rem;
}

.contracts-modern-open{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:13px;
  background:linear-gradient(135deg,#b45309,#f59e0b);
  color:white;
  font-weight:900;
  font-size:.82rem;
  box-shadow:0 8px 18px rgba(245,158,11,.23);
}

@media(max-width:860px){
  .contracts-latin-links-head{
    grid-template-columns:1fr;
  }
  .contracts-latin-grid{
    grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
    max-height:none;
  }
  .contracts-latin-links{
    border-radius:26px;
  }
}

@media(max-width:560px){
  .contracts-latin-grid{
    grid-template-columns:1fr;
  }
  .contracts-latin-card{
    min-height:105px;
    border-radius:22px;
  }
  .contracts-modern-icon{
    width:48px;
    height:48px;
    border-radius:17px;
  }
  .contracts-modern-title{
    font-size:1.22rem;
  }
  .contracts-latin-links{
    padding:16px;
  }
}


/* ================================================= */
/* المصدر: assets/css/src/home-cases-section.css */
/* ================================================= */

#cases .section-head{
  margin-bottom:24px;
}

#cases .section-head h2{
  color:#f4f8ff;
  font-size:clamp(1.8rem,2.5vw,2.6rem);
  line-height:1.6;
}

#cases .section-head p{
  color:#dbe7ff;
  line-height:2;
  font-weight:700;
}

#cases .posts-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

#cases .case-card h3{
  margin:0 0 10px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:linear-gradient(135deg,#145ea8,#2397e8);
  color:#fff;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
  font-size:1.35rem;
  font-weight:900;
  line-height:1.7;
}

#cases .case-title-link{
  color:inherit;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

#cases .case-title-link:hover,
#cases .case-title-link:focus-visible{
  color:#facc15;
  text-decoration:underline;
  text-underline-offset:6px;
}

#cases .case-title-link:focus-visible{
  outline:2px solid rgba(250,204,21,.75);
  outline-offset:4px;
  border-radius:8px;
}

#cases .case-card p{
  color:#dbe7ff;
  line-height:1.9;
  font-weight:700;
}

#cases .claim-list{
  margin:14px 0 0;
  padding:0;
  display:grid;
  gap:10px;
}

#cases .claim-list li{
  list-style:none;
}

#cases .claim-link{
  display:block;
  padding:11px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(132,167,239,.12);
  color:#eef5ff;
  text-decoration:none;
  font-weight:800;
  line-height:1.8;
}

#cases .claim-link:hover{
  background:rgba(255,255,255,.09);
}

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

/* YL_HOME_CASES_MOBILE_SINGLE_OWNER_START */
/* قواعد الجوال المنقولة من internal-links.css. */
@media screen and (max-width: 760px){
#cases .section-head h2{
    font-size: 1rem !important;
    line-height: 1.38 !important;
    margin-bottom: 5px !important;
  }

#cases .posts-grid{
    gap: 8px !important;
  }

#cases .case-card h2{
    font-size: .9rem !important;
    line-height: 1.35 !important;
    margin-bottom: 6px !important;
  }

#cases .claim-list{
    gap: 6px !important;
    margin-top: 7px !important;
  }

#cases .claim-link{
    padding: 7px 8px !important;
    border-radius: 9px !important;
    font-size: .72rem !important;
    line-height: 1.35 !important;
  }
}
/* YL_HOME_CASES_MOBILE_SINGLE_OWNER_END */


/* ================================================= */
/* المصدر: assets/css/src/home-search.css */
/* ================================================= */

/*
 * الملف المسؤول حصريًا عن بحث الصفحة الرئيسية.
 *
 * يمنع وضع قواعد #homeSmartLegalSearch في أي ملف مصدر آخر.
 * ترتيب الأقسام يحافظ على ترتيب الحزم السابق:
 * core ثم components ثم pages.
 */

/* قواعد كانت ضمن mobile-ux-enhancements.css */
@media (max-width: 900px){
#homeSmartLegalSearch,
.yl-home-ai-search-section{
    overflow: visible !important;
    touch-action: pan-y !important;
  }
}

@media (max-width: 900px){
#homeSmartLegalSearch{
    touch-action: pan-y !important;
  }

#homeSmartLegalSearch input,
#homeSmartLegalSearch button{
    touch-action: manipulation !important;
  }
}

@media (max-width: 900px){
#homeSmartLegalSearch{
    touch-action: pan-y !important;
  }

#homeSmartLegalSearch input,
#homeSmartLegalSearch button{
    touch-action: manipulation !important;
  }
}

/* قواعد كانت ضمن search-gold-buttons.css */
#homeSmartLegalSearch .ai-result h2{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: auto;
  max-width: 100%;
  margin: 4px 0;
  padding: 8px 13px;
  border: 2px solid #d6b44d !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, #fffaf0 0%, #fff1bf 100%) !important;
  color: #0b225a !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  line-height: 1.7 !important;
  box-shadow: 0 8px 18px rgba(138, 101, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
  cursor: pointer !important;
}

#homeSmartLegalSearch .ai-result h2:hover{
  background: linear-gradient(180deg, #ffeaa6 0%, #f8d46b 100%) !important;
  color: #111827 !important;
  text-decoration: none !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(138, 101, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

#homeSmartLegalSearch .ai-result h2:focus-visible{
  outline: 3px solid rgba(248, 212, 107, 0.75) !important;
  outline-offset: 3px !important;
}

#homeSmartLegalSearch .simple-search-form{
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 62px !important;
  padding: 4px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 2px solid rgba(214, 180, 77, 0.88) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.72) !important;
  touch-action: manipulation;
}

#homeSmartLegalSearch #aiSearchInput{
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 14px 14px 0 !important;
  background: #ffffff !important;
  color: #172033 !important;
  text-align: right !important;
  font-family: var(--yl-local-font, Cairo, Tahoma, Arial, sans-serif) !important;
  font-size: clamp(1rem, 1.8vw, 1.22rem) !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  -webkit-text-size-adjust: 100%;
}

#homeSmartLegalSearch #aiSearchInput::placeholder{
  color: #8a94a6 !important;
  opacity: 1 !important;
}

#homeSmartLegalSearch .simple-search-button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  flex: 0 0 118px !important;
  width: 118px !important;
  min-width: 104px !important;
  max-width: 138px !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-inline-start: 1px solid rgba(214, 180, 77, 0.78) !important;
  border-radius: 14px 0 0 14px !important;
  cursor: pointer !important;
  color: #3d2a00 !important;
  font-family: var(--yl-local-font, Cairo, Tahoma, Arial, sans-serif) !important;
  font-size: clamp(0.96rem, 1.6vw, 1.08rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  background: linear-gradient(180deg, #fff2b8 0%, #f8d46b 48%, #c79210 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
  touch-action: manipulation;
}

#homeSmartLegalSearch .simple-search-button i.fa-magnifying-glass{
  display: none !important;
}

#homeSmartLegalSearch .simple-search-button::before{
  content: "🔍";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05em;
  line-height: 1;
}

#homeSmartLegalSearch .simple-search-button:hover{
  filter: brightness(1.03) !important;
  transform: none !important;
}

#homeSmartLegalSearch .smart-search-panel{
  border-radius: 24px !important;
}

@media (max-width: 700px){
#homeSmartLegalSearch .ai-result h2{
    padding: 7px 10px;
    border-radius: 13px !important;
    font-size: 0.98rem !important;
  }

#homeSmartLegalSearch .simple-search-form{
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 0 !important;
    min-height: 54px !important;
    padding: 3px !important;
    border-radius: 15px !important;
  }

#homeSmartLegalSearch #aiSearchInput{
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 12px !important;
    border-radius: 0 12px 12px 0 !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    transform: translateZ(0);
  }

#homeSmartLegalSearch .simple-search-button{
    flex: 0 0 82px !important;
    width: 82px !important;
    min-width: 76px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 8px !important;
    border-radius: 12px 0 0 12px !important;
    font-size: 14px !important;
  }

#homeSmartLegalSearch .simple-search-form.yl-static-search-form{
    min-height: 50px !important;
    padding: 0 !important;
    border-radius: 12px !important;
  }

#homeSmartLegalSearch .simple-search-form.yl-static-search-form #aiSearchInput,
#homeSmartLegalSearch .simple-search-form.yl-static-search-form .simple-search-button{
    height: 50px !important;
    min-height: 50px !important;
  }

#homeSmartLegalSearch .simple-search-form.yl-static-search-form .simple-search-button{
    flex: 0 0 82px !important;
    width: 82px !important;
  }
}

/* قواعد كانت ضمن home.css */
.yl-static-home-search{
  margin: 18px auto 24px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(120, 150, 220, .36);
  background: linear-gradient(
    180deg,
    #13285a 0%,
    #071735 100%
  );
  box-shadow:
    0 22px 52px rgba(0, 0, 0, .22),
    inset 0 0 0 1px rgba(255, 255, 255, .035);
}

.yl-static-home-search .section-head{
  padding: 22px 18px 0;
  color: #fff;
  text-align: center;
}

.yl-static-home-search .section-head h2{
  color: #fff;
}

.yl-static-home-search .section-head p{
  color: #dbe7ff;
}

.yl-static-search-form{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 14px;
  max-width: 960px;
  margin: 18px auto 10px;
  padding: 14px;
  border: 1px solid rgba(180, 205, 255, .16);
  border-radius: 26px;
  background: rgba(255, 255, 255, .055);
}

.yl-static-search-input{
  flex: 1 1 auto;
  min-width: 0;
  height: 72px;
  padding: 0 28px;
  border: 0;
  border-radius: 22px;
  outline: 0;
  background: #fff;
  color: #172033;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, .14),
    inset 0 0 0 1px rgba(15, 23, 42, .08);
  font-family: Cairo, Tahoma, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 900;
  text-align: right;
}

.yl-static-search-button{
  flex: 0 0 132px;
  height: 72px;
  border: 0;
  border-radius: 21px;
  background: linear-gradient(
    180deg,
    #9154ff 0%,
    #1d6ff2 100%
  );
  color: #fff;
  box-shadow:
    0 16px 30px rgba(29, 111, 242, .30),
    inset 0 1px 0 rgba(255, 255, 255, .20);
  cursor: pointer;
  font-family: Cairo, Tahoma, Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 900;
}

.yl-static-search-links{
  padding: 8px 18px 20px;
}

.yl-static-search-links .seo-internal-link{
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .08);
  color: #fff;
}

.yl-static-home-search .ai-status{
  display: none;
}

.yl-static-home-search .ai-results{
  display: none;
  gap: 14px;
  padding: 4px 18px 24px;
}

body.home-search-has-query
.yl-static-home-search .ai-results{
  display: grid;
}

.yl-static-home-search .ai-result{
  padding: 16px;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 18px;
  background: #fff;
  color: #172033;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .16);
}

.yl-static-home-search .ai-result h3{
  margin: 0;
  color: #0b225a;
  font-size: 1.08rem;
}

.yl-static-home-search .ai-result-top{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.yl-static-home-search .ai-score{
  margin-top: 5px;
  color: #64748b;
  font-size: .9rem;
  font-weight: 800;
}

.yl-static-home-search .ai-badge{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid #d6b25a;
  border-radius: 999px;
  background: #f8f0dc;
  color: #74520b;
  font-size: .85rem;
  font-weight: 900;
  white-space: nowrap;
}

.yl-static-home-search .ai-excerpt{
  color: #334155;
  font-weight: 700;
  line-height: 1.9;
}

.yl-static-home-search .ai-actions{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.yl-static-home-search .ai-action{
  padding: 8px 12px;
  border: 1px solid #d6b25a;
  border-radius: 999px;
  background: #fffdf5;
  color: #0b225a;
  cursor: pointer;
  font-family: Cairo, Tahoma, Arial, sans-serif;
  font-weight: 900;
  text-decoration: none;
}

.yl-static-home-search .ai-action.primary{
  background: linear-gradient(
    180deg,
    #f7d774,
    #c99821
  );
  color: #3b2a00;
}

.yl-static-home-search .ai-empty,
.yl-static-home-search .ai-loading{
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  color: #334155;
  font-weight: 900;
  line-height: 1.9;
}

@media (max-width: 700px){
.yl-static-search-form{
    gap: 8px;
    padding: 8px;
    border-radius: 20px;
  }

.yl-static-search-input{
    height: 58px;
    padding: 0 15px;
    border-radius: 18px;
    font-size: 1rem;
  }

.yl-static-search-button{
    flex: 0 0 78px;
    height: 58px;
    border-radius: 18px;
    font-size: .92rem;
  }

.yl-static-search-links{
    padding-bottom: 18px;
  }

.yl-static-home-search .ai-result-top{
    display: block;
  }

.yl-static-home-search .ai-badge{
    margin-top: 10px;
    white-space: normal;
  }
}

#homeSmartLegalSearch .section-head h2{
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .32);
}

#homeSmartLegalSearch .section-head p{
  color: #eaf2ff !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, .24);
}

#homeSmartLegalSearch.yl-static-home-search{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

#homeSmartLegalSearch.yl-static-home-search .section-head{
  color: inherit !important;
  text-align: center !important;
  padding: 0 12px 10px !important;
}

#homeSmartLegalSearch.yl-static-home-search .section-head h2{
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .32) !important;
}

#homeSmartLegalSearch.yl-static-home-search .section-head p,
#homeSmartLegalSearch.yl-static-home-search .ai-status{
  color: #eaf2ff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, .24) !important;
}

#homeSmartLegalSearch .simple-search-form.yl-static-search-form{
  max-width: 980px !important;
  min-height: 56px !important;
  margin: 12px auto 10px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  background: #0c1c36 !important;
  border: 1px solid #284570 !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18) !important;
}

#homeSmartLegalSearch .simple-search-form.yl-static-search-form #aiSearchInput{
  height: 56px !important;
  min-height: 56px !important;
  background: #0c1c36 !important;
  color: #ffffff !important;
  border-radius: 0 12px 12px 0 !important;
  padding: 0 16px !important;
  box-shadow: none !important;
}

#homeSmartLegalSearch .simple-search-form.yl-static-search-form #aiSearchInput::placeholder{
  color: #b9c7dd !important;
}

#homeSmartLegalSearch .simple-search-form.yl-static-search-form .simple-search-button{
  height: 56px !important;
  min-height: 56px !important;
  flex: 0 0 110px !important;
  width: 110px !important;
  min-width: 92px !important;
  border-radius: 12px 0 0 12px !important;
  border-inline-start: 1px solid #284570 !important;
  background: linear-gradient(180deg, #2563eb 0%, #1e40af 100%) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

#homeSmartLegalSearch .yl-static-search-links{
  padding: 8px 0 4px !important;
}

#homeSmartLegalSearch .yl-static-search-links .ai-hint{
  background: #0c1c36 !important;
  color: #ffffff !important;
  border: 1px solid #284570 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}


/* ================================================= */
/* المصدر: assets/css/src/home.css */
/* ================================================= */

/* Clean homepage styles. */

/* البحث الثابت في الصفحة الرئيسية. */


.yl-service-secondary{
  opacity: .96;
}


/* YL homepage semantic cleanup 20260722 */
#homeUseGuide .case-card h3,
#mainStaticSections .case-card h3,
#homePostsSection .case-card h3,
#homeLegalFaq .case-card h3{
  margin: 0 0 14px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  background: linear-gradient(135deg, #145ea8, #2397e8);
  color: #fff;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .18);
  font-size: 1.08rem;
  font-weight: 900;
  line-height: 1.8;
}

.yl-home-ad-slot{
  width: 100%;
  max-width: 100%;
  margin: 20px auto;
  overflow-x: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.yl-home-ad-slot iframe{
  max-width: 100%;
}

/* YL homepage search heading contrast 20260722 */


/* Home search: match the old library search visual shape only. */


/* ================================================= */
/* المصدر: assets/css/src/internal-regulations-colors.css */
/* ================================================= */

/* High-contrast palette for internal regulations service pages only. */

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
){
  --yl-reg-card: #f8fafc;
  --yl-reg-card-border: #cbd5e1;
  --yl-reg-heading: #0b225a;
  --yl-reg-text: #1f2937;
  --yl-reg-muted: #334155;
  --yl-reg-blue: #0f4c81;
  --yl-reg-blue-2: #1769aa;
  --yl-reg-gold: #f5d77a;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .hero.hero-modern{
  background: linear-gradient(135deg, #0b2450 0%, #0e3b70 55%, #0a274d 100%) !important;
  border: 1px solid rgba(245, 215, 122, .48) !important;
  color: #ffffff !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .hero.hero-modern h1{
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .28) !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .hero.hero-modern p{
  color: #edf4ff !important;
  opacity: 1 !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .hero-badge{
  color: #10213d !important;
  background: var(--yl-reg-gold) !important;
  border-color: #fff0b5 !important;
  font-weight: 900 !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .hero-motto{
  color: #fff3bf !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .section-card{
  background: var(--yl-reg-card) !important;
  color: var(--yl-reg-text) !important;
  border: 1px solid var(--yl-reg-card-border) !important;
  box-shadow: 0 16px 36px rgba(2, 8, 23, .16) !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .section-head{
  background: #e8f1fb !important;
  border: 1px solid #bfd3e8 !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .section-head h2{
  color: var(--yl-reg-heading) !important;
  text-shadow: none !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .section-head p{
  color: var(--yl-reg-muted) !important;
  opacity: 1 !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .posts-grid > .case-card{
  background: #ffffff !important;
  color: var(--yl-reg-text) !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .10) !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .posts-grid > .case-card h2{
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--yl-reg-blue), var(--yl-reg-blue-2)) !important;
  border-color: rgba(255, 255, 255, .25) !important;
  text-shadow: none !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .posts-grid > .case-card :is(p, li){
  color: var(--yl-reg-text) !important;
  opacity: 1 !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .case-title-link{
  color: #ffffff !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .seo-internal-link{
  color: #ffffff !important;
  background: #123f70 !important;
  border-color: #5f8dbb !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .service-ad-banner{
  background: linear-gradient(135deg, #0b2450, #164f88) !important;
  border: 1px solid rgba(245, 215, 122, .45) !important;
  color: #ffffff !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .service-ad-banner :is(h2, p){
  color: #ffffff !important;
  opacity: 1 !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .breadcrumb{
  color: #dbeafe !important;
}

:is(
  body.internal-regulations-page,
  body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
  body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
) .breadcrumb a{
  color: #fff3bf !important;
}

@media (max-width: 700px) {
  :is(
    body.internal-regulations-page,
    body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
    body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
  ) .section-card{
    padding: 14px !important;
  }

  :is(
    body.internal-regulations-page,
    body.service-page:has(.yl-service-breadcrumb a[href="/services/internal-regulations/"]),
    body.service-page:has(.seo-internal-link[href="/services/internal-regulations/companies/"])
  ) .posts-grid > .case-card h2{
    line-height: 1.65 !important;
  }
}


/* ================================================= */
/* المصدر: assets/css/src/not-found.css */
/* ================================================= */

/* not-found-page-cleanup */
body{
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.22), transparent 32%), linear-gradient(135deg, #06152b, #0f172a);
  color: #f8fafc;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
}

.not-found-shell{
  width: min(980px, calc(100% - 32px));
  margin: 0 auto;
  padding: 56px 0;
}

.not-found-card{
  padding: clamp(28px, 5vw, 54px);
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
  text-align: center;
}

.not-found-code{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 112px;
  margin-bottom: 18px;
  border-radius: 32px;
  background: linear-gradient(135deg, #fff4bc, #d9ab44);
  color: #06152b;
  font-weight: 900;
  font-size: 2.35rem;
  box-shadow: 0 18px 42px rgba(217, 171, 68, 0.22);
}

.not-found-card h1{
  margin: 0 0 14px;
  font-size: clamp(2rem, 5vw, 3.25rem);
  color: #fff7d6;
  line-height: 1.4;
}

.not-found-card p{
  margin: 0 auto 26px;
  max-width: 700px;
  color: #dbe7ff;
  font-size: 1.12rem;
  line-height: 2;
}

.not-found-actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}

.not-found-actions a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 10px 18px;
  border-radius: 999px;
  color: #ffffff;
  text-decoration: none;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.not-found-actions a.primary{
  background: linear-gradient(135deg, #d9ab44, #b98217);
  color: #06152b;
}


/* ================================================= */
/* المصدر: assets/css/src/services-marketing.css */
/* ================================================= */

:root{--yl-navy:#0b1f3a;--yl-navy-2:#132d50;--yl-gold:#c89b3c;--yl-gold-soft:#f5ead0;--yl-ink:#152033;--yl-muted:#667085;--yl-surface:#ffffff;--yl-bg:#f4f7fb;--yl-border:#dfe6ef;--yl-success:#176b4d;--yl-radius:22px;--yl-shadow:0 18px 50px rgba(11,31,58,.10)}
.yl-services-page{background:linear-gradient(180deg,#f8fafc 0,#f4f7fb 55%,#fff 100%);color:var(--yl-ink)}
.yl-services-page .page-shell{max-width:1180px;margin:auto;padding-inline:20px}
.yl-service-breadcrumb{margin:18px 0;color:var(--yl-muted);font-size:.92rem}.yl-service-breadcrumb a{color:var(--yl-navy);font-weight:700;text-decoration:none}
.yl-marketing-hero{position:relative;overflow:hidden;border-radius:30px;padding:clamp(34px,7vw,76px);background:radial-gradient(circle at 15% 15%,rgba(200,155,60,.28),transparent 36%),linear-gradient(135deg,var(--yl-navy),var(--yl-navy-2));color:#fff;box-shadow:var(--yl-shadow)}
.yl-marketing-hero:after{content:"";position:absolute;inset:auto -80px -110px auto;width:310px;height:310px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.04),0 0 0 90px rgba(255,255,255,.025)}
.yl-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:34px;align-items:center}.yl-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);border-radius:999px;font-weight:800;font-size:.9rem}.yl-marketing-hero h1{margin:18px 0 12px;font-size:clamp(2rem,5vw,4rem);line-height:1.17;letter-spacing:-.03em}.yl-marketing-hero p{max-width:760px;margin:0;color:#e7edf6;font-size:clamp(1rem,2vw,1.2rem);line-height:1.95}.yl-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.yl-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:13px;font-weight:900;text-decoration:none;transition:.22s ease}.yl-btn-primary{background:var(--yl-gold);color:#172033;box-shadow:0 10px 26px rgba(200,155,60,.25)}.yl-btn-secondary{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff}.yl-btn:hover{transform:translateY(-2px)}
.yl-trust-panel{display:grid;gap:12px}.yl-trust-item{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);backdrop-filter:blur(8px);border-radius:16px}.yl-trust-item i{color:#f3cb73;margin-top:4px}.yl-trust-item strong{display:block;margin-bottom:3px}.yl-trust-item span{font-size:.9rem;color:#dbe5f1;line-height:1.6}
.yl-section{padding:clamp(48px,7vw,84px) 0}.yl-section-head{max-width:760px;margin:0 auto 30px;text-align:center}.yl-section-head .eyebrow{color:var(--yl-gold);font-weight:900}.yl-section-head h2{margin:8px 0 10px;color:var(--yl-navy);font-size:clamp(1.7rem,3vw,2.55rem)}.yl-section-head p{margin:0;color:var(--yl-muted);line-height:1.9}
.yl-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.yl-service-card{position:relative;display:flex;flex-direction:column;min-height:300px;padding:25px;border:1px solid var(--yl-border);border-radius:var(--yl-radius);background:var(--yl-surface);box-shadow:0 10px 30px rgba(11,31,58,.06);transition:.25s ease}.yl-service-card:hover{transform:translateY(-6px);border-color:#d1b16d;box-shadow:var(--yl-shadow)}.yl-service-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--yl-gold-soft);color:#8c661a;font-size:1.25rem}.yl-service-card h3{margin:20px 0 10px;color:var(--yl-navy);font-size:1.2rem}.yl-service-card p{margin:0;color:var(--yl-muted);line-height:1.85}.yl-service-card ul{padding:0;margin:17px 0 22px;list-style:none}.yl-service-card li{position:relative;padding-right:23px;margin:8px 0;color:#39475b;font-size:.93rem}.yl-service-card li:before{content:"✓";position:absolute;right:0;color:var(--yl-success);font-weight:900}.yl-card-link{margin-top:auto;color:var(--yl-navy);font-weight:900;text-decoration:none}.yl-card-link i{margin-right:6px;color:var(--yl-gold)}
.yl-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:steps}.yl-step{counter-increment:steps;padding:24px;border-radius:18px;background:#fff;border:1px solid var(--yl-border)}.yl-step:before{content:counter(steps);display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:12px;background:var(--yl-navy);color:#fff;font-weight:900}.yl-step h3{margin:0 0 8px;color:var(--yl-navy)}.yl-step p{margin:0;color:var(--yl-muted);line-height:1.75;font-size:.94rem}
.yl-proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.yl-proof{padding:22px;text-align:center;border-radius:18px;background:#fff;border:1px solid var(--yl-border)}.yl-proof strong{display:block;color:var(--yl-navy);font-size:1.1rem}.yl-proof span{color:var(--yl-muted);font-size:.92rem}
.yl-cta{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:clamp(28px,5vw,52px);border-radius:26px;background:linear-gradient(135deg,#102846,#07182d);color:#fff}.yl-cta h2{margin:0 0 8px;font-size:clamp(1.5rem,3vw,2.3rem)}.yl-cta p{margin:0;color:#dce6f2;line-height:1.8}.yl-cta .yl-btn-secondary{white-space:nowrap}
.yl-small-note{margin-top:14px;color:var(--yl-muted);font-size:.88rem;text-align:center;line-height:1.7}
@media(max-width:900px){.yl-hero-grid{grid-template-columns:1fr}.yl-trust-panel{grid-template-columns:repeat(3,1fr)}.yl-services-grid{grid-template-columns:repeat(2,1fr)}.yl-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.yl-services-page .page-shell{padding-inline:14px}.yl-marketing-hero{border-radius:22px;padding:30px 22px}.yl-trust-panel,
.yl-services-grid,
.yl-steps,
.yl-proof-strip{grid-template-columns:1fr}.yl-hero-actions .yl-btn{width:100%}.yl-cta{grid-template-columns:1fr;text-align:center}.yl-cta .yl-btn{width:100%}.yl-service-card{min-height:auto}}
@media(prefers-reduced-motion:reduce){.yl-btn,
.yl-service-card{transition:none}.yl-btn:hover,
.yl-service-card:hover{transform:none}}


/* ================================================= */
/* المصدر: assets/css/src/yemeni-laws-inline/index.css */
/* ================================================= */

/* Moved from library/yemeni-laws/index.html */

.law-shell{background:#fff;color:#111;border-radius:18px;border:1px solid #d8e0ea;box-shadow:0 14px 34px rgba(0,0,0,.12);padding:22px;overflow:auto}
    .law-title{margin:0 0 14px;color:#173d6e;font-size:1.55rem;line-height:1.8}
    .law-sub{margin:0 0 18px;color:#4a5d78;line-height:2}
    .law-text{white-space:normal;line-height:2.1;font-size:1rem}
    .law-text-block{padding:16px;border:1px solid #d8e0ea;border-radius:16px;background:#fff}
    .law-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
    .law-toolbar .action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}
    .laws-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
    .law-card{border:1px solid #d8e0ea;border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.08);padding:18px}
    .law-card h2{margin:0 0 10px;color:#173d6e;font-size:1.18rem;line-height:1.8}
    .law-card p{margin:0 0 14px;line-height:2;color:#40556f}
    .law-card a{text-decoration:none}
    .law-note{margin-top:18px;padding-top:12px;border-top:1px dashed #c6b99b;text-align:center}
    @media (max-width:700px){
      .law-shell{padding:14px}
      .law-title{font-size:1.2rem}
      .law-text{font-size:.95rem}
      .law-toolbar{display:grid;grid-template-columns:1fr}
      .law-toolbar .action-btn{width:100%}
    }

/* Yemeni laws unified cards patch */
.library-index-page .law-shell{
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  color: #111827;
  border-radius: 24px;
  border: 1px solid rgba(214, 194, 136, .75);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .16);
  padding: 24px;
  overflow: visible;
}

.library-index-page .law-title{
  margin: 0 0 10px;
  color: #0b225a;
  font-size: 1.7rem;
  font-weight: 900;
  line-height: 1.8;
  text-align: center;
}

.library-index-page .law-sub{
  margin: 0 auto 22px;
  color: #5b6472;
  line-height: 2;
  text-align: center;
  max-width: 760px;
  font-weight: 700;
}

.library-index-page .laws-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  align-items: stretch;
}

.library-index-page .law-card{
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border: 1px solid rgba(214, 194, 136, .78);
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #fbf7eb 100%);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .10);
  padding: 18px;
  position: relative;
  overflow: hidden;
}

.library-index-page .law-card::before{
  content: "";
  position: absolute;
  top: 0;
  inset-inline: 0;
  height: 4px;
  background: linear-gradient(90deg, #0b225a, #d6b44d, #0b225a);
}

.library-index-page .law-card h2{
  margin: 0 0 10px;
  color: #0b225a;
  font-size: 1.12rem;
  font-weight: 900;
  line-height: 1.85;
}

.library-index-page .law-card p{
  margin: 0 0 16px;
  color: #374151;
  line-height: 2;
  font-weight: 700;
}

.library-index-page .law-card .action-btn{
  margin-top: auto;
  width: 100%;
  min-height: 46px;
  border-radius: 14px;
  font-weight: 900;
}

.library-index-page .law-card-admin{
  background: linear-gradient(180deg, #fffdf5 0%, #f7ecd0 100%);
  border-color: #d6b44d;
  box-shadow: 0 18px 40px rgba(140, 98, 20, .22);
}

.library-index-page .law-card-admin h2{
  color: #7a4b00;
}

@media (max-width: 700px) {
  .library-index-page .law-shell{
    padding: 14px;
    border-radius: 18px;
  }

  .library-index-page .laws-grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .library-index-page .law-title{
    font-size: 1.3rem;
  }

  .library-index-page .law-card{
    border-radius: 18px;
    padding: 15px;
  }
}

/* Admin laws single-card patch */
.library-index-page .law-card-admin-single{
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  text-align: center;
  cursor: pointer;
}

.library-index-page .law-card-admin-single h2{
  margin: 0;
  font-size: 1.45rem;
  color: #7a4b00;
}

.library-index-page .law-card-admin-single:hover{
  transform: translateY(-3px);
  box-shadow: 0 22px 48px rgba(140, 98, 20, .28);
}

.library-index-page .law-card-admin-single:focus{
  outline: 3px solid rgba(214, 180, 77, .9);
  outline-offset: 4px;
}


/* ================================================= */
/* المصدر: assets/css/src/zz-contract-viewer.css */
/* ================================================= */

:root{
  --viewer-bg: #f5f1e8;
  --viewer-card: #fffdf8;
  --viewer-border: rgba(73, 55, 29, 0.14);
  --viewer-accent: #6a4a22;
  --viewer-accent-2: #8b6330;
  --viewer-text: #2a2118;
  --viewer-muted: #70614f;
  --viewer-font-local: "Cairo", "Tahoma", "Arial", sans-serif;
}

*{ box-sizing: border-box; }
html,
body{ margin: 0; padding: 0; }
body{
  background: linear-gradient(180deg, #f7f3eb 0%, #efe6d8 100%);
  color: var(--viewer-text);
  font-family: var(--viewer-font-local) !important;
}

.viewer-topbar{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  background: #20170f;
  color: #fff;
}
.viewer-brand a{
  color: #fff;
  text-decoration: none;
  font-size: 1.15rem;
  font-weight: 700;
}
.viewer-brand small{
  display: block;
  color: rgba(255,255,255,.8);
  margin-top: 4px;
}
.viewer-nav{ display: flex; gap: 12px; flex-wrap: wrap; }
.viewer-nav a{
  color: #fff;
  text-decoration: none;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  padding: 10px 14px;
  border-radius: 12px;
}

.viewer-shell{
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px 16px 40px;
  font-family: var(--viewer-font-local) !important;
}
.viewer-shell *{
  font-family: var(--viewer-font-local) !important;
}
.viewer-hero,
.viewer-card{
  background: var(--viewer-card);
  border: 1px solid var(--viewer-border);
  border-radius: 24px;
  box-shadow: 0 18px 45px rgba(41, 26, 11, 0.08);
}
.viewer-hero{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  padding: 24px;
  margin-bottom: 18px;
}
.eyebrow{
  margin: 0 0 8px;
  color: var(--viewer-accent-2);
  font-weight: 800;
}
#contractTitle{
  margin: 0 0 10px;
  font-size: 1.9rem;
  line-height: 1.5;
  color: #173d6e !important;
  font-weight: 900;
  text-shadow: none !important;
}
#contractIntro{
  margin: 0;
  color: var(--viewer-muted);
  line-height: 1.9;
}
.viewer-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
button{
  border: 0;
  border-radius: 14px;
  padding: 12px 18px;
  font-size: 1rem;
  cursor: pointer;
  background: var(--viewer-accent);
  color: #fff;
  font-family: var(--viewer-font-local) !important;
}
button.secondary{
  background: #e9dfd0;
  color: var(--viewer-text);
}
button:disabled{ opacity: .65; cursor: not-allowed; }

.viewer-card{ padding: 18px; }
.viewer-status{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
  color: var(--viewer-muted);
  font-size: .98rem;
}
#slotCount{
  background: #f2eadf;
  border: 1px solid var(--viewer-border);
  border-radius: 999px;
  padding: 6px 12px;
  color: var(--viewer-accent);
  font-weight: 800;
}
.contract-paper{
  background: #fffdf8 !important;
  border: 1px solid rgba(90, 72, 44, 0.18);
  border-radius: 18px;
  min-height: 60vh;
  padding: 24px;
  font-family: var(--viewer-font-local) !important;
  font-size: 1.18rem;
  font-weight: 700;
  line-height: 2.2;
  color: #1f2937 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  white-space: normal;
}
.paper-placeholder{ color: var(--viewer-muted); }
.contract-slot{
  display: inline-flex;
  align-items: center;
  min-width: 96px;
  max-width: 100%;
  margin: 0 3px;
  padding: 3px 10px;
  border-radius: 10px;
  border: 1px dashed var(--viewer-accent-2);
  background: #fff7ea;
  color: var(--viewer-text);
  font: inherit;
  line-height: 1.9;
  vertical-align: baseline;
}
.contract-slot.empty{
  color: var(--viewer-accent-2);
  font-weight: 800;
}
.contract-slot.filled{
  background: #f3ede2;
  border-style: solid;
}

.field-modal{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.48);
  display: grid;
  place-items: center;
  padding: 16px;
  z-index: 999;
}
.field-modal.hidden,
.hidden{ display: none !important; }
.field-modal-box{
  width: min(680px, 100%);
  background: #fff;
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 22px 60px rgba(0,0,0,.25);
}
.field-modal-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.field-modal-head h2{ margin: 0; font-size: 1.3rem; }
.modal-close{
  width: 42px;
  height: 42px;
  border-radius: 999px;
  padding: 0;
  font-size: 1.4rem;
  background: #efe6d8;
  color: #3a2c19;
}
.field-modal-hint{
  margin: 0 0 12px;
  color: var(--viewer-muted);
  line-height: 1.9;
}
.field-control{
  width: 100%;
  border: 1px solid #d7c7b4;
  border-radius: 14px;
  padding: 14px;
  font: inherit;
  color: var(--viewer-text);
  background: #fffdfa;
  font-family: var(--viewer-font-local) !important;
}
textarea.field-control{ resize: vertical; min-height: 140px; }
.field-modal-actions{
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}
.loading-toast{
  position: fixed;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  background: #20170f;
  color: #fff;
  padding: 12px 18px;
  border-radius: 999px;
  z-index: 999;
}

@media (max-width: 820px) {
  .viewer-topbar,
.viewer-hero,
.viewer-status,
.field-modal-actions{ flex-direction: column; align-items: stretch; }
  .viewer-actions{ width: 100%; }
  .viewer-actions button,
.field-modal-actions button{ width: 100%; }
  #contractTitle{ font-size: 1.45rem; }
  .contract-paper{ padding: 16px; font-size: 1.05rem; }
}

@media print {
  body{ background: #fff; }
  .no-print,
.viewer-topbar{ display: none !important; }
  .viewer-shell{ max-width: none; padding: 0; }
  .viewer-hero,
.viewer-card{
    box-shadow: none;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    background: #fff;
  }
  .contract-paper{
    border: 0;
    min-height: 0;
    padding: 0;
    font-family: var(--viewer-font-local) !important;
    font-size: 16px;
    line-height: 2;
  }
  .contract-slot{
    border: 0;
    background: transparent;
    padding: 0;
    min-width: 0;
    margin: 0;
  }
}

/* Contract viewer visual isolation after applying the public site template. */
.viewer-shell,
.viewer-shell *{
  text-shadow: none !important;
  font-family: var(--viewer-font-local) !important;
}

.viewer-card,
.viewer-hero{
  color: #2a2118 !important;
}

.contract-paper,
.contract-paper p,
.contract-paper div,
.contract-paper span,
.contract-paper strong,
.contract-paper b,
.contract-paper li,
.contract-paper td,
.contract-paper th{
  color: #1f2937 !important;
  opacity: 1 !important;
  font-family: var(--viewer-font-local) !important;
}

.contract-paper .contract-slot{
  color: #0f315f !important;
  background: #f7fafc !important;
  border-color: #173d6e !important;
  border-bottom: 2px dashed #173d6e !important;
  font-weight: 900 !important;
  font-family: var(--viewer-font-local) !important;
}

.contract-paper .contract-slot.empty{
  color: #52637a !important;
}

@media (max-width: 820px) {
  .contract-paper{
    font-size: 1.05rem !important;
    line-height: 2.1 !important;
  }
}


/* ================================================= */
/* المصدر: assets/css/src/zz-style.css */
/* ================================================= */

:root{
  --bg:#071226;
  --card:#0d1b34;
  --card-2:#102141;
  --line:#1f3764;
  --text:#ebf2ff;
  --muted:#96a8cf;
  --accent:#35b5ff;
  --accent-2:#1e7bd8;
  --paper:#ffffff;
  --paper-text:#1c1c1c;
  --success:#13c296;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Cairo",sans-serif;
  background:linear-gradient(180deg,#030814 0%,#08152b 35%,#0a1730 100%);
  color:var(--text);
}
a{text-decoration:none;color:inherit}
.topbar{
  position:sticky;top:0;z-index:9999;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px;
  background:rgba(5,12,26,.94);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 22px rgba(0,0,0,.22)
}
.brand{display:flex;flex-direction:column;gap:2px;font-weight:800;font-size:1.1rem;color:#fff;line-height:1.1}.brand span,
.brand small{display:block}.brand small{font-size:.85rem;color:#8edcff;font-weight:700}
.main-nav{display:flex;gap:18px;flex-wrap:wrap}
.main-nav a{color:#cfe0ff;font-size:.95rem}
.page-shell{max-width:1400px;margin:0 auto;padding:22px}
.hero{
  background:radial-gradient(circle at top right,#13315d 0,#0d1d38 40%,#081224 100%);
  border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:28px;margin-bottom:22px;
  box-shadow:0 20px 60px rgba(0,0,0,.25)
}
.hero-badge{
  display:inline-block;background:rgba(53,181,255,.12);color:#7cd4ff;border:1px solid rgba(53,181,255,.3);
  padding:6px 12px;border-radius:999px;font-size:.85rem;margin-bottom:10px
}
.hero h1{margin:0 0 10px;font-size:2rem;line-height:1.4}
.hero p{margin:0;color:#c1d0ef;max-width:850px}
.section-card{
  background:linear-gradient(180deg,rgba(16,33,65,.95),rgba(10,24,49,.96));
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;padding:22px;margin-bottom:22px;
  box-shadow:0 18px 50px rgba(0,0,0,.22)
}
.section-head{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:18px;flex-wrap:wrap}
.section-head h2{margin:0;font-size:1.6rem}
.section-head p{margin:4px 0 0;color:var(--muted)}
.service-grid,
.case-grid,
.contact-grid,
.library-grid{display:grid;gap:14px}
.service-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.case-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.contact-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.library-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.service-item,
.case-card,
.library-item,
.contact-link{
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px
}
.service-item{display:flex;gap:10px;align-items:flex-start;color:#eef5ff}
.service-item i{color:#7cd4ff;margin-top:5px}
.case-card h3{margin:0 0 10px;color:#8ad8ff}
.case-card ul{margin:0;padding-right:18px;color:#d9e6ff}
.contract-section{padding-top:16px}
.compact{align-items:center}
.toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}
.action-btn{
  border:none;border-radius:12px;padding:11px 16px;cursor:pointer;
  background:#153057;color:#fff;font-family:inherit;font-weight:700
}
.action-btn.primary{background:linear-gradient(90deg,#1586ff,#23b0ff)}
.action-btn.show-btn{background:linear-gradient(90deg,#135d9c,#24a1ef)}
.contract-studio{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:start}
.preview-panel,
.form-panel{
  background:#081427;border:1px solid rgba(255,255,255,.09);border-radius:18px;overflow:hidden
}
.studio-topbar,
.form-topbar{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  background:linear-gradient(90deg,#081628,#0f2345);padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)
}
.form-topbar-stack{display:grid;gap:12px;align-items:stretch}
.studio-title{font-weight:700}
.contract-meta{color:var(--muted);font-size:.9rem}
.paper-wrap{padding:18px;background:linear-gradient(180deg,#071020,#08172f);display:flex;justify-content:center;align-items:flex-start;overflow:auto}
.paper{
  width:105mm;max-width:105mm;height:157mm;min-height:157mm;margin:0 auto;background:var(--paper);color:var(--paper-text);
  border-radius:10px;box-shadow:0 25px 65px rgba(0,0,0,.35);padding:9mm 8mm 8mm;border:1px solid #e8edf5;
  display:flex;flex-direction:column;overflow:hidden
}
.paper-header{flex:0 0 auto;border-bottom:2px solid #1f4f8a;padding-bottom:10px;margin-bottom:12px}
.paper-header h3{margin:0;text-align:center;font-size:1rem}
.paper-body{white-space:pre-wrap;line-height:1.85;font-size:.72rem;text-align:justify;flex:1;overflow:auto}
.paper-body .fill{display:inline-block;min-width:88px;padding:0 4px;border-bottom:1.7px solid #1b1b1b;text-align:center}
.paper-body .fill.placeholder{color:#777}
.paper-hint{padding:18px;background:#f6f8fb;border:1px dashed #ccd7e5;border-radius:10px;line-height:2}
.contract-select-wrap{display:grid;gap:6px;width:100%}
.contract-select-wrap.wide{width:100%}
.contract-select-wrap span{font-size:.9rem;color:#c8d6f4}
#contractSelect,
#fieldSearch,
.field-input,
.field-textarea,
select.field-input,
input.field-input{
  width:100%;background:#0c1c36;color:#fff;border:1px solid #284570;border-radius:12px;padding:11px 12px;font-family:inherit
}
#contractSelect,
#fieldSearch,
.field-input,
select.field-input{min-height:46px}
.field-textarea{resize:vertical;min-height:110px}
.form-search-box{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
.form-fields{padding:16px;display:grid;gap:12px;max-height:1030px;overflow:auto}
.form-footer-actions{display:flex;gap:10px;flex-wrap:wrap;padding:14px 16px;border-top:1px solid rgba(255,255,255,.06);background:rgba(8,20,39,.88);position:sticky;bottom:0}
.form-footer-actions .action-btn{flex:1}
.context-box{padding:10px 12px;border-radius:12px;background:rgba(53,181,255,.08);border:1px solid rgba(53,181,255,.18);color:#dcebff;font-size:.84rem;line-height:1.9}
.field-subtitle{display:none}
.picker-search{width:100%;margin:12px 0 14px;background:#0c1c36;color:#fff;border:1px solid #284570;border-radius:12px;padding:11px 12px;font-family:inherit}
.picker-card{max-width:520px}
.picker-options{display:grid;gap:8px;max-height:50vh;overflow:auto}
.picker-option{border:1px solid rgba(255,255,255,.08);background:#10284c;color:#fff;border-radius:12px;padding:12px 14px;text-align:right;cursor:pointer;font-family:inherit}
.picker-option:hover{background:#16335f}
.picker-custom{margin-top:14px;display:grid;gap:10px}
.picker-custom.hidden{display:none}
@page{size:A4 portrait;margin:8mm}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.field-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px}
.field-label-block{display:grid;gap:8px}
.field-title{font-size:.92rem;font-weight:700;color:#eaf2ff;line-height:1.9;word-break:break-word}
.field-help{color:#91a6d0;font-size:.78rem;line-height:1.9}
.control-wrap{display:grid;gap:8px}
.picker-row{display:flex;gap:8px;align-items:center}
.picker-row .field-input{flex:1}
.picker-btn{min-width:44px;height:44px;border:none;border-radius:12px;background:#14345d;color:#dff2ff;cursor:pointer;font-size:1rem}
.hidden-picker{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.custom-field.hidden{display:none}
.helper-strip{display:grid;gap:8px}
.helper-item{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;background:rgba(53,181,255,.08);border:1px solid rgba(53,181,255,.18);border-radius:12px;color:#dcebff;font-size:.88rem}
.helper-item i{margin-top:3px;color:#7cd4ff}
.empty-state{padding:18px;border:1px dashed rgba(255,255,255,.18);border-radius:14px;color:#a7bbdf;text-align:center}
.upload-box{display:inline-flex;align-items:center;gap:10px;background:#12284d;border:1px dashed #3e6dac;border-radius:16px;padding:14px 16px;cursor:pointer}
.upload-box input{display:none}
.library-item img{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:10px}
.library-item .pdf-icon{font-size:2.1rem;color:#ff6666;margin-bottom:12px}
.library-item a.download{display:inline-flex;align-items:center;gap:6px;color:#8edcff;margin-top:10px}
.contact-link{display:flex;gap:10px;align-items:center;justify-content:center;font-weight:700;min-height:72px}
.contact-link i{font-size:1.25rem}
.contact-link.contact{color:#7ef4c2}.contact-link.facebook{color:#9fc4ff}.contact-link.telegram{color:#93dbff}.contact-link.phone{color:#ffe08f}
.site-footer{text-align:center;padding:24px;color:#95a8cf}
.modal{position:fixed;inset:0;background:rgba(2,8,18,.7);display:flex;align-items:center;justify-content:center;padding:18px;z-index:100}
.modal.hidden{display:none}
.modal-card{max-width:620px;width:100%;background:linear-gradient(180deg,#0d1e39,#071428);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:24px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.modal-close{position:absolute;left:14px;top:10px;background:none;border:none;color:#fff;font-size:1.8rem;cursor:pointer}
.modal-badge{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(53,181,255,.12);border:1px solid rgba(53,181,255,.3);color:#89dcff;font-size:.83rem}
.modal-card h2{margin:12px 0 10px}.modal-card p{color:#d6e2fb}.intro-list{padding-right:20px;color:#fff}.modal-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.modal-links a{background:#10284c;border:1px solid rgba(255,255,255,.08);padding:10px 12px;border-radius:12px}
datalist{display:none}
@media (max-width:1100px){
  .contract-studio{grid-template-columns:1fr}
  .paper{width:98mm;max-width:98mm;height:147mm;min-height:147mm}
}
@media (max-width:700px){
  .page-shell{padding:12px}
  .field-grid{grid-template-columns:1fr}
  .hero h1{font-size:1.55rem}
  .paper{width:86mm;max-width:86mm;height:129mm;min-height:129mm;padding:7mm 6mm 6mm}
  .paper-body{font-size:.64rem;line-height:1.7}
  .main-nav{gap:10px}
  .toolbar-actions,
.section-head{width:100%}
  .action-btn{flex:1}
  .topbar{position:sticky;top:0;z-index:9999;padding:12px;align-items:flex-start}
  .brand{font-size:1rem}
  .form-footer-actions{flex-direction:column}
}
@media print{
  body{background:#fff}
  .topbar,
.hero,
.section-card:not(.contract-section),
.toolbar-actions,
.form-panel,
.studio-topbar,
.site-footer,
.form-footer-actions{display:none!important}
  .contract-section{border:none;box-shadow:none;padding:0;margin:0;background:#fff}
  .preview-panel,
.paper-wrap{padding:0;border:none;background:#fff}
  .paper{box-shadow:none;border:none;max-width:none;height:280mm;min-height:280mm;padding:0}
}

.contract-entry-fields{padding:18px;max-height:1030px;overflow:auto}
.entry-paper-wrap{display:flex;justify-content:center}
.entry-paper{
  width:100%;max-width:210mm;min-height:297mm;background:var(--paper);color:var(--paper-text);
  border:1px solid #dfe7f2;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.18);padding:10mm 9mm;
}
.entry-paper-header{border-bottom:2px solid #1f4f8a;padding-bottom:8px;margin-bottom:12px;text-align:center}
.entry-paper-header h3{margin:0;font-size:1.1rem;color:#173d6e}
.entry-paper-header p{margin:6px 0 0;color:#5c6f8f;font-size:.82rem}
.entry-paper-body{white-space:pre-wrap;line-height:2.1;font-size:.98rem;color:#121212}
.inline-field-holder{display:inline-flex;align-items:center;vertical-align:baseline;min-width:120px;max-width:100%;margin:0 3px}
.inline-control-wrap{display:inline-flex;align-items:center;min-width:120px;max-width:100%}
.inline-control{display:inline-flex;align-items:center;width:100%}
.inline-control .field-input,
.inline-control input.field-input,
.inline-control select.field-input{background:#fff;color:#111;border:none;border-bottom:2px solid #1b1b1b;border-radius:0;padding:2px 4px;min-height:30px;height:32px;box-shadow:none}
.inline-control .field-textarea{background:#fff;color:#111;border:1px solid #444;border-radius:8px;min-height:70px;padding:6px 8px}
.inline-control .picker-row{gap:4px}
.inline-control .picker-btn{height:32px;min-width:32px;border-radius:8px;background:#e9eef6;color:#1a3760}
.inline-control datalist{display:none}
.inline-control-wrap .custom-field.hidden{display:none}
.inline-control .field-input::placeholder,
.inline-control .field-textarea::placeholder{color:#888}

@media (max-width:1100px){
  .entry-paper{max-width:100%;min-height:auto;padding:7mm 6mm}
  .entry-paper-body{font-size:.9rem;line-height:2}
}

@media (max-width:700px){
  .entry-paper{padding:5mm 4mm;border-radius:10px}
  .entry-paper-body{font-size:.84rem;line-height:1.95}
  .inline-field-holder,
.inline-control-wrap{min-width:88px}
  .inline-control .field-input,
input.field-input,
select.field-input{min-height:28px;height:28px;font-size:.8rem}
}

/* ===== Professional contract-entry workspace enhancements ===== */
.contract-head-pro .section-kicker{
  display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(53,181,255,.12);border:1px solid rgba(53,181,255,.28);color:#8ad8ff;font-size:.82rem;margin-bottom:10px
}
.pro-layout{grid-template-columns:minmax(320px,.95fr) minmax(420px,1.05fr)}
.studio-topbar-pro{justify-content:space-between}
.preview-badges{display:flex;gap:8px;flex-wrap:wrap}
.mini-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);color:#dff1ff;font-size:.78rem;font-weight:700}
.mini-badge.saved{background:rgba(40,180,99,.16);border-color:rgba(46,204,113,.3);color:#b7ffd1}
.workspace-header{display:grid;gap:14px;padding:16px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#081628,#0b1d37)}
.studio-intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.intro-card{display:flex;gap:12px;align-items:flex-start;padding:14px 15px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.intro-card.pro-accent{background:linear-gradient(180deg,rgba(53,181,255,.14),rgba(53,181,255,.05));border-color:rgba(53,181,255,.22)}
.intro-card-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,255,255,.07);color:#9edfff;flex:0 0 42px}
.intro-card strong{display:block;color:#fff;margin-bottom:4px;font-size:.96rem}
.intro-card p{margin:0;color:#b8cae6;font-size:.87rem;line-height:1.8}
.studio-steps{display:flex;gap:10px;flex-wrap:wrap}
.step-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#dcecff}
.step-pill span{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);font-size:.8rem;font-weight:800}
.step-pill strong{font-size:.88rem}
.step-pill.active{background:rgba(53,181,255,.12);border-color:rgba(53,181,255,.25)}
.workspace-header-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.contract-pickers-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;min-width:0}
.contract-search-wrap input{width:100%}
.workspace-quick-actions{display:flex;gap:8px;flex-wrap:wrap}
.quick-btn{border:none;border-radius:12px;padding:11px 14px;background:#15345d;color:#e6f3ff;font-family:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.quick-btn.danger{background:#4a1f2f;color:#ffe1e7}
.workspace-status-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.status-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;display:grid;gap:6px}
.status-card span{color:#9cb2d9;font-size:.78rem}
.status-card strong{font-size:1rem;color:#fff}
.guide-card{display:grid;gap:8px;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,rgba(53,181,255,.12),rgba(53,181,255,.04));border:1px solid rgba(53,181,255,.18)}
.guide-card-title{display:flex;align-items:center;gap:8px;font-weight:800;color:#dff5ff}
#guideText{color:#d7eaff;line-height:1.95;font-size:.92rem}
.workspace-body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;padding:16px}
.fields-nav-panel{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:12px;display:grid;gap:12px;align-self:start;position:sticky;top:94px;max-height:calc(100vh - 170px);overflow:auto}
.fields-nav-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.fields-nav-head h3{margin:0;font-size:.98rem}
.nav-filter-btn{border:none;border-radius:10px;padding:8px 10px;background:#10284c;color:#dbeeff;font-family:inherit;cursor:pointer;font-size:.82rem}
.nav-filter-btn.active{background:#1a4f86}
.fields-nav-list{display:grid;gap:8px}
.field-nav-chip{display:flex;align-items:center;gap:10px;text-align:right;border:1px solid rgba(255,255,255,.08);background:#0d213e;color:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;font-family:inherit}
.field-nav-chip .chip-index{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.08);font-size:.78rem;font-weight:800;flex:0 0 26px}
.field-nav-chip .chip-label{flex:1;font-size:.86rem;line-height:1.7}
.field-nav-chip.filled{border-color:rgba(46,204,113,.35);background:rgba(28,114,73,.18)}
.field-nav-chip.missing{border-color:rgba(255,193,7,.22)}
.field-nav-chip.active{outline:2px solid #35b5ff;transform:translateY(-1px)}
.form-fields.contract-entry-fields{padding:0;max-height:none;overflow:visible;background:none}
.entry-paper-wrap{display:block}
.entry-paper{max-width:100%;min-height:820px;padding:12mm 11mm;border-radius:18px;box-shadow:0 24px 50px rgba(0,0,0,.26)}
.entry-paper-header{position:sticky;top:0;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.92));backdrop-filter:blur(6px);z-index:3;padding-bottom:10px}
.entry-paper-header p{margin:7px 0 0;color:#617495;font-size:.84rem}
.entry-paper-body{font-size:1rem;line-height:2.18}
.inline-field-holder{position:relative;min-width:120px;max-width:100%;margin:0 4px 2px;padding:1px 0;border-radius:8px;transition:.18s ease}
.inline-field-holder.is-filled{background:rgba(37,185,102,.08)}
.inline-field-holder.is-missing{background:rgba(255,193,7,.08)}
.inline-field-holder.is-active{background:rgba(53,181,255,.13);box-shadow:0 0 0 2px rgba(53,181,255,.18)}
.inline-control-wrap{min-width:120px}
.inline-control .field-input,
.inline-control input.field-input,
.inline-control select.field-input{
  min-width:120px;background:#fff;border:1px solid #d1dced;border-bottom:2px solid #1d2e45;border-radius:10px;padding:4px 8px;height:38px;min-height:38px;box-shadow:0 4px 14px rgba(26,55,96,.06)
}
.inline-control .field-input:focus,
.inline-control input.field-input:focus,
.inline-control select.field-input:focus,
.inline-control .field-textarea:focus{outline:none;border-color:#35b5ff;box-shadow:0 0 0 4px rgba(53,181,255,.12)}
.inline-control .field-textarea{background:#fff;color:#111;border:1px solid #d1dced;border-radius:12px;min-height:96px;padding:8px 10px;box-shadow:0 4px 14px rgba(26,55,96,.06)}
.inline-control .picker-btn{height:38px;min-width:38px;border-radius:10px;background:#eef4fb;color:#1a3760;border:1px solid #d4dfef}
.form-footer-actions{position:sticky;bottom:0;z-index:4;backdrop-filter:blur(7px);background:rgba(8,20,39,.86)}
.empty-state.small{padding:12px;font-size:.85rem}
@media (max-width:1280px){
  .pro-layout{grid-template-columns:1fr}
  .workspace-body{grid-template-columns:1fr}
  .fields-nav-panel{position:relative;top:auto;max-height:none;order:-1}
  .fields-nav-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
}
@media (max-width:900px){
  .studio-intro-grid{grid-template-columns:1fr}
  .contract-pickers-grid{grid-template-columns:1fr}
  .workspace-header-main{grid-template-columns:1fr}
  .workspace-status-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .workspace-header,
.workspace-body{padding:12px}
  .workspace-quick-actions,
.toolbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .workspace-quick-actions .quick-btn:last-child,
.toolbar-actions .action-btn:last-child{grid-column:1 / -1}
  .fields-nav-list{grid-template-columns:1fr}
  .entry-paper{padding:7mm 6mm;border-radius:12px}
  .entry-paper-body{font-size:.88rem;line-height:2.02}
  .inline-field-holder,
.inline-control-wrap{min-width:92px}
  .inline-control .field-input,
.inline-control input.field-input,
.inline-control select.field-input{min-width:92px;height:34px;min-height:34px;font-size:.82rem;padding:3px 6px}
  .inline-control .picker-btn{height:34px;min-width:34px}
}

/* ===== v12 redesigned contract generator workspace ===== */
.contract-section{
  background:linear-gradient(180deg,#edf0f5,#e8edf3);
  border:1px solid rgba(12,33,61,.08);
}
.contract-head-pro{
  background:linear-gradient(180deg,#10284b,#173764);
  border-radius:22px;
  padding:18px 20px;
  margin-bottom:18px;
  color:#fff;
  align-items:center;
}
.contract-head-pro h2,
.contract-head-pro p,
.contract-head-pro .section-kicker{color:#fff}
.contract-head-pro p{max-width:720px;color:#d6e4ff}
.contract-head-pro .section-kicker{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.18);
  color:#f2f7ff;
}
.toolbar-actions .action-btn{
  min-width:146px;
  justify-content:center;
  background:#2b5b9d;
  border:1px solid rgba(255,255,255,.12);
}
.toolbar-actions .action-btn.primary{background:#2f8b47}
.toolbar-actions .action-btn.show-btn{background:#274a83}
.contract-studio.pro-layout{
  grid-template-columns:minmax(280px,.88fr) minmax(400px,1.12fr);
  gap:18px;
}
.preview-panel,
.form-panel{
  background:#f4f6fb;
  border:1px solid #d6dde9;
  border-radius:20px;
  overflow:hidden;
}
.studio-topbar-pro{
  background:#e4e8ef;
  padding:14px 16px;
  border-bottom:1px solid #d6dde9;
}
.studio-title{color:#20395e;font-size:1.1rem}
.contract-meta{color:#4e6181}
.preview-badges .mini-badge{
  background:#fff;
  color:#20395e;
  border:1px solid #d2d9e6;
}
.preview-badges .mini-badge.saved{background:#ecfff2;color:#1c6b3a;border-color:#bce3ca}
.paper-wrap{
  padding:20px;
  background:#eef1f7;
}
.paper{
  width:148mm;
  max-width:148mm;
  min-height:210mm;
  height:auto;
  margin:0 auto;
  background:#fff;
  color:#111;
  border:1px solid #c8cfda;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
  border-radius:6px;
  padding:10mm 9mm;
}
.paper-header h3{color:#111;font-size:1rem}
.paper-body{color:#111;font-size:.82rem;line-height:1.95}
.form-panel{
  background:#eceff4;
}
.workspace-header{
  padding:16px;
  background:transparent;
  border-bottom:none;
  gap:12px;
}
.studio-intro-grid,
.studio-steps,
.workspace-quick-actions,
.workspace-status-row,
.guide-card,
.fields-nav-panel{display:none !important}
.workspace-header-main{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.contract-pickers-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:12px;
}
.contract-select-wrap span{
  font-weight:700;
  color:#22385e;
  margin-bottom:6px;
}
.contract-select-wrap select,
.contract-select-wrap input,
.manual-field-card .field-input,
.manual-field-card .field-textarea{
  background:#fff;
  color:#10243f;
  border:1px solid #cfd7e4;
  border-radius:12px;
  box-shadow:none;
}
.workspace-body{
  grid-template-columns:1fr;
  padding:0 16px 16px;
}
.form-fields.contract-entry-fields{
  padding:0;
  background:transparent;
}
.manual-sections-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.manual-section-card{
  background:#f7f8fb;
  border:1px solid #d7ddea;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 4px 10px rgba(16,36,63,.04);
}
.manual-section-card.section-span-2{grid-column:1 / -1}
.manual-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  background:#dfe4ec;
  border-bottom:1px solid #d2d9e4;
}
.manual-section-head h3{
  margin:0;
  font-size:1.05rem;
  color:#1c2f4f;
  display:flex;
  align-items:center;
  gap:8px;
}
.manual-fields-wrap{
  padding:14px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.section-contract .manual-fields-wrap,
.section-terms .manual-fields-wrap,
.section-other .manual-fields-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
.manual-field-card{
  background:#fff;
  border:1px solid #d7ddea;
  border-radius:14px;
  padding:12px;
  display:grid;
  gap:7px;
  transition:.18s ease;
}
.manual-field-card.filled{border-color:#9fc8af;background:#fbfffc}
.manual-field-card.active{outline:2px solid #3e6dac;transform:translateY(-1px)}
.manual-field-label{
  font-weight:800;
  color:#162b48;
  font-size:.95rem;
}
.manual-field-hint{
  font-size:.78rem;
  color:#667a9b;
  min-height:1.4em;
}
.manual-field-control .field-input,
.manual-field-control input.field-input,
.manual-field-control select.field-input{
  min-height:46px;
  height:46px;
  padding:10px 12px;
  color:#12284d;
}
.manual-field-control .field-textarea{
  min-height:94px;
  padding:12px;
}
.manual-control .picker-row{display:flex;gap:8px}
.manual-control .picker-btn{min-width:42px;height:46px;border-radius:12px;background:#eef3f8;color:#1a3760}
.form-footer-actions{
  padding:16px;
  border-top:1px solid #d7ddea;
  background:#eef1f6;
}
.form-footer-actions .action-btn{justify-content:center;min-width:160px}
.empty-state.small,
.empty-state{background:#fff;color:#4f6484;border:1px dashed #c7d1df}
@media (max-width:1100px){
  .contract-studio.pro-layout{grid-template-columns:1fr}
  .paper{width:132mm;max-width:132mm;min-height:188mm}
}
@media (max-width:760px){
  .contract-head-pro{padding:16px}
  .toolbar-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .toolbar-actions .action-btn{min-width:0;width:100%}
  .contract-pickers-grid,
.manual-sections-grid,
.manual-fields-wrap{grid-template-columns:1fr !important}
  .paper{width:94mm;max-width:94mm;min-height:134mm;padding:8mm 7mm}
  .paper-body{font-size:.71rem;line-height:1.85}
  .form-footer-actions{display:grid;grid-template-columns:1fr;gap:10px}
}

/* v13 - إدخال البيانات من داخل قالب العقد نفسه */
.fields-nav-panel{display:none !important}
.workspace-body{grid-template-columns:1fr !important}
.form-fields.contract-entry-fields{padding:0;background:transparent}
.contract-entry-paper{
  width:100%;
  max-width:210mm;
  min-height:297mm;
  margin:0 auto;
  background:#fff;
  color:#111;
  border:1px solid #d5dbe5;
  box-shadow:0 18px 45px rgba(11,27,55,.14);
}
.contract-entry-body{
  line-height:2.2;
  font-size:1rem;
  color:#111;
}
.contract-slot{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:86px;
  min-height:32px;
  padding:1px 8px;
  margin:0 2px;
  border:0;
  border-bottom:2px dashed #173d6e;
  background:rgba(19,61,110,.05);
  color:#173d6e;
  border-radius:8px 8px 2px 2px;
  font:inherit;
  cursor:pointer;
  transition:.18s ease;
  vertical-align:baseline;
}
.contract-slot.empty{color:#6d7f98;background:rgba(109,127,152,.08)}
.contract-slot.filled{background:rgba(36,133,75,.12);border-bottom-color:#24854b;color:#0b2d15}
.contract-slot:hover,
.contract-slot:focus{outline:none;transform:translateY(-1px);box-shadow:0 0 0 2px rgba(44,95,175,.18)}
.field-editor-card{max-width:560px;width:min(92vw,560px)}
.field-modal-hint{margin:4px 0 14px;color:#617495;line-height:1.9}
.field-modal-input-wrap{display:grid;gap:12px}
.field-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}
.manual-only-note{color:#5f7394;font-size:.84rem}
#manualOnlyBtn{background:#f1f5fb;color:#173d6e;border:1px solid #d2ddea}
#showMissingOnlyBtn{display:none}
#fieldModalTextarea.hidden,
#fieldModalInput.hidden{display:none !important}

@media (max-width:1100px){
  .contract-entry-paper{max-width:100%;min-height:auto}
}
@media (max-width:760px){
  .contract-entry-body{font-size:.9rem;line-height:2.05}
  .contract-slot{min-width:64px;min-height:30px;padding:1px 6px}
  .field-editor-card{width:min(94vw,94vw)}
  .field-modal-actions{display:grid;grid-template-columns:1fr 1fr}
}

.hidden-preview{display:none !important}

.posts-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px;
}
.post-card{
  background:#fff;
  border:1px solid #d7ddea;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(16,36,63,.06);
}
.post-thumb-wrap{
  background:#eef2f8;
  padding:12px;
}
.post-thumb{
  width:100%;
  height:auto;
  max-height:320px;
  object-fit:contain;
  display:block;
  border-radius:14px;
}
.post-content{
  padding:18px;
}
.post-title-link{
  display:block;
  color:#183257;
  font-size:1.2rem;
  font-weight:800;
  line-height:1.8;
  text-decoration:none;
  margin-bottom:6px;
}
.post-title-link:hover{color:#0f5ca8}
.post-date{
  color:#6b7d99;
  font-size:.9rem;
  margin-bottom:10px;
}
.post-excerpt{
  color:#304766;
  line-height:1.9;
  margin-bottom:10px;
}
.post-full{
  margin-top:10px;
  padding-top:12px;
  border-top:1px solid #e1e7f0;
}
.post-body{
  color:#12284d;
  line-height:2;
  font-size:1rem;
}
.post-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.post-btn{
  border:none;
  border-radius:12px;
  padding:10px 16px;
  font-size:.95rem;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:120px;
  background:#173d6e;
  color:#fff;
}
.post-link{background:#1f4f8c;color:#fff}
.post-download{background:#1f7a4d;color:#fff}
.post-share{background:#8b5a2b;color:#fff}
@media print {
  #paperBody,
#paperBody *,
.paper-body,
.paper-body *{
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 2 !important;
    color: #000 !important;
    font-family: "Tahoma", "Arial", sans-serif !important;
  }
}
.modal-links a.skip-btn{
  background: linear-gradient(135deg, #b8860b, #d4a017);
  border-color: #f0c44c;
  color: #ffffff;
}

.modal-links a.skip-btn:hover{
  background: linear-gradient(135deg, #c89512, #e0b12b);
  border-color: #ffd76a;
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(212, 160, 23, 0.28);
}
.modal-links{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 18px;
}

.modal-links a.btn-app{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  padding: 14px 18px;
  border-radius: 16px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.05rem;
  transition: all 0.25s ease;
  border: 1px solid transparent;
  color: #fff;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

.modal-links a.btn-app i{
  font-size: 1.2rem;
}

/* التواصل */
.modal-links a.btn-contact{
  background: linear-gradient(135deg, #1fb141, #25D366);
  border-color: #57e287;
}

.modal-links a.btn-contact:hover{
  background: linear-gradient(135deg, #1aa33b, #20c45d);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(37, 211, 102, 0.30);
}

/* فيسبوك */
.modal-links a.btn-facebook{
  background: linear-gradient(135deg, #1877F2, #0d5ed7);
  border-color: #5fa0ff;
}

.modal-links a.btn-facebook:hover{
  background: linear-gradient(135deg, #156de0, #0b55c5);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(24, 119, 242, 0.30);
}

/* تيليجرام */
.modal-links a.btn-telegram{
  background: linear-gradient(135deg, #229ED9, #1b8fc4);
  border-color: #67c6ef;
}

.modal-links a.btn-telegram:hover{
  background: linear-gradient(135deg, #1f93ca, #1884b5);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(34, 158, 217, 0.30);
}

/* زر التخطي */
.modal-links a.btn-skip{
  background: linear-gradient(135deg, #6b7280, #4b5563);
  border-color: #9ca3af;
}

.modal-links a.btn-skip:hover{
  background: linear-gradient(135deg, #5d6470, #424955);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(75, 85, 99, 0.28);
}
.modal-links a.btn-skip{
  background: linear-gradient(135deg, #b8860b, #d4a017);
  border-color: #f0c44c;
}

.modal-links a.btn-skip:hover{
  background: linear-gradient(135deg, #c89512, #e0b12b);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(212, 160, 23, 0.28);
}
.modal-card{
  background: linear-gradient(180deg, #04142E 0%, #0A2250 100%);
  border: 1px solid rgba(90, 140, 220, 0.25);
  border-radius: 28px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
  color: #D9E4F2;
  padding: 26px 22px 24px;
}

.modal-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 58, 107, 0.95);
  border: 1px solid rgba(86, 157, 255, 0.45);
  color: #BEE1FF;
  border-radius: 999px;
  padding: 10px 18px;
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0 auto 18px;
}

.intro-title{
  margin: 0 0 10px;
  text-align: center;
  color: #F8FAFF;
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 1.35;
}

.intro-subtitle{
  margin: 0 0 16px;
  text-align: center;
  color: #D4A017;
  font-size: 1.22rem;
  font-weight: 700;
  line-height: 1.5;
}

.intro-text{
  margin: 0 0 16px;
  text-align: center;
  color: #D9E4F2;
  font-size: 1.08rem;
  line-height: 1.95;
}

.intro-list{
  margin: 0 0 16px;
  padding: 0 1.2rem 0 0;
  color: #E8F0FA;
  font-size: 1.05rem;
  line-height: 2;
}

.intro-list li{
  margin-bottom: 6px;
}

.intro-note{
  margin: 0 0 20px;
  text-align: center;
  color: #CFE0F6;
  font-size: 1rem;
  line-height: 1.9;
}

.modal-links{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 8px;
}

.modal-links a{
  min-height: 58px;
  border-radius: 18px;
  font-size: 1.08rem;
  font-weight: 800;
}

.modal-links a.btn-contact{
  background: linear-gradient(135deg, #1FAF4B, #25D366);
  color: #fff;
}

.modal-links a.btn-facebook{
  background: linear-gradient(135deg, #1666D8, #1877F2);
  color: #fff;
}

.modal-links a.btn-telegram{
  background: linear-gradient(135deg, #1F8FC4, #229ED9);
  color: #fff;
}

.modal-links a.btn-skip{
  background: linear-gradient(135deg, #B8860B, #D4A017);
  color: #fff;
}

@media (max-width: 768px) {
  .modal-card{
    padding: 22px 18px 20px;
    border-radius: 24px;
  }

  .intro-title{
    font-size: 1.9rem;
  }

  .intro-subtitle{
    font-size: 1.08rem;
  }

  .intro-text,
.intro-list,
.intro-note{
    font-size: 0.98rem;
  }
}

@media (max-width: 480px) {
  .modal-links{
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .intro-title{
    font-size: 1.7rem;
  }

  .intro-subtitle{
    font-size: 1rem;
  }

  .intro-text,
.intro-list,
.intro-note{
    font-size: 0.94rem;
    line-height: 1.85;
  }

  .modal-links a{
    min-height: 54px;
    font-size: 1rem;
  }
}
/* ===== Responsive refresh: mobile + desktop + modern buttons ===== */
:root{
  --surface:#0f1f3c;
  --surface-2:#142b50;
  --surface-3:#183866;
  --accent-soft:rgba(64,169,255,.16);
  --shadow-strong:0 18px 50px rgba(0,0,0,.28);
}

body{
  overflow-x:hidden;
}

.topbar{
  gap:16px;
  padding:16px 22px;
  background:rgba(3,10,22,.92);
  box-shadow:0 10px 30px rgba(0,0,0,.22);
}

.brand{
  min-width:0;
}

.brand span{
  font-size:1.42rem;
  letter-spacing:-.01em;
}

.brand small{
  font-size:.88rem;
  line-height:1.45;
}

.nav-toggle{
  display:none;
  width:48px;
  height:48px;
  border:none;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(53,181,255,.18));
  color:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  cursor:pointer;
}

.main-nav{
  align-items:center;
}

.main-nav a{
  padding:10px 12px;
  border-radius:12px;
  transition:.22s ease;
}

.main-nav a:hover,
.main-nav a:focus-visible{
  background:rgba(255,255,255,.06);
  color:#fff;
}

.hero-modern{
  position:relative;
  overflow:hidden;
  padding:34px 30px;
  border-radius:28px;
  background:
    radial-gradient(circle at top right, rgba(53,181,255,.24), transparent 28%),
    radial-gradient(circle at bottom left, rgba(30,123,216,.22), transparent 30%),
    linear-gradient(135deg,#0c1f40 0%,#102b56 52%,#081628 100%);
}

.hero-modern::before{
  content:"";
  position:absolute;
  inset:auto -80px -120px auto;
  width:280px;
  height:280px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.10), transparent 70%);
  pointer-events:none;
}

.hero-content{
  position:relative;
  z-index:1;
}

.hero h1{
  font-size:clamp(2rem, 3vw, 3.25rem);
  line-height:1.25;
}

.hero p{
  font-size:1.06rem;
  line-height:2;
}

.hero-motto{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(212,160,23,.14);
  border:1px solid rgba(212,160,23,.28);
  color:#ffe5a6;
  font-weight:800;
}

.section-card{
  border-radius:24px;
}

.contract-head-pro{
  border-radius:24px;
  box-shadow:var(--shadow-strong);
}

.toolbar-actions,
.form-footer-actions,
.workspace-quick-actions{
  gap:12px;
}

.action-btn,
.quick-btn,
.nav-filter-btn,
.contact-link,
.upload-box,
.post-btn,
.picker-option,
.modal-links a{
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}

.action-btn,
.quick-btn{
  position:relative;
  min-height:50px;
  padding:13px 18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:linear-gradient(180deg,#163867,#112949);
  color:#fff;
  font-weight:800;
  box-shadow:0 10px 22px rgba(0,0,0,.14);
}

.action-btn i,
.quick-btn i{
  margin-inline-start:4px;
}

.action-btn:hover,
.quick-btn:hover,
.nav-filter-btn:hover,
.contact-link:hover,
.upload-box:hover,
.post-btn:hover,
.picker-option:hover,
.modal-links a:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(0,0,0,.18);
}

.action-btn:active,
.quick-btn:active,
.nav-filter-btn:active,
.contact-link:active,
.upload-box:active,
.post-btn:active,
.picker-option:active,
.modal-links a:active{
  transform:translateY(0);
}

.action-btn.primary{
  background:linear-gradient(135deg,#1f86ff,#2ec0ff);
}

.action-btn.show-btn{
  background:linear-gradient(135deg,#154f8e,#279ff2);
}

.quick-btn{
  background:linear-gradient(180deg,#173866,#112a4d);
}

.quick-btn.danger,
.action-btn.danger{
  background:linear-gradient(135deg,#7b2331,#af3548);
}

.workspace-header,
.workspace-body{
  padding:18px;
}

.workspace-header-main{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(280px, .8fr);
  gap:16px;
  align-items:end;
}

.contract-pickers-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

.contract-search-wrap .field-input,
#contractSelect,
.field-input,
.field-textarea,
.picker-search{
  background:#0c1b34;
  border:1px solid #32517d;
  border-radius:15px;
}

#contractSelect:focus,
.field-input:focus,
.field-textarea:focus,
.picker-search:focus{
  outline:none;
  border-color:#49b4ff;
  box-shadow:0 0 0 4px rgba(73,180,255,.14);
}

.studio-intro-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.intro-card{
  display:flex;
  gap:12px;
  align-items:flex-start;
  min-height:100%;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:16px;
}

.intro-card.pro-accent{
  background:linear-gradient(180deg, rgba(53,181,255,.15), rgba(53,181,255,.05));
  border-color:rgba(53,181,255,.18);
}

.intro-card-icon{
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,#173966,#1f7fe0);
  color:#fff;
  font-size:1.15rem;
  box-shadow:0 12px 24px rgba(0,0,0,.16);
}

.preview-panel,
.form-panel,
.fields-nav-panel,
.status-card{
  box-shadow:var(--shadow-strong);
}

.status-card{
  border-radius:16px;
}

.fields-nav-panel{
  border-radius:18px;
}

.field-nav-chip{
  border-radius:14px;
}

@media (max-width: 1180px){
  .topbar{
    align-items:flex-start;
    flex-wrap:wrap;
  }

  .main-nav{
    width:100%;
    justify-content:flex-start;
  }

  .workspace-header-main,
.contract-pickers-grid,
.studio-intro-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 900px){
  .page-shell{
    padding:14px;
  }

  .topbar{
    position: sticky;
    top: 0;
    z-index: 9999;
    padding:14px;
  }

  .brand span{
    font-size:1.12rem;
  }

  .brand small{
    font-size:.8rem;
  }

  .nav-toggle{
    display:grid;
    place-items:center;
    margin-inline-start:auto;
  }

  .main-nav{
    display:none;
    width:100%;
    order:3;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    padding-top:8px;
  }

  .main-nav.is-open{
    display:flex;
  }

  .main-nav a{
    display:block;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.05);
  }

  .hero-modern{
    padding:22px 18px;
    border-radius:22px;
  }

  .hero p{
    font-size:.98rem;
  }

  .toolbar-actions{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .toolbar-actions .action-btn,
.workspace-quick-actions .quick-btn,
.form-footer-actions .action-btn{
    width:100%;
  }

  .workspace-status-row{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 640px){
  .topbar{
    gap:12px;
  }

  .brand{
    width:calc(100% - 60px);
  }

  .brand span{
    font-size:1rem;
  }

  .brand small{
    font-size:.74rem;
  }

  .section-card,
  .contract-head-pro,
  .preview-panel,
  .form-panel,
  .modal-card{
    border-radius:18px;
  }

  .section-head h2,
  .hero h1{
    word-break:break-word;
  }

  .toolbar-actions,
  .workspace-quick-actions,
  .form-footer-actions{
    grid-template-columns:1fr;
  }

  .action-btn,
  .quick-btn,
  .contact-link,
  .upload-box,
  .modal-links a{
    min-height:52px;
    font-size:.96rem;
  }

  .workspace-header,
  .workspace-body,
  .paper-wrap{
    padding:12px;
  }

  .fields-nav-panel{
    position:relative;
    top:auto;
  }

  .workspace-status-row{
    grid-template-columns:1fr;
  }

  .contract-select-wrap span,
  .section-kicker,
  .hero-badge{
    font-size:.82rem;
  }
}

#showMissingOnlyBtn{display:inline-flex!important;align-items:center;justify-content:center}

/* ===== Contact buttons as app-style tiles ===== */
.contact-card .contact-grid{
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:20px;
  align-items:stretch;
}

.contact-card .contact-link{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:14px;
  min-height:180px;
  padding:20px 14px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  box-shadow:0 18px 40px rgba(0,0,0,.22);
  overflow:hidden;
}

.contact-card .contact-link::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top, rgba(255,255,255,.12), transparent 55%);
  pointer-events:none;
}

.contact-card .contact-link i{
  position:relative;
  z-index:1;
  width:88px;
  height:88px;
  border-radius:26px;
  display:grid;
  place-items:center;
  font-size:2.8rem;
  color:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.26);
}

.contact-card .contact-link span{
  position:relative;
  z-index:1;
  font-size:1.2rem;
  line-height:1.55;
  font-weight:800;
  color:#f5f9ff;
  word-break:break-word;
}

.contact-card .contact-link.contact i,
.contact-card .contact-link.contact{
  color:#ddffef;
}
.contact-card .contact-link.contact i{
  background:linear-gradient(180deg,#4df37c,#18b448);
}

.contact-card .contact-link.telegram i,
.contact-card .contact-link.telegram{
  color:#def4ff;
}
.contact-card .contact-link.telegram i{
  background:linear-gradient(180deg,#42c8ff,#1d77ff);
}

.contact-card .contact-link.facebook i,
.contact-card .contact-link.facebook{
  color:#e7efff;
}
.contact-card .contact-link.facebook i{
  background:linear-gradient(180deg,#4388ff,#1b4fe0);
}

.contact-card .contact-link.phone,
.contact-card .contact-link.phone i{
  color:#fff4cd;
}
.contact-card .contact-link.phone i{
  background:linear-gradient(180deg,#41df73,#17a84b);
}

.contact-card .contact-link:hover{
  transform:translateY(-4px) scale(1.01);
}

.contact-card .contact-link:active{
  transform:translateY(0) scale(.99);
}

@media (max-width: 700px){
  .contact-card .contact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }

  .contact-card .contact-link{
    min-height:128px;
    padding:12px 8px;
    gap:10px;
    border-radius:20px;
  }

  .contact-card .contact-link i{
    width:58px;
    height:58px;
    border-radius:18px;
    font-size:1.8rem;
  }

  .contact-card .contact-link span{
    font-size:.88rem;
    line-height:1.45;
  }
}

@media (max-width: 430px){
  .contact-card .contact-grid{
    gap:10px;
  }

  .contact-card .contact-link{
    min-height:112px;
    padding:10px 7px;
    gap:8px;
    border-radius:18px;
  }

  .contact-card .contact-link i{
    width:50px;
    height:50px;
    border-radius:16px;
    font-size:1.5rem;
  }

  .contact-card .contact-link span{
    font-size:.8rem;
    line-height:1.35;
  }
}
@media (max-width: 700px){
  html,
body{
    overflow-x: hidden;
  }

  .page-shell{
    padding: 10px;
  }

  .topbar{
    padding: 10px 12px;
    gap: 10px;
    align-items: center;
  }

  .brand{
    width: calc(100% - 52px);
  }

  .brand span{
    font-size: .95rem;
    line-height: 1.2;
  }

  .brand small{
    font-size: .68rem;
    line-height: 1.25;
  }

  .nav-toggle{
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .hero{
    padding: 16px 14px;
    border-radius: 18px;
  }

  .hero h1{
    font-size: 1.15rem;
    line-height: 1.5;
    margin-bottom: 10px;
  }

  .hero p{
    font-size: .88rem;
    line-height: 1.9;
  }

  .hero-motto{
    font-size: .9rem;
    line-height: 1.7;
    margin-top: 10px;
  }

  .section-card{
    padding: 14px;
    border-radius: 18px;
    margin-bottom: 14px;
  }

  .section-head h2{
    font-size: 1.2rem;
  }

  .section-head p{
    font-size: .85rem;
    line-height: 1.8;
  }

  .contract-head-pro{
    padding: 14px;
    border-radius: 18px;
  }

  .contract-head-pro h2{
    font-size: 1.15rem;
    line-height: 1.5;
  }

  .contract-head-pro p{
    font-size: .88rem;
    line-height: 1.9;
  }

  .toolbar-actions{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: 100%;
  }

  .toolbar-actions .action-btn{
    width: 100%;
    min-height: 46px;
    font-size: .82rem;
    padding: 10px 8px;
    border-radius: 14px;
  }

  .workspace-header,
.workspace-body{
    padding: 10px;
  }

  .workspace-status-row{
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .status-card{
    padding: 10px;
    border-radius: 12px;
  }

  .contract-pickers-grid{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .contract-select-wrap span{
    font-size: .82rem;
  }

  #contractSelect,
.field-input,
.field-textarea,
select.field-input,
input.field-input{
    min-height: 42px;
    font-size: 16px;
    border-radius: 12px;
    padding: 10px 12px;
  }

  .entry-paper{
    padding: 6mm 5mm;
    border-radius: 12px;
    min-height: auto;
  }

  .entry-paper-body{
    font-size: .84rem;
    line-height: 2;
  }

  .form-footer-actions{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 10px;
  }

  .form-footer-actions .action-btn{
    min-height: 44px;
    font-size: .8rem;
    border-radius: 14px;
    padding: 10px 8px;
  }

  .service-grid,
.case-grid,
.contact-grid,
.library-grid{
    grid-template-columns: 1fr;
  }

  .service-item,
.case-card,
.contact-link,
.library-item{
    border-radius: 16px;
    padding: 14px;
  }
}
@media (max-width: 700px){
  .form-footer-actions{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  #shareBtnBottom{
    grid-column: 2;
  }

}
@media (max-width: 700px){
  .toolbar-actions{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  #shareBtn{
    grid-column: 2;
  }

  #showContractBtn{
    grid-column: 2;
  }
}
@media (max-width: 700px){

  /* أزرار الأعلى */
  .toolbar-actions{
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    width: 100%;
    align-items: stretch;
  }

  .toolbar-actions .action-btn{
    width: 100% !important;
    min-width: 0;
    min-height: 56px;
    padding: 12px 10px;
    border-radius: 18px;
    font-size: .95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  #showContractBtn{ grid-column: 1; }

  #shareBtn{ grid-column: 1; }

  /* أزرار الأسفل */
  .form-footer-actions{
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    width: 100%;
  }

  .form-footer-actions .action-btn{
    width: 100% !important;
    min-width: 0;
    min-height: 54px;
    padding: 12px 10px;
    border-radius: 18px;
    font-size: .92rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  #shareBtnBottom{ grid-column: 2; }

}
@media (max-width: 700px){

  .toolbar-actions{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    width: 100%;
    align-items: stretch;
  }

  .toolbar-actions .action-btn{
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 12px 10px !important;
    border-radius: 18px !important;
    font-size: .95rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  #showContractBtn{
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #shareBtn{
    grid-column: 2 !important;
    grid-row: 2 !important;
  }
}
@media (max-width: 700px){
  .brand-toggle{
    cursor: pointer;
    user-select: none;
  }

  .brand-toggle small{
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 0;
    transform: translateY(-4px);
    transition: max-height .25s ease, opacity .25s ease, transform .25s ease, margin-top .25s ease;
  }

  .brand-toggle.is-open small{
    max-height: 60px;
    opacity: 1;
    margin-top: 4px;
    transform: translateY(0);
  }
}
.pdf-saving-toast{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 99999;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 16px;
  background: rgba(7,18,38,.96);
  color: #fff;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 16px 40px rgba(0,0,0,.28);
  font-size: .95rem;
  font-weight: 700;
}

.pdf-saving-toast.hidden{
  display: none;
}

.pdf-saving-spinner{
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255,255,255,.25);
  border-top-color: #35b5ff;
  border-radius: 50%;
  animation: pdfSpin .8s linear infinite;
}

@keyframes pdfSpin{
  to{ transform: rotate(360deg); }
}

@media (max-width: 700px){
  .pdf-saving-toast{
    right: 12px;
    left: 12px;
    bottom: 12px;
    justify-content: center;
    font-size: .85rem;
    padding: 11px 12px;
    border-radius: 14px;
  }
}

.topbar{
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 99999 !important;
  background: rgba(5,12,26,.95) !important;
  backdrop-filter: blur(10px);
}

body{
  padding-top: 90px !important;
}
.share-loading-toast{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 99999;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 16px;
  background: rgba(7,18,38,.96);
  color: #fff;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 16px 40px rgba(0,0,0,.28);
  font-size: .95rem;
  font-weight: 700;
}

.share-loading-toast.hidden{
  display: none;
}

.share-loading-spinner{
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255,255,255,.25);
  border-top-color: #35b5ff;
  border-radius: 50%;
  animation: shareSpin .8s linear infinite;
}

@keyframes shareSpin{
  to{ transform: rotate(360deg); }
}

@media (max-width: 700px){
  .share-loading-toast{
    right: 12px;
    left: 12px;
    bottom: 12px;
    justify-content: center;
    font-size: .85rem;
    padding: 11px 12px;
    border-radius: 14px;
  }
}
.contract-search-wrap{
  display: none !important;
}

.book-note{font-size:0!important;line-height:1.8!important}
.book-note::before{content:"اعداد:⚖️مراد الرعوي\A774656773";white-space:pre-line;display:block;font-size:.95rem;line-height:1.9;color:#6a5a45;font-weight:700}
@media (max-width:700px){.book-note::before{font-size:.9rem}}

/* ===== Fix article readability: stronger post text contrast ===== */
.posts-page .section-card{
  background: #ffffff;
  color: #111827;
  border: 1px solid #d8dee8;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.10);
}

.posts-page .case-card{
  background: #ffffff;
  color: #111827;
  border: 1px solid #d8dee8;
}

.posts-page .case-card p,
.posts-page .case-card li,
.posts-page .case-card div,
.posts-page .case-card span{
  color: #111827;
  opacity: 1;
  font-weight: 600;
}

.posts-page .case-card h1,
.posts-page .case-card h2,
.posts-page .case-card h3,
.posts-page .section-head h2{
  color: #0f172a;
  opacity: 1;
  font-weight: 800;
}

.posts-page .case-card strong{
  color: #000000;
  font-weight: 900;
}

.posts-page .case-card ul,
.posts-page .case-card ol{
  color: #111827;
}

.posts-page .faq-box{
  background: #f8fafc;
  color: #111827;
  border: 1px solid #d8dee8;
}

.posts-page .section-head p{
  color: #334155;
  opacity: 1;
  font-weight: 600;
}

.posts-page .yl-post-breadcrumb{
  color: #334155 !important;
  opacity: 1;
}

/* Keep related post cards readable too */
.posts-page .post-card,
.posts-page .yl-related-posts .case-card{
  background: #ffffff;
  color: #111827;
}

.posts-page .post-card p,
.posts-page .post-card h2,
.posts-page .post-card a{
  opacity: 1;
}

/* posts-page-mobile-contrast-start */
/* إصلاح وضوح وتجاوب نصوص صفحة المقالات */
body.posts-page .section-card .section-head{
  color: #ffffff !important;
  text-align: right !important;
}

body.posts-page .section-card .section-head h2{
  color: #ffffff !important;
  font-size: clamp(1.55rem, 5vw, 2.25rem) !important;
  line-height: 1.45 !important;
  font-weight: 950 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.28) !important;
}

body.posts-page .section-card .section-head p{
  color: rgba(255,255,255,.92) !important;
  font-size: clamp(1rem, 3.35vw, 1.22rem) !important;
  line-height: 1.9 !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.22) !important;
}

body.posts-page .post-card .case-card-badge{
  color: #ffffff !important;
  background: linear-gradient(135deg, #d99a00, #f7c948) !important;
  border-color: rgba(255,255,255,.45) !important;
  font-size: clamp(.9rem, 2.8vw, 1.02rem) !important;
  font-weight: 950 !important;
}

body.posts-page .post-card h2,
body.posts-page .post-card h2 a.case-title-link{
  font-size: clamp(1.35rem, 4.8vw, 2rem) !important;
  line-height: 1.65 !important;
  font-weight: 950 !important;
  overflow-wrap: anywhere !important;
}

body.posts-page .post-card p{
  font-size: clamp(1.02rem, 3.6vw, 1.28rem) !important;
  line-height: 2 !important;
  font-weight: 750 !important;
}

body.posts-page .post-card .seo-internal-link{
  font-size: clamp(1rem, 3.3vw, 1.16rem) !important;
  font-weight: 950 !important;
}

@media (max-width: 640px) {
  body.posts-page .page-shell{
    padding-inline: 12px !important;
    overflow-x: hidden !important;
  }

  body.posts-page .section-card{
    padding: 14px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  body.posts-page .section-card .section-head{
    padding: 20px 16px !important;
    border-radius: 20px !important;
  }

  body.posts-page .post-card{
    padding: 22px 18px !important;
    border-radius: 22px !important;
  }
}
/* posts-page-mobile-contrast-end */

/* تحسين قراءة جداول شروحات المكتبة على الجوال */
@media (max-width: 700px) {
  body.library-detail-page .library-official-detail{
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 !important;
  }

  body.library-detail-page .library-official-detail .book-table{
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    font-size: clamp(0.68rem, 2.85vw, 0.84rem) !important;
    line-height: 1.75 !important;
  }

  body.library-detail-page .library-official-detail .book-table th,
body.library-detail-page .library-official-detail .book-table td{
    padding: 6px 4px !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    hyphens: auto !important;
    vertical-align: top !important;
  }

  body.library-detail-page .library-official-detail .book-table tr:first-child th{
    font-size: clamp(0.86rem, 3.6vw, 1rem) !important;
    line-height: 1.65 !important;
    padding: 8px 5px !important;
  }

  body.library-detail-page .library-official-detail .book-table tr:nth-child(2) th{
    font-size: clamp(0.72rem, 3vw, 0.86rem) !important;
    padding: 6px 4px !important;
  }

  body.library-detail-page .library-official-detail-wrap{
    margin-top: 14px !important;
  }

  body.library-detail-page .section-card.library-official-detail-wrap{
    padding: 10px !important;
    overflow: hidden !important;
  }

  body.library-detail-page .book-note{
    font-size: clamp(0.72rem, 2.8vw, 0.86rem) !important;
    line-height: 1.75 !important;
  }
}

@media (max-width: 390px) {
  body.library-detail-page .library-official-detail .book-table{
    font-size: clamp(0.62rem, 2.65vw, 0.76rem) !important;
    line-height: 1.65 !important;
  }

  body.library-detail-page .library-official-detail .book-table th,
body.library-detail-page .library-official-detail .book-table td{
    padding: 5px 3px !important;
  }
}

/* lawyer-contact-pdf-actions-start */
.yl-pdf-save-area.case{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 10px !important;
}

.yl-lawyer-contact-strip{
  display: inline-grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
  min-width: min(100%, 430px) !important;
}

.yl-lawyer-contact-btn{
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  min-height: 46px !important;
  padding: 8px 12px !important;
  border-radius: 14px !important;
  text-align: center !important;
  line-height: 1.35 !important;
  font-family: "Cairo", Tahoma, Arial, sans-serif !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}

.yl-lawyer-contact-btn span{
  font-size: .78rem !important;
  opacity: .95 !important;
}

.yl-lawyer-contact-btn strong{
  font-size: clamp(.9rem, 2.8vw, 1.02rem) !important;
}

.yl-lawyer-name-btn{
  background: linear-gradient(135deg, #173d6e, #2563eb) !important;
  color: #ffffff !important;
}

.yl-lawyer-contact-btn{
  background: linear-gradient(135deg, #128c4a, #25d366) !important;
  color: #ffffff !important;
}

.yl-lawyer-contact-strip-pdf{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
  padding: 8px !important;
  border: 1px solid #d8c9ad !important;
  border-radius: 10px !important;
  background: #fff8ec !important;
}

.yl-lawyer-contact-strip-pdf .yl-lawyer-contact-btn{
  min-height: 42px !important;
  border-radius: 8px !important;
  padding: 7px 10px !important;
  color: #ffffff !important;
}

.yl-lawyer-direct-pdf-link{
  grid-column: 1 / -1 !important;
  display: block !important;
  padding: 6px 8px !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #0f5132 !important;
  border: 1px solid #b7e4c7 !important;
  text-align: center !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
}

.yl-lawyer-pdf-footer{
  margin-top: 12px !important;
  padding: 10px 12px !important;
  border: 1px solid #d8c9ad !important;
  border-radius: 10px !important;
  background: #fff8ec !important;
  color: #173d6e !important;
  text-align: center !important;
  font-family: "Cairo", Tahoma, Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  font-weight: 800 !important;
}

.yl-lawyer-pdf-footer a{
  color: #0f5132 !important;
  text-decoration: underline !important;
  font-weight: 900 !important;
}

@media (max-width: 520px) {
  .yl-pdf-save-area.case{
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .yl-lawyer-contact-strip{
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .yl-lawyer-contact-btn{
    padding: 7px 6px !important;
    min-height: 42px !important;
  }

  .yl-lawyer-contact-btn span{
    font-size: .68rem !important;
  }

  .yl-lawyer-contact-btn strong{
    font-size: clamp(.78rem, 3.2vw, .92rem) !important;
  }
}
/* lawyer-contact-pdf-actions-end */

/* جعل إعلان بعد الهيرو يظهر أفقياً في الهاتف والكمبيوتر */
.yl-after-hero-manual-ad,
.yl-after-hero-ad{
  margin: 18px auto !important;
  max-width: 1120px !important;
  width: min(100% - 24px, 1120px) !important;
  text-align: center !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}

.yl-after-hero-manual-ad > div,
.yl-after-hero-ad > div,
.yl-after-hero-manual-ad [id^="container-"],
.yl-after-hero-ad [id^="container-"]{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  max-width: 100% !important;
}

.yl-after-hero-manual-ad [id^="container-"] > *,
.yl-after-hero-ad [id^="container-"] > *{
  flex: 0 0 auto !important;
  max-width: none !important;
}

@media (max-width: 700px) {
  .yl-after-hero-manual-ad,
.yl-after-hero-ad{
    width: 100% !important;
    padding: 0 10px !important;
  }

  .yl-after-hero-manual-ad > div,
.yl-after-hero-ad > div,
.yl-after-hero-manual-ad [id^="container-"],
.yl-after-hero-ad [id^="container-"]{
    justify-content: flex-start !important;
  }
}