/* ---- Public base styles ---- */
.cs-campaign-grid{display:grid;gap:22px;direction:rtl}.cs-columns-1{grid-template-columns:1fr}.cs-columns-2{grid-template-columns:repeat(2,1fr)}.cs-columns-3{grid-template-columns:repeat(3,1fr)}.cs-columns-4{grid-template-columns:repeat(4,1fr)}.cs-card{background:#fff;border:1px solid #e9eaf0;border-radius:22px;overflow:hidden;box-shadow:0 12px 35px #1118270b;transition:.25s}.cs-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #11182714}.cs-img{width:100%;height:230px;object-fit:cover}.cs-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;font-size:58px}.cs-card-body{padding:20px}.cs-cat{font-size:12px;color:#7c3aed;font-weight:700}.cs-badge{float:left;background:#fff1f2;color:#e11d48;padding:5px 9px;border-radius:99px;font-size:11px}.cs-card h3{font-size:19px;margin:8px 0}.cs-card p{color:#64748b;line-height:1.9;min-height:55px}.cs-progress{height:9px;background:#eef2f7;border-radius:99px;overflow:hidden}.cs-progress span{display:block;height:100%;background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:99px}.cs-stats,.cs-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.cs-stats span,.cs-card-foot span{color:#64748b;font-size:12px}.cs-btn{display:inline-flex;justify-content:center;align-items:center;background:#111827;color:#fff!important;text-decoration:none!important;border:0;border-radius:12px;padding:12px 18px;cursor:pointer;font-weight:700}.cs-btn:hover{background:#7c3aed}.cs-btn-wide{width:100%;margin-top:14px}.cs-single{direction:rtl}.cs-hero{position:relative;border-radius:26px;overflow:hidden;background:#111827}.cs-single-img{width:100%;height:430px;object-fit:cover;display:block}.cs-hero-overlay{position:absolute;right:0;bottom:0;width:100%;padding:80px 30px 28px;background:linear-gradient(transparent,#000b);color:#fff}.cs-hero-overlay h1{margin:8px 0;font-size:34px}.cs-location{opacity:.85}.cs-single-layout{display:grid;grid-template-columns:1fr 390px;gap:24px;margin-top:24px}.cs-content-box,.cs-donation-sticky{background:#fff;border:1px solid #e8eaf0;border-radius:22px;padding:25px}.cs-case-meta{display:flex;gap:20px;flex-wrap:wrap;color:#64748b;border-bottom:1px solid #eee;padding-bottom:15px}.cs-content{line-height:2.2;color:#334155}.cs-donation-sticky{position:sticky;top:20px;height:max-content}.cs-big-number{font-size:27px;font-weight:800}.cs-big-number small{display:block;color:#64748b;font-size:12px;margin-top:7px}.cs-percent{text-align:center;margin:10px;color:#7c3aed;font-weight:700}.cs-donate-box{margin-top:18px}.cs-donate-title{font-weight:800;font-size:18px;margin-bottom:14px}.cs-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cs-preset{border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:10px;cursor:pointer}.cs-preset.active,.cs-preset:hover{border-color:#7c3aed;background:#f5f3ff}.cs-donate-form label{display:block;margin-top:12px;font-size:13px;font-weight:700;color:#334155}.cs-donate-form input{width:100%;padding:12px;border:1px solid #dbe1ea;border-radius:10px;margin-top:6px;box-sizing:border-box}.cs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cs-check{display:flex!important;align-items:center;gap:8px}.cs-check input{width:auto;margin:0}.cs-muted,.cs-secure{color:#64748b}.cs-message{margin-top:10px;color:#dc2626}.cs-payment-page{min-height:65vh;background:linear-gradient(135deg,#f8fafc,#f5f3ff);display:flex;align-items:center;justify-content:center;padding:35px 15px;direction:rtl}.cs-payment-card{width:min(650px,100%);background:#fff;border-radius:28px;padding:34px;box-shadow:0 25px 70px #11182714;border:1px solid #eee}.cs-payment-head{display:flex;gap:16px;align-items:center}.cs-lock{width:55px;height:55px;border-radius:16px;background:#f5f3ff;display:flex;align-items:center;justify-content:center;font-size:25px}.cs-payment-head h1{margin:0;font-size:25px}.cs-payment-head p{margin:7px 0;color:#64748b}.cs-payment-case{margin-top:25px;padding:18px;background:#f8fafc;border-radius:16px}.cs-payment-case span,.cs-payment-case small{display:block;color:#64748b}.cs-payment-case b{display:block;margin:5px 0}.cs-payment-amount{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid #eee}.cs-payment-amount strong{font-size:24px}.cs-payment-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.cs-payment-info div{padding:14px;border:1px solid #eee;border-radius:12px}.cs-payment-info span,.cs-payment-info b{display:block}.cs-payment-info span{color:#64748b;font-size:12px;margin-bottom:5px}.cs-back{display:block;text-align:center;margin-top:15px;color:#64748b}.cs-receipt{padding:25px;border:1px solid #eee;border-radius:18px;direction:rtl}.cs-empty{text-align:center;padding:40px;color:#64748b}@media(max-width:900px){.cs-columns-3,.cs-columns-4{grid-template-columns:repeat(2,1fr)}.cs-single-layout{grid-template-columns:1fr}.cs-donation-sticky{position:static}}@media(max-width:600px){.cs-columns-2,.cs-columns-3,.cs-columns-4{grid-template-columns:1fr}.cs-single-img{height:300px}.cs-hero-overlay h1{font-size:25px}.cs-form-grid,.cs-payment-info{grid-template-columns:1fr}.cs-payment-card{padding:22px}}
.cs-support-page{direction:rtl;max-width:1180px;margin:0 auto}.cs-support-hero{position:relative;min-height:430px;border-radius:30px;overflow:hidden;background:#111827;box-shadow:0 25px 70px #11182718}.cs-support-image{width:100%;height:430px;object-fit:cover;display:block}.cs-support-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#07111ddd 100%)}.cs-support-hero-content{position:absolute;z-index:2;right:0;bottom:0;padding:38px;color:#fff;max-width:760px}.cs-support-badges{display:flex;gap:8px;align-items:center}.cs-support-badges span,.cs-support-badges b{padding:6px 11px;border-radius:999px;background:#ffffff18;border:1px solid #ffffff30;font-size:12px}.cs-support-badges b{background:#ef4444;color:#fff;border:0}.cs-support-hero h1{font-size:36px;line-height:1.5;margin:12px 0 7px}.cs-support-hero p{font-size:15px;line-height:2;opacity:.9;margin:0}.cs-support-location{margin-top:15px;font-size:12px;opacity:.9}.cs-support-location span{margin-right:15px}.cs-support-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;margin-top:22px}.cs-support-card,.cs-support-trust{background:#fff;border:1px solid #e8eaf0;border-radius:22px;padding:24px;box-shadow:0 12px 35px #11182708}.cs-progress-card{padding:24px 26px}.cs-progress-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.cs-progress-top small,.cs-target small{display:block;color:#64748b;font-size:12px}.cs-progress-top strong{display:block;font-size:31px;margin-top:5px}.cs-progress-top em{font-style:normal;font-size:12px;color:#64748b}.cs-target{text-align:left}.cs-target b{display:block;margin-top:6px}.cs-progress-large{height:14px;background:#eef2f7;border-radius:999px;overflow:hidden;margin:20px 0 10px}.cs-progress-large span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#c084fc)}.cs-progress-bottom{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#64748b;font-size:12px}.cs-progress-bottom b{color:#7c3aed}.cs-section-title{border-bottom:1px solid #eef2f7;padding-bottom:14px;margin-bottom:15px}.cs-section-title span{display:block;font-size:20px;font-weight:800}.cs-section-title small{display:block;color:#64748b;margin-top:5px}.cs-content{line-height:2.25;color:#334155}.cs-support-side{position:sticky;top:20px;height:max-content}.cs-support-side .cs-donate-box{background:#fff;border:1px solid #e8eaf0;border-radius:22px;padding:24px;box-shadow:0 15px 40px #11182710}.cs-support-side .cs-donate-title{font-size:20px}.cs-support-side .cs-preset{padding:13px 8px;font-weight:700}.cs-support-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.cs-support-trust>div{background:#f8fafc;border-radius:15px;padding:15px;color:#7c3aed}.cs-support-trust b,.cs-support-trust small{display:block;color:#334155}.cs-support-trust b{margin:5px 0}.cs-support-trust small{font-size:11px;line-height:1.8;color:#64748b}.cs-support-remaining{background:#111827;color:#fff;border-radius:18px;padding:16px;margin-top:12px;display:flex;justify-content:space-between;align-items:center}.cs-support-remaining span{opacity:.7;font-size:12px}.cs-support-remaining b{font-size:15px}@media(max-width:900px){.cs-support-grid{grid-template-columns:1fr}.cs-support-side{position:static}.cs-support-trust{grid-template-columns:1fr}.cs-support-hero h1{font-size:28px}}@media(max-width:600px){.cs-support-hero,.cs-support-image{min-height:330px;height:330px}.cs-support-hero-content{padding:22px}.cs-progress-top{flex-direction:column;align-items:flex-start}.cs-target{text-align:right}.cs-support-card,.cs-support-side .cs-donate-box{padding:18px}}

.cs-support-media{min-width:0}.cs-support-gallery{display:flex;gap:8px;margin-top:10px;overflow:auto}.cs-gallery-thumb{width:64px!important;height:64px!important;object-fit:cover;border-radius:10px;cursor:pointer;opacity:.9}
/* Public component refinements. */
.cs-impact-public{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.cs-impact-public article{background:#fff;border:1px solid #e8edf4;border-radius:20px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.cs-impact-public small{color:#64748b}.cs-impact-public h3{margin:8px 0}.cs-receipt{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:28px;max-width:650px;margin:24px auto;box-shadow:0 12px 35px rgba(15,23,42,.08)}
@media(max-width:800px){.cs-impact-public{grid-template-columns:1fr}}
.cs-campaign-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px;padding:14px;background:#fff;border:1px solid #e8edf4;border-radius:18px}.cs-campaign-filters input,.cs-campaign-filters select{min-height:44px;border:1px solid #dbe3ee;border-radius:12px;padding:0 12px}.cs-campaign-filters input{flex:1;min-width:220px}

/* Public interface styles. */
:root{--cs-p:#6d28d9;--cs-p2:#8b5cf6;--cs-soft:#f5f3ff;--cs-text:#172033;--cs-muted:#64748b;--cs-border:#e8eaf0;--cs-shadow:0 18px 50px rgba(15,23,42,.08)}
.cs-card,.cs-support-card,.cs-donation-sticky,.cs-payment-card,.cs-donate-box,.cs-receipt{border-color:var(--cs-border)!important;box-shadow:var(--cs-shadow)!important}.cs-card{border-radius:24px}.cs-card h3{letter-spacing:-.2px}.cs-card .cs-btn,.cs-btn{background:linear-gradient(135deg,var(--cs-p),var(--cs-p2));box-shadow:0 10px 22px rgba(109,40,217,.18);transition:.2s}.cs-card .cs-btn:hover,.cs-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#5b21b6,#7c3aed)}.cs-progress span,.cs-progress-large span{background:linear-gradient(90deg,var(--cs-p),#c084fc)!important}.cs-support-page{max-width:1240px}.cs-support-hero{border-radius:30px;box-shadow:0 25px 70px rgba(15,23,42,.13)}.cs-support-hero-content{padding:42px}.cs-support-hero h1{font-weight:900;letter-spacing:-.5px}.cs-support-grid{gap:25px}.cs-support-card{border-radius:24px}.cs-support-side .cs-donate-box{border-radius:24px}.cs-preset{min-height:48px;font-weight:800;transition:.16s}.cs-preset.active,.cs-preset:hover{border-color:#8b5cf6!important;background:var(--cs-soft)!important;box-shadow:0 5px 15px rgba(109,40,217,.08)}.cs-donate-form input{min-height:46px;border-radius:12px!important}.cs-donate-form input:focus{border-color:#a78bfa!important;box-shadow:0 0 0 3px #8b5cf61a}.cs-support-trust>div{border:1px solid #edf0f5;background:linear-gradient(180deg,#fff,#fafaff);transition:.2s}.cs-support-trust>div:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(15,23,42,.06)}.cs-support-remaining{background:linear-gradient(135deg,#111827,#1e293b);box-shadow:0 12px 28px rgba(15,23,42,.15)}.cs-campaign-filters{box-shadow:0 10px 30px rgba(15,23,42,.05)}.cs-impact-public article{transition:.2s}.cs-impact-public article:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(15,23,42,.09)}.cs-receipt{position:relative;overflow:hidden}.cs-receipt:before{content:"✓";position:absolute;left:-15px;top:-25px;font-size:150px;color:#6d28d910;font-weight:900}.cs-payment-page{background:radial-gradient(circle at 10% 10%,#ede9fe 0,#f8fafc 35%,#f8fafc 100%)}
@media(max-width:700px){.cs-support-page{padding:0 8px}.cs-support-hero,.cs-support-image{border-radius:22px}.cs-support-hero-content{padding:24px 20px}.cs-support-hero h1{font-size:25px}.cs-support-grid{margin-top:14px}.cs-support-card,.cs-support-side .cs-donate-box{border-radius:20px}.cs-support-trust{grid-template-columns:1fr}.cs-support-side{padding-bottom:75px}.cs-support-side .cs-donate-box{position:relative}.cs-mobile-donate{display:flex!important;position:fixed;z-index:99999;right:14px;left:14px;bottom:14px;min-height:52px;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#6d28d9,#8b5cf6);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 15px 35px rgba(76,29,149,.32)}}
@media(min-width:701px){.cs-mobile-donate{display:none!important}}
.cs-payment-professional{max-width:680px}.cs-payment-quick{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.cs-payment-quick span{padding:8px 11px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:13px}.cs-success-page{max-width:760px;margin:35px auto;padding:10px}.cs-success-card{background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:36px;text-align:center;box-shadow:0 18px 60px rgba(15,23,42,.09)}.cs-success-card.is-success{border-top:5px solid #16a34a}.cs-success-card.is-failed{border-top:5px solid #dc2626}.cs-success-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:42px;background:#dcfce7;color:#15803d}.is-failed .cs-success-icon{background:#fee2e2;color:#b91c1c}.cs-success-card h1{margin:8px 0;font-size:30px}.cs-success-card>p{color:#64748b}.cs-success-amount{margin:24px 0;padding:18px;border-radius:18px;background:#f8fafc}.cs-success-amount span{display:block;color:#64748b}.cs-success-amount b{display:block;font-size:28px;margin-top:6px}.cs-receipt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;text-align:right}.cs-receipt-grid>div{padding:13px;border:1px solid #eef2f7;border-radius:14px}.cs-receipt-grid span{display:block;color:#64748b;font-size:12px;margin-bottom:5px}.cs-receipt-grid b{display:block;word-break:break-word}.cs-success-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:22px 0}.cs-btn-light{background:#f1f5f9!important;color:#111827!important}.cs-qr{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:15px}.cs-qr img{width:180px;height:180px;border-radius:12px;border:1px solid #e5e7eb}.cs-qr small{color:#64748b}@media(max-width:600px){.cs-success-card{padding:24px 16px}.cs-receipt-grid{grid-template-columns:1fr}}

/* Account form layout. */
.cs-account{direction:rtl;max-width:1180px;margin:25px auto;padding:0 12px;color:var(--cs-text,#172033)}
.cs-account-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 30px;background:linear-gradient(135deg,#111827,#312e81);color:#fff;border-radius:24px;box-shadow:0 18px 50px rgba(15,23,42,.14)}
.cs-account-eyebrow{font-size:12px;opacity:.7}.cs-account-head h2{margin:7px 0 4px;font-size:28px}.cs-account-head p{margin:0;opacity:.8}.cs-account-head-actions{display:flex;gap:8px}.cs-account-logout{display:inline-flex;padding:10px 15px;border-radius:11px;background:#ffffff18;color:#fff!important;text-decoration:none;border:1px solid #ffffff22}
.cs-account-nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.cs-account-nav a{display:inline-flex;align-items:center;gap:7px;padding:12px 16px;border-radius:13px;background:#fff;border:1px solid var(--cs-border,#e8eaf0);color:#334155;text-decoration:none;font-weight:700}.cs-account-nav a.is-active{background:var(--cs-soft,#f5f3ff);color:var(--cs-p,#6d28d9);border-color:#c4b5fd}.cs-account-nav span{font-size:16px}
.cs-account-body{min-width:0}.cs-account-section{background:#fff;border:1px solid var(--cs-border,#e8eaf0);border-radius:22px;padding:24px;margin-bottom:18px;box-shadow:0 12px 35px rgba(15,23,42,.05)}
.cs-account-section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.cs-account-section-title h3{margin:0;font-size:20px}.cs-account-section-title p{margin:5px 0 0;color:#64748b;font-size:13px}.cs-account-link{color:#6d28d9;text-decoration:none;font-weight:800}.cs-account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cs-account-stats>div{padding:18px;border:1px solid #edf0f5;background:#fafaff;border-radius:16px}.cs-account-stats span{display:block;color:#64748b;font-size:12px}.cs-account-stats b{display:block;font-size:22px;margin-top:8px}.cs-account-stats small{font-size:11px;color:#64748b;font-weight:400}
.cs-account-table-wrap{overflow:auto}.cs-account-table{width:100%;border-collapse:collapse;min-width:650px}.cs-account-table th,.cs-account-table td{padding:13px 12px;border-bottom:1px solid #eef2f7;text-align:right;vertical-align:middle}.cs-account-table th{background:#f8fafc;color:#475569;font-size:12px}.cs-account-table td b,.cs-account-table td small{display:block}.cs-account-table td small{color:#94a3b8;font-size:11px;margin-top:4px}.cs-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:800}.cs-status-paid{background:#dcfce7;color:#166534}.cs-status-pending{background:#fef3c7;color:#92400e}.cs-status-failed,.cs-status-cancelled{background:#fee2e2;color:#991b1b}.cs-status-request{background:#ede9fe;color:#5b21b6}.cs-account-empty,.cs-account-notice{padding:28px;text-align:center;border:1px dashed #dbe3ee;background:#f8fafc;border-radius:16px;color:#64748b}.cs-account-notice{margin:25px auto;max-width:650px}.cs-success-note{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.cs-account-notice .cs-btn{margin-top:14px}
.cs-account-auth{max-width:520px;margin:30px auto;padding:30px;background:#fff;border:1px solid var(--cs-border,#e8eaf0);border-radius:24px;box-shadow:0 18px 50px rgba(15,23,42,.08);direction:rtl}.cs-account-auth-head{text-align:center;margin-bottom:22px}.cs-account-icon{width:60px;height:60px;display:grid;place-items:center;margin:0 auto 12px;border-radius:18px;background:#f5f3ff;color:#6d28d9;font-size:25px}.cs-account-auth h2{margin:0}.cs-account-auth p{color:#64748b;line-height:1.9}.cs-account-form label{display:block;font-size:13px;font-weight:800;color:#334155;margin-top:13px}.cs-account-form input{width:100%;box-sizing:border-box;min-height:46px;margin-top:6px;padding:10px 12px;border:1px solid #dbe3ee;border-radius:12px;background:#fff}.cs-account-form input:focus{outline:0;border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf61a}.cs-account-form small{display:block;color:#94a3b8;font-size:11px;margin-top:5px}.cs-account-check{display:flex!important;align-items:center;gap:7px}.cs-account-check input{width:auto;min-height:0;margin:0}.cs-account-error,.cs-account-success{padding:12px 14px;border-radius:12px;margin-bottom:15px;font-size:13px}.cs-account-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.cs-account-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.cs-account-auth-link{text-align:center;margin-top:18px;color:#64748b;font-size:13px}.cs-account-auth-link a{color:#6d28d9;font-weight:800;text-decoration:none}
.cs-account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cs-account-profile-actions{margin-top:18px}.cs-account-profile-form input[readonly]{background:#f8fafc;color:#64748b}.cs-donation-detail-main{padding:22px;border-radius:18px;background:linear-gradient(135deg,#f5f3ff,#fafafa);text-align:center}.cs-donation-detail-main span{display:block;color:#64748b;font-size:12px}.cs-donation-detail-main strong{display:block;color:#4c1d95;font-size:30px;margin-top:6px}.cs-donation-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.cs-donation-detail-grid>div{padding:14px;border:1px solid #eef2f7;border-radius:14px}.cs-donation-detail-grid span{display:block;color:#64748b;font-size:11px;margin-bottom:5px}.cs-donation-detail-grid b{display:block;word-break:break-word}.cs-account-detail-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px}.cs-btn-light{background:#f1f5f9!important;color:#111827!important}
@media(max-width:900px){.cs-account-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cs-account{padding:0 8px}.cs-account-head{padding:22px;align-items:flex-start;flex-direction:column}.cs-account-head h2{font-size:23px}.cs-account-nav{display:grid;grid-template-columns:repeat(2,1fr)}.cs-account-nav a{justify-content:center;padding:11px 8px;font-size:12px}.cs-account-section{padding:18px}.cs-account-section-title{align-items:flex-start;flex-direction:column}.cs-account-stats{grid-template-columns:1fr 1fr}.cs-account-stats>div{padding:14px}.cs-account-stats b{font-size:18px}.cs-account-grid,.cs-donation-detail-grid{grid-template-columns:1fr}.cs-account-auth{margin:18px 8px;padding:22px}.cs-account-table{min-width:600px}}
@media print{.cs-account-nav,.cs-account-head-actions,.cs-account-section-title .cs-account-link,.cs-account-detail-actions{display:none!important}.cs-account{max-width:none}.cs-account-section{box-shadow:none}}

/* Account dashboard layout. */
.cs-account{max-width:1240px;margin:34px auto;padding:0 16px;font-family:inherit}
.cs-account-head{position:relative;overflow:hidden;padding:30px 34px;border-radius:28px;background:linear-gradient(135deg,#151a2e 0%,#312e81 58%,#6d28d9 100%);box-shadow:0 22px 55px rgba(49,46,129,.22);border:1px solid rgba(255,255,255,.1)}
.cs-account-head:before,.cs-account-head:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.cs-account-head:before{width:230px;height:230px;left:-80px;top:-130px;background:rgba(255,255,255,.07)}.cs-account-head:after{width:180px;height:180px;right:-60px;bottom:-110px;background:rgba(255,255,255,.06)}
.cs-account-head>div{position:relative;z-index:2}.cs-account-eyebrow{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font-size:11px}.cs-account-head h2{font-size:30px;line-height:1.4;margin:10px 0 5px;letter-spacing:-.5px}.cs-account-head p{font-size:13px}.cs-account-head-actions{display:flex;align-items:center}.cs-account-logout{backdrop-filter:blur(8px);transition:.2s}.cs-account-logout:hover{background:#fff!important;color:#312e81!important;transform:translateY(-1px)}
.cs-account-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.cs-account-nav a{justify-content:center;min-height:48px;background:#fff;box-shadow:0 7px 22px rgba(15,23,42,.045);transition:.2s;border-radius:15px}.cs-account-nav a:hover{transform:translateY(-2px);border-color:#c4b5fd;box-shadow:0 12px 28px rgba(109,40,217,.1)}.cs-account-nav a.is-active{background:linear-gradient(135deg,#f5f3ff,#ede9fe);box-shadow:0 10px 28px rgba(109,40,217,.1)}
.cs-account-welcome{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;margin-bottom:18px;padding:28px 30px;border-radius:24px;background:linear-gradient(135deg,#ffffff,#f8f7ff);border:1px solid #ebe7ff;box-shadow:0 14px 38px rgba(15,23,42,.055)}.cs-account-welcome:after{content:"";position:absolute;left:-50px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:#ede9fe;opacity:.7}.cs-welcome-copy{position:relative;z-index:2}.cs-welcome-kicker{font-size:11px;color:#7c3aed;font-weight:900}.cs-welcome-copy h3{font-size:23px;margin:6px 0 5px;color:#172033}.cs-welcome-copy p{margin:0;color:#64748b;font-size:13px}.cs-welcome-actions{display:flex;gap:8px;margin-top:17px;flex-wrap:wrap}.cs-welcome-primary,.cs-welcome-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:11px;padding:10px 15px;font-size:12px;font-weight:900;transition:.2s}.cs-welcome-primary{background:linear-gradient(135deg,#6d28d9,#8b5cf6);color:#fff!important;box-shadow:0 8px 18px rgba(109,40,217,.2)}.cs-welcome-secondary{background:#fff;color:#475569!important;border:1px solid #e5e7eb}.cs-welcome-primary:hover,.cs-welcome-secondary:hover{transform:translateY(-2px)}.cs-welcome-art{position:relative;z-index:2;width:170px;height:125px;flex:0 0 170px;border-radius:22px;background:linear-gradient(145deg,#ede9fe,#ddd6fe);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 1px rgba(255,255,255,.8)}.cs-welcome-art span{font-size:20px;font-weight:950;color:#4c1d95}.cs-welcome-art b{font-size:11px;color:#6d28d9;margin-top:4px}.cs-welcome-art i{font-style:normal;font-size:29px;color:#7c3aed;margin-top:8px}
.cs-account-section{border-radius:22px;padding:24px;box-shadow:0 12px 36px rgba(15,23,42,.045);border-color:#e9edf3}.cs-account-section-title{margin-bottom:20px}.cs-account-section-title h3{font-size:18px}.cs-account-section-title p{font-size:12px}.cs-account-link{font-size:12px}
.cs-account-overview{background:linear-gradient(180deg,#fff,#fcfcff)}.cs-account-stats{grid-template-columns:repeat(4,1fr);gap:13px}.cs-account-stats>div{position:relative;display:flex;align-items:center;gap:13px;min-height:82px;padding:15px;border-radius:18px;border:1px solid #edf0f5;background:#fff;overflow:hidden;transition:.2s}.cs-account-stats>div:after{content:"";position:absolute;width:75px;height:75px;border-radius:50%;left:-30px;bottom:-42px;opacity:.55}.cs-account-stats>div:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,23,42,.07)}.cs-stat-icon{width:45px!important;height:45px;flex:0 0 45px;display:grid!important;place-items:center;border-radius:14px;font-size:20px!important;font-weight:900}.cs-stat-support .cs-stat-icon{background:#f3e8ff;color:#7e22ce}.cs-stat-donations .cs-stat-icon{background:#e0f2fe;color:#0369a1}.cs-stat-pending .cs-stat-icon{background:#fef3c7;color:#b45309}.cs-stat-requests .cs-stat-icon{background:#dcfce7;color:#15803d}.cs-account-stats>div>div>span{font-size:11px}.cs-account-stats b{font-size:21px;margin-top:5px}.cs-account-stats small{display:block;margin-top:3px}.cs-account-table-wrap{border:1px solid #edf0f5;border-radius:16px}.cs-account-table th{background:#f8fafc}.cs-account-table tbody tr{transition:.15s}.cs-account-table tbody tr:hover{background:#faf7ff}.cs-status{border:1px solid transparent}
@media(max-width:900px){.cs-account-nav{grid-template-columns:repeat(2,1fr)}.cs-account-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cs-account{padding:0 8px;margin-top:18px}.cs-account-head{padding:23px 20px;border-radius:22px}.cs-account-head h2{font-size:23px}.cs-account-welcome{padding:22px 18px}.cs-welcome-art{display:none}.cs-welcome-copy h3{font-size:19px}.cs-account-nav{grid-template-columns:repeat(2,1fr);gap:8px}.cs-account-nav a{font-size:11px}.cs-account-section{padding:17px;border-radius:19px}.cs-account-stats{grid-template-columns:1fr 1fr;gap:8px}.cs-account-stats>div{min-height:74px;padding:11px;gap:8px}.cs-stat-icon{width:37px!important;height:37px;flex-basis:37px;font-size:16px!important}.cs-account-stats b{font-size:17px}.cs-account-stats>div>div>span{font-size:10px}.cs-account-stats small{font-size:9px}.cs-account-section-title{gap:8px}}

/* Verified post-payment receipt. */
.cs-receipt-final{max-width:760px;margin:28px auto;padding:clamp(20px,4vw,36px);border-color:#dbe7e2!important;background:linear-gradient(180deg,#fff 0%,#fbfefc 100%);position:relative}.cs-receipt-final-head{text-align:center;border-bottom:1px solid #e8f0eb;padding-bottom:18px;margin-bottom:18px}.cs-receipt-success-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;margin:0 auto 12px;background:#dcfce7;color:#15803d;font-size:32px;font-weight:900}.cs-receipt-final-head h2{margin:0 0 5px;font-size:clamp(20px,3vw,27px);color:#14532d}.cs-receipt-final-head p{margin:0;color:#64748b}.cs-receipt-greeting,.cs-receipt-thanks{line-height:2;color:#334155}.cs-receipt-success-amount{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;margin:18px 0;border:1px solid #bbf7d0;border-radius:16px;background:#f0fdf4}.cs-receipt-success-amount>span{color:#166534;font-weight:700}.cs-receipt-success-amount strong{font-size:clamp(20px,3vw,28px);color:#15803d}.cs-receipt-success-amount small{font-size:12px}.cs-receipt-final .cs-receipt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;text-align:right}.cs-receipt-final .cs-receipt-grid>div{padding:13px;border:1px solid #eef2f7;border-radius:13px;background:#fff;min-width:0}.cs-receipt-final .cs-receipt-grid span{display:block;color:#64748b;font-size:12px;margin-bottom:5px}.cs-receipt-final .cs-receipt-grid b{display:block;overflow-wrap:anywhere;color:#1e293b}.cs-receipt-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.cs-receipt-actions .cs-btn{text-decoration:none}.cs-receipt-refund{color:#9a3412;background:#fff7ed;border-radius:10px;padding:10px 12px}.cs-receipt-pending{border-right:4px solid #d97706;background:#fffbeb}.cs-receipt-pending h2{margin-top:0;color:#92400e}@media(max-width:600px){.cs-receipt-final .cs-receipt-grid{grid-template-columns:1fr}.cs-receipt-success-amount{align-items:flex-start;flex-direction:column}}@media print{.cs-receipt-actions{display:none!important}.cs-receipt-final{max-width:none;box-shadow:none!important;border:1px solid #aaa!important;margin:0!important}.cs-receipt-final:before{display:none!important}}

/* Public confirmation controls, scoped to Kheyrad forms only. */
.cs-donate-form .cs-check input[type="checkbox"],
.cs-account-auth .cs-account-check input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  display: inline-block !important;
  flex: 0 0 18px;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 5px !important;
  background-color: #fff !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 12px 12px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05) !important;
  cursor: pointer;
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
.cs-donate-form .cs-check input[type="checkbox"]:checked,
.cs-account-auth .cs-account-check input[type="checkbox"]:checked {
  border-color: #6d28d9 !important;
  background-color: #6d28d9 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5 6.3 12 13 4.5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.cs-donate-form .cs-check input[type="checkbox"]:focus-visible,
.cs-account-auth .cs-account-check input[type="checkbox"]:focus-visible {
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(109, 40, 217, .17) !important;
}
.cs-donate-form .cs-check input[type="checkbox"]:disabled,
.cs-account-auth .cs-account-check input[type="checkbox"]:disabled {
  opacity: .62;
  cursor: not-allowed;
}
.cs-donate-form label.cs-check,
.cs-account-auth .cs-account-check {
  line-height: 1.8;
  cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
  .cs-donate-form .cs-check input[type="checkbox"],
  .cs-account-auth .cs-account-check input[type="checkbox"] { transition: none !important; }
}



/* Semantic campaign states in the supporter account area. */
.cs-account-table .cs-status.is-status-draft{background:#f1f5f9;color:#475569;border-color:#cbd5e1}
.cs-account-table .cs-status.is-status-review{background:#fef3c7;color:#92400e;border-color:#fcd34d}
.cs-account-table .cs-status.is-status-approved,.cs-account-table .cs-status.is-status-published,.cs-account-table .cs-status.is-status-funded{background:#dcfce7;color:#166534;border-color:#86efac}
.cs-account-table .cs-status.is-status-funding{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}
.cs-account-table .cs-status.is-status-spending{background:#f3e8ff;color:#6b21a8;border-color:#d8b4fe}
.cs-account-table .cs-status.is-status-closed,.cs-account-table .cs-status.is-status-archived{background:#e2e8f0;color:#334155;border-color:#cbd5e1}
.cs-account-table .cs-status.is-status-rejected,.cs-account-table .cs-status.is-status-cancelled{background:#fee2e2;color:#991b1b;border-color:#fca5a5}

/* Consistent donation status colors in account tables. */
.cs-status-partially_refunded{background:#f3e8ff;color:#6b21a8}.cs-status-refunded{background:#e2e8f0;color:#334155}.cs-status-processing{background:#dbeafe;color:#1d4ed8}.cs-status-on-hold{background:#fef3c7;color:#92400e}.cs-status-pending{border:1px solid #fcd34d}.cs-status-paid{border:1px solid #86efac}.cs-status-failed,.cs-status-cancelled{border:1px solid #fca5a5}

/* Donation identity and site-auth choices. */
.cs-register-fields{margin-top:4px;padding:0 12px 10px;border-right:3px solid var(--cs-p,#7c3aed)}.cs-anonymous-label,.cs-register-toggle{margin-top:14px!important}.cs-message-success{color:#15803d!important}.cs-donate-form button:disabled{opacity:.65;cursor:wait}



/* Compact site-auth handoff: one primary pay button, one quiet text link. */
.cs-site-auth-choice{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:2px 0 0;padding:0;border:0;background:transparent;color:var(--cs-muted,#667085);font-size:12px;line-height:1.9}
.cs-site-auth-choice>span{display:inline}
.cs-site-auth-choice small{flex-basis:100%;font-size:11px;line-height:1.7;color:var(--cs-muted,#7b8495)}
.cs-site-auth-button{display:inline!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important;color:var(--cs-p,#0f9fb0)!important;font:inherit!important;font-weight:800!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer;box-shadow:none!important}
.cs-site-auth-button[aria-disabled="true"]{opacity:.6;cursor:wait;pointer-events:none}
.cs-site-auth-button.is-loading:after{content:' …'}
.cs-auth-message{display:none;flex-basis:100%;padding:7px 9px;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:11px;line-height:1.8}
.cs-auth-message.is-visible{display:block}
.cs-auth-message.cs-message-success{background:#f0fdf4;color:#166534}
.cs-site-auth-resume{margin:10px 0;padding:10px 12px;border:1px solid #b9ddc8;border-radius:10px;background:#f1faf4;color:#174b2e;font-size:12px}
.cs-site-auth-resume strong{display:block;margin-bottom:2px}
.cs-site-auth-resume p{margin:0;font-size:11px;line-height:1.8}
.cs-site-auth-resume-warning{border-color:#f2c879;background:#fff9eb;color:#744210}.cs-site-auth-resume-warning p{font-size:12px}

/* Generic site authentication is provider-agnostic; local password fallback stays secondary. */
.cs-account-site-auth{display:grid;gap:10px;margin:14px 0 18px;padding:16px;border:1px solid var(--cs-border,#dce5e0);border-radius:14px;background:var(--cs-surface-soft,#f7faf8)}.cs-account-site-auth p{margin:0;font-size:13px;line-height:1.9;color:var(--cs-muted,#6b7280)}.cs-account-password-fallback{margin-top:14px;border:1px solid var(--cs-border,#e5e7eb);border-radius:12px;padding:12px}.cs-account-password-fallback summary{cursor:pointer;font-weight:600}.cs-account-password-fallback .cs-account-form{margin-top:14px}

/* Campaign scope badges: Persian RTL and responsive-safe. */
.cs-card-kicker{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.cs-campaign-scope-badge{display:inline-flex;align-items:center;max-width:100%;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.6;white-space:nowrap;background:#eef5ff;color:#174a83;border:1px solid #d2e2fb}
.cs-campaign-scope-badge.is-national{background:#edf4ff;color:#174a83;border-color:#cbdcf7}
.cs-campaign-scope-badge.is-provincial{background:#edf8f1;color:#1b6540;border-color:#ccebd7}
.cs-support-badges .cs-campaign-scope-badge{font-size:12px}
@media(max-width:480px){.cs-card-kicker{align-items:flex-start}.cs-campaign-scope-badge{white-space:normal}}

/* ---- Original cascade layer: design-system.css ---- */
/* Kheyrad Design System — shared tokens and consistent UI primitives */
:root{
 --cs-primary:#6d28d9;--cs-primary-hover:#5b21b6;--cs-primary-soft:#f5f3ff;--cs-primary-border:#ddd6fe;
 --cs-text:#172033;--cs-muted:#64748b;--cs-border:#e2e8f0;--cs-surface:#fff;--cs-canvas:#f8fafc;
 --cs-success:#15803d;--cs-success-bg:#f0fdf4;--cs-warning:#b45309;--cs-warning-bg:#fffbeb;--cs-danger:#b91c1c;--cs-danger-bg:#fef2f2;--cs-info:#1d4ed8;--cs-info-bg:#eff6ff;
 --cs-radius-sm:10px;--cs-radius-md:14px;--cs-radius-lg:18px;--cs-radius-xl:22px;
 --cs-space-1:4px;--cs-space-2:8px;--cs-space-3:12px;--cs-space-4:16px;--cs-space-5:20px;--cs-space-6:24px;
 --cs-shadow-sm:0 2px 8px rgba(15,23,42,.04);--cs-shadow-md:0 8px 24px rgba(15,23,42,.06);--cs-focus:0 0 0 3px rgba(109,40,217,.16);
}
/* Shared visual baseline, scoped to plugin UI to avoid theme/admin collisions */
.cs-wrap,.cs-app,.cs-account,.cs-support-page,.cs-campaign-grid,.cs-single,.cs-payment-page,.cs-receipt,.cs-impact-public{color:var(--cs-text)}
.cs-wrap,.cs-app,.cs-account,.cs-support-page,.cs-campaign-grid,.cs-single,.cs-payment-page,.cs-receipt{font-family:inherit;line-height:1.75}
.cs-admin-panel,.cs-form-section,.cs-stat,.cs-table-wrap,.cs-access-card,.cs-content-box,.cs-donation-sticky,.cs-support-card,.cs-support-trust,.cs-card,.cs-payment-card,.cs-receipt,.cs-account-section,.cs-account-auth,.cs-account-stats>div,.cs-impact-public article{border-color:var(--cs-border);box-shadow:var(--cs-shadow-sm);border-radius:var(--cs-radius-lg)}
.cs-admin-panel,.cs-form-section,.cs-stat,.cs-access-card,.cs-content-box,.cs-donation-sticky,.cs-support-card,.cs-support-trust,.cs-card,.cs-payment-card,.cs-receipt,.cs-account-section,.cs-account-auth,.cs-impact-public article{background:var(--cs-surface)}
.cs-admin-head h1,.cs-admin-panel h2,.cs-form-section h2,.cs-section-title span,.cs-card h3,.cs-account-section-title h3{color:var(--cs-text);letter-spacing:-.2px}
.cs-admin-head p,.cs-stat span,.cs-stat small,.cs-admin-panel .description,.cs-form small,.cs-muted,.cs-secure,.cs-stats span,.cs-card-foot span{color:var(--cs-muted)}
.cs-btn,.cs-primary-action,.cs-welcome-primary{background:var(--cs-primary);border-color:var(--cs-primary);border-radius:var(--cs-radius-sm);box-shadow:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.cs-btn:hover,.cs-primary-action:hover,.cs-welcome-primary:hover{background:var(--cs-primary-hover);border-color:var(--cs-primary-hover);transform:translateY(-1px)}
.cs-btn:focus-visible,.cs-preset:focus-visible,.cs-account a:focus-visible,.cs-campaign-grid a:focus-visible,.cs-support-page a:focus-visible,.cs-wrap button:focus-visible,.cs-wrap a:focus-visible{outline:2px solid var(--cs-primary);outline-offset:2px;box-shadow:var(--cs-focus)}
.cs-wrap input:not([type=checkbox]):not([type=radio]):not([type=submit]),.cs-wrap select,.cs-wrap textarea,.cs-donate-form input,.cs-campaign-filters input,.cs-campaign-filters select,.cs-account-form input{border:1px solid #cbd5e1;border-radius:var(--cs-radius-sm);min-height:42px;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}
.cs-wrap input:focus,.cs-wrap select:focus,.cs-wrap textarea:focus,.cs-donate-form input:focus,.cs-campaign-filters input:focus,.cs-campaign-filters select:focus,.cs-account-form input:focus{border-color:#a78bfa;outline:0;box-shadow:var(--cs-focus)}
.cs-table-wrap,.cs-account-table-wrap{border:1px solid var(--cs-border);border-radius:var(--cs-radius-md);overflow:auto}
.cs-table th,.cs-account-table th{background:var(--cs-canvas);color:#475569}
.cs-table tbody tr:hover,.cs-account-table tbody tr:hover{background:#faf8ff}
.cs-mini-progress i,.cs-progress span,.cs-progress-large span{background:var(--cs-primary)}
.cs-cat,.cs-percent,.cs-account-link,.cs-account-auth-link a{color:var(--cs-primary)}
.cs-preset{border-color:var(--cs-border);border-radius:var(--cs-radius-sm);color:var(--cs-text);transition:all .15s ease}
.cs-preset.active,.cs-preset:hover{border-color:var(--cs-primary);background:var(--cs-primary-soft);color:var(--cs-primary)}
.cs-status,.cs-status-badge,.cs-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;font-weight:700;line-height:1.5}
.cs-status-paid,.cs-status-badge.is-ok{background:var(--cs-success-bg);color:var(--cs-success);border-color:#bbf7d0}
.cs-status-pending,.cs-status-badge.is-warn{background:var(--cs-warning-bg);color:var(--cs-warning);border-color:#fde68a}
.cs-status-failed,.cs-status-cancelled{background:var(--cs-danger-bg);color:var(--cs-danger);border-color:#fecaca}
.cs-status-request{background:var(--cs-primary-soft);color:var(--cs-primary);border-color:var(--cs-primary-border)}
.cs-empty,.cs-account-empty,.cs-account-notice{background:var(--cs-canvas);border-color:var(--cs-border);border-radius:var(--cs-radius-lg)}
.cs-account-head{border-radius:var(--cs-radius-xl);box-shadow:var(--cs-shadow-md)}
.cs-account-nav a{border-radius:var(--cs-radius-md)}
.cs-support-hero,.cs-hero{border-radius:var(--cs-radius-xl)}
.cs-support-grid,.cs-single-layout{gap:var(--cs-space-5)}
.cs-support-side .cs-donate-box{border-radius:var(--cs-radius-lg);box-shadow:var(--cs-shadow-md)}
.cs-payment-page{background:var(--cs-canvas)}
.cs-payment-card{border-radius:var(--cs-radius-xl);box-shadow:var(--cs-shadow-md)}
@media(max-width:782px){.cs-admin-panel,.cs-form-section,.cs-support-card,.cs-support-side .cs-donate-box,.cs-account-section{padding:18px}}
@media(prefers-reduced-motion:reduce){.cs-btn,.cs-card,.cs-preset,.cs-account-nav a,.cs-account-stats>div{transition:none!important;transform:none!important}}

/* Kheyrad 1.6.0 — explicit admin visual layer. Scoped selectors intentionally
   override legacy hard-coded colors in admin.css and WordPress button styles. */
body.cs-modern-admin #wpcontent,
body.toplevel_page_cs-dashboard #wpcontent{background:#f5f6fb!important}
body.cs-modern-admin .cs-wrap{color:#182235!important;font-family:inherit}
body.cs-modern-admin .cs-main{background:#f5f6fb!important}
body.cs-modern-admin .cs-sidebar{background:#17132b!important;border-left:1px solid #30264c}
body.cs-modern-admin .cs-brand-mark{background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important}
body.cs-modern-admin .cs-side-link.is-active{background:linear-gradient(90deg,rgba(124,58,237,.32),rgba(124,58,237,.12))!important;box-shadow:inset -3px 0 0 #a78bfa!important}
body.cs-modern-admin .cs-primary-action,
body.cs-modern-admin .cs-wrap .button-primary,
body.cs-modern-admin .cs-wrap button.button-primary,
body.cs-modern-admin .cs-global-search button{background:#6d28d9!important;border-color:#6d28d9!important;color:#fff!important;box-shadow:0 4px 12px rgba(109,40,217,.16)!important}
body.cs-modern-admin .cs-primary-action:hover,
body.cs-modern-admin .cs-wrap .button-primary:hover,
body.cs-modern-admin .cs-wrap button.button-primary:hover,
body.cs-modern-admin .cs-global-search button:hover{background:#5b21b6!important;border-color:#5b21b6!important;color:#fff!important}
body.cs-modern-admin .cs-top-add{background:#f1ebff!important;color:#5b21b6!important}
body.cs-modern-admin .cs-stat,
body.cs-modern-admin .cs-admin-panel,
body.cs-modern-admin .cs-form-section,
body.cs-modern-admin .cs-access-card,
body.cs-modern-admin .cs-table-wrap{background:#fff!important;border-color:#e5e1f0!important;box-shadow:0 5px 22px rgba(31,24,54,.055)!important}
body.cs-modern-admin .cs-stat:after{background:#f1ebff!important}
body.cs-modern-admin .cs-stat b{color:#251c3d!important}
body.cs-modern-admin .cs-panel-head a,
body.cs-modern-admin .cs-wrap a:not(.button):not(.cs-side-link):not(.cs-top-add):not(.cs-back-dashboard){color:#6d28d9}
body.cs-modern-admin .cs-table thead th,
body.cs-modern-admin .cs-table th{background:#f5f2fb!important;color:#514767!important}
body.cs-modern-admin .cs-table tbody tr:hover{background:#faf7ff!important}
body.cs-modern-admin .cs-wrap input:focus,
body.cs-modern-admin .cs-wrap select:focus,
body.cs-modern-admin .cs-wrap textarea:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px rgba(109,40,217,.13)!important;outline:0!important}
body.cs-modern-admin .cs-workflow span{background:#f4f0ff!important;border-color:#e5dcff!important;color:#5b21b6!important}
body.cs-modern-admin .cs-recent-icon{background:#f1ebff!important;color:#6d28d9!important}
body.cs-modern-admin .cs-dashboard-empty{background:#f7f7fb!important;border:1px dashed #ded9eb!important;color:#746b86!important}
body.cs-modern-admin .cs-version-badge{background:#f1ebff!important;border-color:#e3d8ff!important;color:#5b21b6!important}
body.cs-modern-admin .cs-wrap .notice{border-radius:12px!important}
@media(max-width:780px){body.cs-modern-admin .cs-main{padding-right:14px!important;padding-left:14px!important}}

/* ---- Public visual refinements ---- */
/* Front-end campaign visual refresh.
 * Scoped to public campaign cards and campaign detail/donation UI only.
 * Elementor templates and admin styles are intentionally not targeted.
 */
.cs-campaign-grid,
.cs-support-page {
  --cs-brand: #20b5ce;
  --cs-brand-hover: #119bb4;
  --cs-brand-soft: #eaf9fc;
  --cs-ink: #19344d;
  --cs-muted-ui: #6b7c8f;
  --cs-line: #e6edf2;
  --cs-warm: #ff8638;
  color: var(--cs-ink);
}

/* Campaign cards */
.cs-campaign-grid {
  align-items: stretch;
  gap: clamp(14px, 1.7vw, 22px);
}
.cs-campaign-grid .cs-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--cs-line) !important;
  border-radius: 22px !important;
  background: #fff;
  box-shadow: 0 8px 28px rgba(25, 52, 77, .075) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.cs-campaign-grid .cs-card:hover {
  transform: translateY(-4px);
  border-color: #bdebf3 !important;
  box-shadow: 0 18px 38px rgba(25, 52, 77, .12) !important;
}
.cs-card-media {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #edf6f8;
}
.cs-campaign-grid .cs-img {
  display: block;
  width: 100%;
  height: clamp(158px, 15.5vw, 205px);
  margin: 0;
  object-fit: cover;
  transition: transform .45s ease;
}
.cs-campaign-grid .cs-card:hover .cs-img { transform: scale(1.035); }
.cs-campaign-grid .cs-img.cs-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 48px;
  background: radial-gradient(circle at 20% 20%, #72d9e8, transparent 48%), linear-gradient(135deg, #147f9a, #20b5ce);
}
.cs-card-overlays {
  position: absolute;
  inset: 12px 12px auto;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  pointer-events: none;
}
.cs-card-state,
.cs-campaign-grid .cs-card .cs-badge {
  display: inline-flex;
  align-items: center;
  float: none;
  min-height: 27px;
  max-width: 70%;
  padding: 5px 10px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 999px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size: 11px;
  line-height: 1.4;
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(10, 30, 45, .08);
}
.cs-card-state {
  color: #12697a;
  background: rgba(239, 252, 254, .94);
}
.cs-campaign-grid .cs-card .cs-badge {
  color: #9a3b08;
  background: rgba(255, 245, 235, .96);
}
.cs-campaign-grid .cs-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  padding: 17px 17px 15px;
}
.cs-card-kicker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 22px;
  margin-bottom: 5px;
}
.cs-campaign-grid .cs-cat {
  display: inline-flex;
  align-items: center;
  color: #168da4;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.5;
}
.cs-campaign-grid .cs-card h3 {
  display: -webkit-box;
  overflow: hidden;
  margin: 2px 0 7px;
  color: var(--cs-ink);
  font-size: clamp(15px, 1.2vw, 18px);
  font-weight: 850;
  line-height: 1.75;
  letter-spacing: -.2px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.cs-campaign-grid .cs-card p {
  display: -webkit-box;
  overflow: hidden;
  min-height: 0;
  margin: 0 0 14px;
  color: var(--cs-muted-ui);
  font-size: 12px;
  line-height: 1.9;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.cs-card-progress-block { margin-top: auto; }
.cs-card-progress-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
  color: var(--cs-muted-ui);
  font-size: 11px;
}
.cs-card-progress-head b {
  color: #168da4;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
.cs-campaign-grid .cs-progress {
  height: 7px;
  overflow: hidden;
  border-radius: 99px;
  background: #eaf0f3;
}
.cs-campaign-grid .cs-progress span {
  display: block;
  height: 100%;
  min-width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #20b5ce, #70d8e7) !important;
}
.cs-card-money {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 9px;
  margin-top: 13px;
  padding: 11px 12px;
  border: 1px solid #eef3f6;
  border-radius: 13px;
  background: #f8fbfc;
}
.cs-card-money-item { min-width: 0; }
.cs-card-money-item small {
  display: block;
  margin-bottom: 4px;
  color: var(--cs-muted-ui);
  font-size: 10px;
  line-height: 1.5;
}
.cs-card-money-item b {
  display: block;
  overflow-wrap: anywhere;
  color: var(--cs-ink);
  font-size: clamp(11px, .9vw, 13px);
  font-weight: 850;
  line-height: 1.65;
  font-variant-numeric: tabular-nums;
}
.cs-card-raised b { color: #128ca3; }
.cs-card-money-item em { color: var(--cs-muted-ui); font-size: 10px; font-style: normal; font-weight: 600; }
.cs-campaign-grid .cs-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  margin-top: 13px;
  padding-top: 12px;
  border-top: 1px solid #eef2f5;
}
.cs-campaign-grid .cs-card-supporters {
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  gap: 5px;
  min-width: 0;
  color: #7a8796;
  font-size: 11px;
  white-space: nowrap;
}
.cs-campaign-grid .cs-card-supporters span { color: var(--cs-warm); font-size: 17px; line-height: 1; }
.cs-campaign-grid .cs-card .cs-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 8px;
  min-height: 41px;
  max-width: 68%;
  padding: 9px 12px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #20b5ce, #159bb5) !important;
  box-shadow: 0 7px 16px rgba(32, 181, 206, .2) !important;
  color: #fff !important;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.4;
  text-align: center;
  text-decoration: none !important;
  white-space: normal;
}
.cs-campaign-grid .cs-card .cs-btn:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #159bb5, #117d96) !important;
}
.cs-card-arrow { flex: 0 0 auto; font-size: 16px; }
.cs-campaign-grid .cs-card .cs-btn:focus-visible,
.cs-support-page .cs-btn:focus-visible,
.cs-support-page .cs-preset:focus-visible {
  outline: 3px solid rgba(32, 181, 206, .35);
  outline-offset: 3px;
}
.cs-campaign-grid .cs-empty {
  grid-column: 1 / -1;
  border: 1px dashed #d7e5eb;
  background: #f8fcfd;
  border-radius: 18px;
}

/* Campaign detail page */
.cs-support-page {
  max-width: 1240px;
  margin: 0 auto;
  color: var(--cs-ink);
}
.cs-support-page .cs-support-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--cs-line);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 15px 42px rgba(25, 52, 77, .08);
}
.cs-support-page .cs-support-hero:after { display: none; }
.cs-support-page .cs-support-media {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  gap: 9px;
  min-width: 0;
  padding: 13px;
  background: #f5fafb;
}
.cs-support-page .cs-support-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 330px;
  max-height: 420px;
  border-radius: 19px;
  object-fit: cover;
}
.cs-support-page .cs-support-media .cs-placeholder {
  min-height: 330px;
  background: linear-gradient(135deg, #168da4, #20b5ce);
  border-radius: 19px;
}
.cs-support-page .cs-support-gallery { margin: 0; padding-bottom: 1px; }
.cs-support-page .cs-gallery-thumb {
  flex: 0 0 58px;
  width: 58px !important;
  height: 58px !important;
  border: 2px solid #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(25, 52, 77, .1);
}
.cs-support-page .cs-support-hero-content {
  position: static;
  z-index: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-column: 2;
  grid-row: 1;
  width: auto;
  max-width: none;
  padding: clamp(24px, 3vw, 42px);
  color: var(--cs-ink);
}
.cs-support-page .cs-support-badges span {
  border: 1px solid #c9eef4;
  background: var(--cs-brand-soft);
  color: #147f96;
  font-weight: 800;
}
.cs-support-page .cs-support-badges b {
  border: 0;
  background: #fff0e5;
  color: #a44812;
}
.cs-support-page .cs-support-hero h1 {
  margin: 14px 0 8px;
  color: var(--cs-ink);
  font-size: clamp(25px, 2.3vw, 35px);
  font-weight: 900;
  line-height: 1.55;
  letter-spacing: -.45px;
}
.cs-support-page .cs-support-hero p {
  color: #63778a;
  font-size: 14px;
  line-height: 2.1;
  opacity: 1;
}
.cs-support-page .cs-support-location {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 13px;
  margin-top: 18px;
  color: #60778a;
  font-size: 12px;
  opacity: 1;
}
.cs-support-page .cs-support-location span {
  margin: 0;
  padding-right: 12px;
  border-right: 1px solid #e2ebef;
}
.cs-support-page .cs-support-grid {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
  align-items: start;
  gap: 22px;
  margin-top: 20px;
}
.cs-support-page .cs-support-grid main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.cs-support-page .cs-support-card,
.cs-support-page .cs-support-trust,
.cs-support-page .cs-support-side .cs-donate-box {
  border: 1px solid var(--cs-line) !important;
  border-radius: 21px !important;
  background: #fff;
  box-shadow: 0 8px 28px rgba(25, 52, 77, .055) !important;
}
.cs-support-page .cs-support-card { padding: clamp(18px, 2.2vw, 26px); }
.cs-support-page .cs-progress-card { padding: 24px; }
.cs-support-page .cs-progress-top { align-items: center; }
.cs-support-page .cs-progress-top strong {
  color: var(--cs-ink);
  font-size: clamp(24px, 2vw, 31px);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}
.cs-support-page .cs-target b { color: #168da4; font-size: 15px; }
.cs-support-page .cs-progress-large {
  height: 10px;
  margin: 18px 0 12px;
  background: #eaf1f4;
}
.cs-support-page .cs-progress-large span {
  background: linear-gradient(90deg, #20b5ce, #72d9e8) !important;
}
.cs-support-page .cs-progress-bottom b { color: #168da4; }
.cs-support-page .cs-section-title { border-color: #edf2f5; }
.cs-support-page .cs-section-title span { color: var(--cs-ink); font-size: 19px; font-weight: 900; }
.cs-support-page .cs-section-title small { color: #8391a0; font-size: 12px; }
.cs-support-page .cs-content { color: #40566a; font-size: 14px; line-height: 2.2; overflow-wrap: anywhere; }
.cs-support-page .cs-support-side { position: sticky; top: 22px; }
.cs-support-page .cs-support-side .cs-donate-box { margin: 0; padding: 22px; }
.cs-support-page .cs-donate-title { margin-bottom: 14px; color: var(--cs-ink); font-size: 19px; font-weight: 900; }
.cs-support-page .cs-presets { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.cs-support-page .cs-preset {
  min-width: 0;
  min-height: 47px;
  padding: 9px 6px;
  border: 1px solid #dfe9ed !important;
  border-radius: 12px;
  background: #fff;
  color: #435b6e;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.cs-support-page .cs-preset.active,
.cs-support-page .cs-preset:hover {
  border-color: var(--cs-brand) !important;
  background: var(--cs-brand-soft) !important;
  color: #127b91;
  box-shadow: 0 5px 14px rgba(32, 181, 206, .1);
}
.cs-support-page .cs-donate-form label {
  margin-top: 13px;
  color: #344d61;
  font-size: 12px;
  font-weight: 800;
}
.cs-support-page .cs-donate-form input:not([type="checkbox"]):not([type="radio"]) {
  width: 100%;
  min-height: 45px;
  margin-top: 6px;
  padding: 10px 12px;
  border: 1px solid #d9e4e9;
  border-radius: 12px !important;
  background: #fff;
  color: var(--cs-ink);
  box-sizing: border-box;
  box-shadow: none;
}
.cs-support-page .cs-donate-form input:focus {
  border-color: var(--cs-brand) !important;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(32, 181, 206, .14) !important;
}
.cs-support-page .cs-donate-form .cs-check {
  display: flex !important;
  align-items: center;
  gap: 8px;
  line-height: 1.8;
}
.cs-support-page .cs-donate-form .cs-check input {
  flex: 0 0 auto;
  width: 16px;
  min-height: 16px;
  margin: 0;
  accent-color: var(--cs-brand);
}
.cs-support-page .cs-donate-form .cs-btn,
.cs-support-page .cs-mobile-donate {
  background: linear-gradient(135deg, #20b5ce, #159bb5) !important;
  box-shadow: 0 9px 21px rgba(32, 181, 206, .22) !important;
  color: #fff !important;
}
.cs-support-page .cs-donate-form .cs-btn {
  min-height: 49px;
  margin-top: 15px;
  border-radius: 13px;
  font-size: 14px;
  font-weight: 900;
}
.cs-support-page .cs-donate-form .cs-btn:hover { background: linear-gradient(135deg, #159bb5, #117d96) !important; }
.cs-support-page .cs-secure { display: block; margin-top: 12px; color: #7c8d9b; font-size: 11px; line-height: 1.8; }
.cs-support-page .cs-support-trust {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 12px;
}
.cs-support-page .cs-support-trust > div {
  border: 1px solid #edf3f5;
  border-radius: 14px;
  background: #f9fcfd;
  color: var(--cs-brand);
  padding: 14px;
}
.cs-support-page .cs-support-trust b { color: var(--cs-ink); font-size: 12px; }
.cs-support-page .cs-support-trust small { color: #748594; font-size: 11px; line-height: 1.8; }
.cs-support-page .cs-support-remaining {
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 17px;
  background: linear-gradient(135deg, #19344d, #254e68);
  box-shadow: 0 10px 25px rgba(25, 52, 77, .13);
}
.cs-support-page .cs-support-remaining b { color: #fff; font-variant-numeric: tabular-nums; }
.cs-support-page .cs-mobile-donate { border-radius: 14px; }

@media (max-width: 1000px) {
  .cs-campaign-grid.cs-columns-4,
  .cs-campaign-grid.cs-columns-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cs-support-page .cs-support-grid { grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); gap: 16px; }
  .cs-support-page .cs-support-hero-content { padding: 24px; }
  .cs-support-page .cs-support-image { min-height: 300px; }
}
@media (max-width: 760px) {
  .cs-support-page { padding: 0 8px; }
  .cs-support-page .cs-support-hero { grid-template-columns: minmax(0, 1fr); border-radius: 22px; }
  .cs-support-page .cs-support-media { grid-column: 1; grid-row: 1; padding: 10px 10px 0; }
  .cs-support-page .cs-support-image,
  .cs-support-page .cs-support-media .cs-placeholder { min-height: 0; height: clamp(220px, 58vw, 330px); max-height: none; border-radius: 16px; }
  .cs-support-page .cs-support-hero-content { grid-column: 1; grid-row: 2; padding: 22px 20px 24px; }
  .cs-support-page .cs-support-hero h1 { margin-top: 10px; font-size: 25px; }
  .cs-support-page .cs-support-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 14px; }
  .cs-support-page .cs-support-side { position: static; grid-row: 1; }
  .cs-support-page .cs-support-grid main { grid-row: 2; }
  .cs-support-page .cs-support-side .cs-donate-box { padding: 19px; }
  .cs-support-page .cs-progress-top { flex-direction: row; align-items: center; }
  .cs-support-page .cs-support-trust { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cs-support-page .cs-support-trust > div { padding: 10px 8px; }
  .cs-support-page .cs-support-trust b { font-size: 11px; }
  .cs-support-page .cs-support-trust small { font-size: 10px; }
}
@media (max-width: 560px) {
  .cs-campaign-grid.cs-columns-2,
  .cs-campaign-grid.cs-columns-3,
  .cs-campaign-grid.cs-columns-4 { grid-template-columns: minmax(0, 1fr); }
  .cs-campaign-grid .cs-img { height: 205px; }
  .cs-campaign-grid .cs-card-body { padding: 16px; }
  .cs-campaign-grid .cs-card h3 { font-size: 17px; }
  .cs-campaign-grid .cs-card-money-item b { font-size: 13px; }
  .cs-support-page .cs-support-trust { grid-template-columns: minmax(0, 1fr); }
  .cs-support-page .cs-support-trust > div { display: grid; grid-template-columns: 24px minmax(0,1fr); align-items: start; gap: 0 6px; }
  .cs-support-page .cs-support-trust b,
  .cs-support-page .cs-support-trust small { grid-column: 2; }
  .cs-support-page .cs-progress-top { align-items: flex-start; }
  .cs-support-page .cs-progress-top strong { font-size: 23px; }
  .cs-support-page .cs-presets { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .cs-campaign-grid .cs-card,
  .cs-campaign-grid .cs-img,
  .cs-campaign-grid .cs-card .cs-btn,
  .cs-support-page .cs-preset { transition: none !important; }
  .cs-campaign-grid .cs-card:hover,
  .cs-campaign-grid .cs-card:hover .cs-img { transform: none !important; }
}

/* Kheyrad Elementor campaign widget: compact, polished card layout.
 * Scoped to the Elementor campaigns widget so other shortcode outputs stay unchanged.
 */
.cs-elementor-campaigns .cs-campaign-grid .cs-card {
  border-radius: 20px !important;
  border-color: #e5edf0 !important;
  box-shadow: 0 9px 26px rgba(25, 52, 77, .075) !important;
}
.cs-elementor-campaigns .cs-campaign-grid .cs-card:hover {
  border-color: #bfeaf0 !important;
  box-shadow: 0 15px 32px rgba(25, 52, 77, .12) !important;
}
.cs-elementor-campaigns .cs-campaign-grid .cs-card-body {
  padding: 15px 15px 14px;
}
/* Hide only the excerpt shown inside Elementor campaign cards; keep full detail text intact. */
.cs-elementor-campaigns .cs-campaign-grid .cs-card-body > p {
  display: none !important;
}
.cs-elementor-campaigns .cs-campaign-grid .cs-card-kicker {
  min-height: 0;
  margin-bottom: 3px;
}
.cs-elementor-campaigns .cs-campaign-grid .cs-card h3 {
  margin: 4px 0 10px;
  line-height: 1.7;
}
.cs-elementor-campaigns .cs-campaign-grid .cs-card-progress-block {
  margin-top: auto;
  padding-top: 2px;
}
.cs-elementor-campaigns .cs-campaign-grid .cs-card-progress-head {
  margin-bottom: 8px;
}
.cs-elementor-campaigns .cs-campaign-grid .cs-card .cs-progress {
  height: 7px;
  background: #edf2f4;
}
.cs-elementor-campaigns .cs-campaign-grid .cs-card-money {
  gap: 8px;
  margin-top: 12px;
  padding: 11px 12px;
  border-color: #edf2f4;
  border-radius: 15px;
  background: linear-gradient(135deg, #fbfdfd 0%, #f5fafb 100%);
}
.cs-elementor-campaigns .cs-campaign-grid .cs-card-money-item small {
  margin-bottom: 4px;
  line-height: 1.6;
}
.cs-elementor-campaigns .cs-campaign-grid .cs-card-foot {
  gap: 8px;
  margin-top: 12px;
  padding-top: 11px;
}
.cs-elementor-campaigns .cs-campaign-grid .cs-card .cs-btn {
  min-height: 42px;
  border-radius: 12px;
  box-shadow: 0 7px 16px rgba(32, 181, 206, .20) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.cs-elementor-campaigns .cs-campaign-grid .cs-card .cs-btn:hover {
  transform: translateY(-1px);
  filter: brightness(.98);
  box-shadow: 0 10px 20px rgba(32, 181, 206, .24) !important;
}
.cs-elementor-campaigns .cs-campaign-grid .cs-card .cs-btn:focus-visible {
  outline: 3px solid rgba(32, 181, 206, .32);
  outline-offset: 3px;
}
@media (max-width: 767px) {
  .cs-elementor-campaigns .cs-campaign-grid .cs-card-body {
    padding: 14px 14px 13px;
  }
  .cs-elementor-campaigns .cs-campaign-grid .cs-card h3 {
    margin-bottom: 9px;
    font-size: 17px;
  }
  .cs-elementor-campaigns .cs-campaign-grid .cs-card-money {
    padding: 10px;
  }
}

/* ---- Compact campaign detail styles ---- */
/* Compact campaign detail and single donation form.
 * Deliberately scoped: the campaign list, Elementor widgets and admin UI keep their existing styling.
 */
.cs-support-page.cs-support-page-compact {
  --cs-compact-ink: #19344d;
  --cs-compact-brand: #20b5ce;
  --cs-compact-line: #e4edf1;
  direction: rtl;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 4px;
  color: var(--cs-compact-ink);
}
.cs-support-page-compact *,
.cs-support-page-compact *::before,
.cs-support-page-compact *::after { box-sizing: border-box; }
.cs-support-page-compact .cs-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 378px);
  grid-template-areas: "hero donate" "progress donate" "story story";
  align-items: start;
  gap: 12px 16px;
}
.cs-support-page-compact .cs-compact-hero {
  grid-area: hero;
  display: grid;
  grid-template-columns: minmax(210px, 36%) minmax(0, 1fr);
  min-height: 224px;
  overflow: hidden;
  border: 1px solid var(--cs-compact-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(25, 52, 77, .055);
}
.cs-support-page-compact .cs-support-media {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 9px;
  background: #f3f8fa;
}
.cs-support-page-compact .cs-support-image,
.cs-support-page-compact .cs-support-media .cs-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 205px;
  max-height: 258px;
  border-radius: 14px;
  object-fit: cover;
}
.cs-support-page-compact .cs-support-media .cs-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #178ca3, #20b5ce);
  color: #fff;
  font-size: 44px;
}
.cs-support-page-compact .cs-support-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0;
}
.cs-support-page-compact .cs-gallery-thumb {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px;
  border: 1px solid #fff;
  border-radius: 8px;
  object-fit: cover;
}
.cs-support-page-compact .cs-support-hero-content {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  max-width: none;
  padding: 15px 17px;
  color: var(--cs-compact-ink);
}
.cs-support-page-compact .cs-support-badges { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.cs-support-page-compact .cs-support-badges span,
.cs-support-page-compact .cs-support-badges b {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border: 1px solid #cceef4;
  border-radius: 999px;
  background: #eaf9fc;
  color: #147f96;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.5;
}
.cs-support-page-compact .cs-support-badges b { border-color: #ffe1cf; background: #fff2e9; color: #a44812; }
.cs-support-page-compact .cs-support-hero h1 {
  margin: 8px 0 5px;
  color: var(--cs-compact-ink);
  font-size: clamp(19px, 1.8vw, 25px);
  font-weight: 900;
  line-height: 1.55;
  letter-spacing: -.25px;
}
.cs-support-page-compact .cs-support-hero p {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  color: #63778a;
  font-size: 12px;
  line-height: 1.85;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.cs-support-page-compact .cs-support-location {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin-top: 8px;
  color: #718394;
  font-size: 10px;
  line-height: 1.6;
}
.cs-support-page-compact .cs-support-location span { margin: 0; padding: 0; border: 0; }
.cs-support-page-compact .cs-support-side { grid-area: donate; position: static; min-width: 0; }
.cs-support-page-compact .cs-support-side .cs-donate-box,
.cs-support-page-compact .cs-campaign-closed {
  margin: 0;
  padding: 15px;
  border: 1px solid var(--cs-compact-line) !important;
  border-radius: 19px !important;
  background: #fff;
  box-shadow: 0 8px 25px rgba(25, 52, 77, .06) !important;
}
.cs-support-page-compact .cs-donate-title {
  margin: 0 0 10px;
  color: var(--cs-compact-ink);
  font-size: 16px;
  font-weight: 900;
  line-height: 1.5;
}
.cs-support-page-compact .cs-presets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 0 0 8px;
}
.cs-support-page-compact .cs-preset {
  min-width: 0;
  min-height: 36px;
  padding: 6px 4px;
  border: 1px solid #dfe9ed !important;
  border-radius: 10px;
  background: #fff;
  color: #435b6e;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.45;
  cursor: pointer;
  box-shadow: none;
}
.cs-support-page-compact .cs-preset.active,
.cs-support-page-compact .cs-preset:hover {
  border-color: var(--cs-compact-brand) !important;
  background: #e9f8fc !important;
  color: #127b91;
}
.cs-support-page-compact .cs-donate-form { margin: 0; }
.cs-support-page-compact .cs-donate-form label {
  display: block;
  margin: 7px 0 0;
  color: #344d61;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.5;
}
.cs-support-page-compact .cs-donate-form label span { color: #8292a0; font-weight: 500; }
.cs-support-page-compact .cs-donate-form input:not([type="checkbox"]):not([type="radio"]) {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  height: 38px;
  margin: 4px 0 0;
  padding: 7px 10px;
  border: 1px solid #d9e4e9;
  border-radius: 10px !important;
  background: #fff;
  color: var(--cs-compact-ink);
  font-size: 12px;
  box-shadow: none;
}
.cs-support-page-compact .cs-donate-form input:focus {
  border-color: var(--cs-compact-brand) !important;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(32, 181, 206, .13) !important;
}
.cs-support-page-compact .cs-donate-form .cs-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}
.cs-support-page-compact .cs-donate-form .cs-form-grid label { min-width: 0; }
.cs-support-page-compact .cs-donate-extra { margin-top: 8px; border-top: 1px solid #edf2f5; }
.cs-support-page-compact .cs-donate-extra summary {
  padding: 8px 0 3px;
  color: #65798a;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}
.cs-support-page-compact .cs-donate-extra summary span { color: #8594a1; font-weight: 500; }
.cs-support-page-compact .cs-donate-extra[open] { padding-bottom: 2px; }
.cs-support-page-compact .cs-donate-form .cs-check {
  display: flex !important;
  align-items: center;
  gap: 7px;
  margin-top: 8px;
  line-height: 1.6;
}
.cs-support-page-compact .cs-donate-form .cs-check input {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  min-height: 15px;
  margin: 0;
  accent-color: var(--cs-compact-brand);
}
.cs-support-page-compact .cs-donate-form .cs-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  margin: 10px 0 0;
  padding: 10px 14px;
  border: 0;
  border-radius: 11px;
  background: linear-gradient(135deg, #20b5ce, #159bb5) !important;
  color: #fff !important;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 7px 17px rgba(32, 181, 206, .2) !important;
  cursor: pointer;
}
.cs-support-page-compact .cs-donate-form .cs-btn:disabled { opacity: .65; cursor: wait; }
.cs-support-page-compact .cs-donate-form .cs-secure {
  display: block;
  margin-top: 6px;
  color: #7c8d9b;
  font-size: 10px;
  line-height: 1.6;
  text-align: center;
}
.cs-support-page-compact .cs-donate-form .cs-message { margin-top: 5px; font-size: 11px; }
.cs-support-page-compact .cs-compact-progress {
  grid-area: progress;
  margin: 0;
  padding: 13px 15px;
  border: 1px solid var(--cs-compact-line) !important;
  border-radius: 16px !important;
  background: #fff;
  box-shadow: 0 5px 16px rgba(25, 52, 77, .035) !important;
}
.cs-support-page-compact .cs-compact-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}
.cs-support-page-compact .cs-compact-metrics > div { min-width: 0; }
.cs-support-page-compact .cs-compact-metrics small {
  display: block;
  margin-bottom: 3px;
  color: #75889a;
  font-size: 10px;
  line-height: 1.5;
}
.cs-support-page-compact .cs-compact-metrics strong {
  display: block;
  overflow-wrap: anywhere;
  color: var(--cs-compact-ink);
  font-size: clamp(12px, 1.2vw, 17px);
  font-weight: 900;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
}
.cs-support-page-compact .cs-compact-metrics em { font-size: 9px; font-style: normal; font-weight: 600; color: #6e8191; }
.cs-support-page-compact .cs-progress-large { height: 7px; margin: 10px 0 6px; border-radius: 99px; background: #eaf1f4; overflow: hidden; }
.cs-support-page-compact .cs-progress-large span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #20b5ce, #72d9e8) !important; }
.cs-support-page-compact .cs-progress-bottom { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; color: #708394; font-size: 10px; }
.cs-support-page-compact .cs-progress-bottom b { color: #168da4; }
.cs-support-page-compact .cs-detail-story {
  grid-area: story;
  margin: 0;
  padding: 0 14px;
  border: 1px solid var(--cs-compact-line) !important;
  border-radius: 14px !important;
  background: #fff;
  box-shadow: none !important;
}
.cs-support-page-compact .cs-detail-story summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  color: var(--cs-compact-ink);
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
  list-style-position: inside;
}
.cs-support-page-compact .cs-detail-story summary small { color: #8393a0; font-size: 10px; font-weight: 500; }
.cs-support-page-compact .cs-detail-story .cs-content { padding: 0 0 12px; color: #40566a; font-size: 12px; line-height: 1.9; }
.cs-support-page-compact .cs-detail-story .cs-content p { margin: 6px 0; }
.cs-support-page-compact .cs-compact-trust { display: flex; flex-wrap: wrap; gap: 7px; padding: 0 0 12px; }
.cs-support-page-compact .cs-compact-trust span { padding: 5px 8px; border-radius: 8px; background: #f3f9fa; color: #587083; font-size: 10px; }
.cs-support-page-compact .cs-campaign-closed { color: var(--cs-compact-ink); line-height: 1.8; }
.cs-support-page-compact .cs-campaign-closed p { margin: 6px 0 0; color: #708394; font-size: 12px; }
.cs-support-page-compact .cs-mobile-donate { display: none; }
@media (max-width: 900px) {
  .cs-support-page.cs-support-page-compact .cs-detail-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "hero" "donate" "progress" "story";
    gap: 10px;
  }
  .cs-support-page-compact .cs-compact-hero { grid-template-columns: minmax(180px, 32%) minmax(0, 1fr); min-height: 190px; }
  .cs-support-page-compact .cs-support-image,
  .cs-support-page-compact .cs-support-media .cs-placeholder { min-height: 170px; max-height: 220px; }
  .cs-support-page-compact .cs-support-side .cs-donate-box { padding: 13px 14px; }
  .cs-support-page-compact .cs-donate-title { margin-bottom: 7px; }
  .cs-support-page-compact .cs-donate-form label { margin-top: 5px; }
  .cs-support-page-compact .cs-donate-form input:not([type="checkbox"]):not([type="radio"]) { min-height: 35px; height: 35px; }
  .cs-support-page-compact .cs-donate-form .cs-btn { min-height: 42px; margin-top: 7px; }
}
@media (max-width: 560px) {
  .cs-support-page.cs-support-page-compact { padding: 0 3px; }
  .cs-support-page-compact .cs-compact-hero { grid-template-columns: 104px minmax(0, 1fr); min-height: 132px; border-radius: 15px; }
  .cs-support-page-compact .cs-support-media { gap: 4px; padding: 6px; }
  .cs-support-page-compact .cs-support-image,
  .cs-support-page-compact .cs-support-media .cs-placeholder { height: 118px; min-height: 118px; max-height: 118px; border-radius: 10px; }
  .cs-support-page-compact .cs-support-media .cs-placeholder { font-size: 28px; }
  .cs-support-page-compact .cs-support-gallery { display: none; }
  .cs-support-page-compact .cs-support-hero-content { padding: 8px 8px 8px 7px; }
  .cs-support-page-compact .cs-support-badges span,
  .cs-support-page-compact .cs-support-badges b { padding: 2px 6px; font-size: 9px; }
  .cs-support-page-compact .cs-support-hero h1 { margin: 5px 0 3px; font-size: 16px; line-height: 1.5; }
  .cs-support-page-compact .cs-support-hero p { font-size: 10px; line-height: 1.65; -webkit-line-clamp: 2; }
  .cs-support-page-compact .cs-support-location { margin-top: 5px; gap: 2px 5px; font-size: 9px; }
  .cs-support-page-compact .cs-support-side .cs-donate-box { padding: 11px; border-radius: 15px !important; }
  .cs-support-page-compact .cs-donate-title { font-size: 14px; }
  .cs-support-page-compact .cs-presets { gap: 5px; margin-bottom: 5px; }
  .cs-support-page-compact .cs-preset { min-height: 33px; padding: 5px 3px; font-size: 10px; border-radius: 8px; }
  .cs-support-page-compact .cs-donate-form label { font-size: 10px; }
  .cs-support-page-compact .cs-donate-form input:not([type="checkbox"]):not([type="radio"]) { height: 34px; min-height: 34px; padding: 6px 8px; font-size: 11px; }
  .cs-support-page-compact .cs-donate-form .cs-form-grid { gap: 7px; }
  .cs-support-page-compact .cs-donate-extra summary { padding-top: 6px; font-size: 10px; }
  .cs-support-page-compact .cs-donate-form .cs-btn { min-height: 40px; font-size: 12px; }
  .cs-support-page-compact .cs-donate-form .cs-secure { margin-top: 4px; font-size: 9px; }
  .cs-support-page-compact .cs-compact-progress { padding: 10px; border-radius: 12px !important; }
  .cs-support-page-compact .cs-compact-metrics { gap: 5px; }
  .cs-support-page-compact .cs-compact-metrics small { font-size: 9px; }
  .cs-support-page-compact .cs-compact-metrics strong { font-size: 12px; }
  .cs-support-page-compact .cs-detail-story { padding: 0 10px; }
  .cs-support-page-compact .cs-detail-story summary { min-height: 38px; font-size: 11px; }
  .cs-support-page-compact .cs-detail-story summary small { display: none; }
  .cs-support-page-compact .cs-mobile-donate {
    display: flex;
    position: fixed;
    z-index: 99990;
    right: 12px;
    bottom: 10px;
    left: 12px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #20b5ce, #159bb5) !important;
    box-shadow: 0 8px 24px rgba(25, 52, 77, .2) !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
  }
  .cs-support-page-compact { padding-bottom: 58px; }
}
@media (prefers-reduced-motion: reduce) {
  .cs-support-page-compact * { scroll-behavior: auto !important; transition: none !important; }
}
/* Direct WooCommerce gateway choice for Kheyrad donations */
.cs-gateway-select{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:12px 0;padding:0;min-width:0}
.cs-gateway-select legend{font-weight:700;margin-bottom:8px;padding:0}
.cs-gateway-option{display:inline-flex!important;align-items:center;gap:8px;border:1px solid #dce5ec;border-radius:10px;padding:10px 12px;background:#fff;cursor:pointer}
.cs-gateway-option:has(input:checked){border-color:#20b5ce;background:#edfafe}
.cs-gateway-option input{margin:0;accent-color:#20b5ce}
.cs-gateway-warning{padding:12px;border-radius:10px;background:#fff4e8;color:#8b4b12}

/* Keep compact donation forms aligned with the shared Kheyrad checkbox style. */
.cs-support-page-compact .cs-donate-form .cs-check input[type="checkbox"] {
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 5px !important;
  background-color: #fff !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 12px 12px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05) !important;
  accent-color: #6d28d9;
}
.cs-support-page-compact .cs-donate-form .cs-check input[type="checkbox"]:checked {
  border-color: #6d28d9 !important;
  background-color: #6d28d9 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5 6.3 12 13 4.5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* ---- Donation form refinements ---- */
/* Front-end donation form only; deliberately does not target Elementor widgets globally. */
.cs-donate-box { box-sizing:border-box; direction:rtl; text-align:right; overflow:hidden; }
.cs-donate-box .cs-donate-title {
  display:flex; align-items:center; gap:9px; margin:0 0 16px; padding-bottom:13px;
  border-bottom:1px solid #eef0f5; color:#182033; font-size:20px; line-height:1.8; font-weight:850;
}
.cs-donate-box .cs-presets {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:0 0 16px;
}
.cs-donate-box .cs-preset {
  min-width:0; min-height:43px; padding:10px 7px; border:1px solid #e5e7ef;
  border-radius:12px; background:linear-gradient(180deg,#fff,#fafaff); color:#4c1d95;
  font-size:12px; font-weight:800; line-height:1.6; overflow-wrap:anywhere;
}
.cs-donate-box .cs-preset:hover,
.cs-donate-box .cs-preset.active { border-color:#a78bfa; background:#f5f3ff; color:#6d28d9; }
.cs-donate-box form.cs-donate-form { display:flex; flex-direction:column; gap:13px; width:100%; min-width:0; }
.cs-donate-box .cs-donate-form label { display:block; margin:0; color:#344054; font-size:12px; font-weight:750; line-height:1.9; }
.cs-donate-box .cs-donate-form input:not([type=radio]):not([type=checkbox]) {
  display:block; box-sizing:border-box; width:100%; max-width:100%; min-height:45px;
  margin-top:6px; padding:11px 13px; border:1px solid #dfe4ed; border-radius:12px;
  background:#fff; color:#172033; font-size:14px; box-shadow:0 1px 2px rgba(15,23,42,.025);
}
.cs-donate-box .cs-donate-form input:focus { outline:0; border-color:#a78bfa; box-shadow:0 0 0 3px rgba(139,92,246,.13); }
.cs-donate-box .cs-amount-label span { color:#7b8495; font-size:11px; font-weight:500; }
.cs-donate-box .cs-gateway-select { display:flex; flex-wrap:wrap; gap:9px; min-width:0; padding:0; margin:0; border:0; }
.cs-donate-box .cs-gateway-select legend { width:100%; margin:0 0 2px; padding:0; color:#344054; font-size:12px; font-weight:800; }
.cs-donate-box .cs-donate-form .cs-gateway-option {
  display:flex; align-items:center; gap:9px; flex:1 1 140px; min-width:0;
  padding:12px; border:1px solid #e4e7ef; border-radius:12px; background:#fff; cursor:pointer;
}
.cs-donate-box .cs-donate-form .cs-gateway-option input[type=radio] { flex:0 0 17px; width:17px; min-width:17px; height:17px; min-height:17px; margin:0; accent-color:#7c3aed; }
.cs-donate-box .cs-gateway-option span { overflow-wrap:anywhere; color:#344054; font-size:12px; font-weight:750; }
.cs-donate-box .cs-donate-form .cs-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.cs-donate-box .cs-donate-extra { padding:12px 14px; border:1px solid #eceef4; border-radius:13px; background:#fafbfe; }
.cs-donate-box .cs-donate-extra summary { cursor:pointer; color:#4b5563; font-size:12px; font-weight:800; }
.cs-donate-box .cs-donate-extra summary span { color:#8b95a7; font-weight:500; }
.cs-donate-box .cs-donate-extra>label { margin-top:12px; }
.cs-donate-box .cs-donate-form label.cs-check { display:flex; align-items:flex-start; gap:9px; margin-top:11px; font-size:12px; cursor:pointer; }
.cs-donate-box .cs-donate-form label.cs-check input[type=checkbox] { flex:0 0 18px; width:18px; min-width:18px; height:18px; min-height:18px; margin:3px 0 0; }
.cs-donate-box .cs-donate-form .cs-btn-wide {
  min-height:48px; margin:0; padding:13px 18px; border:0; border-radius:13px;
  background:linear-gradient(135deg,#7c3aed,#6d28d9); color:#fff;
  box-shadow:0 9px 20px rgba(109,40,217,.19); font-size:13px; font-weight:850;
}
.cs-donate-box .cs-donate-form .cs-secure { display:block; margin:0; text-align:center; color:#7b8495; font-size:11px; line-height:1.9; }
.cs-donate-box .cs-donate-form .cs-message:empty { display:none; }
.cs-donate-box .cs-donate-form .cs-message:not(:empty) { padding:10px 12px; border-radius:10px; background:#fff7ed; color:#9a3412; font-size:12px; line-height:1.9; }
@media(max-width:600px) {
  .cs-donate-box .cs-presets { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cs-donate-box .cs-donate-form .cs-form-grid { grid-template-columns:minmax(0,1fr); }
  .cs-donate-box .cs-donate-form .cs-gateway-option { flex-basis:100%; }
}