/* Auto-generated by scripts/merge-site-css-assets.mjs. Do not edit manually. */
/* Main consolidated stylesheet for Yemenilaw static pages. */

/* ===== style.css ===== */
@import url('/theme-unified.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.whatsapp{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-whatsapp {
  background: linear-gradient(135deg, #1fb141, #25D366);
  border-color: #57e287;
}

.modal-links a.btn-whatsapp: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-whatsapp {
  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.whatsapp i,
.contact-card .contact-link.whatsapp{
  color:#ddffef;
}
.contact-card .contact-link.whatsapp 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;
  }

  #pdfBtnBottom{
    grid-column: 1;
  }

  #shareBtnBottom{
    grid-column: 2;
  }

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

  #pdfBtn{
    grid-column: 1;
  }

  #shareBtn{
    grid-column: 2;
  }

  #printBtn{
    grid-column: 1;
  }

  #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; }
  #printBtn{ grid-column: 2; }
  #shareBtn{ grid-column: 1; }
  #pdfBtn{ grid-column: 2; }

  /* أزرار الأسفل */
  .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;
  }

  #pdfBtnBottom{ grid-column: 1; }
  #shareBtnBottom{ grid-column: 2; }
  #printBtnBottom{ grid-column: 1 / -1; }
}
@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;
  }

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

  #pdfBtn{
    grid-column: 1 !important;
    grid-row: 2 !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}}

/* ===== Contract readability and contrast fix - start ===== */
/* Improves text clarity in contract data-entry workspace and light legal pages. */
.contract-section,
.contract-section * {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.contract-section {
  background: linear-gradient(180deg, #f7f9fc 0%, #eef3f8 100%) !important;
  color: #10243f !important;
}

.contract-head-pro,
.contract-head-pro h2,
.contract-head-pro p,
.contract-head-pro .section-kicker {
  color: #ffffff !important;
}

.form-panel,
.preview-panel,
.workspace-header,
.workspace-body,
.manual-section-card,
.manual-field-card,
.entry-paper,
.paper {
  color: #10243f !important;
}

.contract-select-wrap span,
.manual-section-head h3,
.manual-field-label,
.manual-field-title,
.field-title,
.form-panel label,
.form-panel strong,
.entry-paper-header h3,
.entry-paper-body,
.paper-body {
  color: #0b1729 !important;
  font-weight: 800 !important;
}

.entry-paper,
.paper {
  background: #ffffff !important;
  border-color: #b8c3d3 !important;
}

.entry-paper-body {
  color: #0a0f1a !important;
  font-size: 1.06rem !important;
  line-height: 2.25 !important;
  font-weight: 700 !important;
}

.paper-body {
  color: #0a0f1a !important;
  font-size: .88rem !important;
  line-height: 2.05 !important;
  font-weight: 700 !important;
}

.contract-meta,
.entry-paper-header p,
.manual-field-help,
.field-help,
.empty-state,
#guideText {
  color: #344968 !important;
  font-weight: 700 !important;
}

.contract-select-wrap select,
.contract-select-wrap input,
#contractSelect,
#fieldSearch,
.picker-search,
.field-input,
.field-textarea,
select.field-input,
input.field-input,
.manual-field-card .field-input,
.manual-field-card .field-textarea,
.inline-control .field-input,
.inline-control input.field-input,
.inline-control select.field-input,
.inline-control .field-textarea {
  background: #ffffff !important;
  color: #07111f !important;
  border-color: #8998ad !important;
  font-weight: 800 !important;
  caret-color: #0f5ea8 !important;
}

.contract-select-wrap select::placeholder,
.contract-select-wrap input::placeholder,
#contractSelect::placeholder,
#fieldSearch::placeholder,
.picker-search::placeholder,
.field-input::placeholder,
.field-textarea::placeholder,
.manual-field-card .field-input::placeholder,
.manual-field-card .field-textarea::placeholder,
.inline-control .field-input::placeholder,
.inline-control .field-textarea::placeholder {
  color: #5f6f84 !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

.inline-field-holder.is-missing,
.inline-field-holder.is-filled,
.inline-field-holder.is-active {
  color: #07111f !important;
}

.inline-field-holder.is-missing {
  background: rgba(218, 148, 0, .14) !important;
}

.inline-field-holder.is-filled {
  background: rgba(14, 135, 72, .12) !important;
}

.inline-field-holder.is-active {
  background: rgba(20, 111, 196, .14) !important;
  box-shadow: 0 0 0 2px rgba(20, 111, 196, .28) !important;
}

.inline-control .field-input,
.inline-control input.field-input,
.inline-control select.field-input {
  border-bottom: 2.4px solid #10243f !important;
}

.inline-control .field-input:focus,
.inline-control input.field-input:focus,
.inline-control select.field-input:focus,
.inline-control .field-textarea:focus,
.contract-select-wrap select:focus,
.contract-select-wrap input:focus,
.field-input:focus,
.field-textarea:focus {
  outline: none !important;
  border-color: #0f6fc6 !important;
  box-shadow: 0 0 0 4px rgba(15, 111, 198, .16) !important;
}

.manual-section-head {
  background: #d8e0ea !important;
  border-bottom-color: #b9c6d6 !important;
}

.manual-section-card,
.manual-field-card {
  background: #ffffff !important;
  border-color: #c4cedc !important;
}

.action-btn,
.quick-btn,
.nav-filter-btn,
.picker-btn {
  font-weight: 900 !important;
}

.service-item span,
.case-card,
.library-item,
.seo-internal-links,
.seo-internal-links p,
.seo-internal-link {
  color: #f5f8ff;
}

@media (max-width: 700px) {
  .entry-paper-body {
    font-size: .96rem !important;
    line-height: 2.12 !important;
  }
  .paper-body {
    font-size: .78rem !important;
    line-height: 1.92 !important;
  }
  .inline-control .field-input,
  .inline-control input.field-input,
  .inline-control select.field-input {
    font-size: .92rem !important;
  }
}
/* ===== Contract readability and contrast fix - end ===== */


/* ===== theme-unified.css ===== */
:root{
  --ui-frame: rgba(151, 185, 255, 0.16);
  --ui-frame-strong: rgba(151, 185, 255, 0.28);
  --ui-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
  --ui-glow: 0 0 0 1px rgba(255,255,255,0.04) inset;
}

.section-card,
.case-card,
.service-item,
.contact-link,
.post-card,
.library-item{
  position: relative;
}

.section-card::before,
.case-card::before,
.service-item::before,
.contact-link::before,
.post-card::before,
.library-item::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: var(--ui-glow);
}

.section-card::after,
.case-card::after,
.service-item::after,
.contact-link::after,
.post-card::after,
.library-item::after{
  content: "";
  position: absolute;
  top: 0;
  inset-inline: 0;
  height: 3px;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.36), transparent);
  pointer-events: none;
  opacity: .9;
}

.action-btn,
.quick-btn,
.post-btn,
.nav-filter-btn,
.jump-link,
.claim-link,
.contact-link,
.service-item{
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

.action-btn:hover,
.quick-btn:hover,
.post-btn:hover,
.nav-filter-btn:hover,
.jump-link:hover,
.claim-link:hover,
.contact-link:hover,
.service-item:hover{
  transform: translateY(-2px);
}

#services{
  background: linear-gradient(180deg, #081a40 0%, #061530 100%);
  border: 1px solid var(--ui-frame-strong);
}

#services .service-grid{
  gap: 18px;
}

#services .service-item{
  min-height: 188px;
  display: grid !important;
  place-items: center;
  text-align: center;
  gap: 14px;
  padding: 22px 16px;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(20,40,82,.96), rgba(8,22,52,.98));
  border: 1px solid var(--ui-frame);
  box-shadow: var(--ui-shadow);
  overflow: hidden;
}

#services .service-item i{
  width: 76px;
  height: 76px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  font-size: 2rem;
  color: #fff;
  margin: 0 !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.22);
}

#services .service-item span{
  color: #f3f8ff;
  font-weight: 800;
  line-height: 1.95;
  font-size: 1.04rem;
}

#services .service-item:nth-child(1){border-color:rgba(91,180,255,.34)}
#services .service-item:nth-child(1) i{background:linear-gradient(135deg,#1b79d8,#38b5ff)}
#services .service-item:nth-child(2){border-color:rgba(133,208,255,.34)}
#services .service-item:nth-child(2) i{background:linear-gradient(135deg,#2f69d9,#58baff)}
#services .service-item:nth-child(3){border-color:rgba(255,158,86,.34)}
#services .service-item:nth-child(3) i{background:linear-gradient(135deg,#cf6f29,#ffae55)}
#services .service-item:nth-child(4){border-color:rgba(123,214,190,.34)}
#services .service-item:nth-child(4) i{background:linear-gradient(135deg,#19956c,#39d3a0)}
#services .service-item:nth-child(5){border-color:rgba(173,158,255,.34)}
#services .service-item:nth-child(5) i{background:linear-gradient(135deg,#6251d9,#9685ff)}
#services .service-item:nth-child(6){border-color:rgba(255,191,94,.34)}
#services .service-item:nth-child(6) i{background:linear-gradient(135deg,#b86c18,#f6ad39)}
#services .service-item:nth-child(7){border-color:rgba(124,196,255,.34)}
#services .service-item:nth-child(7) i{background:linear-gradient(135deg,#1871ce,#49b3ff)}
#services .service-item:nth-child(8){border-color:rgba(255,145,182,.34)}
#services .service-item:nth-child(8) i{background:linear-gradient(135deg,#b94777,#ff76a8)}
#services .service-item:nth-child(9){border-color:rgba(136,230,179,.34)}
#services .service-item:nth-child(9) i{background:linear-gradient(135deg,#1e9d54,#53dc89)}
#services .service-item:nth-child(10){border-color:rgba(228,191,118,.34)}
#services .service-item:nth-child(10) i{background:linear-gradient(135deg,#9c6f1d,#d8a94b)}
#services .service-item:nth-child(11){border-color:rgba(140,198,255,.34)}
#services .service-item:nth-child(11) i{background:linear-gradient(135deg,#1e5faa,#4aa2ff)}
#services .service-item:nth-child(12){border-color:rgba(159,209,255,.34)}
#services .service-item:nth-child(12) i{background:linear-gradient(135deg,#2f67a6,#74b3ff)}

#cases .case-card,
.page-shell .case-grid > .case-card,
.page-shell .posts-grid > .case-card{
  box-shadow: var(--ui-shadow);
}

#cases .case-card:nth-child(1){border-color:rgba(96,179,255,.30) !important}
#cases .case-card:nth-child(2){border-color:rgba(112,231,255,.30) !important}
#cases .case-card:nth-child(3){border-color:rgba(100,223,166,.30) !important}
#cases .case-card:nth-child(4){border-color:rgba(255,187,104,.30) !important}

#cases .case-card li{
  border-width: 1px !important;
  border-style: solid !important;
  backdrop-filter: blur(2px);
}
#cases .case-card:nth-child(1) li{border-color:rgba(96,179,255,.20) !important;background:rgba(23,69,117,.20) !important}
#cases .case-card:nth-child(2) li{border-color:rgba(112,231,255,.20) !important;background:rgba(21,83,105,.20) !important}
#cases .case-card:nth-child(3) li{border-color:rgba(100,223,166,.20) !important;background:rgba(20,94,71,.20) !important}
#cases .case-card:nth-child(4) li{border-color:rgba(255,187,104,.20) !important;background:rgba(107,72,26,.20) !important}

.page-shell .case-grid > .case-card h2,
.page-shell .posts-grid > .case-card h2,
.page-shell .posts-grid > .case-card .chapter-pill,
.page-shell .case-grid > .case-card .chapter-pill{
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  padding: 14px 16px;
  border-radius: 20px;
  color: #f5f9ff;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 22px rgba(0,0,0,.14);
}

.page-shell .case-grid > .case-card h2::before,
.jump-link::before{
  width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
  flex: 0 0 44px;
  color: #fff;
}

.page-shell .posts-grid > .case-card,
.page-shell .case-grid > .case-card,
.page-shell .service-grid > .jump-link{
  background: linear-gradient(180deg, rgba(18,38,83,.96), rgba(9,23,51,.98));
  border: 1px solid var(--ui-frame);
  border-radius: 24px;
  overflow: hidden;
}

.page-shell .posts-grid > .case-card .claim-link,
.page-shell .case-grid > .case-card .claim-link,
.jump-link{
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.14);
}

#bab-maliyah,
a.jump-link[href="#bab-maliyah"]{border-color:rgba(57,173,255,.34) !important}
#bab-maliyah h2,
a.jump-link[href="#bab-maliyah"]{background:linear-gradient(135deg,#1569b5,#26a5ff) !important}
#bab-maliyah h2::before,
a.jump-link[href="#bab-maliyah"]::before{content:"💰"}
#bab-maliyah .claim-link{border-color:rgba(57,173,255,.22) !important}

#bab-milkiyah,
a.jump-link[href="#bab-milkiyah"]{border-color:rgba(68,210,150,.34) !important}
#bab-milkiyah h2,
a.jump-link[href="#bab-milkiyah"]{background:linear-gradient(135deg,#177957,#27bf87) !important}
#bab-milkiyah h2::before,
a.jump-link[href="#bab-milkiyah"]::before{content:"🏠"}
#bab-milkiyah .claim-link{border-color:rgba(68,210,150,.22) !important}

#bab-uqud,
a.jump-link[href="#bab-uqud"]{border-color:rgba(255,177,94,.34) !important}
#bab-uqud h2,
a.jump-link[href="#bab-uqud"]{background:linear-gradient(135deg,#a35e18,#e29a35) !important}
#bab-uqud h2::before,
a.jump-link[href="#bab-uqud"]::before{content:"📜"}
#bab-uqud .claim-link{border-color:rgba(255,177,94,.22) !important}

#bab-ijar,
a.jump-link[href="#bab-ijar"]{border-color:rgba(182,133,255,.34) !important}
#bab-ijar h2,
a.jump-link[href="#bab-ijar"]{background:linear-gradient(135deg,#7241b0,#a770ef) !important}
#bab-ijar h2::before,
a.jump-link[href="#bab-ijar"]::before{content:"🏢"}
#bab-ijar .claim-link{border-color:rgba(182,133,255,.22) !important}

#bab-qismah,
a.jump-link[href="#bab-qismah"]{border-color:rgba(255,113,142,.34) !important}
#bab-qismah h2,
a.jump-link[href="#bab-qismah"]{background:linear-gradient(135deg,#b23b62,#ee6a8d) !important}
#bab-qismah h2::before,
a.jump-link[href="#bab-qismah"]::before{content:"⚖️"}
#bab-qismah .claim-link{border-color:rgba(255,113,142,.22) !important}

#bab-ithbat-waqti,
a.jump-link[href="#bab-ithbat-waqti"]{border-color:rgba(78,169,255,.34) !important}
#bab-ithbat-waqti h2,
a.jump-link[href="#bab-ithbat-waqti"]{background:linear-gradient(135deg,#1567b1,#2d97ea) !important}
#bab-ithbat-waqti h2::before,
a.jump-link[href="#bab-ithbat-waqti"]::before{content:"⏱️"}
#bab-ithbat-waqti .claim-link{border-color:rgba(78,169,255,.22) !important}

#bab-hiyazah,
a.jump-link[href="#bab-hiyazah"]{border-color:rgba(63,210,155,.34) !important}
#bab-hiyazah h2,
a.jump-link[href="#bab-hiyazah"]{background:linear-gradient(135deg,#177b59,#25bb88) !important}
#bab-hiyazah h2::before,
a.jump-link[href="#bab-hiyazah"]::before{content:"🛡️"}
#bab-hiyazah .claim-link{border-color:rgba(63,210,155,.22) !important}

#bab-amwal,
a.jump-link[href="#bab-amwal"]{border-color:rgba(255,183,88,.34) !important}
#bab-amwal h2,
a.jump-link[href="#bab-amwal"]{background:linear-gradient(135deg,#9e5d19,#d89234) !important}
#bab-amwal h2::before,
a.jump-link[href="#bab-amwal"]::before{content:"💼"}
#bab-amwal .claim-link{border-color:rgba(255,183,88,.22) !important}

#bab-shakhsiyah,
a.jump-link[href="#bab-shakhsiyah"]{border-color:rgba(255,115,157,.34) !important}
#bab-shakhsiyah h2,
a.jump-link[href="#bab-shakhsiyah"]{background:linear-gradient(135deg,#9e375a,#d25a81) !important}
#bab-shakhsiyah h2::before,
a.jump-link[href="#bab-shakhsiyah"]::before{content:"🚫"}
#bab-shakhsiyah .claim-link{border-color:rgba(255,115,157,.22) !important}

#bab-awraq{border-color:rgba(64,176,255,.34) !important}
#bab-banks{border-color:rgba(72,217,154,.34) !important}
#bab-agency{border-color:rgba(255,182,94,.34) !important}
#bab-companies{border-color:rgba(182,133,255,.34) !important}
#bab-sales{border-color:rgba(255,145,98,.34) !important}
#bab-competition{border-color:rgba(255,108,159,.34) !important}
#bab-contracts{border-color:rgba(108,156,255,.34) !important}

#bab-awraq .claim-link{border-color:rgba(64,176,255,.22) !important}
#bab-banks .claim-link{border-color:rgba(72,217,154,.22) !important}
#bab-agency .claim-link{border-color:rgba(255,182,94,.22) !important}
#bab-companies .claim-link{border-color:rgba(182,133,255,.22) !important}
#bab-sales .claim-link{border-color:rgba(255,145,98,.22) !important}
#bab-competition .claim-link{border-color:rgba(255,108,159,.22) !important}
#bab-contracts .claim-link{border-color:rgba(108,156,255,.22) !important}

#library-main .case-card,
.page-shell .case-grid > .case-card:nth-child(1){border-color:rgba(80,177,255,.34)}
.page-shell .case-grid > .case-card:nth-child(1) h2::before{content:"🏛️"}
.page-shell .case-grid > .case-card:nth-child(2){border-color:rgba(70,211,155,.34)}
.page-shell .case-grid > .case-card:nth-child(2) h2::before{content:"⏱️"}
.page-shell .case-grid > .case-card:nth-child(3){border-color:rgba(255,176,99,.34)}
.page-shell .case-grid > .case-card:nth-child(3) h2::before{content:"💼"}
.page-shell .case-grid > .case-card:nth-child(1) h2{background:linear-gradient(135deg,#1669b7,#2aa6ff) !important}
.page-shell .case-grid > .case-card:nth-child(2) h2{background:linear-gradient(135deg,#177a59,#2abf89) !important}
.page-shell .case-grid > .case-card:nth-child(3) h2{background:linear-gradient(135deg,#9e5e1a,#d99634) !important}

#posts{
  background: linear-gradient(180deg,#08183a 0%, #07152f 100%);
  border-color: rgba(130,169,255,.18);
}
#posts .post-card,
#posts .empty-state{
  background: linear-gradient(180deg, rgba(15,33,69,.96), rgba(7,19,44,.98));
  border: 1px solid var(--ui-frame);
  color: #eff7ff;
  border-radius: 22px;
}
#posts .post-title-link{color:#f4f8ff}
#posts .post-date{color:#b3c7ea}
#posts .post-excerpt,
#posts .post-body{color:#d8e6ff}
#posts .post-btn{border-radius:16px}
#posts .post-link{background:linear-gradient(135deg,#1d6fd2,#32b0ff)}
#posts .post-download{background:linear-gradient(135deg,#1a8b52,#39d588)}
#posts .post-share{background:linear-gradient(135deg,#a5661e,#de9c40)}

#contact{
  background: linear-gradient(180deg,#07193d 0%, #05162f 100%);
  border-color: rgba(134,171,255,.16);
}
#contact .contact-link{
  border: 1px solid var(--ui-frame);
  box-shadow: var(--ui-shadow);
}

@media (max-width: 900px){
  #services .service-item{min-height:160px;padding:18px 14px}
  #services .service-item i{width:64px;height:64px;font-size:1.7rem;border-radius:20px}
  #services .service-item span{font-size:.96rem}
}

@media (max-width: 700px){
  #services .service-grid,
  #posts .posts-grid,
  .page-shell .posts-grid,
  .page-shell .case-grid{grid-template-columns:1fr !important}
  #services .service-item{min-height:148px;border-radius:22px}
  .page-shell .posts-grid > .case-card,
  .page-shell .case-grid > .case-card,
  .jump-link{border-radius:20px !important}
  .page-shell .case-grid > .case-card h2,
  .page-shell .posts-grid > .case-card h2,
  .page-shell .posts-grid > .case-card .chapter-pill,
  .page-shell .case-grid > .case-card .chapter-pill{font-size:1rem;padding:12px 14px;border-radius:16px}
  .page-shell .case-grid > .case-card h2::before,
  .jump-link::before{width:38px;height:38px;flex-basis:38px}
  .jump-link{min-height:66px !important;font-size:.96rem !important;padding:14px 16px !important}
}

.post-card{
  cursor: pointer;
}

.post-card .post-title-link::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
}

/* ===== Author label override across internal explanation pages ===== */
html body .book-note{font-size:0!important;line-height:1.8!important}
html body .book-note::before{
  content:"إعداد: ⚖️ المحامي مراد الرعوي\A774656773"!important;
  white-space:pre-line!important;
  display:block!important;
  font-size:.95rem!important;
  line-height:1.9!important;
  color:#6a5a45!important;
  font-weight:700!important;
}
@media (max-width:700px){html body .book-note::before{font-size:.9rem!important}}


/* ===== anti-copy.css ===== */
body.contract-copy-protected #paper,
body.contract-copy-protected #paperBody,
body.contract-copy-protected #contractPaper,
body.contract-copy-protected .paper,
body.contract-copy-protected .paper-body,
body.contract-copy-protected .contract-paper,
body.contract-copy-protected .viewer-card,
body.contract-copy-protected .contract-section,
body.contract-copy-protected [data-copy-protected="true"] {
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
}

body.contract-copy-protected #paper *,
body.contract-copy-protected #paperBody *,
body.contract-copy-protected #contractPaper *,
body.contract-copy-protected .paper *,
body.contract-copy-protected .paper-body *,
body.contract-copy-protected .contract-paper *,
body.contract-copy-protected .viewer-card *,
body.contract-copy-protected .contract-section *,
body.contract-copy-protected [data-copy-protected="true"] * {
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
}

body.contract-copy-protected input,
body.contract-copy-protected textarea,
body.contract-copy-protected select,
body.contract-copy-protected option,
body.contract-copy-protected button,
body.contract-copy-protected a,
body.contract-copy-protected .field-control,
body.contract-copy-protected .field-input,
body.contract-copy-protected .field-textarea,
body.contract-copy-protected [data-copy-allowed="true"],
body.contract-copy-protected [data-yl-copy-allowed="true"] {
  -webkit-user-select: text !important;
  user-select: text !important;
  -webkit-touch-callout: default !important;
}

body.contract-copy-protected img,
body.contract-copy-protected [data-copy-protected="true"] {
  -webkit-user-drag: none !important;
  user-drag: none !important;
}

.contract-copy-notice {
  position: fixed;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%) translateY(18px);
  z-index: 2147483647;
  max-width: min(92vw, 620px);
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(8, 20, 39, .96);
  color: #fff;
  border: 1px solid rgba(212, 182, 117, .72);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .28);
  font-family: "Cairo", Tahoma, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.8;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}

.contract-copy-notice.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

@media print {
  body.contract-copy-protected #paper,
  body.contract-copy-protected #paperBody,
  body.contract-copy-protected #contractPaper,
  body.contract-copy-protected .paper,
  body.contract-copy-protected .paper-body,
  body.contract-copy-protected .contract-paper {
    -webkit-user-select: text !important;
    user-select: text !important;
  }
  .contract-copy-notice { display: none !important; }
}


/* ===== contract-support.css ===== */
.contract-support-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;margin:0 0 16px;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#edf4ff);border:1px solid #cfe0ff;box-shadow:0 10px 26px rgba(16,36,63,.08)}
.contract-support-banner__text{display:grid;gap:6px}
.contract-support-banner__text strong{color:#16345f;font-size:1rem}
.contract-support-banner__text span{color:#4d6488;line-height:1.9;font-size:.92rem}
.contract-support-banner__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.contract-support-banner.hidden{display:none}
.contract-support-modal{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(4,10,22,.72)}
.contract-support-modal.hidden{display:none}.contract-support-dialog{position:relative;width:min(96vw,620px);background:linear-gradient(180deg,#0d203f,#08182f);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px;color:#eef5ff;box-shadow:0 28px 70px rgba(0,0,0,.42)}.contract-support-close{position:absolute;left:12px;top:10px;border:none;background:none;color:#fff;font-size:1.8rem;cursor:pointer}.contract-support-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:rgba(53,181,255,.12);border:1px solid rgba(53,181,255,.28);color:#9edfff;font-size:.86rem;font-weight:700}
#contractSupportTitle{margin:14px 0 8px;font-size:1.45rem;line-height:1.5}#contractSupportDescription{margin:0;color:#d8e7ff;line-height:2}.contract-support-helper{margin-top:14px;padding:12px 14px;border-radius:14px;background:rgba(53,181,255,.08);border:1px solid rgba(53,181,255,.18);color:#dcebff;line-height:1.95;font-size:.92rem}.contract-support-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.contract-support-actions .action-btn{min-width:170px}body.contract-support-modal-open{overflow:hidden}
@media (max-width:760px){.contract-support-banner{flex-direction:column;align-items:stretch;padding:14px}.contract-support-banner__actions{width:100%}.contract-support-banner__actions .action-btn{width:100%}.contract-support-dialog{width:min(96vw,96vw);padding:20px 16px;border-radius:20px}#contractSupportTitle{font-size:1.18rem}.contract-support-actions{display:grid;grid-template-columns:1fr}.contract-support-actions .action-btn{width:100%;min-width:0}}

/* Desktop clarity boost for contract name and selector */
@media (min-width: 1101px){
  #contracts .workspace-header-main{
    gap:18px !important;
    align-items:end !important;
  }

  #contracts .contract-pickers-grid{
    grid-template-columns:minmax(520px, 860px) !important;
    max-width:860px !important;
    width:100% !important;
  }

  #contracts .contract-select-wrap{
    gap:10px !important;
  }

  #contracts .contract-select-wrap span{
    font-size:1.22rem !important;
    font-weight:800 !important;
    color:#173764 !important;
    line-height:1.6 !important;
  }

  #contracts #contractSelect{
    min-height:68px !important;
    height:68px !important;
    padding:14px 18px !important;
    font-size:1.16rem !important;
    font-weight:700 !important;
    line-height:1.5 !important;
    border-radius:16px !important;
    background:#ffffff !important;
    color:#10243f !important;
    border:2px solid #c7d3e4 !important;
    box-shadow:0 8px 22px rgba(16,36,63,.08) !important;
  }

  #contracts #contractSelect:focus{
    outline:none !important;
    border-color:#1e7bd8 !important;
    box-shadow:0 0 0 5px rgba(30,123,216,.14),0 10px 24px rgba(16,36,63,.10) !important;
  }

  #contracts .workspace-header{
    padding:22px 22px 18px !important;
  }

  #contracts .guide-card,
  #contracts #guideText,
  #contracts .empty-state,
  #contracts .empty-state.small{
    font-size:1.02rem !important;
    line-height:2 !important;
  }

  #contracts .workspace-body{
    padding:0 22px 22px !important;
  }
}


/* ===== service-promo.css ===== */
.service-promo-modal{position:fixed;inset:0;z-index:100002;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(5,12,24,.78)}
.service-promo-modal.hidden{display:none}
.service-promo-dialog{position:relative;width:min(96vw,640px);background:linear-gradient(180deg,#0b1f3f,#07152b);border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:26px 22px;color:#eef5ff;box-shadow:0 28px 80px rgba(0,0,0,.42)}
.service-promo-close{position:absolute;left:12px;top:10px;border:none;background:none;color:#fff;font-size:1.9rem;cursor:pointer;line-height:1}
.service-promo-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:rgba(255,196,82,.12);border:1px solid rgba(255,196,82,.3);color:#ffd98d;font-size:.86rem;font-weight:800}
.service-promo-title{margin:14px 0 10px;font-size:1.45rem;line-height:1.55;color:#fff}
.service-promo-text{margin:0;color:#dbe8ff;line-height:2;font-size:.98rem}
.service-promo-box{margin-top:16px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#f3f7ff;line-height:2}
.service-promo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.service-promo-call-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 14px;border-radius:18px;text-decoration:none;font-weight:800;font-size:1rem;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.service-promo-call-btn.whatsapp{background:linear-gradient(180deg,#23c16b,#14914d);color:#fff}
.service-promo-call-btn.phone{background:linear-gradient(180deg,#1b65d9,#1247a2);color:#fff}
.service-promo-call-btn.mobile{background:linear-gradient(180deg,#7c4dff,#5b32d1);color:#fff}
.service-promo-dismiss{display:flex;align-items:center;justify-content:center;margin-top:12px;width:100%;padding:14px 16px;border:none;border-radius:18px;background:rgba(255,255,255,.08);color:#eef5ff;font-weight:700;cursor:pointer}
body.service-promo-open{overflow:hidden}
@media (max-width:760px){.service-promo-dialog{width:min(96vw,96vw);padding:22px 16px;border-radius:22px}.service-promo-title{font-size:1.18rem}.service-promo-actions{grid-template-columns:1fr}.service-promo-call-btn{width:100%}}

/* ===== Premium contracts page interface polish ===== */
body:has(#contracts){
  background:
    radial-gradient(circle at 12% 8%,rgba(59,130,246,.18),transparent 34%),
    radial-gradient(circle at 88% 18%,rgba(245,158,11,.16),transparent 32%),
    linear-gradient(180deg,#071226 0%,#0b1730 42%,#f3f7fb 42%,#eef4fb 100%);
}

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

body:has(#contracts) .topbar{
  position:sticky;
  top:0;
  z-index:1000;
  backdrop-filter:blur(18px);
  background:linear-gradient(90deg,rgba(5,14,35,.94),rgba(10,25,58,.90));
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}

body:has(#contracts) .hero-modern{
  position:relative;
  overflow:hidden;
  margin-top:18px;
  border-radius:38px;
  padding:clamp(32px,5vw,70px);
  background:
    linear-gradient(135deg,rgba(9,27,67,.96),rgba(15,45,98,.92)),
    radial-gradient(circle at 0 0,rgba(255,205,94,.25),transparent 35%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 30px 80px rgba(0,0,0,.30);
}

body:has(#contracts) .hero-modern::before{
  content:"";
  position:absolute;
  inset:auto -70px -120px auto;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(59,130,246,.45),transparent 70%);
  filter:blur(6px);
}

body:has(#contracts) .hero-modern::after{
  content:"⚖";
  position:absolute;
  left:clamp(18px,5vw,70px);
  top:50%;
  transform:translateY(-50%);
  font-size:clamp(5rem,13vw,12rem);
  color:rgba(255,255,255,.055);
  line-height:1;
}

body:has(#contracts) .hero-content{position:relative;z-index:1;max-width:900px}
body:has(#contracts) .hero-badge,
#contracts .section-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  padding:9px 16px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,206,97,.20),rgba(255,255,255,.08));
  border:1px solid rgba(255,221,134,.35);
  color:#ffe19d;
  font-weight:900;
  letter-spacing:.01em;
}

body:has(#contracts) .hero-modern h1{
  margin:18px 0 12px;
  color:#fff;
  font-size:clamp(2.2rem,5vw,4.8rem);
  line-height:1.25;
  text-shadow:0 10px 30px rgba(0,0,0,.32);
}

body:has(#contracts) .hero-modern p{
  color:#dce9ff;
  font-size:clamp(1rem,1.6vw,1.28rem);
  line-height:2.1;
  max-width:900px;
}

body:has(#contracts) .hero-motto{
  margin-top:20px;
  display:inline-flex;
  padding:14px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#fff4cd;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}

#contracts.contract-section,
#contracts.section-card{
  position:relative;
  overflow:hidden;
  margin-top:26px;
  border-radius:38px;
  padding:clamp(18px,2.5vw,34px);
  background:
    radial-gradient(circle at 8% 0,rgba(59,130,246,.24),transparent 30%),
    radial-gradient(circle at 90% 10%,rgba(245,158,11,.16),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,249,255,.94));
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 28px 70px rgba(15,23,42,.15);
}

#contracts .contract-head-pro,
#contracts .section-head.compact{
  align-items:center;
  gap:18px;
  margin-bottom:24px;
  padding:18px;
  border-radius:28px;
  background:linear-gradient(135deg,#071a3c,#0d2b66 62%,#193f86);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 42px rgba(9,29,67,.24);
}

#contracts .section-head h2{
  margin:12px 0 8px;
  color:#fff;
  font-size:clamp(1.55rem,3vw,3rem);
  line-height:1.35;
}

#contracts .section-head p{color:#dbeafe;font-weight:700;line-height:1.9}

#contracts .toolbar-actions,
#contracts .form-footer-actions,
#contracts .workspace-quick-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

#contracts .action-btn,
#contracts .quick-btn{
  border:none!important;
  border-radius:17px!important;
  padding:13px 16px!important;
  font-weight:900!important;
  color:#fff!important;
  background:linear-gradient(135deg,#334155,#0f172a)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.18)!important;
}

#contracts .action-btn.primary,
#contracts #pdfBtn,
#contracts #pdfBtnBottom{
  background:linear-gradient(135deg,#b45309,#f59e0b)!important;
}

#contracts .show-btn,
#contracts #showContractBtn{
  background:linear-gradient(135deg,#1d4ed8,#38bdf8)!important;
}

#contracts #shareBtn,
#contracts #shareBtnBottom{
  background:linear-gradient(135deg,#047857,#34d399)!important;
}

#contracts .quick-btn.danger,
#contracts #clearDraftBtn{
  background:linear-gradient(135deg,#991b1b,#ef4444)!important;
}

#contracts .contract-studio.pro-layout{
  display:grid;
  grid-template-columns:minmax(360px,.92fr) minmax(430px,1.08fr);
  gap:22px;
  align-items:start;
}

#contracts .form-panel,
#contracts .preview-panel{
  border-radius:30px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 20px 55px rgba(15,23,42,.11);
  overflow:hidden;
  backdrop-filter:blur(16px);
}

#contracts .workspace-header{
  padding:20px;
  background:linear-gradient(180deg,rgba(248,251,255,.98),rgba(239,246,255,.84));
  border-bottom:1px solid rgba(15,23,42,.06);
}

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

#contracts .intro-card{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:15px;
  border-radius:22px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid rgba(37,99,235,.08);
  box-shadow:0 12px 30px rgba(37,99,235,.07);
}

#contracts .intro-card-icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(135deg,#1d4ed8,#38bdf8);
  box-shadow:0 10px 20px rgba(37,99,235,.18);
}

#contracts .intro-card strong{display:block;color:#0f172a;font-size:.98rem;margin-bottom:4px}
#contracts .intro-card p{margin:0;color:#64748b;line-height:1.75;font-size:.88rem}

#contracts .studio-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:16px 0;
}

#contracts .step-pill{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  color:#334155;
  font-weight:900;
}

#contracts .step-pill span{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,#0f172a,#334155);
}

#contracts .step-pill.active{
  background:linear-gradient(135deg,#eff6ff,#dbeafe);
  border-color:rgba(37,99,235,.20);
  color:#1d4ed8;
}

#contracts .contract-pickers-grid{display:grid;grid-template-columns:1fr;gap:12px}
#contracts .contract-select-wrap span,
#contracts .contract-select-wrap label{color:#0f172a;font-weight:900;margin-bottom:8px}
#contracts #contractSelect,
#contracts .contract-select-wrap select{
  width:100%;
  min-height:58px;
  border:none;
  border-radius:20px;
  padding:0 18px;
  background:#fff;
  color:#0f172a;
  font-size:1.1rem;
  font-weight:900;
  box-shadow:0 0 0 1px rgba(37,99,235,.16),0 14px 34px rgba(37,99,235,.10);
  outline:none;
}

#contracts .workspace-status-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}

#contracts .status-card{
  padding:14px;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid rgba(15,23,42,.07);
  box-shadow:0 10px 26px rgba(15,23,42,.06);
}

#contracts .status-card span{display:block;color:#64748b;font-size:.82rem;font-weight:800;margin-bottom:4px}
#contracts .status-card strong{display:block;color:#0f172a;font-size:1rem;line-height:1.6}

#contracts .guide-card{
  margin-top:16px;
  padding:16px;
  border-radius:22px;
  color:#12315d;
  background:linear-gradient(135deg,#eff6ff,#fff7ed);
  border:1px solid rgba(37,99,235,.12);
}

#contracts .guide-card-title{font-weight:900;margin-bottom:8px;color:#1d4ed8}
#contracts .workspace-body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;padding:20px}
#contracts .fields-nav-panel,
#contracts .form-fields{
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 14px 34px rgba(15,23,42,.07);
}

#contracts .fields-nav-panel{padding:16px;position:sticky;top:96px;align-self:start;max-height:70vh;overflow:auto}
#contracts .fields-nav-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#contracts .fields-nav-head h3{margin:0;color:#0f172a;font-size:1rem}
#contracts .nav-filter-btn{border:none;border-radius:14px;padding:9px 11px;background:#e0f2fe;color:#075985;font-weight:900}
#contracts .form-fields{padding:18px;min-height:280px}

#contracts .paper-wrap{padding:20px;background:linear-gradient(180deg,#e8f1fb,#f8fbff)}
#contracts .studio-topbar-pro,
#contracts .studio-topbar{
  padding:18px 20px;
  background:linear-gradient(135deg,#0f172a,#1e3a8a);
  color:#fff;
}

#contracts .studio-title{font-weight:900;font-size:1.12rem}
#contracts .contract-meta{color:#cbd5e1;line-height:1.8;margin-top:4px}
#contracts .mini-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:900}

#contracts #paper,
#contracts .paper{
  width:min(100%,820px);
  margin-inline:auto;
  border-radius:22px;
  background:#fffdf7;
  box-shadow:0 24px 65px rgba(15,23,42,.18);
  border:1px solid rgba(120,83,35,.14);
  overflow:hidden;
}

#contracts .paper-header{
  padding:20px 24px;
  background:linear-gradient(135deg,#fff7ed,#fffbeb);
  border-bottom:1px solid rgba(120,83,35,.12);
}

#contracts #paperTitle{margin:0;color:#7c2d12;font-size:1.35rem;line-height:1.7;text-align:center}
#contracts .paper-body{padding:26px;line-height:2.25;color:#111827;font-size:1.05rem}

#contracts .contracts-latin-links{
  margin:0 0 22px;
  padding:22px;
  border-radius:30px;
  background:linear-gradient(135deg,#0f172a,#1e3a8a 55%,#0f766e);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 22px 60px rgba(15,23,42,.23);
}

#contracts .contracts-latin-links h3{color:#fff!important;font-size:clamp(1.3rem,2.2vw,2.2rem)!important}
#contracts .contracts-latin-links p{color:#dbeafe!important;font-weight:700!important}
#contracts .contracts-latin-search{
  border:none!important;
  min-height:52px;
  box-shadow:0 0 0 1px rgba(255,255,255,.14),0 12px 28px rgba(0,0,0,.20);
}
#contracts .contracts-latin-card{
  border:none!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16)!important;
}
#contracts .contracts-latin-card strong{color:#0f172a!important}
#contracts .contracts-latin-card span{color:#1d4ed8!important}

@media (max-width:1100px){
  #contracts .contract-studio.pro-layout{grid-template-columns:1fr}
  #contracts .preview-panel{order:2}
  #contracts .form-panel{order:1}
  #contracts .studio-intro-grid{grid-template-columns:1fr}
}

@media (max-width:760px){
  body:has(#contracts) .page-shell{padding-inline:10px}
  body:has(#contracts) .hero-modern{border-radius:26px;padding:26px 18px}
  #contracts.contract-section,#contracts.section-card{border-radius:26px;padding:14px}
  #contracts .contract-head-pro,#contracts .section-head.compact{border-radius:22px;padding:16px}
  #contracts .toolbar-actions,#contracts .form-footer-actions,#contracts .workspace-quick-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  #contracts .action-btn,#contracts .quick-btn{width:100%;justify-content:center}
  #contracts .studio-steps,#contracts .workspace-status-row{grid-template-columns:1fr}
  #contracts .workspace-body{grid-template-columns:1fr;padding:14px}
  #contracts .fields-nav-panel{position:relative;top:auto;max-height:260px}
  #contracts .paper-wrap{padding:10px}
  #contracts .paper-body{padding:18px;font-size:.98rem;line-height:2.1}
}


/* ===== assets/css/internal-links.css ===== */
.seo-internal-links {
  margin: 28px auto;
  padding: 22px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(30, 64, 175, 0.88));
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 16px 36px rgba(2, 8, 23, 0.18);
  color: #f8fafc;
}

.seo-internal-links h2,
.seo-internal-links h3 {
  margin: 0 0 10px;
  color: #fff7d6;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  line-height: 1.5;
}

.seo-internal-links p {
  margin: 0 0 16px;
  color: #e2e8f0;
  line-height: 1.9;
}

.seo-internal-links-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}

.seo-internal-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #ffffff;
  text-decoration: none;
  font-weight: 800;
  line-height: 1.6;
  text-align: center;
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.seo-internal-link:hover,
.seo-internal-link:focus {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.28);
  outline: none;
}

@media (max-width: 640px) {
  .seo-internal-links {
    padding: 18px;
    border-radius: 18px;
  }

  .seo-internal-links-grid {
    grid-template-columns: 1fr;
  }
}


/* ===== assets/css/service-pages.css ===== */
body {
  font-family: Cairo, Arial, sans-serif;
  background: linear-gradient(135deg, #07152b 0%, #0e2b4d 55%, #123750 100%);
  color: #eef5ff;
  direction: rtl;
}

.services-page,
.page {
  max-width: 1040px;
  margin: 0 auto;
  padding: 28px 16px 48px;
}

.services-page {
  max-width: 1180px;
}

.services-hero,
.hero,
.box,
.related {
  background: linear-gradient(180deg, rgba(18, 38, 83, .96), rgba(7, 18, 48, .98));
  border: 1px solid rgba(138, 171, 255, .18);
  border-radius: 28px;
  box-shadow: 0 20px 48px rgba(0, 0, 0, .24);
}

.services-hero {
  padding: 30px 24px;
  border-radius: 30px;
  box-shadow: 0 22px 48px rgba(0, 0, 0, .18);
}

.services-hero h1,
.hero h1 {
  margin: 0 0 10px;
  color: #fff;
  line-height: 1.45;
}

.services-hero h1 {
  font-size: clamp(1.8rem, 3vw, 3rem);
  margin-bottom: 12px;
}

.services-hero p,
.hero p {
  margin: 0;
  color: #dbe7ff;
  line-height: 2;
}

.services-hero p {
  max-width: 860px;
  margin-inline: auto;
  font-size: 1.05rem;
}

.hero {
  padding: 28px 22px;
  margin-bottom: 18px;
}

.cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 22px;
  border-radius: 18px;
  text-decoration: none;
  font-weight: 800;
  background: linear-gradient(180deg, #f9d978, #d9a62b);
  color: #10203d;
  margin-top: 16px;
}

.cta:hover,
.service-card:hover {
  transform: translateY(-3px);
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 18px;
}

.service-card {
  display: block;
  text-decoration: none;
  background: linear-gradient(180deg, rgba(20, 40, 82, .96), rgba(8, 22, 52, .98));
  border: 1px solid rgba(151, 185, 255, .16);
  border-radius: 24px;
  padding: 22px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.service-card:hover {
  box-shadow: 0 22px 44px rgba(0, 0, 0, .26);
  border-color: rgba(243, 201, 105, .5);
}

.service-icon {
  width: 64px;
  height: 64px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  font-size: 1.6rem;
  background: linear-gradient(135deg, #1d77ff, #42c8ff);
  box-shadow: 0 14px 28px rgba(0, 0, 0, .12);
  color: #fff;
}

.service-card:nth-child(2) .service-icon {
  background: linear-gradient(135deg, #2f69d9, #58baff);
}

.service-card:nth-child(3) .service-icon {
  background: linear-gradient(135deg, #cf6f29, #ffae55);
}

.service-card:nth-child(4) .service-icon {
  background: linear-gradient(135deg, #19956c, #39d3a0);
}

.service-card:nth-child(5) .service-icon {
  background: linear-gradient(135deg, #6251d9, #9685ff);
}

.service-card h2 {
  margin: 0 0 8px;
  font-size: 1.1rem;
  line-height: 1.8;
  color: #fff;
}

.service-card p {
  margin: 0;
  color: #d9e6ff;
  line-height: 1.9;
  font-weight: 700;
  font-size: .95rem;
}

.services-note {
  margin-top: 24px;
  padding: 18px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .10);
  color: #dbe7ff;
  line-height: 2;
  text-align: center;
  font-weight: 700;
}

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

.box {
  padding: 20px;
}

.box h2,
.related h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 1.15rem;
}

.box ul,
.related ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.box li,
.related li {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  padding: 10px 12px;
  line-height: 1.9;
  color: #dbe7ff;
  font-weight: 700;
}

.related {
  padding: 20px;
  margin-top: 18px;
}

.related a {
  color: #fff;
  text-decoration: none;
}

.site-footer {
  margin-top: 28px;
  text-align: center;
  color: #dbe7ff;
}

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


/* ===== assets/css/contracts-cases-section.css ===== */
#cases{background:linear-gradient(180deg,#07183d 0%,#041533 100%);border:1px solid rgba(111,151,255,.14);border-radius:34px;box-shadow:0 20px 48px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03)}
    #cases .section-head{margin-bottom:24px}
    #cases .section-head h2{color:#f4f8ff;font-size:clamp(1.9rem,2.6vw,3rem);margin-bottom:8px}
    #cases .section-head p{color:#dbe7ff;line-height:2;font-size:clamp(1rem,1.4vw,1.28rem);max-width:none}
    #cases .case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
    #cases .case-card{position:relative;min-height:100%;padding:22px 20px 24px;border-radius:26px;background:linear-gradient(180deg,rgba(18,38,83,.96),rgba(11,28,67,.98));border:1px solid rgba(138,171,255,.15);box-shadow:0 15px 34px rgba(0,0,0,.22);overflow:hidden}
    #cases .case-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:86px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.03));pointer-events:none}
    #cases .case-card:nth-child(1){grid-column:3;grid-row:1}
    #cases .case-card:nth-child(2){grid-column:2;grid-row:1}
    #cases .case-card:nth-child(3){grid-column:1;grid-row:1}
    #cases .case-card:nth-child(4){grid-column:3;grid-row:2}
    #cases .case-card h3{margin:0 0 12px;display:flex;align-items:center;gap:12px;font-size:2rem;font-weight:800;line-height:1.2;background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:caseTitleShift 6s linear infinite}
    #cases .case-card h3 a{color:inherit}
    #cases .case-card h3::before{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);font-size:1.8rem;flex:0 0 56px;color:#fff;-webkit-text-fill-color:#fff}
    #cases .case-card:nth-child(1) h3{background-image:linear-gradient(90deg,#ffffff 0%,#a9d9ff 30%,#64c4ff 60%,#ffffff 100%)}
    #cases .case-card:nth-child(2) h3{background-image:linear-gradient(90deg,#ffffff 0%,#c7efff 30%,#7be3ff 60%,#ffffff 100%)}
    #cases .case-card:nth-child(3) h3{background-image:linear-gradient(90deg,#ffffff 0%,#b4f4ff 30%,#74dbff 60%,#ffffff 100%)}
    #cases .case-card:nth-child(4) h3{background-image:linear-gradient(90deg,#ffffff 0%,#ffd6a6 30%,#ffb96d 60%,#ffffff 100%)}
    #cases .case-card:nth-child(1) h3::before{content:"⚖️"}
    #cases .case-card:nth-child(2) h3::before{content:"🏛️"}
    #cases .case-card:nth-child(3) h3::before{content:"⏱️"}
    #cases .case-card:nth-child(4) h3::before{content:"💼"}
    #cases .case-brief{margin:0 0 16px;color:#d9e6ff;line-height:1.9;font-size:1rem;font-weight:600}
    #cases .case-card ul{margin:0;padding:0;display:grid;gap:12px}
    #cases .case-card li{list-style:none;position:relative;padding:13px 44px 13px 14px;border-radius:17px;background:rgba(255,255,255,.04);border:1px solid rgba(132,167,239,.10);box-shadow:0 8px 18px rgba(0,0,0,.12);color:#eef5ff;font-size:1.18rem;line-height:1.85;font-weight:700;min-height:60px;display:flex;align-items:center}
    #cases .case-card li::before{content:"•";position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);font-size:2rem;line-height:1;color:#d8e7ff}
    #cases .case-card li a{display:block;width:100%;color:inherit}
    #cases .case-card li:hover{background:rgba(255,255,255,.07);transform:translateY(-1px)}
    @keyframes caseTitleShift{0%{background-position:0% 50%}100%{background-position:200% 50%}}
    @media (max-width:1100px){#cases .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#cases .case-card:nth-child(1),#cases .case-card:nth-child(2),#cases .case-card:nth-child(3),#cases .case-card:nth-child(4){grid-column:auto;grid-row:auto}}
    @media (max-width:700px){#cases{border-radius:24px}#cases .case-grid{grid-template-columns:1fr;gap:16px}#cases .case-card{padding:18px 16px 20px;border-radius:22px}#cases .case-card h3{font-size:1.55rem}#cases .case-card h3::before{width:48px;height:48px;font-size:1.5rem;border-radius:15px}#cases .case-card li{font-size:1rem;min-height:54px;padding:12px 38px 12px 12px}}


/* ===== assets/css/home-cases-section.css ===== */
#cases{background:linear-gradient(180deg,#07183d 0%,#041533 100%);border:1px solid rgba(111,151,255,.14);border-radius:34px;box-shadow:0 20px 48px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03)}
    #cases .section-head{margin-bottom:24px}
    #cases .section-head h2{color:#f4f8ff;font-size:clamp(1.9rem,2.6vw,3rem);margin-bottom:8px}
    #cases .section-head p{color:#dbe7ff;line-height:2;font-size:clamp(1rem,1.4vw,1.28rem);max-width:none}
    #cases .case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
    #cases .case-card{position:relative;min-height:100%;padding:22px 20px 24px;border-radius:26px;background:linear-gradient(180deg,rgba(18,38,83,.96),rgba(11,28,67,.98));border:1px solid rgba(138,171,255,.15);box-shadow:0 15px 34px rgba(0,0,0,.22);overflow:hidden}
    #cases .case-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:86px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.03));pointer-events:none}
    #cases .case-card:nth-child(1){grid-column:3;grid-row:1}
    #cases .case-card:nth-child(2){grid-column:2;grid-row:1}
    #cases .case-card:nth-child(3){grid-column:1;grid-row:1}
    #cases .case-card:nth-child(4){grid-column:3;grid-row:2}
    #cases .case-card h3{margin:0 0 12px;display:flex;align-items:center;gap:12px;font-size:2rem;font-weight:800;line-height:1.2;background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:caseTitleShift 6s linear infinite}
    #cases .case-card h3 a{color:inherit}
    #cases .case-card h3::before{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);font-size:1.8rem;flex:0 0 56px;color:#fff;-webkit-text-fill-color:#fff}
    #cases .case-card:nth-child(1) h3{background-image:linear-gradient(90deg,#ffffff 0%,#a9d9ff 30%,#64c4ff 60%,#ffffff 100%)}
    #cases .case-card:nth-child(2) h3{background-image:linear-gradient(90deg,#ffffff 0%,#c7efff 30%,#7be3ff 60%,#ffffff 100%)}
    #cases .case-card:nth-child(3) h3{background-image:linear-gradient(90deg,#ffffff 0%,#b4f4ff 30%,#74dbff 60%,#ffffff 100%)}
    #cases .case-card:nth-child(4) h3{background-image:linear-gradient(90deg,#ffffff 0%,#ffd6a6 30%,#ffb96d 60%,#ffffff 100%)}
    #cases .case-card:nth-child(1) h3::before{content:"⚖️"}
    #cases .case-card:nth-child(2) h3::before{content:"🏛️"}
    #cases .case-card:nth-child(3) h3::before{content:"⏱️"}
    #cases .case-card:nth-child(4) h3::before{content:"💼"}
    #cases .case-brief{margin:0 0 16px;color:#d9e6ff;line-height:1.9;font-size:1rem;font-weight:600}
    #cases .case-card ul{margin:0;padding:0;display:grid;gap:12px}
    #cases .case-card li{list-style:none;position:relative;padding:13px 44px 13px 14px;border-radius:17px;background:rgba(255,255,255,.04);border:1px solid rgba(132,167,239,.10);box-shadow:0 8px 18px rgba(0,0,0,.12);color:#eef5ff;font-size:1.18rem;line-height:1.85;font-weight:700;min-height:60px;display:flex;align-items:center}
    #cases .case-card li::before{content:"•";position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);font-size:2rem;line-height:1;color:#d8e7ff}
    #cases .case-card li a{display:block;width:100%;color:inherit}
    #cases .case-card li:hover{background:rgba(255,255,255,.07);transform:translateY(-1px)}
    @keyframes caseTitleShift{0%{background-position:0% 50%}100%{background-position:200% 50%}}
    @media (max-width:1100px){#cases .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#cases .case-card:nth-child(1),#cases .case-card:nth-child(2),#cases .case-card:nth-child(3),#cases .case-card:nth-child(4){grid-column:auto;grid-row:auto}}
    @media (max-width:700px){#cases{border-radius:24px}#cases .case-grid{grid-template-columns:1fr;gap:16px}#cases .case-card{padding:18px 16px 20px;border-radius:22px}#cases .case-card h3{font-size:1.55rem}#cases .case-card h3::before{width:48px;height:48px;font-size:1.5rem;border-radius:15px}#cases .case-card li{font-size:1rem;min-height:54px;padding:12px 38px 12px 12px}}


/* ===== assets/css/home-services-enhanced.css ===== */
#services .services-cta-block {
  display: grid;
  justify-items: center;
  gap: 10px;
  margin: 20px 0 24px;
}

#services .services-cta-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}

#services .services-main-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  padding: 0 24px;
  border-radius: 18px;
  text-decoration: none;
  font-weight: 800;
  font-size: 1rem;
  color: #10203d;
  background: linear-gradient(180deg, #f9d978, #d9a62b);
  border: 1px solid rgba(255, 224, 145, .55);
  box-shadow: 0 18px 36px rgba(0, 0, 0, .20);
}

#services .services-main-cta:hover {
  transform: translateY(-2px);
}

#services .services-cta-note {
  margin: 0;
  color: #dbe7ff;
  font-size: .96rem;
  line-height: 1.9;
  font-weight: 700;
  text-align: center;
}

#services .service-item {
  align-content: start;
  text-decoration: none;
}

#services .service-copy {
  display: grid;
  gap: 8px;
  width: 100%;
}

#services .service-title {
  display: block;
  color: #f3f8ff;
  font-weight: 800;
  line-height: 1.9;
  font-size: 1.04rem;
}

#services .service-summary {
  display: block;
  color: #d5e5ff;
  font-size: .88rem;
  line-height: 1.9;
  font-weight: 700;
}

#services .services-process {
  margin-top: 26px;
  padding: 24px 20px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04));
  border: 1px solid rgba(255, 255, 255, .10);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
}

#services .services-process h3 {
  margin: 0 0 8px;
  color: #f8fbff;
  text-align: center;
  font-size: 1.35rem;
}

#services .services-process > p {
  margin: 0 0 18px;
  color: #dbe7ff;
  text-align: center;
  line-height: 1.95;
  font-weight: 700;
}

#services .services-step-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

#services .services-step {
  padding: 18px 16px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(18, 38, 83, .96), rgba(8, 22, 52, .98));
  border: 1px solid rgba(151, 185, 255, .16);
  box-shadow: 0 14px 30px rgba(0, 0, 0, .16);
  text-align: center;
}

#services .services-step-number {
  width: 48px;
  height: 48px;
  margin: 0 auto 10px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  font-size: 1.1rem;
  font-weight: 800;
  color: #10203d;
  background: linear-gradient(180deg, #f9d978, #d9a62b);
  box-shadow: 0 10px 22px rgba(0, 0, 0, .18);
}

#services .services-step strong {
  display: block;
  color: #f4f8ff;
  font-size: 1rem;
  margin-bottom: 6px;
}

#services .services-step span {
  display: block;
  color: #d8e6ff;
  font-size: .9rem;
  line-height: 1.9;
  font-weight: 700;
}

@media (max-width: 900px) {
  #services .services-main-cta {
    width: 100%;
    max-width: 420px;
    font-size: .96rem;
    padding: 0 18px;
  }

  #services .services-cta-note {
    font-size: .9rem;
  }

  #services .service-title {
    font-size: .96rem;
  }

  #services .service-summary {
    font-size: .83rem;
  }

  #services .services-step-grid {
    grid-template-columns: 1fr;
  }
}


/* ===== layout-unified.css ===== */
:root {
  --yl-fixed-topbar-height: 90px;
}

body {
  padding-top: var(--yl-fixed-topbar-height) !important;
}

.contract-search-wrap {
  display: grid !important;
}

.contract-search-wrap .field-input,
#contractSearchInput {
  display: block !important;
}

.library-tools {
  margin-bottom: 14px;
}

.topbar .main-nav a {
  white-space: nowrap;
}

.toolbar-actions,
.form-footer-actions,
.workspace-quick-actions {
  align-items: stretch;
}

.action-btn,
.quick-btn {
  line-height: 1.5;
}

.hero p,
.contract-head-pro p,
.section-head p,
.intro-card p,
#guideText,
.post-excerpt,
.post-body,
.intro-text,
.intro-note,
.intro-list {
  text-wrap: pretty;
}

.hero.hero-modern.hero-ticker-only {
  padding: 0;
  overflow: hidden;
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(63, 140, 255, .18), transparent 28%),
    radial-gradient(circle at bottom left, rgba(215, 173, 82, .12), transparent 30%),
    linear-gradient(135deg, #0b1f46 0%, #12336f 52%, #0a162d 100%);
  border: 1px solid rgba(98, 148, 235, .2);
  box-shadow: 0 20px 56px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.hero-ticker-shell {
  position: relative;
  padding: 18px 22px;
}

.hero-ticker-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, .02) 82%, rgba(255, 255, 255, .05));
  pointer-events: none;
}

.hero-ticker-shell > * {
  position: relative;
  z-index: 1;
}

.hero-ticker-link {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 84px;
  padding: 16px 18px;
  border-radius: 22px;
  text-decoration: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04));
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .18);
  transition: transform .22s ease, box-shadow .22s ease;
}

.hero-ticker-link:hover,
.hero-ticker-link:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, .22);
  outline: none;
}

.hero-ticker-icon {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #1f87ff, #35b6ff);
  color: #fff;
  flex: 0 0 52px;
  font-size: 1.12rem;
}

.hero-ticker-copy {
  flex: 1;
  min-width: 0;
  display: grid;
  gap: 4px;
}

.hero-ticker-tag {
  color: #8ed0ff;
  font-size: .82rem;
  font-weight: 800;
}

.hero-ticker-title {
  color: #fff;
  font-size: 1.12rem;
  font-weight: 800;
  line-height: 1.55;
}

.hero-ticker-sub {
  color: #d9e6ff;
  font-size: .93rem;
  line-height: 1.75;
}

.hero-ticker-fade {
  animation: heroTickerFade .42s ease;
}

@keyframes heroTickerFade {
  0% {
    opacity: .08;
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 760px) {
  .hero.hero-modern.hero-ticker-only {
    border-radius: 22px;
  }

  .hero-ticker-shell {
    padding: 14px;
  }

  .hero-ticker-link {
    min-height: 76px;
    padding: 14px;
  }

  .hero-ticker-title {
    font-size: 1rem;
  }

  .hero-ticker-sub {
    font-size: .86rem;
  }
}

@media (max-width: 700px) {
  :root {
    --yl-fixed-topbar-height: 78px;
  }

  .contract-head-pro p {
    margin-bottom: 0;
  }

  .topbar {
    padding: 10px 12px !important;
  }

  .toolbar-actions .action-btn,
  .form-footer-actions .action-btn {
    min-height: 52px !important;
  }
}

@media (max-width: 480px) {
  .hero-ticker-link {
    gap: 12px;
    padding: 12px;
  }

  .hero-ticker-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    flex-basis: 44px;
  }

  .hero-ticker-title {
    font-size: .94rem;
  }

  .hero-ticker-sub {
    font-size: .8rem;
  }
}


/* ===== prompts-ui.css ===== */
body.yl-notify-open {
  overflow: hidden;
}

#ylNotifyPromptOverlay,
#ylInstallPromptOverlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(3, 16, 34, 0.72);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  direction: rtl;
}

#ylNotifyPromptCard,
#ylInstallPromptCard {
  width: min(94vw, 470px);
  background: linear-gradient(180deg, #ffffff 0%, #fbfaf5 100%);
  border: 1px solid rgba(191, 161, 74, 0.42);
  border-radius: 24px;
  box-shadow: 0 28px 90px rgba(3, 16, 34, 0.32);
  padding: 20px 18px 18px;
  text-align: right;
  font-family: Cairo, Arial, sans-serif;
  position: relative;
  overflow: hidden;
}

#ylNotifyPromptCard::before,
#ylInstallPromptCard::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: linear-gradient(90deg, #8b6b15 0%, #d7ba62 45%, #f3e3a6 50%, #d7ba62 55%, #8b6b15 100%);
}

.yl-notify-header,
.yl-install-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  padding-top: 8px;
}

.yl-notify-logo-wrap,
.yl-install-logo-wrap {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.22);
  flex: 0 0 auto;
  overflow: hidden;
}

.yl-notify-logo,
.yl-install-logo {
  width: 42px;
  height: 42px;
  object-fit: contain;
  border-radius: 10px;
  background: #fff;
}

.yl-notify-brand,
.yl-install-brand {
  min-width: 0;
}

.yl-notify-brand-name,
.yl-install-brand-name {
  color: #0f172a;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.5;
  margin: 0;
}

.yl-notify-brand-subtitle,
.yl-install-brand-subtitle {
  color: #8a6b16;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.8;
  margin: 2px 0 0;
}

.yl-notify-badge,
.yl-install-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f8f3df;
  color: #8a6b16;
  font-size: 12px;
  font-weight: 800;
  border-radius: 999px;
  padding: 7px 12px;
  margin-bottom: 12px;
}

.yl-notify-badge::before {
  content: "🔔";
  font-size: 14px;
}

.yl-install-badge::before {
  content: "⚖️";
  font-size: 14px;
}

.yl-notify-title,
.yl-install-title {
  margin: 0 0 8px;
  color: #0f172a;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.55;
}

.yl-notify-text,
.yl-install-text {
  margin: 0;
  color: #334155;
  font-size: 15px;
  line-height: 2;
}

.yl-notify-note,
.yl-install-note {
  margin-top: 12px;
  padding: 11px 13px;
  border-radius: 14px;
  background: linear-gradient(180deg, #fcfbf7 0%, #f8f4e7 100%);
  border: 1px solid rgba(191, 161, 74, 0.28);
  color: #5b4b1d;
  font-size: 13px;
  line-height: 1.95;
}

.yl-notify-status {
  margin-top: 12px;
  min-height: 22px;
  color: #0f172a;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.9;
}

.yl-notify-actions,
.yl-install-actions {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.yl-notify-actions button,
.yl-install-actions button {
  border: none;
  border-radius: 16px;
  padding: 14px 16px;
  font-size: 16px;
  font-family: inherit;
  font-weight: 800;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.yl-notify-actions button:hover,
.yl-install-actions button:hover {
  transform: translateY(-1px);
}

.yl-notify-btn-primary,
.yl-install-btn-primary {
  background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.18);
}

.yl-notify-btn-primary[disabled] {
  opacity: 0.75;
  cursor: wait;
  transform: none;
}

.yl-install-btn-secondary {
  background: #e2e8f0;
  color: #0f172a;
}

.yl-install-close {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
  background: #edf2f7;
  color: #334155;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

@media (max-width: 640px) {
  #ylNotifyPromptOverlay,
  #ylInstallPromptOverlay {
    padding: 12px;
  }

  #ylNotifyPromptCard,
  #ylInstallPromptCard {
    width: min(96vw, 430px);
    padding: 18px 15px 15px;
    border-radius: 22px;
  }

  .yl-notify-title,
  .yl-install-title {
    font-size: 22px;
  }

  .yl-notify-text,
  .yl-install-text {
    font-size: 14px;
  }

  .yl-notify-header,
  .yl-install-header {
    gap: 10px;
  }

  .yl-notify-logo-wrap,
  .yl-install-logo-wrap {
    width: 52px;
    height: 52px;
  }

  .yl-notify-logo,
  .yl-install-logo {
    width: 38px;
    height: 38px;
  }
}

/* ===== merged-style-overrides:start ===== */
/* Auto-merged by scripts/merge-site-style-overrides.mjs. Do not edit this block manually. */
/* ===== assets/css/global-color-theme.css ===== */
/* Global light color theme for Yemenilaw - colors and visual consistency only, no layout/order changes */
:root {
  --yl-page: #f6f8fc;
  --yl-page-2: #eef4fb;
  --yl-surface: #ffffff;
  --yl-surface-soft: #f8fbff;
  --yl-card: #ffffff;
  --yl-card-2: #f9fbff;
  --yl-line: #dbe4f0;
  --yl-line-strong: #c9d7e8;
  --yl-text: #102033;
  --yl-title: #071f3b;
  --yl-muted: #52667f;
  --yl-blue: #2563eb;
  --yl-sky: #0ea5e9;
  --yl-gold: #f2c94c;
  --yl-gold-deep: #b7791f;
  --yl-green: #22c55e;
  --yl-radius: 22px;
  --yl-shadow: 0 14px 34px rgba(15, 23, 42, .09);
  --yl-shadow-soft: 0 8px 22px rgba(15, 23, 42, .06);
}

html,
body {
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, .10), transparent 30%),
    radial-gradient(circle at 12% 8%, rgba(242, 201, 76, .16), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, var(--yl-page) 42%, var(--yl-page-2) 100%) !important;
  color: var(--yl-text) !important;
}

.topbar,
.topbar.yl-header-ready {
  background: rgba(255, 255, 255, .96) !important;
  border-bottom: 1px solid var(--yl-line) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .08) !important;
  backdrop-filter: blur(12px) !important;
}

.brand,
.brand span,
.brand small,
.main-nav a,
.topbar.yl-header-ready .main-nav a {
  color: var(--yl-title) !important;
}

.topbar.yl-header-ready .main-nav a {
  background: #f8fbff !important;
  border-color: var(--yl-line) !important;
}

.section-card,
.library-item,
.case-card,
.post-card,
.ai-hero,
.ai-result,
.book-shell,
.manual-section-card,
.form-panel,
.preview-panel,
.library-section,
.contract-section,
.contact-card {
  background:
    radial-gradient(circle at top right, rgba(14, 165, 233, .055), transparent 36%),
    linear-gradient(180deg, var(--yl-card), var(--yl-card-2)) !important;
  border: 1px solid var(--yl-line) !important;
  border-radius: var(--yl-radius) !important;
  box-shadow: var(--yl-shadow) !important;
  color: var(--yl-text) !important;
}

.section-head h1,
.section-head h2,
.section-head h3,
.hero h1,
.ai-hero h1,
.book-title,
.case-card h1,
.case-card h2,
.case-card h3,
.post-title-link,
.library-section h1,
.library-section h2,
.contracts-latin-links h3,
.contract-library-title,
.contracts-modern-title {
  color: var(--yl-title) !important;
}

.section-head p,
.hero p,
.ai-hero p,
.case-brief,
.post-excerpt,
.book-intro,
.book-note,
.contract-meta,
.library-section p,
.article-intro,
.article-summary,
.contracts-latin-links p {
  color: var(--yl-muted) !important;
}

.hero,
.hero-modern,
#home-internal-links.seo-internal-links,
.contracts-latin-links,
.library-hero,
.ai-hero {
  background:
    radial-gradient(circle at top right, rgba(242, 201, 76, .30), transparent 32%),
    radial-gradient(circle at bottom left, rgba(14, 165, 233, .18), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #eef6ff 56%, #fff8df 100%) !important;
  border: 1px solid var(--yl-line-strong) !important;
  box-shadow: var(--yl-shadow) !important;
  color: var(--yl-text) !important;
}

.hero-badge,
.section-kicker,
.contracts-modern-kicker,
.ai-badge,
.mini-badge,
.contracts-modern-chip,
.contracts-modern-type,
.badge {
  background: #fff7df !important;
  color: #7a4f00 !important;
  border: 1px solid #f0d58a !important;
}

.action-btn,
.quick-btn,
.ai-search-box button,
.ai-action.primary,
.author-name-button,
.yl-header-link,
.yl-header-menu-btn,
.btn-primary,
.contracts-modern-open {
  border-radius: 16px !important;
  border: 1px solid rgba(37, 99, 235, .18) !important;
  box-shadow: var(--yl-shadow-soft) !important;
  font-weight: 900 !important;
}

.action-btn,
.quick-btn,
.ai-search-box button,
.ai-action.primary,
.author-name-button,
.yl-header-link--library,
.yl-header-link--ai-search {
  background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
  color: #ffffff !important;
}

.action-btn.primary,
.btn-primary,
.yl-header-link--site,
.yl-header-link--contracts,
.contracts-modern-open {
  background: linear-gradient(135deg, #f8d86b, #d7a21e) !important;
  color: #3b2900 !important;
}

.yl-header-menu-btn {
  background: linear-gradient(135deg, #f8fbff, #eef6ff) !important;
  color: var(--yl-title) !important;
  border-color: var(--yl-line) !important;
}

input,
select,
textarea,
#contractSelect,
#fieldSearch,
.field-input,
.field-textarea,
.ai-search-box input,
.contracts-latin-search,
.contracts-library-search,
.library-search {
  background: #ffffff !important;
  color: var(--yl-text) !important;
  border: 1px solid var(--yl-line-strong) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 4px 12px rgba(15,23,42,.04) !important;
}

input::placeholder,
textarea::placeholder,
.contracts-latin-search::placeholder,
.contracts-library-search::placeholder,
.library-search::placeholder {
  color: #7a8da6 !important;
}

.case-card a,
.library-item a,
.claim-link,
.seo-internal-link,
.contract-library-action,
.ai-action,
.post-title-link,
.contact-link:not(.whatsapp):not(.facebook):not(.telegram):not(.phone) {
  color: #0b5eb8 !important;
}

.case-card ul,
.case-card li,
.book-table,
.book-table td,
.article-content,
.post-content,
.ai-excerpt,
.library-item,
.claim-list,
.contract-library-card,
.manual-field-card,
.status-card,
.intro-card,
.guide-card,
.field-nav-chip,
.ai-result {
  color: var(--yl-text) !important;
}

.contracts-latin-card,
.contract-card,
.contract-library-card,
.manual-field-card,
.status-card,
.intro-card,
.guide-card,
.field-nav-chip,
.ai-result,
.seo-internal-link,
.claim-link,
.service-item:not(.contact-link) {
  background:
    linear-gradient(180deg, #ffffff, #f8fbff) !important;
  border: 1px solid var(--yl-line) !important;
  box-shadow: var(--yl-shadow-soft) !important;
  color: var(--yl-text) !important;
}

.contracts-latin-card .contracts-modern-title,
.contracts-latin-card strong,
.ai-result h2,
.ai-excerpt,
.contract-library-title,
.service-item span,
.case-card strong,
.library-item strong {
  color: var(--yl-title) !important;
}

.paper,
.entry-paper,
.print-page {
  background: #fffdf8 !important;
  color: #1f2937 !important;
  border-color: #e5dcc7 !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.10) !important;
}

.paper *,
.entry-paper *,
.print-page * {
  color: inherit;
}

.site-footer {
  background: #ffffff !important;
  border-top: 1px solid var(--yl-line) !important;
  color: var(--yl-muted) !important;
  box-shadow: 0 -8px 22px rgba(15,23,42,.04) !important;
}

.modal-card,
.ai-search-box,
.search-panel,
.filter-panel,
.picker-card {
  background:
    linear-gradient(180deg, #ffffff, #f8fbff) !important;
  border: 1px solid var(--yl-line) !important;
  box-shadow: var(--yl-shadow) !important;
  color: var(--yl-text) !important;
}

mark {
  background: #fff1a8 !important;
  color: #111827 !important;
}

.table,
table,
.book-table {
  background: #ffffff !important;
  border-color: var(--yl-line) !important;
}

table th,
.book-table th {
  background: #eef6ff !important;
  color: var(--yl-title) !important;
}

table td,
.book-table td {
  background: #ffffff !important;
  color: var(--yl-text) !important;
  border-color: var(--yl-line) !important;
}

/* Final high-specificity color corrections to beat older dark rules while preserving layout/order */
html body .page-shell,
html body .section-card,
html body .case-card,
html body .library-item,
html body .post-card,
html body .book-shell,
html body .ai-result,
html body .manual-section-card,
html body .contracts-latin-card,
html body .contract-library-card,
html body .claim-link,
html body .seo-internal-link,
html body .service-item {
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
  color: var(--yl-text) !important;
  border-color: var(--yl-line) !important;
}

html body #home-internal-links.seo-internal-links,
html body .hero,
html body .hero-modern,
html body .contracts-latin-links,
html body .library-hero,
html body .ai-hero {
  background:
    radial-gradient(circle at top right, rgba(242,201,76,.28), transparent 32%),
    radial-gradient(circle at bottom left, rgba(14,165,233,.16), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #eef6ff 56%, #fff8df 100%) !important;
  color: var(--yl-text) !important;
  border-color: var(--yl-line-strong) !important;
}

html body #home-internal-links.seo-internal-links h2::after,
html body #cases.section-card .section-head h2::after,
html body #services.section-card .section-head h2::after,
html body #contact.section-card .section-head h2::after,
html body .section-head h1,
html body .section-head h2,
html body .section-head h3,
html body .case-card h1,
html body .case-card h2,
html body .case-card h3,
html body .library-item h1,
html body .library-item h2,
html body .library-item h3,
html body .book-title,
html body .post-title-link,
html body .contracts-modern-title,
html body .contract-library-title {
  color: var(--yl-title) !important;
}

html body #home-internal-links.seo-internal-links p::after,
html body #cases.section-card .section-head p::after,
html body #services.section-card .section-head p::after,
html body .section-head p,
html body .hero p,
html body .case-brief,
html body .post-excerpt,
html body .book-intro,
html body .contract-meta,
html body .library-section p {
  color: var(--yl-muted) !important;
}

html body #home-internal-links .seo-internal-link,
html body .seo-internal-link,
html body .claim-link,
html body .case-card a,
html body .library-item a,
html body .ai-action,
html body .contract-library-action,
html body .contracts-modern-type {
  color: #0b5eb8 !important;
}

html body .case-card ul,
html body .case-card li,
html body .book-table,
html body .book-table td,
html body .article-content,
html body .post-content,
html body .ai-excerpt,
html body .service-item span {
  color: var(--yl-text) !important;
}

html body .contact-link,
html body .contact-link span,
html body .contact-link i {
  color: #ffffff !important;
}

/* ===== assets/css/service-contact-icons.css ===== */
/* Light unified service and contact buttons for Yemenilaw */
/* Applies the same logos on desktop, tablets, mobile, and browser views. */

.service-grid,
.contact-grid {
  align-items: stretch !important;
}

.service-item {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 92px !important;
  padding: 18px 16px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.07), transparent 34%),
    linear-gradient(180deg, #ffffff, #f8fbff) !important;
  border: 1px solid #dbe4f0 !important;
  color: #102033 !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.90) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.service-item::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 4px;
  background: linear-gradient(90deg, #f2c94c, #38bdf8, #22c55e);
  opacity: .95;
}

.service-item:hover,
.service-item:focus-visible {
  transform: translateY(-4px) !important;
  border-color: rgba(37,99,235,.34) !important;
  box-shadow: 0 18px 38px rgba(15,23,42,.14), 0 0 0 3px rgba(37,99,235,.08) !important;
  outline: none !important;
}

.service-item i,
.service-item .fa-solid,
.service-item .fa-regular,
.service-item .fa-brands {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  flex: 0 0 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  border-radius: 20px !important;
  color: #fff !important;
  font-size: 1.45rem !important;
  line-height: 1 !important;
  background: linear-gradient(135deg, #0ea5e9, #2563eb) !important;
  box-shadow: 0 12px 24px rgba(37,99,235,.20), inset 0 1px 0 rgba(255,255,255,.22) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.service-item span {
  position: relative !important;
  z-index: 1 !important;
  font-weight: 900 !important;
  line-height: 1.8 !important;
  color: #102033 !important;
}

/* Service logo colors */
.service-grid .service-item:nth-child(1) i { background: linear-gradient(135deg, #f59e0b, #b45309) !important; }
.service-grid .service-item:nth-child(2) i { background: linear-gradient(135deg, #38bdf8, #2563eb) !important; }
.service-grid .service-item:nth-child(3) i { background: linear-gradient(135deg, #22c55e, #047857) !important; }
.service-grid .service-item:nth-child(4) i { background: linear-gradient(135deg, #a855f7, #6d28d9) !important; }
.service-grid .service-item:nth-child(5) i { background: linear-gradient(135deg, #fb7185, #be123c) !important; }
.service-grid .service-item:nth-child(6) i { background: linear-gradient(135deg, #14b8a6, #0f766e) !important; }
.service-grid .service-item:nth-child(7) i { background: linear-gradient(135deg, #f97316, #c2410c) !important; }
.service-grid .service-item:nth-child(8) i { background: linear-gradient(135deg, #6366f1, #3730a3) !important; }
.service-grid .service-item:nth-child(9) i { background: linear-gradient(135deg, #84cc16, #4d7c0f) !important; }
.service-grid .service-item:nth-child(10) i { background: linear-gradient(135deg, #eab308, #a16207) !important; }
.service-grid .service-item:nth-child(11) i { background: linear-gradient(135deg, #06b6d4, #0e7490) !important; }
.service-grid .service-item:nth-child(12) i { background: linear-gradient(135deg, #64748b, #334155) !important; }

.contact-link {
  position: relative !important;
  overflow: hidden !important;
  min-height: 86px !important;
  padding: 16px 18px !important;
  border-radius: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  color: #fff !important;
  font-weight: 1000 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.20) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

.contact-link:hover,
.contact-link:focus-visible {
  transform: translateY(-4px) scale(1.01) !important;
  filter: saturate(1.08) !important;
  box-shadow: 0 20px 42px rgba(15,23,42,.20) !important;
  outline: none !important;
}

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

.contact-link i,
.contact-link .fa-solid,
.contact-link .fa-regular,
.contact-link .fa-brands {
  position: relative !important;
  z-index: 1 !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.20) !important;
  color: #fff !important;
  font-size: 1.65rem !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.contact-link span {
  position: relative !important;
  z-index: 1 !important;
  color: #fff !important;
}

/* Application-like contact logos/colors on all screens */
.contact-link.whatsapp,
.contact-link[href*="wa.me"],
.contact-link[href*="whatsapp.com"] {
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%) !important;
}

.contact-link.facebook,
.contact-link[href*="facebook.com"] {
  background: linear-gradient(135deg, #1877f2 0%, #0b4db3 100%) !important;
}

.contact-link.telegram,
.contact-link[href*="t.me"] {
  background: linear-gradient(135deg, #2aabee 0%, #1d6fa5 100%) !important;
}

.contact-link.phone,
.contact-link[href^="tel:"] {
  background: linear-gradient(135deg, #16a34a 0%, #065f46 100%) !important;
}

/* Desktop/browser: force the same visible logo treatment used on mobile */
@media (min-width: 701px) {
  .service-grid {
    grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)) !important;
  }

  .contact-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  }

  .service-item,
  .contact-link {
    min-height: 92px !important;
  }

  .service-item i,
  .service-item .fa-solid,
  .service-item .fa-regular,
  .service-item .fa-brands {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    flex-basis: 58px !important;
    border-radius: 21px !important;
    font-size: 1.55rem !important;
  }

  .contact-link i,
  .contact-link .fa-solid,
  .contact-link .fa-regular,
  .contact-link .fa-brands {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 18px !important;
    font-size: 1.8rem !important;
  }
}

@media (max-width: 700px) {
  .service-item,
  .contact-link {
    min-height: 76px !important;
    border-radius: 20px !important;
  }

  .service-item i,
  .service-item .fa-solid,
  .service-item .fa-regular,
  .service-item .fa-brands {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    flex-basis: 48px !important;
    border-radius: 17px !important;
    font-size: 1.25rem !important;
  }

  .contact-link i,
  .contact-link .fa-solid,
  .contact-link .fa-regular,
  .contact-link .fa-brands {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 15px !important;
    font-size: 1.45rem !important;
  }
}
/* ===== merged-style-overrides:end ===== */