/* V32: mobile menus, support, dynamic palette, legal pages, login background */
:root{--mobile-nav-safe:86px;--row-menu-width:270px;--toast-layer:99999;--modal-layer:5000;--modal-content-layer:5100}
#toastRoot{z-index:var(--toast-layer)!important}.toast{z-index:calc(var(--toast-layer) + 1)!important}.modal{z-index:var(--modal-layer)!important}.modal .modal-box{z-index:var(--modal-content-layer)!important}

body{
  background:
    url('../images/islamic-pattern.svg') top right/680px auto no-repeat,
    radial-gradient(circle at 11% 6%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 34%),
    radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 28%),
    var(--bg)!important;
}
html[data-theme="dark"] body{background:
    radial-gradient(circle at 11% 6%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 34%),
    radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--gold) 8%,transparent),transparent 28%),
    var(--bg)!important;}

.support-link,.help-card{cursor:pointer}.support-link{display:inline-flex;align-items:center;gap:8px}.help-card.support-link{color:inherit;text-decoration:none}.support-link[aria-disabled="true"]{opacity:.55;cursor:not-allowed}

/* جدول الإجراءات: القائمة عائمة ولا تُقص داخل الجدول */
.table-card,.table-scroll{overflow:visible!important}.table-scroll{position:relative}.data-table{position:relative}.row-actions.compact-row-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}.row-menu{position:relative;z-index:2000}.row-menu>summary{list-style:none}.row-menu>summary::-webkit-details-marker{display:none}.row-menu-pop{position:fixed!important;top:var(--row-menu-top,auto);left:var(--row-menu-left,auto);right:auto!important;bottom:auto;width:var(--row-menu-width,270px);max-width:calc(100vw - 22px);max-height:min(70vh,430px);overflow:auto;overscroll-behavior:contain;z-index:25000!important;padding:10px!important;border:1px solid var(--border)!important;border-radius:20px!important;background:var(--surface)!important;box-shadow:0 22px 55px rgba(15,23,42,.18)!important;display:grid;gap:4px}.row-menu-pop a,.row-menu-pop button,.row-menu-pop form button{width:100%;display:flex!important;align-items:center;justify-content:flex-start;gap:10px;text-align:right;border:0!important;background:transparent!important;color:var(--text)!important;padding:11px 12px!important;border-radius:13px!important;font-weight:900!important;white-space:normal!important;line-height:1.45!important;cursor:pointer}.row-menu-pop a:hover,.row-menu-pop button:hover{background:var(--surface-2)!important}.row-menu-pop .danger-text,.row-menu-pop .danger-text i{color:var(--danger)!important}.row-menu-separator{height:1px;background:var(--border);margin:6px 3px}.account-action-stack{display:grid;gap:4px}.table-card.menu-open,.table-scroll.menu-open{contain:none!important;z-index:3000!important;position:relative!important}

/* موبايل: منع اختفاء السايدبار خارج يمين الشاشة */
@media(max-width:1180px){.sidebar{right:0!important;top:0!important;bottom:0!important;width:min(86vw,330px)!important;max-width:calc(100vw - 18px)!important;border-radius:28px 0 0 28px!important;transform:translateX(calc(100% + 18px))!important}.sidebar.mobile-open{transform:translateX(0)!important}.sidebar.collapsed{width:min(86vw,330px)!important}.sidebar.collapsed .brand div,.sidebar.collapsed .sidebar-user div,.sidebar.collapsed .menu span,.sidebar.collapsed .help-card,.sidebar.collapsed .logout-link span{display:block}.sidebar.collapsed .brand,.sidebar.collapsed .sidebar-user,.sidebar.collapsed .menu a{justify-content:flex-start}}
@media(max-width:430px){.main{padding:8px 6px calc(var(--mobile-nav-safe) + 16px)!important}.topbar{margin-inline:0!important;border-radius:18px!important;padding:10px!important}.page-title h1{font-size:18px!important}.top-actions{gap:6px!important}.icon-btn,.notify-btn{width:39px!important;height:39px!important;border-radius:13px!important}.mobile-bottom-nav{left:6px!important;right:6px!important;bottom:6px!important;width:auto!important}.sidebar{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important}.row-actions.compact-row-actions{flex-wrap:wrap}.row-actions.compact-row-actions>.btn{flex:1 1 130px}.row-actions.compact-row-actions>.row-menu{margin-inline-start:auto}.row-menu-pop{left:8px!important;right:8px!important;bottom:calc(var(--mobile-nav-safe) + env(safe-area-inset-bottom,0px))!important;top:auto!important;width:auto!important;max-width:none!important;max-height:46vh!important;border-radius:24px 24px 18px 18px!important}.row-menu-pop::before{content:'الإجراءات';display:block;padding:4px 8px 10px;font-weight:950;color:var(--text);border-bottom:1px solid var(--border);margin-bottom:5px}}

/* لوحة الألوان */
.palette-presets{grid-column:1/-1;display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}.palette-presets strong{font-size:13px}.palette-buttons{display:flex;flex-wrap:wrap;gap:8px}.palette-buttons button{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-weight:900;cursor:pointer}.palette-buttons button i{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--preset-primary),var(--preset-gold))}.palette-buttons button:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border));background:var(--primary-soft)}

/* صفحات قانونية */
.legal-page{width:min(1060px,calc(100% - 24px));margin:28px auto 0}.legal-hero{padding:28px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,transparent),color-mix(in srgb,var(--gold) 6%,transparent)),var(--surface);box-shadow:var(--shadow-soft)}.legal-hero h1{margin:8px 0;color:var(--text);font-size:clamp(26px,4vw,40px)}.legal-hero p{margin:0;color:var(--text-muted);line-height:1.9}.legal-card{margin-top:18px;padding:26px;border:1px solid var(--border);border-radius:26px;background:var(--surface);box-shadow:var(--shadow-soft);line-height:2}.legal-card h2{margin:20px 0 8px;color:var(--text)}.legal-card h2:first-child{margin-top:0}.legal-card ul{padding-inline-start:22px}.legal-card li{margin:6px 0}.legal-card .notice{padding:14px 16px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}

/* تسجيل الدخول الجديد */
.login-page{background:url('../images/login-background.png') center/cover no-repeat fixed!important;overflow:auto}.login-page::before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.30),rgba(255,255,255,.05));pointer-events:none}.login-page .auth-page-frame{position:relative;z-index:1;padding:clamp(18px,4vw,54px)}.login-shell{width:min(1180px,calc(100vw - 32px));display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,460px);gap:clamp(24px,5vw,72px);align-items:center;margin:auto}.login-visual-panel{grid-column:1;padding:clamp(24px,4vw,52px);min-height:520px;display:flex;align-items:center;justify-content:center;text-align:center;color:#A77B22}.login-visual-panel .visual-inner{display:grid;gap:18px;place-items:center}.login-visual-panel i{font-size:92px;color:#C0922C;text-shadow:0 8px 22px rgba(160,119,34,.10)}.login-visual-panel h2{margin:0;font-size:clamp(34px,5vw,60px);line-height:1.45;color:#B88726;font-weight:900}.login-visual-panel p{margin:0;color:#66808a;font-weight:800}.login-card.login-card-modern{grid-column:2;width:100%;padding:42px 38px;border-radius:32px;background:rgba(255,255,255,.86);border:1px solid rgba(229,234,240,.85);box-shadow:0 30px 90px rgba(15,23,42,.15);backdrop-filter:blur(18px)}html[data-theme="dark"] .login-card.login-card-modern{background:rgba(16,28,35,.86)}.login-card-modern .login-logo{width:128px;height:auto;margin:0 auto 12px;display:block}.login-card-modern h1{text-align:center;margin:0 0 6px;color:var(--primary);font-size:30px}.login-card-modern p{text-align:center;margin:0 0 22px;color:var(--text-muted);line-height:1.8}.login-card-modern .form label{position:relative}.login-card-modern .form label>i{position:absolute;right:14px;bottom:13px;color:var(--primary);z-index:1}.login-card-modern input[type="email"],.login-card-modern input[type="password"]{padding-right:46px!important;height:52px}.login-card-modern .login-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.login-card-modern .login-row a{font-weight:900;color:var(--primary)}.login-card-modern .btn.primary{height:54px;font-size:17px;border-radius:14px}.login-register-note{text-align:center;margin-top:18px;color:var(--text-muted);font-weight:800}.login-register-note a{color:var(--gold-dark);font-weight:950}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-visual-panel{display:none}.login-card.login-card-modern{grid-column:1;padding:30px 22px}.login-page .auth-page-frame{padding:14px}}
.registration-phone-field{display:grid;gap:8px}.registration-field-title{font-weight:800}.registration-phone-grid{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(260px,1.4fr);gap:12px}.registration-phone-grid label{min-width:0}.phone-e164-preview{font-weight:700;color:var(--primary,#00a9c7)}@media(max-width:720px){.registration-phone-grid{grid-template-columns:1fr}}
