.mmrt-direct-editor-ui{box-sizing:border-box;font-family:Tahoma,Arial,sans-serif;direction:rtl;z-index:2147483000!important}
#mmrtDirectEditorToggle{position:fixed;left:18px;bottom:22px;border:0;border-radius:999px;background:linear-gradient(135deg,#111827,#2563eb);color:#fff;padding:12px 18px;font-weight:900;font-size:13px;box-shadow:0 14px 34px rgba(15,23,42,.25);cursor:pointer;line-height:1;z-index:2147483000!important;max-width:calc(100vw - 36px)}
#mmrtDirectEditorToggle.active{background:linear-gradient(135deg,#dc2626,#f97316);color:#fff}
body.mmrt-direct-mode .mmrt-direct-editable{outline:1px dashed rgba(37,99,235,.55);outline-offset:3px;cursor:crosshair!important}
body.mmrt-direct-mode .mmrt-direct-editable:hover{outline:2px solid rgba(37,99,235,.9)!important;box-shadow:0 0 0 4px rgba(37,99,235,.08)!important}
.mmrt-direct-selected{outline:3px solid #f59e0b!important;outline-offset:4px!important;box-shadow:0 0 0 6px rgba(245,158,11,.16)!important}
#mmrtDirectEditorPopup{position:fixed!important;top:90px;left:24px;width:430px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);background:#fff;color:#111827;border:1px solid #dbe3f4;border-radius:22px;box-shadow:0 24px 80px rgba(15,23,42,.28);overflow:hidden;display:none;text-align:right;z-index:2147483001!important;resize:both;min-width:310px;min-height:270px}
#mmrtDirectEditorPopup.open{display:flex!important;flex-direction:column!important}
.mmrt-direct-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#111827,#2563eb);color:#fff;cursor:move;user-select:none;flex:0 0 auto}
.mmrt-direct-head strong{font-size:14px}.mmrt-direct-head button{min-width:66px;height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.18);color:#fff;font-size:12px;font-weight:900;cursor:pointer;padding:0 12px}
.mmrt-direct-tabs{display:flex;gap:5px;overflow:auto;padding:8px;background:#f8fafc;border-bottom:1px solid #e5e7eb;flex:0 0 auto;scrollbar-width:thin}
.mmrt-direct-tabs button{border:1px solid #dbe3f4;background:#fff;color:#334155;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer;min-height:34px}
.mmrt-direct-tabs button.active{background:#2563eb;color:#fff;border-color:#2563eb}
.mmrt-direct-body{padding:12px;overflow:auto;flex:1 1 auto;min-height:0}.mmrt-direct-pane{display:none}.mmrt-direct-pane.active{display:block}
#mmrtDirectEditorPopup label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:900;color:#334155;margin:0 0 10px}
#mmrtDirectEditorPopup input,#mmrtDirectEditorPopup textarea,#mmrtDirectEditorPopup select{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:12px;padding:9px 10px;font-size:13px;background:#fff;color:#111827;font-family:inherit;min-height:39px}
#mmrtDirectEditorPopup textarea{resize:vertical;min-height:82px}
#mmrtDirectEditorPopup input[type=color]{height:42px;padding:4px}.mmrt-direct-actions{position:sticky;bottom:-12px;display:flex;gap:8px;flex-wrap:wrap;margin:12px -12px -12px;padding:10px 12px;background:rgba(255,255,255,.96);border-top:1px solid #e5e7eb;box-shadow:0 -8px 22px rgba(15,23,42,.06)}
.mmrt-direct-actions button{border:0;border-radius:999px;background:#2563eb;color:#fff;font-weight:900;padding:9px 12px;cursor:pointer;min-height:36px}.mmrt-direct-actions button:nth-child(1){background:#0f766e}.mmrt-direct-actions .danger{background:#dc2626!important}
.mmrt-direct-status{padding:9px 12px;border-top:1px solid #e5e7eb;font-size:12px;color:#64748b;flex:0 0 auto;background:#f8fafc}.mmrt-direct-status.ok{color:#047857}.mmrt-direct-status.err{color:#dc2626}
.mmrt-direct-added-card,.mmrt-direct-added-text,.mmrt-direct-added-section{border:1px dashed #93c5fd;border-radius:18px;padding:18px;margin:12px 0;background:#fff}.mmrt-direct-added-button{display:inline-flex!important;margin:8px!important}
.mmrt-front-admin-tools,.mmrt-front-admin-add-tools,.mmrt-admin-panel-viewer{display:none!important}
@media(max-width:720px){#mmrtDirectEditorToggle{left:10px;bottom:14px;padding:10px 13px;font-size:12px}#mmrtDirectEditorPopup{width:calc(100vw - 20px)!important;left:10px!important;top:76px!important;max-height:calc(100vh - 92px);resize:none}.mmrt-direct-tabs button{font-size:11px;padding:7px 9px}}

.mmrt-direct-move-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 12px;padding:10px;border:1px solid #dbe3f4;border-radius:16px;background:#f8fafc}
.mmrt-direct-move-pad button{border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:14px;min-height:48px;font-size:20px;font-weight:900;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 6px 14px rgba(15,23,42,.05)}
.mmrt-direct-move-pad button:hover{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}
.mmrt-direct-move-pad button span{font-size:10px;font-weight:800;line-height:1}
.mmrt-direct-move-pad [data-move="up"]{grid-column:2}.mmrt-direct-move-pad [data-move="left"]{grid-column:1}.mmrt-direct-move-pad [data-move="reset"]{grid-column:2}.mmrt-direct-move-pad [data-move="right"]{grid-column:3}.mmrt-direct-move-pad [data-move="down"]{grid-column:2}

.mmrt-direct-level-pad{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;padding:10px;border:1px dashed #dbe6ff;border-radius:14px;background:#f8fbff}
.mmrt-direct-level-pad button{border:1px solid #1d70d8;background:#fff;color:#155aa7;border-radius:999px;padding:8px 10px;font-weight:800;cursor:pointer}
.mmrt-direct-level-pad button:hover{background:#eef6ff}

.mmrt-direct-actions .warn{background:#f59e0b!important;color:#111827!important}
.mmrt-direct-actions .neutral{background:#475569!important;color:#fff!important}
.mmrt-direct-actions .neutral.active{background:#7c3aed!important;color:#fff!important}
body.mmrt-direct-drag-mode .mmrt-direct-selected{cursor:grab!important}
body.mmrt-direct-drag-mode .mmrt-direct-selected.mmrt-direct-dragging{cursor:grabbing!important;opacity:.92;outline-color:#16a34a!important}
body.mmrt-direct-drag-mode .mmrt-direct-editable{cursor:pointer!important}
.mmrt-direct-subtitle{margin:10px 0 8px;padding:8px 10px;border-radius:12px;background:#eef6ff;color:#155aa7;font-weight:900;font-size:12px}
.mmrt-direct-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.mmrt-direct-list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dbe3f4;background:#fff;border-radius:14px;padding:9px 10px}
.mmrt-direct-list-row span{font-size:12px;font-weight:800;color:#334155;line-height:1.55;overflow:hidden;text-overflow:ellipsis}
.mmrt-direct-list-row small{display:block;color:#64748b;font-size:10px;font-weight:700;margin-top:2px}
.mmrt-direct-list-row button{border:0;border-radius:999px;background:#16a34a;color:#fff;font-weight:900;font-size:11px;padding:7px 10px;white-space:nowrap;cursor:pointer}
.mmrt-direct-list-row [data-undo-idx]{background:#7c3aed}
.mmrt-direct-empty{border:1px dashed #cbd5e1;border-radius:14px;padding:12px;color:#64748b;background:#f8fafc;font-size:12px;text-align:center}

/* MIYAAR advanced direct editor additions */
.mmrt-direct-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
.mmrt-direct-help{font-size:12px;line-height:1.7;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:9px;margin:8px 0 10px}
#mmrtDirectEditorPopup{width:520px;min-width:360px;max-width:calc(100vw - 20px)}
#mmrtDirectEditorPopup .mmrt-direct-tabs{gap:6px;align-items:center}
#mmrtDirectEditorPopup .mmrt-direct-tabs button{flex:0 0 auto}
.mmrt-direct-logo{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:10px!important;background:#fff!important;padding:3px!important}
body.mmrt-has-page-bg{background:var(--mmrt-page-bg)!important;background-attachment:fixed!important;background-size:cover!important;background-position:center!important}
body.mmrt-has-page-bg .miyaar-master-app{background:transparent!important}
.mmrt-page-video-bg{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#000;pointer-events:none}
.mmrt-page-video-bg video,.mmrt-page-video-bg iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;transform:scale(1.12)}
.mmrt-page-video-bg+*{position:relative;z-index:1}
.mmrt-direct-list-row button.active{background:#f59e0b!important;color:#111827!important}
.mmrt-front-admin-tools,.mmrt-front-admin-add-tools,.mmrt-admin-panel-viewer,.mmrt-floating-edit-btn,.mmrt-section-edit,.mmrt-edit-old,.mmrt-admin-edit-button{display:none!important}
@media(max-width:720px){.mmrt-direct-row{grid-template-columns:1fr}#mmrtDirectEditorPopup{width:calc(100vw - 20px)!important;min-width:0!important}}

/* Final strict fix: reliable textual close button and card color propagation */
#mmrtDirectEditorPopup .mmrt-direct-close-btn,
#mmrtDirectEditorPopup [data-close]{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:72px!important;height:34px!important;padding:0 14px!important;
  border-radius:999px!important;background:#334155!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.55)!important;font-size:12px!important;
  font-weight:900!important;cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:2147483003!important;
}
#mmrtDirectEditorPopup .mmrt-direct-close-btn:hover,
#mmrtDirectEditorPopup [data-close]:hover{background:#dc2626!important;color:#fff!important;}
body.mmrt-direct-mode #mmrtDirectEditorPopup,
body.mmrt-direct-mode #mmrtDirectEditorPopup *{pointer-events:auto!important;}


/* Structured add tab */
.mmrt-direct-add-stage{border:1px solid #dbe3f4;background:#f8fafc;border-radius:16px;padding:12px;margin:0 0 12px}
.mmrt-direct-add-stage>b{display:block;color:#0f172a;margin:0 0 10px;font-size:13px}
.mmrt-direct-add-stage .mmrt-direct-actions{position:static;margin:8px 0 0;padding:0;background:transparent;border:0;box-shadow:none}
.mmrt-direct-embed-fields{display:none;border:1px dashed #93c5fd;background:#eff6ff;border-radius:14px;padding:10px;margin:6px 0 10px}
/* تنظيم تبويب الإضافة: إلغاء العرض الغريب للقوائم وجعلها حقول اختيار عادية */
#mmrtDirectEditorPopup .mmrt-direct-add-wrap{display:flex;flex-direction:column;gap:12px;direction:rtl;text-align:right}
#mmrtDirectEditorPopup .mmrt-direct-add-stage{border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:12px;margin:0;box-shadow:0 4px 16px rgba(15,23,42,.05)}
#mmrtDirectEditorPopup .mmrt-direct-add-stage>b{display:block;margin:0 0 8px;color:#0f172a;font-size:14px}
#mmrtDirectEditorPopup .mmrt-direct-add-stage select{height:40px!important;min-height:40px!important;max-height:40px!important;overflow:hidden!important;display:block!important;appearance:auto!important;-webkit-appearance:menulist!important;background:#fff!important;color:#111827!important}
#mmrtDirectEditorPopup .mmrt-direct-add-stage select option,#mmrtDirectEditorPopup .mmrt-direct-add-stage select optgroup{font-size:13px!important;line-height:1.4!important;background:#fff!important;color:#111827!important}
#mmrtDirectEditorPopup .mmrt-direct-embed-fields{display:none}

/* Icon picker added for direct editor */
.mmrt-icon-picker{border:1px solid #dbe4f0;background:#fff;border-radius:14px;padding:10px;margin:10px 0;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.mmrt-icon-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.mmrt-icon-picker-head strong{font-size:13px;color:#172033}
.mmrt-icon-picker-head select{min-height:36px;border:1px solid #dbe4f0;border-radius:10px;background:#f8fafc;padding:0 10px;max-width:170px}
.mmrt-icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;max-height:176px;overflow:auto;padding:3px}
.mmrt-icon-grid button{height:34px;border:1px solid #e5edf7;background:#f8fafc;border-radius:10px;display:grid;place-items:center;font-size:18px;cursor:pointer;transition:.15s}
.mmrt-icon-grid button:hover{background:#eef6ff;border-color:#2563eb;transform:translateY(-1px)}
#mmrtDirectEditorPopup [data-tab-panel] input[type=color]{min-height:42px;padding:3px;border-radius:12px;cursor:pointer}

.mmrt-direct-editor-ui [hidden], .mmrt-direct-panel [hidden], .mmrt-direct-add-stage[hidden], .mmrt-direct-card-style-fields[hidden]{display:none!important;}

/* mmrt-social-old-header-kill: keep social media page clean */
.mmrt-section-wrap.mmrt-dynamic-page-wrap[data-page="social-media"],
.mmrt-section-wrap.mmrt-dynamic-page-wrap[data-page="tawasul-ijtimaei"],
.mmrt-section-wrap.mmrt-dynamic-page-wrap[data-page="social-center"]{display:none!important;}
