@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#061122;color:#eef7ff;font-family:Tahoma,Arial,sans-serif;line-height:1.8}.wrap{max-width:1180px;margin:auto;padding:28px}.narrow{max-width:800px}.hero{background:radial-gradient(circle at 18% 10%,#0d63c7 0,#082552 34%,#061122 82%);border-bottom:1px solid #0f4b93}.pubnav,.adminnav{display:flex;gap:14px;align-items:center;padding:16px 28px;border-bottom:1px solid rgba(83,170,255,.2);flex-wrap:wrap;background:rgba(2,12,29,.45);backdrop-filter:blur(8px)}.pubnav b{margin-left:auto;color:#ffffff}.pubnav a,.adminnav a{color:#dceeff;text-decoration:none;background:rgba(36,123,255,.14);border:1px solid rgba(71,155,255,.25);padding:8px 12px;border-radius:12px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}.hero h1{font-size:48px;margin:0;color:#fff}.hero p{font-size:20px;color:#bcd8ff}.terminal{direction:ltr;background:#020a18;border:1px solid #1b6ed0;border-radius:18px;padding:22px;color:#7ed0ff;box-shadow:0 20px 55px rgba(0,60,140,.25)}.terminal b{color:#4cffbd}.pills,.meta,.actions,.dash{display:flex;gap:10px;flex-wrap:wrap}.pills span,.meta span,.dash div{background:rgba(22,88,177,.22);border:1px solid rgba(83,170,255,.25);padding:9px 13px;border-radius:14px}.toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.toolbar form{display:flex;gap:8px;min-width:320px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.cards.small{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card,.panel,.note,.tablewrap,.login,.result{background:linear-gradient(180deg,#0b1c36,#08172d);border:1px solid #1e66b6;border-radius:20px;padding:20px;box-shadow:0 20px 50px rgba(0,34,90,.28)}.card h3{font-size:25px;color:#7ed0ff;margin:8px 0}.badge{display:inline-block;background:#0c315f;color:#bfe2ff;border:1px solid #2583ea;padding:4px 10px;border-radius:999px;font-size:13px}input,textarea{width:100%;background:#061022;border:1px solid #245d9e;color:white;border-radius:12px;padding:12px;margin:6px 0 14px}input:focus,textarea:focus{outline:2px solid #2e98ff}button,.actions a{background:linear-gradient(135deg,#168bff,#005fd0);color:white;border:0;border-radius:12px;padding:11px 16px;font-weight:bold;text-decoration:none;cursor:pointer}button:hover,.actions a:hover{filter:brightness(1.12)}button:disabled{opacity:.55;cursor:not-allowed}label{display:block;color:#c7ddf8}.note{margin-top:24px}.login{max-width:430px;margin:80px auto}.muted{color:#94b8dd}.alert{background:#5a1b34;padding:12px;border-radius:12px}.success{background:#0b6a9e;padding:12px;border-radius:12px;margin:12px 0}.dash div{min-width:180px;display:flex;flex-direction:column}.dash b{font-size:24px;color:#7ed0ff}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #1d4d87;padding:10px;vertical-align:top}th{color:#7ed0ff}.ltr{direction:ltr;text-align:left}.inline{display:inline}.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid2 button{grid-column:1/-1}textarea{min-height:300px}pre{direction:ltr;background:#020a18;border:1px solid #1e66b6;padding:14px;border-radius:14px;overflow:auto;color:#bfe2ff}footer{text-align:center;padding:30px;color:#97bddf}.progress-wrap{width:100%;height:32px;background:#061022;border:1px solid #245d9e;border-radius:999px;overflow:hidden;margin:14px 0}.progress-bar{height:100%;background:linear-gradient(135deg,#23a4ff,#0068df);width:0%;display:flex;align-items:center;justify-content:center;font-weight:bold;transition:width .4s ease}@media(max-width:800px){.hero-grid,.grid2{grid-template-columns:1fr}.hero h1{font-size:34px}.toolbar form{min-width:100%}.pubnav b{margin-left:0}}

/* v2.5 home layout refinements */
.pubnav{
  justify-content:space-between;
  direction:ltr;
}
.pubnav .brand{
  order:1;
  margin-left:0;
  margin-right:0;
  direction:ltr;
  text-align:left;
  color:#fff;
  font-size:18px;
}
.pubnav .nav-links{
  order:2;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  direction:rtl;
}
.hero-grid{
  direction:ltr;
}
.hero-title{
  direction:ltr;
  text-align:left;
}
.hero-title h1,
.hero-title p{
  text-align:left;
}
.hero-side{
  direction:rtl;
}
.hero-side .terminal{
  margin-bottom:16px;
}
.hero-stats{
  justify-content:flex-start;
  direction:rtl;
}
.usage-top{
  margin-top:0;
  margin-bottom:24px;
}
.usage-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:16px;
}
.usage-card{
  background:rgba(22,88,177,.16);
  border:1px solid rgba(83,170,255,.22);
  border-radius:16px;
  padding:16px;
}
.usage-card h3{
  margin-top:0;
  color:#7ed0ff;
}
.usage-card pre{
  font-size:13px;
  margin:10px 0;
}
.toolbar.no-search{
  justify-content:flex-start;
}
@media(max-width:800px){
  .pubnav{
    direction:rtl;
  }
  .pubnav .brand,
  .pubnav .nav-links{
    order:initial;
  }
  .hero-grid,
  .hero-title{
    direction:rtl;
    text-align:right;
  }
  .hero-title h1,
  .hero-title p{
    text-align:right;
  }
}


/* Nedal Shield DNS v3 - Article blue style */
body{
  background:#f4f8ff !important;
  color:#24364b !important;
}
.hero{
  background:linear-gradient(135deg,#0b4ea2,#0d6ec7) !important;
  color:#fff !important;
  border-bottom:4px solid #083f82 !important;
}
.pubnav,.adminnav{
  background:#073b7a !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
}
.pubnav a,.adminnav a{
  background:#0d6ec7 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.25) !important;
}
.project-title-block h1,
.hero h1{
  color:#fff !important;
}
.project-title-block p,
.hero p{
  color:#dbeeff !important;
}
.terminal{
  background:rgba(4,33,73,.78) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  color:#eaf5ff !important;
}
.terminal b,.family-title{
  color:#fff !important;
}
.hero-stats span{
  background:rgba(255,255,255,.14) !important;
  border-color:rgba(255,255,255,.25) !important;
  color:#fff !important;
}
.card,.panel,.note,.tablewrap,.login,.result{
  background:#fff !important;
  border:1px solid #d5e4f6 !important;
  box-shadow:0 8px 22px rgba(11,78,162,.08) !important;
}
.card h3,.usage-card h3,.dash b,th{
  color:#0b4ea2 !important;
}
.badge{
  background:#e7f1ff !important;
  color:#0b4ea2 !important;
  border:1px solid #b8d4f5 !important;
}
input,textarea{
  background:#fff !important;
  border:1px solid #b8d4f5 !important;
  color:#16304d !important;
}
button,.actions a{
  background:#0d6ec7 !important;
  color:white !important;
}
button:hover,.actions a:hover{
  background:#0b4ea2 !important;
}
.pills span,.meta span,.dash div{
  background:#eaf3ff !important;
  border:1px solid #c9ddf7 !important;
  color:#1b4e88 !important;
}
.usage-card{
  background:#f6fbff !important;
  border:1px solid #d5e4f6 !important;
}
pre{
  background:#f1f7ff !important;
  border:1px solid #d5e4f6 !important;
  color:#143b67 !important;
}
footer{
  color:#5a7da6 !important;
}
.progress-wrap{
  background:#eaf3ff !important;
  border:1px solid #b8d4f5 !important;
}
.progress-bar{
  background:#0d6ec7 !important;
}


/* Nedal Shield DNS v3.1 - IBM Plex Sans Arabic */

body,
input,
textarea,
button,
select{
  font-family:"IBM Plex Sans Arabic", sans-serif !important;
  font-weight:400;
}

.hero h1,
.project-title-block h1{
  font-weight:700 !important;
}

h2,
h3,
.card h3,
.usage-card h3,
.family-title,
.brand,
button,
.actions a{
  font-weight:600 !important;
}

p,
span,
label,
li,
td,
th,
input,
textarea{
  font-weight:400;
}


/* Final font override - Nedal Shield DNS */
html,
body,
input,
textarea,
button,
select,
table,
pre,
a,
span,
p,
label,
li,
td,
th,
div{
  font-family:"IBM Plex Sans Arabic", sans-serif !important;
  font-weight:400;
}

h1,
.hero h1,
.project-title-block h1{
  font-family:"IBM Plex Sans Arabic", sans-serif !important;
  font-weight:700 !important;
}

h2,
h3,
.card h3,
.usage-card h3,
.family-title,
.brand,
button,
.actions a,
.pubnav a,
.adminnav a,
.badge{
  font-family:"IBM Plex Sans Arabic", sans-serif !important;
  font-weight:600 !important;
}

p,
span,
label,
li,
td,
th,
input,
textarea,
pre,
footer{
  font-family:"IBM Plex Sans Arabic", sans-serif !important;
  font-weight:400 !important;
}

/* Nedal Shield Custom List Builder */
.custom-builder{margin:24px 0}
.builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.builder-head h2{margin-top:0}
.builder-badge{background:#e7f1ff;color:#0b4ea2;border:1px solid #b8d4f5;border-radius:999px;padding:8px 14px;font-weight:600}
.builder-tools{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 18px}
.builder-tools button{padding:9px 14px;background:#eef6ff !important;color:#0b4ea2 !important;border:1px solid #b8d4f5 !important}
.source-groups{display:grid;gap:16px;margin:18px 0}
.source-group{background:#f6fbff;border:1px solid #d5e4f6;border-radius:18px;padding:16px}
.source-group h3{margin:0 0 12px;color:#0b4ea2}
.source-group h3 small{color:#6d8bad;font-size:13px;margin-inline-start:8px}
.source-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.source-option{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #dce9f8;border-radius:14px;padding:10px;cursor:pointer;color:#24364b}
.source-option:hover{border-color:#8fbdec;background:#fbfdff}
.source-option input{width:auto;margin:5px 0 0 0;flex:0 0 auto}
.source-option b{display:block;color:#173d68;font-weight:600}
.source-option em{display:block;color:#6d8bad;font-style:normal;font-size:13px;line-height:1.5;margin-top:3px;word-break:break-word}
.builder-submit{margin-top:6px;font-size:16px}
#customBuilderResult{margin-top:16px}
#customBuilderResult input{direction:ltr;text-align:left}
@media(max-width:700px){.source-checks{grid-template-columns:1fr}.builder-head{display:block}}

/* Nedal Shield compact custom builder */
.compact-builder{
  max-width:860px;
  margin:36px auto;
}
.compact-builder .simple-head{
  align-items:flex-start;
  margin-bottom:18px;
}
.compact-builder .builder-badge,
.compact-builder .builder-tools,
.compact-builder .source-groups{
  display:none!important;
}
.profile-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:18px 0 22px;
}
.profile-option{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:15px 16px;
  border:1px solid rgba(13,110,199,.16);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  cursor:pointer;
  transition:.18s ease;
}
.profile-option:hover{
  transform:translateY(-2px);
  border-color:rgba(13,110,199,.35);
  box-shadow:0 12px 28px rgba(13,110,199,.09);
}
.profile-option input{
  width:20px;
  height:20px;
  margin-top:5px;
  accent-color:#0d6ec7;
}
.profile-icon{
  font-size:25px;
  line-height:1.2;
}
.profile-text{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.profile-text b{
  font-size:17px;
  color:#123b68;
}
.profile-text em{
  font-style:normal;
  font-size:13px;
  line-height:1.65;
  color:#60758c;
}
.copy-row{
  display:flex;
  gap:10px;
  align-items:center;
}
.copy-row input{
  flex:1;
}
.copy-row button{
  border:0;
  border-radius:14px;
  background:#0d6ec7;
  color:#fff;
  padding:13px 18px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.copy-row button:hover{
  background:#0b4ea2;
}
.mini-stats{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.mini-stats span{
  background:#eef6ff;
  color:#123b68;
  border-radius:999px;
  padding:8px 12px;
  font-size:13px;
}
@media(max-width:760px){
  .profile-options{grid-template-columns:1fr}
  .copy-row{flex-direction:column;align-items:stretch}
}

/* Nedal Shield v3.2 - result/status color fixes */
.alert{
  background:linear-gradient(135deg,#f59e0b,#d97706) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.25) !important;
}
.success{
  background:linear-gradient(135deg,#0d6ec7,#0b4ea2) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.22) !important;
}
.alert *,
.success *,
#customBuilderResult .alert,
#customBuilderResult .alert *,
#customBuilderResult .success,
#customBuilderResult .success *{
  color:#fff !important;
}
#customBuilderResult pre{
  background:#0b4ea2 !important;
  color:#fff !important;
  border-color:#0d6ec7 !important;
}
.status-card{
  background:#fff !important;
  border:1px solid #d5e4f6 !important;
  border-radius:18px;
  padding:18px;
  margin:16px 0;
  box-shadow:0 8px 22px rgba(11,78,162,.08) !important;
}
.status-card h2{margin-top:0;color:#0b4ea2!important}
.status-ok{color:#0f8a4b!important;font-weight:700!important}
.status-warn{color:#c96a00!important;font-weight:700!important}

/* Nedal Shield v3.4 - ضع زر نسخ الرابط يمين حقل الرابط */
#customBuilderResult .copy-row{
  direction:rtl !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
}
#customBuilderResult .copy-row button{
  order:1 !important;
}
#customBuilderResult .copy-row input{
  order:2 !important;
  direction:ltr !important;
  text-align:left !important;
}
@media(max-width:760px){
  #customBuilderResult .copy-row{
    flex-direction:column !important;
    align-items:stretch !important;
  }
}