/* HA Marketing — editable cards for Super Admin */
.ha-customizable-card{position:relative!important;isolation:isolate}
.ha-card-custom-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background-position:center;background-repeat:no-repeat;transition:.2s ease}
.ha-customizable-card>.ha-card-custom-bg~*{position:relative;z-index:1}
.ha-card-edit-btn{position:absolute!important;top:8px!important;left:8px!important;z-index:2147482500!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:rgba(9,61,105,.92)!important;color:#fff!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 6px 16px rgba(0,0,0,.18)!important;font-size:16px!important;line-height:1!important;cursor:pointer!important;opacity:.95!important;direction:ltr!important}
.ha-card-edit-btn:hover{transform:scale(1.05);background:#0878e6!important}
.ha-card-admin-outline{outline:2px dashed rgba(8,120,230,.28);outline-offset:2px}

/* ترتيب افتراضي أجمل للمربعات الثانوية */
.ha-recent-item,.ha-smart-card,.ha-feature{border-radius:20px!important;border:1px solid rgba(208,226,235,.92)!important;box-shadow:0 9px 22px rgba(25,63,82,.08)!important;transition:transform .18s ease,box-shadow .18s ease!important;overflow:hidden!important}
.ha-recent-item:hover,.ha-smart-card:hover,.ha-feature:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(25,63,82,.13)!important}
.ha-recent-item{background:linear-gradient(145deg,#ffffff,#f3faf8)!important;padding:12px 14px!important}
.ha-recent-ico,.ha-smart-ico{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 5px 14px rgba(18,64,86,.09)!important;font-size:21px!important}
.ha-smart-card{background:linear-gradient(145deg,#ffffff,#f4f9ff)!important;padding:12px 14px!important}
.ha-feature{padding:16px!important;min-height:120px!important}
.ha-feature.blue{background:linear-gradient(145deg,#edf8ff,#dff2ff)!important}
.ha-feature.green{background:linear-gradient(145deg,#eefbf5,#def6e9)!important}
.ha-grid>.ha-card{border-radius:20px!important;overflow:hidden!important;box-shadow:0 9px 22px rgba(25,63,82,.08)!important}
.ha-engage-card.ha-welcome,.ha-engage-card.ha-daily{border-radius:22px!important;box-shadow:0 10px 26px rgba(25,63,82,.08)!important}

.ha-card-editor-backdrop{position:fixed;inset:0;z-index:2147483000;background:rgba(7,23,38,.48);display:none;align-items:center;justify-content:center;padding:16px;direction:rtl}
.ha-card-editor-backdrop.show{display:flex}
.ha-card-editor-modal{width:min(720px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.25);padding:18px;color:#102948;font-family:Arial,Tahoma,sans-serif}
.ha-card-editor-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ha-card-editor-head h3{margin:0;flex:1;font-size:20px}.ha-card-editor-close{width:36px;height:36px;border:0;border-radius:11px;background:#eef4f7;color:#173554;font-size:22px;cursor:pointer}
.ha-card-editor-preview{height:170px;border-radius:18px;overflow:hidden;border:1px solid #dfe9ef;background:linear-gradient(145deg,#f8fbfd,#eef6fa);position:relative;margin:10px 0 14px;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px}.ha-card-editor-preview .pvbg{position:absolute;inset:0;background-position:center;background-repeat:no-repeat}.ha-card-editor-preview .pvtext{position:relative;z-index:2;font-weight:900;font-size:20px;text-shadow:0 1px 3px rgba(255,255,255,.65)}
.ha-card-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ha-card-editor-field{display:flex;flex-direction:column;gap:5px}.ha-card-editor-field.full{grid-column:1/-1}.ha-card-editor-field label{font-size:11px;font-weight:800;color:#536b81}.ha-card-editor-field input,.ha-card-editor-field select{width:100%;min-height:42px;border:1px solid #cfdee7;border-radius:11px;padding:8px 10px;font:inherit;background:#fff;color:#173554}.ha-card-editor-field input[type=color]{padding:4px;height:42px}
.ha-card-editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.ha-card-editor-actions button{border:0;border-radius:12px;padding:10px 14px;font:inherit;font-weight:800;cursor:pointer}.ha-card-editor-save{background:#0878e6;color:#fff}.ha-card-editor-reset{background:#fff0f1;color:#aa2339;border:1px solid #ffd8de!important}.ha-card-editor-cancel{background:#eef4f7;color:#173554}.ha-card-editor-note{font-size:11px;color:#71849a;line-height:1.6;margin-top:8px}
.ha-card-editor-toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:2147483646;background:#102948;color:#fff;border-radius:12px;padding:10px 14px;font:700 12px Arial;box-shadow:0 10px 28px rgba(0,0,0,.2);display:none}.ha-card-editor-toast.show{display:block}
@media(max-width:640px){.ha-card-editor-grid{grid-template-columns:1fr}.ha-card-editor-modal{padding:14px;border-radius:20px}.ha-card-edit-btn{width:31px!important;height:31px!important;top:6px!important;left:6px!important}.ha-recent-item,.ha-smart-card,.ha-feature{border-radius:17px!important}}


/* ===== صور واجهات الأقسام: نفس حجم قسم الخدمات ===== */
.ha-section-cover-standard,
.ha-shop-premium-hero.ha-section-cover-standard,
.ha-generated-section-cover{
  width:100%!important;
  aspect-ratio:2 / 1!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 0 16px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  background:#eef7fb!important;
  box-shadow:0 15px 34px rgba(18,58,80,.13)!important;
  position:relative!important;
}
.ha-section-cover-standard>img,
.ha-shop-premium-hero.ha-section-cover-standard>img,
.ha-generated-section-cover>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
}
.ha-section-cover-standard>.ha-card-edit-btn{
  top:10px!important;
  left:10px!important;
}
@media(max-width:700px){
  .ha-section-cover-standard,
  .ha-shop-premium-hero.ha-section-cover-standard,
  .ha-generated-section-cover{
    aspect-ratio:2 / 1!important;
    border-radius:20px!important;
    margin-bottom:12px!important;
  }
}