/* ==========================================================================
   ARSI 19.7.115 — تنظيف معماري جذري
   تم نقل ملكية النافبار بالكامل إلى global-nav.css وإزالة القواعد التاريخية المتضاربة.
   ========================================================================== */
/* ==========================================================================
   ARSI 19.7.86 — توثيق CSS بالعربية
   الملف: mobile-overrides.css
   الوظيفة: طبقة التجاوب النهائية للهاتف والتابلت؛ تُحمّل متأخرة لضبط الواجهة العامة ولوحة الإدارة بدون كسر سطح المكتب.
   ملاحظة صيانة: ترتيب القواعد مقصود بسبب الـ cascade؛ لا تُنقل الأقسام بين الملفات دون فحص التعارضات.
   ========================================================================== */
/* ARSI v19.7.80 — canonical late mobile layer. No !important. */
/* شرح عربي: التجاوب للهاتف: أحجام وأماكن العناصر وتحسين اللمس على الشاشات الصغيرة. */

/* شرح عربي للقاعدة الشرطية: تعديلات متجاوبة تُطبّق فقط عندما يطابق الجهاز شرط الشاشة التالي. */
@media(max-width:900px){
  /* Admin shell */
/* شرح عربي: قسم وظيفي: يحافظ على الأنماط الخاصة بهذه المجموعة ويُفضّل تعديل قواعده كوحدة واحدة. */
  .adm-layout{grid-template-columns:1fr;}
  .sidebar{position:fixed;right:0;top:var(--arsi-topbar-admin);z-index:70;width:min(286px,88vw);height:calc(100dvh - var(--arsi-topbar-admin));transform:translateX(110%);transition:transform var(--arsi-motion-normal) var(--arsi-ease);overscroll-behavior:contain;}
  .sidebar.open{transform:none;}
  .mobile-menu{display:inline-flex;}
  .content{padding:14px;}
  .dash-grid, .ops-grid, .health-layout{grid-template-columns:1fr;}
  .page-head{align-items:flex-start;flex-direction:column;}
  .periods{width:100%;overflow:auto;scrollbar-width:none;}
  .periods button{white-space:nowrap;}
  .user-btn span{display:none;}
  .media-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .support-ticket{align-items:flex-start;flex-direction:column;}
}

/* شرح عربي للقاعدة الشرطية: تعديلات متجاوبة تُطبّق فقط عندما يطابق الجهاز شرط الشاشة التالي. */
@media(max-width:760px){
  /* Public shell */
/* شرح عربي: قسم وظيفي: يحافظ على الأنماط الخاصة بهذه المجموعة ويُفضّل تعديل قواعده كوحدة واحدة. */
  .arsi-app{padding-inline:10px;}
  
  
  
  
  
  

  /* Public sheets / dialogs */
/* شرح عربي: قسم وظيفي: يحافظ على الأنماط الخاصة بهذه المجموعة ويُفضّل تعديل قواعده كوحدة واحدة. */
  .arsi-filter-panel.is-open, .arsi-choice-panel.is-open{max-height:min(86dvh,760px);padding-bottom:max(16px,env(safe-area-inset-bottom));}
  .support-modal{padding:0;}
  .support-modal-card{width:100%;height:100dvh;max-height:none;border-radius:0;border:0;}

  /* Admin content */
/* شرح عربي: قسم وظيفي: يحافظ على الأنماط الخاصة بهذه المجموعة ويُفضّل تعديل قواعده كوحدة واحدة. */
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .form-grid, .intel-grid, .conversion-grid, .seo-center-form, .engine-admin-picker, .category-capability-grid, .engine-inline-form, .engine-product-form, .engine-product-grid, .engine-category-form{grid-template-columns:1fr;}
  .toolbar{align-items:stretch;}
  .media-toolbar>select, .media-toolbar>.btn{flex:1 1 calc(50% - 6px);}
  .tracking-health span{flex:1 1 calc(50% - 4px);}
  .settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr));position:static;top:auto;}
  .settings-tabs-head, .settings-quick-custom{align-items:stretch;flex-direction:column;}
  .settings-quick-custom .btn{width:100%;justify-content:center;}
  .settings-actionbar{top:58px;align-items:stretch;flex-direction:column;}
  .settings-actionbar-status{display:none;}
  .settings-actionbar-buttons{display:grid;grid-template-columns:1fr 1fr;}
  .settings-actionbar-buttons #saveSettings{grid-column:1/-1;}
  .settings-actionbar .btn{width:100%;justify-content:center;}
  .settings-bottom-save{bottom:max(8px,env(safe-area-inset-bottom));}
  .settings-bottom-save .btn{width:100%;min-width:0;}
}

/* شرح عربي للقاعدة الشرطية: تعديلات متجاوبة تُطبّق فقط عندما يطابق الجهاز شرط الشاشة التالي. */
@media(max-width:620px){
  .support-center{padding:12px 10px 34px;}
  .support-center-head, .support-compose, .support-inbox{border-radius:20px;}
  .support-compose, .support-inbox{padding:14px;}
  .support-ticket-row{grid-template-columns:1fr 42px;}
  .support-ticket-status{grid-column:1/-1;width:max-content;}
  .support-bubble{max-width:90%;}
  .support-thread-user{padding:12px;}
}

/* شرح عربي للقاعدة الشرطية: تعديلات متجاوبة تُطبّق فقط عندما يطابق الجهاز شرط الشاشة التالي. */
@media(max-width:560px){
  /* Public navbar stays compact while preserving 44px touch targets. */
/* شرح عربي: النافبار: الهوية، الشعار، الأزرار، الثبات والانتقال بين الصفحات. */
  
  
  
  
  

  /* Public cards/sheets */
/* شرح عربي: قسم وظيفي: يحافظ على الأنماط الخاصة بهذه المجموعة ويُفضّل تعديل قواعده كوحدة واحدة. */
  .arsi-smart-popup{padding:8px;align-items:end;}
  .arsi-smart-popup-card{width:100%;max-height:91dvh;border-radius:24px 24px 0 0;padding:20px 14px calc(16px + env(safe-area-inset-bottom));}
  .arsi-user-bottom-bar{width:calc(100% - 12px);bottom:max(6px,env(safe-area-inset-bottom));padding:5px;border-radius:21px;}
  .arsi-user-bottom-bar button{min-height:48px;}
  .arsi-user-bottom-sheet{padding:0;}
  .arsi-user-sheet-card{width:100%;border-radius:25px 25px 0 0;max-height:82dvh;}

  /* Admin shell */
/* شرح عربي: قسم وظيفي: يحافظ على الأنماط الخاصة بهذه المجموعة ويُفضّل تعديل قواعده كوحدة واحدة. */
  :root{--arsi-topbar-admin:56px;}
  .adm-top{height:56px;padding-inline:10px;}
  .adm-layout{min-height:calc(100dvh - 56px);}
  .sidebar{top:56px;height:calc(100dvh - 56px);}
  .adm-logo{width:34px;height:34px;}
  .adm-brand small{display:none;}
  .content{padding:10px;}
  .stat{padding:11px;min-height:88px;}
  .stat-icon{width:38px;height:38px;}
  .stat b{font-size:19px;}
  .toggle-grid{grid-template-columns:1fr;}
  .drawer{width:100vw;height:100dvh;}
  .drawer-body{padding:12px;}
  .toolbar>*{width:100%;}
  .toolbar .btn{width:auto;}
  .pagination{align-items:flex-start;flex-direction:column;}
  .media-library-grid{grid-template-columns:1fr;}
  .ops-card{grid-template-columns:auto 1fr;}
  .ops-card>.btn{grid-column:1/-1;}
  .interaction-bars>div{grid-template-columns:1fr;}
  .interaction-bars b{grid-column:auto;text-align:right;}
}

/* شرح عربي للقاعدة الشرطية: تعديلات متجاوبة تُطبّق فقط عندما يطابق الجهاز شرط الشاشة التالي. */
@media(max-width:430px){
  
  
  
  
  .adm-top-actions{gap:2px;}
  .adm-top-actions .icon-btn{width:36px;padding:0;}
}

/* شرح عربي للقاعدة الشرطية: تعديلات متجاوبة تُطبّق فقط عندما يطابق الجهاز شرط الشاشة التالي. */
@media(max-width:380px){
  .settings-tabs{grid-template-columns:1fr;}
  
  
  
}

/* شرح عربي للقاعدة الشرطية: تحسين تدريجي يُفعّل فقط عندما يدعم المتصفح الميزة/الشرط التالي. */
@supports(-webkit-touch-callout:none){
  /* شرح عربي للقاعدة الشرطية: تعديلات متجاوبة تُطبّق فقط عندما يطابق الجهاز شرط الشاشة التالي. */
@media(max-width:760px){input, select, textarea{font-size:16px;}}
}

/* Admin shell mobile rules migrated from admin-shell.css in v19.7.80. */
/* شرح عربي: التجاوب للهاتف: أحجام وأماكن العناصر وتحسين اللمس على الشاشات الصغيرة. */
/* شرح عربي للقاعدة الشرطية: تعديلات متجاوبة تُطبّق فقط عندما يطابق الجهاز شرط الشاشة التالي. */
@media(max-width:700px){
  .adm-top{height:60px;min-height:60px;padding:0 8px;gap:6px;overflow:visible;}
  .adm-layout{min-height:calc(100dvh - 60px);overflow-x:clip;}
  .sidebar{top:60px;height:calc(100dvh - 60px);}
  .adm-brand{gap:5px;min-width:0;flex:1 1 auto;}
  .adm-logo{width:36px;height:36px;border-radius:11px;}.adm-logo img{max-width:30px;max-height:30px;}
  .adm-top-actions{gap:2px;flex:0 0 auto;}.adm-top-actions>.icon-btn, .adm-brand>.mobile-menu{width:36px;height:36px;min-height:36px;padding:0;border-radius:11px;}
  .admin-theme-toggle{display:grid;}
  .admin-greeting{width:36px;height:36px;min-height:36px;padding:0;display:grid;place-items:center;max-width:94px;}.admin-greeting>i{display:block;margin:0;}.admin-greeting>span{display:none;}
  body:not(.admin-modal-open):not(.arsi-admin-chat-lock){overflow-y:auto;position:static;height:auto;min-height:100dvh;touch-action:pan-y;}
  .adm-layout, .content, #content, .page-head, .stats-grid, .dash-grid, .card, .table-wrap{min-width:0;max-width:100%;}
  .content, #content{overflow-x:clip;overscroll-behavior-x:none;-webkit-overflow-scrolling:touch;min-height:calc(100dvh - 60px);overflow-y:visible;touch-action:pan-y;overscroll-behavior-y:auto;}
  .table-wrap{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
  .page-head{gap:10px;}.page-head>*{min-width:0;}.page-head .head-actions{width:100%;min-width:0;}.page-head .periods{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .stats-grid{align-items:stretch;}.stat, .card{contain:none;min-width:0;overflow:hidden;}.dash-grid{display:grid;grid-template-columns:1fr;gap:10px;}.dashboard-shell, .content{will-change:auto;}.activity{max-height:none;overflow:visible;}.top-list, .activity{touch-action:pan-y;}
  .toast-wrap{left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));}.toast{min-width:0;width:100%;}.admin-tab-loader{top:5px;}
  .admin-alerts-backdrop{background:rgba(24,12,18,.34);backdrop-filter:blur(3px);}
  .admin-alerts-panel{top:auto;right:10px;left:10px;bottom:calc(10px + env(safe-area-inset-bottom));inset-inline:auto;width:auto;max-width:none;height:min(76dvh,680px);max-height:calc(100dvh - 84px);border:1px solid var(--modal-line);border-radius:24px;overflow:hidden;box-shadow:var(--arsi-shadow-lg);overscroll-behavior:contain;}
  .admin-alerts-head{padding:13px 14px 10px;}.admin-alerts-head strong{font-size:15px;}.admin-alerts-head small{font-size:10px;}.admin-alerts-tools{padding:8px 10px;}.admin-alerts-body{padding:9px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}.admin-alert-card{padding:11px;border-radius:15px;}.admin-alert-empty{min-height:180px;}
}
/* شرح عربي للقاعدة الشرطية: تعديلات متجاوبة تُطبّق فقط عندما يطابق الجهاز شرط الشاشة التالي. */
@media(max-width:460px){.adm-brand>div:last-child{display:none;}.adm-brand{flex:0 0 auto;}.adm-top-actions{margin-inline-start:auto;}#quickAdd, #refreshBtn{display:none;}}
/* شرح عربي للقاعدة الشرطية: تعديلات متجاوبة تُطبّق فقط عندما يطابق الجهاز شرط الشاشة التالي. */
@media(max-width:430px){.adm-top-actions .icon-btn{width:34px;padding:0;}.adm-top-actions{gap:1px;}.admin-greeting{display:none;}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.stat{min-height:82px;}.stat b{font-size:18px;}.stat span{font-size:10.5px;}.admin-alerts-panel{right:7px;left:7px;bottom:calc(7px + env(safe-area-inset-bottom));height:min(78dvh,650px);}}
/* شرح عربي للقاعدة الشرطية: تعديلات متجاوبة تُطبّق فقط عندما يطابق الجهاز شرط الشاشة التالي. */
@media(max-width:360px){.adm-top-actions>.icon-btn, .adm-brand>.mobile-menu, .admin-greeting{width:34px;height:34px;min-height:34px;}.adm-logo{width:32px;height:32px;}}