.scp-wrap{--green:#075c22;--red:#a3060d;--gold:#c79b28;--soft:#f8f6ef;--dark:#151515;max-width:1100px;margin:auto;font-family:Tajawal,Arial,sans-serif;color:var(--dark)}
.scp-wrap *{box-sizing:border-box}.scp-hero{text-align:right;padding:28px 18px;border-top:3px solid #ddd}.scp-date{display:inline-block;background:#fff;border:1px solid #eee;border-radius:22px;padding:8px 16px;color:var(--green);font-weight:700;margin-bottom:14px}.scp-hero h1{text-align:center;margin:0 0 16px;font-size:28px}.scp-hero h3{text-align:right;color:var(--dark);font-size:20px}.scp-intro-text{font-size:18px;line-height:2.15;text-align:justify;text-align-last:center;margin:18px auto 0;max-width:980px}.scp-intro-text p{margin:0 0 14px}.scp-socials{display:flex;gap:10px;justify-content:flex-start;margin-top:18px}.scp-link{padding:10px 16px;border-radius:20px;text-decoration:none!important;font-weight:700}.scp-link.fb{color:#1155cc;background:#eef4ff}.scp-link.wa{color:#0a9d39;background:#effff3}.scp-counter{background:#fff;border:1px solid #ddd;border-radius:18px;box-shadow:0 10px 35px #00000012;margin:28px auto;padding:26px;max-width:720px}.scp-counter h2{text-align:center;color:var(--green);font-size:18px}.scp-progress{height:10px;background:#eee;border-radius:99px;margin:22px 0;overflow:hidden}.scp-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--green));border-radius:99px}.scp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}.scp-stats strong{display:block;color:var(--green);font-size:26px}.scp-stats small{color:#666}.scp-panel{max-width:760px;margin:28px auto;background:#fff;border:1px solid #ddd;border-radius:18px;padding:26px;box-shadow:0 12px 35px #00000012}.scp-doc-btn{display:block;text-align:center;background:linear-gradient(90deg,#ffc400,#ff9800);color:#111!important;padding:16px;border-radius:34px;text-decoration:none!important;font-size:20px;font-weight:800;margin-bottom:20px}.scp-type-selector{display:flex;gap:10px;margin:22px auto 20px;max-width:920px}.scp-type-selector button{flex:1;border:1px solid #ddd;background:#f7f7f7;border-radius:14px;padding:14px;font-weight:800;cursor:pointer}.scp-type-selector button.active{background:var(--green);color:#fff;border-color:var(--green)}.scp-form h3{color:var(--green);border-bottom:1px solid #eee;padding-bottom:10px;margin-top:22px}.scp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.scp-grid .full,.scp-form .full{grid-column:1/-1}.scp-form label{display:block;font-weight:700;margin-bottom:12px}.scp-form input,.scp-form select,.scp-form textarea{width:100%;margin-top:7px;border:1px solid #bbb;border-radius:10px;min-height:48px;padding:10px 12px;font-size:16px;background:#fff}.scp-form textarea{min-height:95px}.scp-pledge{background:#f7fbf7;border:1px solid #d9ead9;border-radius:12px;padding:14px;line-height:1.9}.scp-pledge input,.scp-checks input{width:auto;min-height:unset;margin-left:6px}.scp-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#fafafa;border-radius:12px;padding:14px;margin:15px 0}.scp-checks strong{grid-column:1/-1}.scp-submit{width:100%;border:none;background:linear-gradient(90deg,var(--green),#0b7b31);color:#fff;padding:16px;border-radius:30px;font-size:19px;font-weight:900;cursor:pointer;margin-top:12px}.scp-msg{margin-top:12px;font-weight:700}.scp-msg.error{color:#a3060d}.scp-msg.success{color:#075c22}.scp-result{max-width:760px;margin:25px auto;background:#fff;border:1px solid #ddd;border-radius:18px;padding:24px;text-align:center;box-shadow:0 12px 35px #00000012}.scp-card-preview{max-width:100%;height:auto;border-radius:14px;border:1px solid #ddd}.scp-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:15px}.scp-actions a,.scp-actions button{border:none;border-radius:22px;padding:11px 18px;background:var(--green);color:#fff!important;text-decoration:none!important;font-weight:800}.scp-leadership-extra{display:none}@media(max-width:700px){.scp-hero{padding:20px 10px}.scp-hero h1{font-size:22px}.scp-intro-text{font-size:16px;line-height:1.9}.scp-stats,.scp-grid{grid-template-columns:1fr 1fr}.scp-checks{grid-template-columns:1fr 1fr}.scp-panel,.scp-counter{margin:18px 8px;padding:18px}.scp-type-selector{flex-direction:column}.scp-stats strong{font-size:22px}}@media(max-width:460px){.scp-stats,.scp-grid,.scp-checks{grid-template-columns:1fr}.scp-socials{flex-direction:column}.scp-doc-btn{font-size:17px}}

/* V1.1 layout improvements */
.scp-wrap{max-width:1280px;width:min(1280px,96vw)}
.scp-counter{max-width:860px}.scp-panel{max-width:980px}.scp-result{max-width:920px}
.scp-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.scp-form-entity .scp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.scp-stats.compact{grid-template-columns:repeat(3,1fr);max-width:720px;margin:auto}.scp-type-selector:has(button:only-child){display:none}
.scp-form input,.scp-form select,.scp-form textarea{height:52px}.scp-form textarea{height:auto}.scp-form h3{font-size:24px}.scp-panel{padding:28px}.scp-checks{grid-template-columns:repeat(4,1fr)}
.scp-card-preview{max-height:760px;object-fit:contain;background:#fff}.scp-fields-admin{max-width:980px;background:#fff;border:1px solid #ddd;border-radius:10px;overflow:hidden}.scp-fields-admin .head,.scp-fields-admin .row{display:grid;grid-template-columns:1.2fr 1.5fr .5fr;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #eee}.scp-fields-admin .head{font-weight:800;background:#f6f7f7}.scp-fields-admin input[type=text]{width:100%}
@media(max-width:980px){.scp-grid,.scp-form-entity .scp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scp-checks{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.scp-wrap{width:100%;padding:0 8px}.scp-grid,.scp-form-entity .scp-grid,.scp-stats.compact{grid-template-columns:1fr}.scp-checks{grid-template-columns:1fr 1fr}.scp-card-preview{max-height:none}.scp-fields-admin .head{display:none}.scp-fields-admin .row{grid-template-columns:1fr}}

/* V1.2 premium counter + celebration */
.scp-counter.scp-wide-card{max-width:980px;margin:30px auto;padding:0;overflow:hidden;border:1px solid rgba(199,155,40,.35);background:linear-gradient(135deg,#fff 0%,#fffaf0 55%,#f6fff8 100%);box-shadow:0 18px 50px rgba(0,0,0,.10)}
.scp-counter.scp-wide-card h2{margin:0;padding:22px 24px;color:#075c22;font-size:24px;border-bottom:1px solid rgba(199,155,40,.22);background:linear-gradient(90deg,rgba(7,92,34,.07),rgba(199,155,40,.08))}
.scp-counter.scp-wide-card .scp-progress{margin:0 28px 20px;height:14px;background:#ececec;border:1px solid #e2e2e2;box-shadow:inset 0 1px 4px rgba(0,0,0,.08)}
.scp-counter.scp-wide-card .scp-progress span{background:linear-gradient(90deg,#c79b28 0%,#0d7730 100%);box-shadow:0 0 16px rgba(13,119,48,.28)}
.scp-counter.scp-wide-card .scp-stats{padding:22px 28px 28px;gap:16px}
.scp-counter.scp-wide-card .scp-stats>div{background:#fff;border:1px solid rgba(199,155,40,.22);border-radius:18px;padding:18px 10px;box-shadow:0 10px 28px rgba(0,0,0,.06)}
.scp-counter.scp-wide-card .scp-stats strong{font-size:31px;color:#075c22;letter-spacing:.5px}.scp-counter.scp-wide-card .scp-stats small{font-size:14px;color:#555;font-weight:700}
.scp-celebration{position:relative;overflow:hidden;border-radius:24px;padding:28px;background:radial-gradient(circle at top,#fff7d8 0%,#fff 38%,#f4fff6 100%);border:1px solid rgba(199,155,40,.35)}
.scp-celebration:before,.scp-celebration:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:rgba(199,155,40,.12);top:-80px;right:-70px}.scp-celebration:after{background:rgba(7,92,34,.10);right:auto;left:-80px;top:45px}
.scp-confetti{font-size:42px;color:#c79b28;letter-spacing:12px;margin-bottom:5px;position:relative;z-index:1}.scp-celebration h2{font-size:30px;color:#075c22;margin:5px 0 8px;position:relative;z-index:1}.scp-congrats{font-size:18px;font-weight:800;color:#333}.scp-sigline{font-size:17px;color:#555}.scp-sigline strong{color:#a3060d;font-size:20px}.scp-celebration .scp-card-preview{position:relative;z-index:1;box-shadow:0 16px 45px rgba(0,0,0,.16);border-radius:18px;border:1px solid rgba(199,155,40,.45)}.scp-new-sign{background:#8a6b19!important}
.scp-layout-admin{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;max-width:980px}.scp-layout-admin label{background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px}.scp-layout-admin span{display:block;font-weight:700;margin-bottom:5px}.scp-layout-admin input{width:100%}.scp-layout-admin .description{grid-column:1/-1}
@media(max-width:980px){.scp-counter.scp-wide-card{max-width:calc(100% - 16px)}.scp-layout-admin{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.scp-counter.scp-wide-card .scp-stats{grid-template-columns:1fr 1fr}.scp-counter.scp-wide-card h2{font-size:20px}.scp-layout-admin{grid-template-columns:1fr}.scp-celebration{padding:18px}.scp-celebration h2{font-size:24px}}

/* V1.3 smoother success transition */
.scp-card-loading{position:relative;z-index:1;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#fff;border:1px dashed rgba(199,155,40,.55);border-radius:18px;margin:18px auto;max-width:760px;color:#075c22}
.scp-card-loading span{width:56px;height:56px;border-radius:50%;border:5px solid #e9dfbc;border-top-color:#075c22;animation:scpSpin .85s linear infinite;display:block}
@keyframes scpSpin{to{transform:rotate(360deg)}}

/* V1.5 simple premium counter + faster success */
.scp-counter.scp-wide-card{max-width:980px;width:100%;padding:24px 28px;border:1px solid #e2d6ad;border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(0,0,0,.08);overflow:visible}
.scp-counter.scp-wide-card h2{display:none}
.scp-counter.scp-wide-card .scp-progress{height:9px;margin:0 0 12px;background:#eeeeee;border:0;box-shadow:none;border-radius:20px;overflow:hidden}
.scp-counter.scp-wide-card .scp-progress span{background:linear-gradient(90deg,#c9a232 0%,#126823 100%);box-shadow:none}
.scp-counter.scp-wide-card .scp-stats{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;padding:0;gap:28px;text-align:right}
.scp-counter.scp-wide-card .scp-stats>div{background:transparent;border:0;box-shadow:none;padding:0;min-width:110px}
.scp-counter.scp-wide-card .scp-stats strong{font-size:28px;color:#075c22;letter-spacing:1px;line-height:1.2}
.scp-counter.scp-wide-card .scp-stats small{display:block;margin-top:5px;color:#666;font-weight:700;font-size:14px}
.scp-card-loading{min-height:220px;background:rgba(255,255,255,.72)}
@media(max-width:620px){.scp-counter.scp-wide-card{padding:20px}.scp-counter.scp-wide-card .scp-stats{gap:15px;flex-wrap:wrap}.scp-counter.scp-wide-card .scp-stats>div{min-width:42%}.scp-counter.scp-wide-card .scp-stats strong{font-size:24px}}

/* V1.6 final counter + card sharing + image cropper */
.scp-counter.scp-wide-card.scp-counter-v16{max-width:980px;width:100%;padding:24px 28px;border:1px solid #e1d1a0;border-radius:20px;background:linear-gradient(180deg,#fff 0%,#fffaf0 100%);box-shadow:0 16px 42px rgba(0,0,0,.08);overflow:visible}
.scp-counter.scp-wide-card.scp-counter-v16 .scp-progress{height:10px;margin:0 0 16px;background:#ededed;border-radius:30px;overflow:hidden;border:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.07)}
.scp-counter.scp-wide-card.scp-counter-v16 .scp-progress span{display:block;height:100%;background:linear-gradient(90deg,#c9a232 0%,#0f6d29 100%);border-radius:30px}
.scp-counter.scp-wide-card.scp-counter-v16 .scp-stats{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:16px;padding:0;text-align:center;direction:rtl}
.scp-counter.scp-wide-card.scp-counter-v16 .scp-stats>div{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:0!important}
.scp-counter.scp-wide-card.scp-counter-v16 .scp-stats strong{font-size:30px;line-height:1.15;color:#075c22;font-weight:900;letter-spacing:.4px}
.scp-counter.scp-wide-card.scp-counter-v16 .scp-stats small{display:block;margin-top:5px;color:#666;font-weight:800;font-size:14px}
.scp-photo-crop{grid-column:1/-1;margin:8px 0 16px;padding:14px;border:1px solid #e3d4a4;border-radius:14px;background:#fffaf0;display:grid;grid-template-columns:120px 1fr 1fr 1fr;gap:12px;align-items:center}
.scp-photo-crop>strong{grid-column:1/-1;color:#075c22}.scp-crop-preview{width:96px;height:96px;border-radius:50%;overflow:hidden;background:#eee;border:3px solid #d4b14f;position:relative;justify-self:center}.scp-crop-preview img{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%) scale(1);transform-origin:center center}.scp-photo-crop label{margin:0;font-size:13px}.scp-photo-crop input[type=range]{width:100%;min-height:auto;padding:0;margin-top:8px}.scp-actions .scp-share-card{background:#0d6f2a!important}.scp-card-loading{min-height:180px}.scp-celebration .scp-card-preview{margin-top:12px}
@media(max-width:720px){.scp-counter.scp-wide-card.scp-counter-v16{padding:20px 16px}.scp-counter.scp-wide-card.scp-counter-v16 .scp-stats{gap:8px}.scp-counter.scp-wide-card.scp-counter-v16 .scp-stats strong{font-size:24px}.scp-counter.scp-wide-card.scp-counter-v16 .scp-stats small{font-size:12px}.scp-photo-crop{grid-template-columns:1fr}.scp-crop-preview{width:110px;height:110px}}

/* V1.6.1 refinements: centered containers, endpoint counter, neutral save state */
.scp-wrap{margin-inline:auto;box-sizing:border-box;display:block;overflow-x:hidden}
.scp-hero,.scp-counter,.scp-panel,.scp-result{margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
.scp-hero{max-width:1100px;width:min(1100px,96vw)}
.scp-counter.scp-wide-card.scp-counter-v16,.scp-panel{max-width:980px;width:min(980px,96vw)}
.scp-result{width:min(920px,96vw)}
.scp-counter.scp-wide-card.scp-counter-v16{padding:22px 28px 20px;background:#fff;border-color:#e1d1a0}
.scp-counter.scp-wide-card.scp-counter-v16 .scp-counter-line{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:10px;direction:rtl}
.scp-counter.scp-wide-card.scp-counter-v16 .scp-counter-line>div{min-width:110px;text-align:center;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.scp-counter.scp-wide-card.scp-counter-v16 .scp-progress{margin:0;height:10px;background:#ededed;border-radius:30px;overflow:hidden}
.scp-counter.scp-wide-card.scp-counter-v16 .scp-stat-percent{text-align:center;margin-top:10px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.scp-counter.scp-wide-card.scp-counter-v16 strong{font-size:29px;line-height:1.1;color:#075c22;font-weight:900;letter-spacing:.4px}
.scp-counter.scp-wide-card.scp-counter-v16 small{display:block;margin-top:5px;color:#666;font-weight:800;font-size:14px}
.scp-msg.scp-warn{color:#7a5a00;background:#fff9e6;border:1px solid #f0d37a;border-radius:10px;padding:10px 12px;margin-top:10px;font-weight:800;text-align:center}
.scp-msg.error{background:#fff1f1;border:1px solid #f2b4b4;border-radius:10px;padding:10px 12px;margin-top:10px}
@media(max-width:720px){.scp-hero,.scp-counter.scp-wide-card.scp-counter-v16,.scp-panel,.scp-result{width:calc(100vw - 18px)!important}.scp-counter.scp-wide-card.scp-counter-v16{padding:18px 14px}.scp-counter.scp-wide-card.scp-counter-v16 .scp-counter-line>div{min-width:auto}.scp-counter.scp-wide-card.scp-counter-v16 strong{font-size:23px}.scp-counter.scp-wide-card.scp-counter-v16 small{font-size:12px}}


/* V1.6.2: final centering + counter values under progress */
.scp-wrap{
  width:100% !important;
  max-width:1280px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:24px !important;
  padding-right:24px !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
}
.scp-wrap .scp-hero,
.scp-wrap .scp-counter.scp-wide-card.scp-counter-v16,
.scp-wrap .scp-panel,
.scp-wrap .scp-result{
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
.scp-wrap .scp-hero{max-width:1100px !important;}
.scp-wrap .scp-counter.scp-wide-card.scp-counter-v16,
.scp-wrap .scp-panel{max-width:980px !important;}
.scp-wrap .scp-result{max-width:920px !important;}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162{
  padding:26px 30px 24px !important;
  background:#fff !important;
  border:1px solid #e1d1a0 !important;
  border-radius:20px !important;
  box-shadow:0 16px 42px rgba(0,0,0,.07) !important;
}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-progress{
  width:100% !important;
  margin:0 0 18px 0 !important;
  height:10px !important;
  background:#ededed !important;
  border-radius:30px !important;
  overflow:hidden !important;
}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:16px !important;
  align-items:start !important;
  margin:0 !important;
  direction:rtl !important;
  text-align:center !important;
}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line > div,
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-stat-percent{
  min-width:0 !important;
  text-align:center !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 strong{
  display:block !important;
  font-size:30px !important;
  line-height:1.15 !important;
  color:#075c22 !important;
  font-weight:900 !important;
  letter-spacing:.4px !important;
}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 small{
  display:block !important;
  margin-top:7px !important;
  color:#666 !important;
  font-weight:800 !important;
  font-size:14px !important;
}
.scp-msg.scp-warn,
.scp-msg.error{
  color:#075c22 !important;
  background:#f4fbf5 !important;
  border:1px solid #cfe8d4 !important;
  border-radius:10px !important;
  padding:10px 12px !important;
  margin-top:10px !important;
  font-weight:800 !important;
  text-align:center !important;
}
@media(max-width:720px){
  .scp-wrap{padding-left:10px !important;padding-right:10px !important;}
  .scp-wrap .scp-hero,
  .scp-wrap .scp-counter.scp-wide-card.scp-counter-v16,
  .scp-wrap .scp-panel,
  .scp-wrap .scp-result{width:100% !important;}
  .scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162{padding:20px 14px !important;}
  .scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line{gap:8px !important;}
  .scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 strong{font-size:23px !important;}
  .scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 small{font-size:12px !important;}
}

/* V1.6.3 refinements */
.scp-wrap{max-width:1180px!important;width:100%!important;margin-inline:auto!important;padding-inline:24px!important;box-sizing:border-box!important;}
.scp-wrap .scp-hero,.scp-wrap .scp-counter.scp-wide-card.scp-counter-v16,.scp-wrap .scp-panel,.scp-wrap .scp-result{margin-inline:auto!important;}
.scp-wrap .scp-hero,.scp-wrap .scp-counter.scp-wide-card.scp-counter-v16,.scp-wrap .scp-panel{max-width:980px!important;width:100%!important;}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-progress{margin:0 0 16px!important;}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;direction:rtl!important;align-items:start!important;text-align:center!important;width:100%!important;}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-stat-signatures{text-align:right!important;justify-self:start!important;}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-stat-percent{text-align:center!important;justify-self:center!important;}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-stat-goal{text-align:left!important;justify-self:end!important;}
.scp-checks{grid-template-columns:repeat(5,1fr)!important;gap:18px 22px!important;align-items:center!important;}
.scp-checks strong{grid-column:1/-1!important;margin-bottom:8px!important;}
.scp-checks label{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;margin:0!important;font-weight:800!important;}
.scp-checks input{margin:0!important;flex:0 0 auto!important;}
.scp-front-dashboard{max-width:1280px;margin:30px auto;padding:24px;direction:rtl;background:#fff;border:1px solid #e7e7e7;border-radius:18px;box-shadow:0 10px 35px rgba(0,0,0,.06);font-family:Tajawal,Cairo,Arial,sans-serif;}
.scp-front-dashboard h1{text-align:center;color:#063f1d;margin-top:0;}
.scp-admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;}
.scp-admin-cards>div{background:#fff;border:1px solid #ddd;border-radius:12px;padding:14px;font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.04);}
.scp-admin-cards strong{display:block;color:#075c22;font-size:26px;line-height:1.1;}
.scp-multi-filter{display:grid!important;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px!important;margin:18px 0!important;align-items:center;}
.scp-multi-filter input,.scp-multi-filter select{min-height:42px;border:1px solid #bbb;border-radius:8px;padding:7px 10px;}
.scp-table-scroll{overflow:auto;border:1px solid #ddd;border-radius:12px;background:#fff;}
.scp-signatures-table{min-width:1800px;}
.scp-signatures-table th,.scp-signatures-table td{white-space:nowrap;text-align:right;padding:10px 12px!important;}
.scp-dashboard-note{color:#666;text-align:center;margin-top:15px;}
@media(max-width:900px){.scp-checks{grid-template-columns:repeat(2,1fr)!important}.scp-multi-filter,.scp-admin-cards{grid-template-columns:1fr 1fr!important}.scp-wrap{padding-inline:10px!important}}
@media(max-width:560px){.scp-checks,.scp-multi-filter,.scp-admin-cards{grid-template-columns:1fr!important}.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line strong{font-size:22px!important}}

/* V1.6.4 compact forms, exports, permissions cleanup */
.scp-form label{font-size:14px!important;line-height:1.45!important;margin-bottom:8px!important;font-family:Tajawal,Cairo,Arial,sans-serif!important}
.scp-form input,.scp-form select,.scp-form textarea{min-height:40px!important;height:42px!important;padding:7px 10px!important;font-size:14px!important;border-radius:9px!important;margin-top:5px!important;font-family:Tajawal,Cairo,Arial,sans-serif!important}
.scp-form textarea{height:auto!important;min-height:78px!important}
.scp-grid{gap:11px 14px!important;align-items:end!important}
.scp-form h3{font-size:23px!important;line-height:1.35!important;margin:20px 0 12px!important;font-family:Tajawal,Cairo,Arial,sans-serif!important;font-weight:900!important}
.scp-submit,.scp-type-selector button,.scp-doc-btn,.scp-actions a,.scp-actions button,.scp-link,.scp-multi-filter button,.scp-multi-filter .button{font-family:Tajawal,Cairo,Arial,sans-serif!important;font-weight:900!important}
.scp-submit{min-height:50px!important;padding:12px 18px!important;font-size:17px!important}
.scp-pledge{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;line-height:1.7!important;font-size:14px!important}
.scp-pledge input{margin:0!important;flex:0 0 auto!important}
.scp-checks{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px 22px!important;padding:20px!important}
.scp-checks strong{grid-column:1/-1!important;margin-bottom:0!important;font-size:15px!important}
.scp-checks label{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;white-space:nowrap!important;font-size:14px!important;line-height:1.4!important}
.scp-checks label input{margin:0!important;position:static!important}
.scp-front-dashboard .scp-dashboard-note{display:none!important}
.scp-front-dashboard .scp-multi-filter .button{display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;border-radius:8px!important;min-height:42px!important}
.scp-admin-filter.scp-multi-filter{grid-template-columns:repeat(4,minmax(150px,1fr))!important}
.scp-admin-filter.scp-multi-filter button,.scp-admin-filter.scp-multi-filter a.button{width:100%!important;box-sizing:border-box!important;text-align:center!important}
.scp-table-scroll{max-height:70vh;overflow:auto!important}
.scp-signatures-table th{position:sticky;top:0;background:#f7f7f7;z-index:1}
@media(max-width:900px){
  .scp-form h3{font-size:20px!important;margin:16px 0 10px!important}
  .scp-form label{font-size:13px!important;margin-bottom:7px!important}
  .scp-form input,.scp-form select,.scp-form textarea{min-height:38px!important;height:40px!important;font-size:13px!important;padding:6px 9px!important}
  .scp-grid,.scp-form-entity .scp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .scp-checks{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px 15px!important;padding:14px!important}
  .scp-pledge{font-size:13px!important;padding:10px!important}
  .scp-submit{font-size:15px!important;min-height:46px!important}
  .scp-admin-filter.scp-multi-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .scp-wrap{padding-inline:8px!important}
  .scp-panel{padding:18px 14px!important;border-radius:14px!important}
  .scp-grid,.scp-form-entity .scp-grid{grid-template-columns:1fr!important;gap:8px!important}
  .scp-form h3{font-size:18px!important;text-align:right!important;line-height:1.55!important}
  .scp-checks{grid-template-columns:1fr!important;gap:10px!important}
  .scp-checks label{white-space:normal!important;font-size:13px!important}
  .scp-admin-filter.scp-multi-filter,.scp-admin-cards{grid-template-columns:1fr!important}
}

/* V1.6.6 mobile polish: intro, social buttons, compact checkboxes */
.scp-hero{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.scp-intro-text{
  max-width:920px!important;
  margin:0 auto!important;
  text-align:center!important;
  line-height:1.95!important;
}
.scp-socials{
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}
.scp-link{
  min-width:150px!important;
  text-align:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:10px 18px!important;
  border-radius:22px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.05)!important;
}
.scp-link.fb{background:#eef5ff!important;color:#1684dc!important;}
.scp-link.wa{background:#ecfff3!important;color:#0b9b45!important;}
.scp-checks{
  row-gap:10px!important;
  column-gap:18px!important;
}
.scp-checks label{
  min-height:30px!important;
  line-height:1.25!important;
}
@media(max-width:620px){
  .scp-wrap{padding-left:10px!important;padding-right:10px!important;overflow-x:hidden!important;}
  .scp-hero{padding:12px 10px 18px!important;border-top:0!important;}
  .scp-hero h1{font-size:23px!important;line-height:1.45!important;margin-bottom:12px!important;}
  .scp-hero h3{font-size:16px!important;line-height:1.6!important;text-align:center!important;margin:12px 0!important;}
  .scp-date{font-size:12px!important;padding:6px 12px!important;margin-bottom:10px!important;}
  .scp-intro-text{font-size:15px!important;line-height:1.72!important;text-align:center!important;padding:0 4px!important;}
  .scp-socials{flex-direction:column!important;width:100%!important;margin-top:16px!important;gap:10px!important;}
  .scp-link{width:100%!important;max-width:360px!important;min-height:46px!important;font-size:14px!important;border-radius:18px!important;}
  .scp-checks{padding:12px 14px!important;gap:6px!important;}
  .scp-checks strong{font-size:14px!important;margin-bottom:4px!important;text-align:center!important;}
  .scp-checks label{font-size:13px!important;min-height:28px!important;line-height:1.2!important;padding:2px 0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;}
  .scp-checks input{width:16px!important;height:16px!important;min-height:16px!important;}
  .scp-form textarea{min-height:68px!important;}
}
@media(max-width:420px){
  .scp-intro-text{font-size:14.5px!important;line-height:1.68!important;}
  .scp-hero h1{font-size:21px!important;}
  .scp-link{max-width:330px!important;}
}


/* V1.6.7 mobile polish + counter simplification */
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line-v167{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  direction:rtl!important;
  align-items:start!important;
  width:100%!important;
  gap:20px!important;
}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line-v167 .scp-stat-signatures{
  justify-self:start!important;
  text-align:right!important;
}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line-v167 .scp-stat-goal{
  justify-self:end!important;
  text-align:left!important;
}
.scp-inline-pct{font-size:.62em!important;font-weight:900!important;color:#075c22!important;vertical-align:middle!important;letter-spacing:0!important;margin-inline-start:4px!important}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-stat-percent{display:none!important}
.scp-socials{justify-content:center!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
.scp-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-width:138px!important;min-height:44px!important;line-height:1.2!important;box-shadow:0 8px 20px rgba(0,0,0,.04)!important}
.scp-link.fb{background:linear-gradient(135deg,#eef4ff,#e4efff)!important;color:#1270d8!important}
.scp-link.wa{background:linear-gradient(135deg,#effff3,#e8fff0)!important;color:#0a9d39!important}
@media(max-width:700px){
  .scp-hero{text-align:center!important;padding:18px 12px!important}
  .scp-hero h1{font-size:23px!important;line-height:1.35!important;margin-bottom:12px!important}
  .scp-hero h3{text-align:center!important;font-size:17px!important;line-height:1.55!important;margin:8px 0 12px!important}
  .scp-intro-text{font-size:16px!important;line-height:1.75!important;text-align:center!important;margin:0 auto!important;max-width:94%!important}
  .scp-socials{flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;gap:8px!important;margin-top:16px!important;width:100%!important}
  .scp-link{flex:1 1 0!important;min-width:0!important;max-width:190px!important;padding:11px 8px!important;border-radius:18px!important;font-size:14px!important;white-space:nowrap!important}
  .scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line-v167{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line-v167 strong{font-size:22px!important}
  .scp-inline-pct{font-size:.58em!important}
  .scp-checks{grid-template-columns:1fr!important;gap:8px!important;padding:14px 18px!important;margin:12px 0!important}
  .scp-checks strong{font-size:16px!important;text-align:center!important;margin-bottom:6px!important}
  .scp-checks label{min-height:34px!important;padding:2px 0!important;justify-content:flex-start!important;font-size:16px!important;line-height:1.35!important;gap:9px!important}
  .scp-checks input{width:22px!important;height:22px!important}
  .scp-pledge{font-size:15px!important;line-height:1.55!important;align-items:flex-start!important;padding:14px!important}
  .scp-pledge input{width:22px!important;height:22px!important;margin-top:3px!important}
  .scp-form label{font-size:14px!important;margin-bottom:7px!important}
  .scp-form input,.scp-form select,.scp-form textarea{font-size:14px!important;min-height:39px!important;height:40px!important;padding:6px 10px!important}
  .scp-form textarea{min-height:72px!important;height:auto!important}
  .scp-grid{gap:9px!important}
}
@media(max-width:380px){.scp-link{font-size:13px!important;padding-inline:5px!important}.scp-intro-text{font-size:15px!important;line-height:1.65!important}}

/* V1.6.8 counter edge alignment, no-crop image UX, wider mobile containers */
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162{
  padding:26px 30px!important;
}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-progress{
  margin:0 0 14px!important;
  width:100%!important;
}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line-v168{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  width:100%!important;
  direction:ltr!important;
  gap:18px!important;
}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line-v168>div{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  min-width:0!important;
}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line-v168 .scp-stat-goal{
  text-align:left!important;
  direction:rtl!important;
}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line-v168 .scp-stat-signatures{
  text-align:right!important;
  direction:rtl!important;
}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line-v168 strong{
  display:block!important;
  font-size:30px!important;
  line-height:1.1!important;
  color:#075c22!important;
  font-weight:900!important;
}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line-v168 small{
  display:block!important;
  margin-top:7px!important;
  color:#666!important;
  font-weight:900!important;
  font-size:14px!important;
  white-space:nowrap!important;
}
.scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line-v168 .scp-inline-pct{
  font-size:1em!important;
  margin-inline-start:4px!important;
  color:#075c22!important;
}
.scp-photo-crop .scp-crop-preview{
  background:#fffdf5!important;
}
.scp-photo-crop .scp-crop-preview img{
  object-fit:contain!important;
}
@media(max-width:700px){
  .scp-wrap{padding-left:4px!important;padding-right:4px!important;width:100%!important;max-width:100%!important;}
  .scp-wrap .scp-hero,
  .scp-wrap .scp-counter.scp-wide-card.scp-counter-v16,
  .scp-wrap .scp-panel,
  .scp-wrap .scp-result{width:calc(100% - 8px)!important;max-width:calc(100% - 8px)!important;margin-left:auto!important;margin-right:auto!important;}
  .scp-panel{padding:16px 10px!important;}
  .scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162{padding:18px 14px!important;}
  .scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line-v168 strong{font-size:22px!important;}
  .scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line-v168 small{font-size:12px!important;}
  .scp-hero{padding-left:6px!important;padding-right:6px!important;}
  .scp-socials{flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;}
  .scp-link{flex:1 1 0!important;max-width:none!important;min-width:0!important;}
  .scp-form h3{font-size:17px!important;line-height:1.35!important;}
  .scp-form label{font-size:13px!important;}
  .scp-grid,.scp-form-entity .scp-grid{gap:7px!important;}
}
@media(max-width:380px){
  .scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line-v168 strong{font-size:20px!important;}
  .scp-counter.scp-wide-card.scp-counter-v16.scp-counter-v162 .scp-counter-line-v168 small{font-size:11px!important;}
}


/* V1.6.9 Mobile UX polish: wider containers and success page */
@media (max-width:700px){
  body .scp-wrap{
    width:100%!important;
    max-width:100%!important;
    padding-left:2px!important;
    padding-right:2px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow-x:hidden!important;
  }
  body .scp-wrap .scp-hero,
  body .scp-wrap .scp-counter.scp-wide-card.scp-counter-v16,
  body .scp-wrap .scp-panel,
  body .scp-wrap .scp-result{
    width:calc(100% - 4px)!important;
    max-width:calc(100% - 4px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  body .scp-wrap .scp-hero{
    padding-left:4px!important;
    padding-right:4px!important;
  }
  body .scp-wrap .scp-panel{
    padding:14px 8px!important;
    border-radius:16px!important;
  }
  body .scp-wrap .scp-result{
    padding:10px 4px!important;
    border-radius:16px!important;
  }
  body .scp-celebration{
    width:100%!important;
    max-width:100%!important;
    padding:14px 6px 18px!important;
    margin:0 auto!important;
    border-radius:18px!important;
  }
  body .scp-confetti{
    font-size:30px!important;
    margin-bottom:2px!important;
    letter-spacing:7px!important;
  }
  body .scp-celebration h2{
    font-size:27px!important;
    line-height:1.55!important;
    margin:2px 0 8px!important;
  }
  body .scp-congrats{
    font-size:18px!important;
    line-height:1.8!important;
    margin:8px auto!important;
  }
  body .scp-sigline{
    font-size:17px!important;
    margin:8px 0 10px!important;
  }
  body .scp-sigline strong{
    font-size:21px!important;
  }
  body .scp-celebration .scp-card-preview,
  body .scp-card-preview{
    width:100%!important;
    max-width:420px!important;
    height:auto!important;
    display:block!important;
    margin:8px auto 12px!important;
    border-radius:14px!important;
  }
  body .scp-card-loading{
    width:100%!important;
    max-width:420px!important;
    min-height:180px!important;
    margin:8px auto 12px!important;
  }
  body .scp-actions{
    gap:9px!important;
    margin-top:10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
  }
  body .scp-actions a,
  body .scp-actions button{
    width:86%!important;
    max-width:340px!important;
    min-height:48px!important;
    border-radius:26px!important;
    font-size:18px!important;
    line-height:1.2!important;
    padding:12px 16px!important;
    font-family:inherit!important;
  }
  body .scp-form h3{
    font-size:18px!important;
    margin-top:16px!important;
    padding-bottom:8px!important;
  }
  body .scp-form label{
    margin-bottom:5px!important;
  }
  body .scp-form input,
  body .scp-form select,
  body .scp-form textarea{
    min-height:38px!important;
    height:39px!important;
  }
  body .scp-form textarea{
    height:auto!important;
    min-height:64px!important;
  }
  body .scp-pledge{
    padding:12px 10px!important;
    line-height:1.55!important;
  }
}
@media (max-width:390px){
  body .scp-celebration .scp-card-preview,
  body .scp-card-preview{
    max-width:100%!important;
  }
  body .scp-celebration h2{font-size:25px!important;}
  body .scp-actions a,body .scp-actions button{width:90%!important;}
}

/* V1.6.11 mobile card generation stability and wider mobile canvas */
@media(max-width:560px){
  .scp-wrap{width:100%!important;max-width:100%!important;padding-left:6px!important;padding-right:6px!important;margin-left:auto!important;margin-right:auto!important;}
  .scp-panel,.scp-result,.scp-celebration{width:calc(100% - 4px)!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:8px!important;padding-right:8px!important;}
  .scp-card-preview{width:100%!important;max-width:390px!important;margin-left:auto!important;margin-right:auto!important;display:block!important;}
  .scp-actions a,.scp-actions button{width:86%!important;max-width:330px!important;}
}


/* V1.6.14 module switcher + independent counters */
.scp-type-selector-top{
  max-width:980px!important;
  width:100%!important;
  margin:22px auto 14px!important;
  display:flex!important;
  gap:12px!important;
  padding:0!important;
}
.scp-type-selector-top button{
  min-height:54px!important;
  border-radius:18px!important;
  font-weight:900!important;
  box-shadow:0 10px 24px rgba(0,0,0,.05)!important;
}
.scp-single-module .scp-form{display:block!important;}
@media(max-width:700px){
  .scp-type-selector-top{width:calc(100% - 4px)!important;max-width:calc(100% - 4px)!important;margin:16px auto 10px!important;gap:8px!important;flex-direction:row!important;}
  .scp-type-selector-top button{min-height:46px!important;border-radius:15px!important;font-size:14px!important;padding:10px 8px!important;}
}


/* V1.6.16 success page isolation: no counters/buttons/forms above generated card */
.scp-wrap.scp-success-active > .scp-hero,
.scp-wrap.scp-success-active > .scp-type-selector,
.scp-wrap.scp-success-active > .scp-counter,
.scp-wrap.scp-success-active > .scp-panel{
  display:none!important;
}
.scp-wrap.scp-success-active > .scp-result{
  display:block!important;
  margin-top:18px!important;
}

/* V1.6.26 - Intro text compact scroll box */
.scp-intro-text.scp-intro-module{
  position:relative!important;
  max-width:920px!important;
  max-height:185px!important;
  overflow-y:auto!important;
  margin:18px auto 20px!important;
  padding:46px 22px 18px!important;
  border:1px solid #e0c77a!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fffdf7,#ffffff)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.06)!important;
  text-align:justify!important;
  text-align-last:auto!important;
  line-height:2!important;
  scrollbar-width:thin;
  scrollbar-color:#0b6b2b #f1f1f1;
}
.scp-intro-text.scp-intro-module:before{
  content:'نبذة عن الميثاق';
  position:absolute;
  top:14px;
  right:22px;
  color:#075c22;
  font-weight:900;
  font-size:15px;
}
.scp-intro-text.scp-intro-module::-webkit-scrollbar{width:7px}
.scp-intro-text.scp-intro-module::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}
.scp-intro-text.scp-intro-module::-webkit-scrollbar-thumb{background:#0b6b2b;border-radius:10px}
.scp-intro-text.scp-intro-module p{margin:0 0 12px!important}
@media(max-width:700px){
  .scp-intro-text.scp-intro-module{
    max-height:160px!important;
    padding:42px 14px 14px!important;
    margin:14px 8px 16px!important;
    line-height:1.85!important;
  }
  .scp-intro-text.scp-intro-module:before{right:14px;font-size:14px}
}
