/* ============================================================
 * styles/more-menu.css — شاشة «المزيد» وشاشة «البيانات المؤقتة» (إعادة التصميم — المرحلة ز)
 * ============================================================
 * مجموعات بعناوين، صفوف بأيقونة بلون نوعها (نظام الألوان الوظيفي)، مفتاح الوضع الداكن، وزر خروج أحمر منفصل.
 * Grouped rows with icons in their type colors (the functional palette), the theme switch, and a separate red logout.
 * ============================================================ */
.more-menu,.storage-screen{max-width:592px;margin:0 auto;padding:10px 16px 0;display:flex;flex-direction:column;gap:14px;}
.mm-head{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-strong);}
.mm-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;
  background:var(--c-dist-bg);color:var(--c-dist-fg);border:1px solid var(--c-dist-line);}
.mm-who{display:flex;flex-direction:column;gap:2px;}
.mm-name{font-size:17px;font-weight:700;color:var(--text-primary);}
.mm-role{font-size:13.5px;font-weight:600;color:var(--text-secondary);}
.mm-group{display:flex;flex-direction:column;gap:8px;}
.mm-gt{font-size:13.5px;font-weight:700;color:var(--text-secondary);padding:0 4px;}
.mm-box{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-strong);overflow:hidden;display:flex;flex-direction:column;}
.mm-item{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;background:none;border:none;font-family:inherit;font-size:15px;font-weight:700;
  color:var(--text-primary);text-decoration:none;cursor:pointer;text-align:start;}
.mm-item + .mm-item{border-top:1px solid var(--border);}
.mm-item > svg{color:var(--text-muted);flex-shrink:0;}
.mm-ic{width:38px;height:38px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:var(--k-bg, var(--bg-elev));color:var(--k-fg, var(--text-primary));border:1px solid var(--k-line, var(--border));}
.k-total{--k-bg:var(--c-total-fill);--k-fg:var(--c-total-ink);--k-line:var(--c-total-line);}
[data-theme="dark"] .k-total .mm-ic{background:var(--c-info-bg);color:#C3B3F5;border-color:var(--c-total-line);}
.mm-lbl{flex:1;}
/* مفتاح الوضع الداكن — the theme switch */
.mm-switch{width:46px;height:26px;border-radius:13px;position:relative;flex-shrink:0;background:var(--border-strong);transition:background .2s;}
.mm-switch span{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;}
.mm-switch.on{background:var(--c-dist-fg);}
.mm-switch.on span{transform:translateX(-20px);}
/* الخروج منفصل بالأحمر — logout separate in red */
.mm-logout{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:var(--radius-lg);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;
  background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);}
.mm-logout .mm-ic{background:none;border:none;color:inherit;width:auto;height:auto;}
.mm-logout[data-confirm="1"]{background:var(--danger);color:#FFFFFF;}
/* شاشة البيانات المؤقتة — the cached data screen */
.ss-head{display:flex;align-items:center;gap:8px;}
.ss-back{width:42px;height:42px;border-radius:12px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.ss-title{font-size:17px;font-weight:700;color:var(--text-primary);}
.storage-screen .storage-row{max-width:none;}
.storage-screen .storage-cells{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px;}
.storage-screen .storage-cell:nth-child(3){border-right:none;}
.storage-screen .storage-cell-label{font-size:13px;}
.storage-screen .storage-cell-val{font-size:14.5px;}
.storage-screen .storage-cell-val small{font-size:12px;}
.storage-screen .stations-cache-info{font-size:13px;}

/* بطاقة البيانات المؤقتة بنفس ألوان حالة النسخة، وسطر نصي بالحالة (طلب محمد) — the cached-data card in the same state colors, with a state line */
.sync-line{padding:12px 14px;border-radius:var(--radius);font-size:14px;font-weight:700;line-height:1.6;border:1.5px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);}
.storage-screen .storage-row{border:1.5px solid var(--border-strong);}
.storage-screen[data-sync="offline"] .sync-line,.storage-screen[data-sync="offline"] .storage-row{background:var(--danger-bg);border-color:var(--danger);}
.storage-screen[data-sync="none"] .sync-line,.storage-screen[data-sync="none"] .storage-row{background:var(--c-info-bg);border-color:var(--c-info-line);}
.storage-screen[data-sync="partial"] .sync-line,.storage-screen[data-sync="partial"] .storage-row{background:var(--c-ops-bg);border-color:var(--c-ops-fg);}
.storage-screen[data-sync="ready"] .sync-line,.storage-screen[data-sync="ready"] .storage-row{background:var(--c-dist-bg);border-color:var(--c-dist-line);}
.storage-screen[data-sync="pending"] .sync-line,.storage-screen[data-sync="pending"] .storage-row{background:var(--c-alert-bg);border:2px dashed var(--c-alert-fg);}
.storage-screen[data-sync="offline"] .sync-line{color:var(--danger);}
.storage-screen[data-sync="partial"] .sync-line{color:var(--c-ops-fg);}
.storage-screen[data-sync="ready"] .sync-line{color:var(--c-dist-fg);}
.storage-screen[data-sync="pending"] .sync-line{color:var(--c-alert-fg);}
/* بطاقة البيانات المؤقتة بنفس الألوان الصريحة — the cached-data card in the same explicit colors */
.storage-screen[data-sync="offline"] .sync-line,.storage-screen[data-sync="offline"] .storage-row{background:var(--st-red-bg);border:2px solid var(--st-red);}
.storage-screen[data-sync="none"] .sync-line,.storage-screen[data-sync="none"] .storage-row{background:var(--st-gray-bg);border:2px solid var(--st-gray);}
.storage-screen[data-sync="partial"] .sync-line,.storage-screen[data-sync="partial"] .storage-row{background:var(--st-yellow-bg);border:2px solid var(--st-yellow);}
.storage-screen[data-sync="ready"] .sync-line,.storage-screen[data-sync="ready"] .storage-row{background:var(--st-green-bg);border:2px solid var(--st-green);}
.storage-screen[data-sync="pending"] .sync-line,.storage-screen[data-sync="pending"] .storage-row{background:var(--st-orange-bg);border:2px dashed var(--st-orange);}
.storage-screen[data-sync] .sync-line{color:var(--text-primary);}
img.mm-avatar{width:54px;height:54px;object-fit:contain;background:none;border:none;}