/* تبويبات شاشة الإدخال + شريط حفظ ثابت — تنسيق فقط.
   للتراجع: احذف سطر <link> الخاص بهذا الملف وسطر <script> الخاص بـ available-editor-tabs.js من index.html. */

/* إخفاء أقسام التبويبات غير النشطة (الحقول نفسها لا تُحذف ولا تُنقل) */
#apCoreFormGrid:not(.ac5-measure)[data-ac5-active="a"]>[data-ac5-tab]:not([data-ac5-tab="a"]),
#apCoreFormGrid:not(.ac5-measure)[data-ac5-active="b"]>[data-ac5-tab]:not([data-ac5-tab="b"]),
#apCoreFormGrid:not(.ac5-measure)[data-ac5-active="c"]>[data-ac5-tab]:not([data-ac5-tab="c"]),
#apCoreFormGrid:not(.ac5-measure)[data-ac5-active="d"]>[data-ac5-tab]:not([data-ac5-tab="d"]),
#apCoreFormGrid:not(.ac5-measure)[data-ac5-active="e"]>[data-ac5-tab]:not([data-ac5-tab="e"]),
#apCoreFormGrid:not(.ac5-measure)[data-ac5-active="f"]>[data-ac5-tab]:not([data-ac5-tab="f"]),
#apCoreFormGrid:not(.ac5-measure)[data-ac5-active="r"]>[data-ac5-tab]:not([data-ac5-tab="r"]){display:none!important}
/* عنوان أول قسم في التبويب مكرر مع اسم التبويب */
#apCoreFormGrid>.ap-editor-section-heading[data-ac5-first="1"]{display:none!important}

/* شريط التبويبات */
.ac5-tabs{contain:inline-size;max-width:100%;position:sticky;top:0;z-index:9;display:flex;gap:4px;margin:0 0 10px;padding:8px 6px 0;overflow-x:auto;overflow-y:hidden;background:#f3f8f8;border:1px solid #dbe6e7;border-radius:14px 14px 0 0;border-bottom:0;scrollbar-width:thin}
.ac5-tab{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border:1px solid transparent;border-bottom:0;border-radius:12px 12px 0 0;background:transparent;color:#5c777b;font:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}
.ac5-tab[hidden]{display:none}
.ac5-tab:hover{background:#e9f2f2;color:#155d65}
.ac5-tab.is-on{background:#fff;color:#155d65;border-color:#dbe6e7;box-shadow:0 -2px 0 #155d65 inset}
.ac5-tab:focus-visible{outline:2px solid #2f7f84;outline-offset:-2px}
.ac5-tab[data-key="r"]{color:#276a9f}.ac5-tab[data-key="r"].is-on{box-shadow:0 -2px 0 #276a9f inset}
.ac5-dot{display:none;width:8px;height:8px;border-radius:50%;background:#e0402f}
.ac5-tab.has-missing .ac5-dot{display:inline-block}

/* المحتوى */
#apCoreFormGrid{padding-top:4px}

/* الشريط العلوي للحفظ يُستبدل بشريط سفلي ثابت */
#apForm>.available-editor-actions.is-top{display:none!important}
#apForm>.available-editor-actions.is-bottom{position:sticky;bottom:0;z-index:20;margin:12px -2px 0;padding:10px 12px;gap:10px;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border:1px solid #dbe6e7;border-radius:14px;box-shadow:0 -8px 20px rgba(20,70,74,.10);align-items:center}
#apForm>.available-editor-actions.is-bottom .btn{min-height:42px;padding-inline:20px;font-weight:900;border-radius:11px}
#apForm>.available-editor-actions.is-bottom [data-ap-action="delete-property"],
#apForm>.available-editor-actions.is-bottom .btn-danger{margin-inline-start:auto}

@media(max-width:720px){
  .ac5-tab{padding:9px 12px;font-size:12px}
  #apForm>.available-editor-actions.is-bottom{margin-inline:-6px;padding:8px;gap:6px}
  #apForm>.available-editor-actions.is-bottom .btn{flex:1 1 auto;padding-inline:10px;min-height:44px}
}

/* منع تمدد الصفحة أفقيًا بسبب شريط التبويبات */
#apEditor,#apForm{min-width:0;max-width:100%}
@media(max-width:760px){
  /* شريط التنقل السفلي للتطبيق ثابت أسفل الشاشة: نرفع شريط الحفظ فوقه */
  #apForm>.available-editor-actions.is-bottom{bottom:74px}
}

/* ====== ترتيب منظم داخل كل تبويب: شبكة موحّدة 3 أعمدة، حقول بدون صناديق، مجموعات بعناوين واضحة ====== */
#apEditor #apCoreFormGrid[data-ac5-active]{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px 18px!important;align-content:start;padding:18px 20px 22px!important;margin-top:0;background:#fff!important;border:1px solid #dbe6e7!important;border-top:0!important;border-radius:0 0 14px 14px!important;min-height:260px}
#apEditor #apCoreFormGrid[data-ac5-active]>*{order:0!important;grid-column:span 2!important;min-width:0}
#apEditor #apCoreFormGrid[data-ac5-active] #apLandFields{display:contents!important}
#apEditor #apCoreFormGrid[data-ac5-active] #apLandFields>*{order:0!important;grid-column:span 2!important;min-width:0}
/* عناصر بعرض الصف كامل */
#apEditor #apCoreFormGrid[data-ac5-active]>.ap-editor-section-heading,
#apEditor #apCoreFormGrid[data-ac5-active]>.ap-editor-subheading,
#apEditor #apCoreFormGrid[data-ac5-active] #apLandFields>.ap-editor-subheading,
#apEditor #apCoreFormGrid[data-ac5-active]>.full,
#apEditor #apCoreFormGrid[data-ac5-active]>.field:has(textarea),
#apEditor #apCoreFormGrid[data-ac5-active] #apLandFields>.field:has(textarea),
#apEditor #apCoreFormGrid[data-ac5-active]>.available-legal-ownership-field,
#apEditor #apCoreFormGrid[data-ac5-active]>.available-media-box,
#apEditor #apCoreFormGrid[data-ac5-active]>#apRentalWorkspace,
#apEditor #apCoreFormGrid[data-ac5-active]>#apartmentRentalFields,
#apEditor #apCoreFormGrid[data-ac5-active]>#apSaleDetailsFields,
#apEditor #apCoreFormGrid[data-ac5-active]>.cross-transfer-box{grid-column:1/-1!important}
#apEditor #apCoreFormGrid[data-ac5-active]>.available-urgent-field{grid-column:span 3!important}

/* الحقول: اسم فوق الحقل، بدون صندوق حول كل حقل */
#apEditor #apCoreFormGrid[data-ac5-active]>.field:not(.available-legal-ownership-field):not(.available-urgent-field):not(.available-media-box):not(#apRentalWorkspace),
#apEditor #apCoreFormGrid[data-ac5-active] #apLandFields>.field{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
#apEditor #apCoreFormGrid[data-ac5-active]>.field>label,
#apEditor #apCoreFormGrid[data-ac5-active] #apLandFields>.field>label{display:block;margin:0 0 6px;font-size:12.5px;font-weight:800;line-height:1.3;color:#33565b}
#apEditor #apCoreFormGrid[data-ac5-active]>.field input:not([type=checkbox]):not([type=radio]):not([type=file]),
#apEditor #apCoreFormGrid[data-ac5-active]>.field select,
#apEditor #apCoreFormGrid[data-ac5-active] #apLandFields>.field input:not([type=checkbox]):not([type=radio]),
#apEditor #apCoreFormGrid[data-ac5-active] #apLandFields>.field select{height:44px;min-height:44px;padding:0 12px;border:1px solid #cfdcdd;border-radius:10px;background:#fff;font-size:14px}
#apEditor #apCoreFormGrid[data-ac5-active]>.field textarea,
#apEditor #apCoreFormGrid[data-ac5-active] #apLandFields>.field textarea{min-height:88px;padding:10px 12px;border:1px solid #cfdcdd;border-radius:10px;background:#fff;font-size:14px;line-height:1.6}
#apEditor #apCoreFormGrid[data-ac5-active]>.field input:focus,
#apEditor #apCoreFormGrid[data-ac5-active]>.field select:focus,
#apEditor #apCoreFormGrid[data-ac5-active]>.field textarea:focus,
#apEditor #apCoreFormGrid[data-ac5-active] #apLandFields>.field :is(input,select,textarea):focus{outline:0;border-color:#2f7f84;box-shadow:0 0 0 3px rgba(47,127,132,.14)}

/* عناوين المجموعات داخل التبويب */
#apEditor #apCoreFormGrid[data-ac5-active]>.ap-editor-section-heading{display:flex;align-items:center;gap:8px;min-height:0;margin:8px 0 0;padding:0 0 8px;border:0;border-bottom:2px solid #e3ecec;border-radius:0;background:none;box-shadow:none}
#apEditor #apCoreFormGrid[data-ac5-active]>.ap-editor-section-heading .ap-editor-section-index{display:none}
#apEditor #apCoreFormGrid[data-ac5-active]>.ap-editor-section-heading b{font-size:15px;color:#155d65}
#apEditor #apCoreFormGrid[data-ac5-active]>.ap-editor-section-heading small{font-size:11.5px;color:#7a8e91}
#apEditor #apCoreFormGrid[data-ac5-active] .ap-editor-subheading{display:flex;align-items:baseline;gap:8px;margin:6px 0 0;padding:0 0 6px;border:0;border-bottom:1px dashed #d6e2e3;border-radius:0;background:none}
#apEditor #apCoreFormGrid[data-ac5-active] .ap-editor-subheading b{font-size:13.5px;color:#456469}
#apEditor #apCoreFormGrid[data-ac5-active] .ap-editor-subheading small{font-size:11px}

/* خانات الاختيار (بيع عاجل / عميل غير جاد / الوضع النظامي) */
#apEditor #apCoreFormGrid[data-ac5-active] .available-urgent-toggle{min-height:56px;padding:10px 14px;border-radius:12px}
#apEditor #apCoreFormGrid[data-ac5-active] .available-urgent-toggle b{font-size:13.5px}
#apEditor #apCoreFormGrid[data-ac5-active] .available-urgent-toggle small{font-size:11px}
#apEditor #apCoreFormGrid[data-ac5-active] .available-legal-ownership-field{padding:12px 14px;border-radius:12px}
#apEditor #apCoreFormGrid[data-ac5-active] .available-legal-ownership-field legend{font-size:13px;font-weight:800}
#apEditor #apCoreFormGrid[data-ac5-active] .available-legal-status-options{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
#apEditor #apCoreFormGrid[data-ac5-active] .available-legal-status-option{min-height:42px;padding:6px 10px;border-radius:10px}
#apEditor #apCoreFormGrid[data-ac5-active] .available-legal-status-option span{font-size:12.5px}

@media(max-width:1000px){
  #apEditor #apCoreFormGrid[data-ac5-active]>*,#apEditor #apCoreFormGrid[data-ac5-active] #apLandFields>*{grid-column:span 3!important}
  #apEditor #apCoreFormGrid[data-ac5-active]>.available-urgent-field{grid-column:1/-1!important}
  #apEditor #apCoreFormGrid[data-ac5-active] .available-legal-status-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  #apEditor #apCoreFormGrid[data-ac5-active]{padding:14px 12px 18px!important;gap:14px 12px!important}
  #apEditor #apCoreFormGrid[data-ac5-active]>*,#apEditor #apCoreFormGrid[data-ac5-active] #apLandFields>*{grid-column:1/-1!important}
  #apEditor #apCoreFormGrid[data-ac5-active] .available-legal-status-options{grid-template-columns:1fr!important}
}

/* إخفاء التبويبات غير النشطة (أعلى أولوية من display:contents) */
#apEditor #apCoreFormGrid:not(.ac5-measure)[data-ac5-active="a"]>[data-ac5-tab]:not([data-ac5-tab="a"]),
#apEditor #apCoreFormGrid:not(.ac5-measure)[data-ac5-active="b"]>[data-ac5-tab]:not([data-ac5-tab="b"]),
#apEditor #apCoreFormGrid:not(.ac5-measure)[data-ac5-active="c"]>[data-ac5-tab]:not([data-ac5-tab="c"]),
#apEditor #apCoreFormGrid:not(.ac5-measure)[data-ac5-active="d"]>[data-ac5-tab]:not([data-ac5-tab="d"]),
#apEditor #apCoreFormGrid:not(.ac5-measure)[data-ac5-active="e"]>[data-ac5-tab]:not([data-ac5-tab="e"]),
#apEditor #apCoreFormGrid:not(.ac5-measure)[data-ac5-active="f"]>[data-ac5-tab]:not([data-ac5-tab="f"]),
#apEditor #apCoreFormGrid:not(.ac5-measure)[data-ac5-active="r"]>[data-ac5-tab]:not([data-ac5-tab="r"]){display:none!important}

#apEditor #apCoreFormGrid:not(.ac5-measure)[data-ac5-active="a"] #apLandFields,
#apEditor #apCoreFormGrid:not(.ac5-measure)[data-ac5-active="b"] #apLandFields,
#apEditor #apCoreFormGrid:not(.ac5-measure)[data-ac5-active="d"] #apLandFields,
#apEditor #apCoreFormGrid:not(.ac5-measure)[data-ac5-active="e"] #apLandFields,
#apEditor #apCoreFormGrid:not(.ac5-measure)[data-ac5-active="f"] #apLandFields,
#apEditor #apCoreFormGrid:not(.ac5-measure)[data-ac5-active="r"] #apLandFields{display:none!important}
#apEditor #apCoreFormGrid[data-ac5-active]>.available-media-box,#apEditor #apCoreFormGrid[data-ac5-active]>#apFormMediaField{width:auto!important;max-width:none!important;justify-self:stretch}

/* ====== تبويب الصور والوسائط: منطقة رفع كبيرة وواضحة ====== */
#apEditor #apFormMediaField{width:100%!important;max-width:none!important;box-sizing:border-box;padding:0!important;border:0!important;background:transparent!important;display:block}
#apEditor #apFormMediaField>label{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px;font-weight:800;color:#155d65}
#apEditor #apFormMediaField>label[for=apFormFiles]::before{content:"";width:22px;height:22px;background:#155d65;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z'/%3E%3C/svg%3E") center/contain no-repeat}
#apEditor #apFormFiles{display:block;width:100%!important;box-sizing:border-box;min-height:190px;height:190px;padding:70px 16px 0!important;border:2px dashed #7fb3b7!important;border-radius:18px!important;background:linear-gradient(180deg,#f4fafa,#e9f4f4)!important;color:#456469;font-size:14px;font-weight:700;direction:ltr;text-align:center;cursor:pointer;transition:.15s}
#apEditor #apFormFiles:hover{border-color:#155d65!important;background:#e3f1f1!important}
#apEditor #apFormFiles::file-selector-button{display:block;margin:-52px auto 30px;padding:12px 30px;border:0;border-radius:12px;background:linear-gradient(135deg,#155d65,#2f7f84);color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 6px 14px rgba(21,93,101,.25)}
#apEditor #apFormMediaField .available-public-media-note{margin:10px 0 0;padding:10px 14px;border-radius:12px;background:#eef6fb;color:#2c5f86;font-size:12.5px;line-height:1.7}
#apEditor #apFormMediaField>label[for=apFormExternalLinks]{margin:22px 0 8px!important;font-size:14px}
#apEditor #apFormExternalLinks{display:block;width:100%;box-sizing:border-box;min-height:130px;padding:12px 14px;border:1px solid #cfdcdd;border-radius:14px;background:#fff;font-size:14px;line-height:1.8}
#apEditor #apFormExternalLinks:focus{outline:0;border-color:#2f7f84;box-shadow:0 0 0 3px rgba(47,127,132,.14)}
#apEditor #apExistingMedia:not(:empty){margin-top:16px}
#apEditor #apUploadStatus{margin-top:10px;font-size:12.5px}

/* شريط التبويبات: يتوزع على العرض بدل ما يتقطع */
.ac5-tab{flex:1 1 auto;justify-content:center}
@media(max-width:900px){.ac5-tab{padding:9px 8px;font-size:12px;gap:5px}}

/* نافذة التعديل أعرض على الشاشات الكبيرة */
#apEditor.open,#apEditor{width:100%!important;max-width:1180px!important;margin-inline:auto!important;box-sizing:border-box}
#apEditor #apFormFiles{min-height:240px;height:240px;padding-top:92px!important}
#apEditor #apFormFiles::file-selector-button{margin:-70px auto 38px;padding:14px 38px;font-size:16px}
#apEditor #apFormExternalLinks{min-height:160px}
#apEditor #apFormFiles{padding-top:98px!important;line-height:1}
#apEditor #apFormFiles::file-selector-button{display:inline-block;margin:0 16px 0 0;vertical-align:middle}
#apEditor #apFormFiles{display:block!important;direction:rtl;padding:0!important;padding-top:96px!important;font-size:0!important;color:transparent}
#apEditor #apFormFiles::file-selector-button{display:block;margin:0 auto;padding:16px 44px;font-size:16px;color:#fff}
#apEditor .ac5-filecount{margin:10px 2px 0;font-size:13px;font-weight:800;color:#155d65}
#apEditor .ac5-filecount:empty{display:none}
/* 2026-10-16: on phones every tab must be visible (the media tab was hidden off-screen to the left). */
@media(max-width:720px){
  .ac5-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;overflow:visible;border-radius:14px;border-bottom:1px solid #dbe6e7}
  .ac5-tab{min-width:0;min-height:42px;padding:8px 6px;border:1px solid #dbe6e7;border-radius:10px;background:#fff;justify-content:center;text-align:center;white-space:normal;line-height:1.35;font-size:12.5px}
  .ac5-tab.is-on{background:#155d65;color:#fff;border-color:#155d65;box-shadow:none}
  .ac5-tab[data-key="r"].is-on{background:#276a9f;border-color:#276a9f;box-shadow:none}
  .ac5-tab.is-on .ac5-dot{background:#ffd27a}
}