/* ACCMAA 20260811c — mid CSS bundle (cascade order preserved) */


/* ---- accmaa-admin.css ---- */
/* Accmaa Admin — مركز القيادة والحوكمة */
.admin-shell { padding-bottom: 48px; }
.admin-page-head {
    display: flex; justify-content: space-between; align-items: flex-start;
    gap: 16px; flex-wrap: wrap; margin-bottom: 24px;
}
.admin-eyebrow {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 0.75rem; font-weight: 700; color: var(--gold);
    text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 8px;
}
.admin-kpi-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important; }
.admin-hub-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px;
}
.admin-hub-card {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    padding: 16px 12px; border-radius: 14px;
    border: 1px solid rgba(10,54,105,0.08); background: #f8fafc;
    cursor: pointer; font-family: inherit; font-size: 0.78rem; font-weight: 700;
    color: var(--primary); transition: all 0.25s;
}
.admin-hub-card i { font-size: 1.3rem; color: var(--gold); }
.admin-hub-card:hover { background: var(--gold-light); border-color: var(--gold); transform: translateY(-3px); }
.admin-form-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px;
}
.admin-select { width: 100%; padding: 12px; border: 2px solid #e8eef4; border-radius: 10px; font-family: inherit; }
.admin-audit-row {
    display: flex; gap: 12px; padding: 10px 0;
    border-bottom: 1px solid #eef2f6; font-size: 0.85rem;
}
.admin-audit-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); margin-top: 6px; flex-shrink: 0; }
.admin-empty { color: var(--muted); text-align: center; padding: 24px; }
.admin-upload-zones { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.admin-upload-panel--compact { margin-bottom: 12px; }
.admin-upload-panel--compact .admin-upload-zones { grid-template-columns: repeat(6, 1fr); gap: 8px; }
.admin-upload-panel--compact .upload-zone--sm { padding: 14px 8px; font-size: 0.72rem; }
.admin-upload-panel--compact .upload-zone--sm i { font-size: 1.2rem; }
.admin-upload-hint { margin: 0 0 12px; font-size: 0.82rem; }
.admin-field-upload-wrap { width: 100%; }
.admin-field-upload-row { display: flex; gap: 8px; align-items: stretch; flex-wrap: wrap; }
.admin-field-upload-row .admin-input { flex: 1; min-width: 180px; }
.admin-upload-btn-group { display: flex; gap: 6px; flex-wrap: wrap; }
.admin-upload-btn { cursor: pointer; margin: 0; white-space: nowrap; }
.admin-upload-preview { margin-top: 10px; }
.admin-upload-preview--inline { margin-top: 8px; }
.admin-upload-thumb { max-width: 100%; max-height: 160px; border-radius: 10px; border: 1px solid #e8eef4; }
.admin-upload-audio { width: 100%; max-width: 360px; }
.admin-upload-link { font-size: 0.82rem; word-break: break-all; color: var(--primary); }
.form-group--full { grid-column: 1 / -1; }

/* صلاحيات المستخدم — صفوف أفقية منظمة لتقليص الارتفاع */
.admin-perms-wrap {
    grid-column: 1 / -1;
    width: 100%;
}
.admin-perms-grid {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
}
.perm-group {
    background: #f8fafc;
    border: 1px solid #e8eef4;
    border-radius: 12px;
    padding: 12px 14px;
}
.perm-group > strong {
    display: block;
    margin-bottom: 10px;
    font-size: 0.86rem;
    color: var(--primary, #0A3669);
}
.perm-check-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 8px 12px;
    align-items: start;
}
.perm-check {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 8px 10px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #eef2f6;
    font-weight: 600;
    font-size: 0.82rem;
    line-height: 1.35;
    color: #1e293b;
    cursor: pointer;
}
.perm-check:hover {
    border-color: rgba(212, 175, 55, 0.55);
    background: #fffdf5;
}
.perm-check input {
    margin-top: 2px;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    accent-color: var(--primary, #0A3669);
}
@media (max-width: 768px) {
    .perm-check-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
    .perm-check-grid { grid-template-columns: 1fr; }
}

.user-perms-edit-row td { background: #f8fafc; padding: 0 !important; }
.user-perms-edit-panel { padding: 14px 16px 16px; }
.user-perms-edit-head {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; flex-wrap: wrap; margin-bottom: 12px;
}
.user-perms-edit-head strong { color: var(--primary, #0A3669); font-size: 0.92rem; }

/* إدارة الكورسات — شريط حفظ/تعديل/رفع */
.admin-form-toolbar {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; flex-wrap: wrap; margin-bottom: 14px;
}
.admin-form-toolbar h3 { margin: 0; font-size: 1.05rem; color: var(--primary, #0A3669); }
.admin-form-submit-row {
    display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
    margin-top: 6px; padding-top: 8px; border-top: 1px solid #e8eef4;
}
.admin-row-actions { white-space: nowrap; }
.admin-row-actions .btn { margin-inline-start: 4px; }
.admin-course-form textarea.admin-input {
    width: 100%; min-height: 88px; resize: vertical;
    border: 2px solid #e8eef4; border-radius: 10px; padding: 12px; font-family: inherit;
}
.admin-course-thumb-cell { width: 64px; }
.admin-course-thumb {
    width: 56px; height: 40px; object-fit: cover; border-radius: 8px;
    border: 1px solid #e8eef4; display: block; background: #f1f5f9;
}
.admin-course-thumb--empty {
    display: flex; align-items: center; justify-content: center; color: #94a3b8;
}
.admin-courses-table td { vertical-align: middle; }
.admin-courses-upload-strip { margin-bottom: 4px; }
.upload-zone {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    padding: 28px 16px; border: 2px dashed #c5d4e8; border-radius: 16px;
    cursor: pointer; font-weight: 700; color: var(--primary); transition: all 0.2s;
}
.upload-zone:hover { border-color: var(--gold); background: var(--gold-light); }
.upload-zone i { font-size: 1.8rem; color: var(--gold); }
.media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; }
.media-card {
    border-radius: 14px; overflow: hidden; border: 1px solid #e8eef4; background: #fff;
}
.media-card img { width: 100%; height: 100px; object-fit: cover; }
.media-doc { height: 100px; display: flex; align-items: center; justify-content: center; background: #f0f4f8; font-size: 2rem; color: var(--primary); }
.media-card-body { padding: 10px; font-size: 0.78rem; }
.media-card-body strong { display: block; margin-bottom: 8px; word-break: break-all; }
@media (max-width: 768px) {
    .admin-upload-zones { grid-template-columns: 1fr 1fr; }
    .admin-upload-panel--compact .admin-upload-zones { grid-template-columns: repeat(3, 1fr); }
    .admin-form-grid { grid-template-columns: 1fr; }
}

.gov-master-banner {
    background: linear-gradient(135deg, #0A3669 0%, #1a5a9e 100%);
    color: #fff; padding: 16px 20px; border-radius: 14px; margin-bottom: 20px;
}
.gov-master-banner p { margin: 6px 0 0; opacity: 0.92; font-size: 0.88rem; }
.gov-master-banner code { background: rgba(255,255,255,0.15); padding: 2px 8px; border-radius: 6px; }
.gov-user-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.gov-master-banner--compact { padding: 12px 16px; margin-bottom: 16px; font-size: 0.9rem; }
.gov-master-banner--dash { margin-bottom: 20px; }

.gov-content-authority {
    padding: 14px 18px !important;
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
    background: linear-gradient(135deg, rgba(10, 54, 105, 0.04), rgba(212, 175, 55, 0.08)) !important;
}
.gov-authority-toggle {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    margin: 0;
}
.gov-authority-toggle input {
    margin-top: 4px;
    width: 18px;
    height: 18px;
    accent-color: #D4AF37;
    flex-shrink: 0;
}
.gov-authority-toggle strong {
    display: block;
    color: var(--primary);
    font-size: 0.95rem;
}
.gov-authority-toggle small {
    display: block;
    margin-top: 4px;
    color: #c9a227;
    font-size: 0.8rem;
    line-height: 1.45;
}
.gov-command-hero {
    display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap;
    padding: 22px 24px; margin-bottom: 20px; border-radius: 16px;
    background: #0A3669;
    border: 1px solid rgba(255, 213, 79, 0.35);
    box-shadow: 0 10px 28px rgba(6, 31, 61, 0.22);
}
.gov-command-hero h2 { margin: 0 0 8px; font-size: 1.25rem; color: #fff; }
.gov-command-hero p { margin: 0; color: #FFE082; font-size: 0.9rem; opacity: 1; }
.gov-command-hero-actions { display: flex; gap: 10px; flex-wrap: wrap; }

.gov-board-panel { margin-bottom: 20px; border: 2px solid var(--gold); background: linear-gradient(135deg, #fffef8, #fff); }
.gov-board-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 10px;
    margin-top: 14px;
}
.gov-board-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 14px 10px;
    border-radius: 12px;
    border: 1px solid #e8edf3;
    background: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--primary);
    transition: all 0.2s;
}
.gov-board-tile i { font-size: 1.2rem; color: var(--gold); }
.gov-board-tile:hover { border-color: var(--gold); background: var(--gold-light, #fffbeb); transform: translateY(-2px); }
.gov-pending-pill {
    display: inline-flex; align-items: center; gap: 6px; margin-top: 10px;
    padding: 4px 12px; border-radius: 999px; font-size: 0.78rem; font-weight: 700;
    background: rgba(201,162,39,0.2); color: #8a6d12;
}
.role-scope-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px;
}
.role-scope-card {
    padding: 14px 16px; border-radius: 12px; border: 1px solid #e8eef4; background: #fafbfd;
}
.role-scope-head {
    display: flex; align-items: center; gap: 8px; font-weight: 800; color: var(--primary);
    margin-bottom: 8px; font-size: 0.9rem;
}
.role-scope-head i { color: var(--gold); }
.role-scope-card p { margin: 0; font-size: 0.82rem; color: var(--muted); line-height: 1.5; }
.gov-hub-premium {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px;
    margin-bottom: 20px;
}
.gov-hub-tile {
    position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
    padding: 18px 16px; border-radius: 14px; border: 1px solid rgba(10,54,105,0.1);
    background: #fff; cursor: pointer; font-family: inherit; text-align: start;
    transition: all 0.25s; color: var(--primary);
}
.gov-hub-tile i { font-size: 1.4rem; color: var(--gold); }
.gov-hub-tile strong { font-size: 0.92rem; }
.gov-hub-tile small { color: var(--muted); font-size: 0.75rem; line-height: 1.4; }
.gov-hub-tile .gov-pending-pill { position: absolute; top: 12px; inset-inline-end: 12px; margin: 0; }
.gov-hub-tile:hover { border-color: var(--gold); box-shadow: 0 8px 24px rgba(10,54,105,0.08); transform: translateY(-2px); }
.erp-head-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.kpi-grid-4 { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
.erp-form-wide { grid-column: 1 / -1; }
.erp-journal-table { font-size: 0.82rem; }
.erp-journal-table th, .erp-journal-table td { white-space: nowrap; }
.erp-journal-table td:nth-child(5),
.erp-journal-table td.erp-actions { white-space: normal; }
.erp-workspace { display: flex; flex-direction: column; gap: 14px; }
.erp-shell,
.erp-workspace,
.erp-app-layout,
.erp-app-main,
.erp-tab-body,
.erp-mod-nav,
.erp-mod-btn {
    pointer-events: auto !important;
    position: relative;
    z-index: 1;
}
.erp-shell.has-card-bg::before,
.erp-shell.has-card-bg::after,
.main-inner.erp-shell.has-card-bg::before,
.main-inner.erp-shell.has-card-bg::after {
    pointer-events: none !important;
    z-index: 0 !important;
}
.erp-app-layout {
    display: grid; grid-template-columns: minmax(210px, 240px) 1fr;
    gap: 16px; align-items: start;
}
.erp-mod-nav {
    position: sticky; top: 88px; max-height: calc(100vh - 100px); overflow: auto;
    padding: 12px; border-radius: 16px;
    border: 1px solid rgba(10,54,105,0.1); background: #fffef9;
}
.erp-mod-group { margin-bottom: 14px; }
.erp-mod-group:last-child { margin-bottom: 0; }
.erp-mod-group-title {
    font-size: 0.72rem; font-weight: 800; color: var(--muted);
    letter-spacing: 0.04em; margin: 0 0 6px 4px; text-transform: none;
}
.erp-mod-btn {
    width: 100%; border: 0; background: transparent; color: var(--primary);
    padding: 9px 10px; border-radius: 10px; cursor: pointer; text-align: start;
    font: inherit; font-weight: 700; font-size: 0.86rem;
    display: flex; align-items: center; gap: 10px; margin-bottom: 2px;
}
.erp-mod-btn i { width: 1.1rem; color: var(--gold); text-align: center; }
.erp-mod-btn.active, .erp-mod-btn:hover {
    background: #fff; box-shadow: 0 2px 10px rgba(10,54,105,0.07);
}
.erp-mod-btn--primary { font-weight: 800; }
.erp-mod-count {
    margin-inline-start: auto;
    min-width: 1.5rem; padding: 1px 7px; border-radius: 999px;
    background: rgba(10,54,105,0.08); color: #0A3669;
    font-size: 0.72rem; font-weight: 800; font-style: normal; text-align: center;
}
.erp-mod-btn.active .erp-mod-count,
.erp-primary-tab.active .erp-mod-count {
    background: rgba(201,162,39,0.22); color: #8a6a10;
}
.erp-primary-tabs {
    display: flex; flex-wrap: wrap; gap: 8px;
    margin: 0 0 14px; padding: 8px;
    border-radius: 16px;
    background: linear-gradient(135deg, #0A3669 0%, #124a86 55%, #0A3669 100%);
    border: 1px solid rgba(201,162,39,0.35);
}
.erp-primary-tab {
    border: 1px solid transparent; background: rgba(255,255,255,0.06);
    color: #f7fafc; padding: 10px 14px; border-radius: 12px; cursor: pointer;
    font: inherit; font-weight: 700; font-size: 0.9rem;
    display: inline-flex; align-items: center; gap: 8px;
}
.erp-primary-tab i { color: #C9A227; }
.erp-primary-tab .erp-mod-count {
    background: rgba(255,255,255,0.14); color: #fff;
}
.erp-primary-tab.active, .erp-primary-tab:hover {
    background: #fff; color: #0A3669;
    border-color: rgba(201,162,39,0.45);
}
.erp-primary-tab.active i { color: #C9A227; }
.erp-app-main { min-width: 0; }
.erp-module-head {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
    gap: 10px; margin-bottom: 8px;
}
.erp-module-head h2 {
    margin: 0; font-size: 1.15rem; color: var(--primary);
    padding-bottom: 0; border-bottom: 0;
}
.erp-todo-list { list-style: none; margin: 0; padding: 0; }
.erp-todo-list li {
    display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
    padding: 8px 0; border-bottom: 1px solid rgba(10,54,105,0.06);
}
.erp-todo-list li span { flex: 1; min-width: 160px; font-size: 0.88rem; }
.erp-quick-grid {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;
}
.erp-quick {
    border: 1px solid rgba(10,54,105,0.1); background: #fff;
    border-radius: 12px; padding: 14px 12px; cursor: pointer;
    font: inherit; font-weight: 700; color: var(--primary);
    display: flex; flex-direction: column; gap: 8px; align-items: flex-start;
}
.erp-quick i { color: var(--gold); }
.erp-quick:hover { border-color: var(--gold); }
.erp-acc-group td { background: rgba(10,54,105,0.04); }
.erp-toolbar {
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
    gap: 12px; padding: 12px 14px; border-radius: 14px;
    background: #f7fafc;
    border: 1px solid rgba(10,54,105,0.08); margin-bottom: 4px;
}
.erp-toolbar-meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.erp-tab-body { min-height: 240px; }
.erp-dash-reports .admin-form-toolbar { margin-bottom: 8px; }
.erp-shell .dash-grid-3 {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
}
@media (max-width: 1100px) {
    .erp-shell .dash-grid-3 { grid-template-columns: 1fr; }
    .erp-app-layout { grid-template-columns: 1fr; }
    .erp-mod-nav { position: static; max-height: none; display: flex; flex-wrap: wrap; gap: 4px; }
    .erp-mod-group { flex: 1 1 100%; margin-bottom: 6px; }
    .erp-mod-btn { width: auto; }
}
.erp-tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.erp-tabs {
    display: flex; flex-wrap: wrap; gap: 6px; padding: 6px;
    border-radius: 14px; background: #f7fafc;
    border: 1px solid rgba(10,54,105,0.08);
}
.erp-tab {
    border: 0; background: transparent; color: var(--primary);
    padding: 10px 14px; border-radius: 10px; cursor: pointer;
    font: inherit; font-weight: 700; font-size: 0.86rem;
    display: inline-flex; align-items: center; gap: 8px;
}
.erp-tab i { color: var(--gold); }
.erp-tab.active, .erp-tab:hover { background: #fff; box-shadow: 0 4px 14px rgba(10,54,105,0.08); }
.erp-filters { margin: 0; }
.erp-filter-grid { align-items: end; }
.erp-filter-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: end; padding-bottom: 2px; }
.erp-status {
    display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px;
    font-size: 0.72rem; font-weight: 800; letter-spacing: 0.02em;
}
.erp-st-posted { background: rgba(22,163,74,0.12); color: #15803d; }
.erp-st-draft { background: rgba(217,119,6,0.14); color: #b45309; }
.erp-st-void { background: rgba(100,116,139,0.14); color: #475569; }
.erp-lines-preview { margin-top: 4px; color: var(--muted); line-height: 1.45; }
.erp-row-void { opacity: 0.62; }
.erp-actions { display: flex; flex-wrap: wrap; gap: 4px; }
.erp-stat-list { margin: 0; padding: 0 1.1rem; line-height: 1.9; }
.erp-entry-panel .erp-lines-table input,
.erp-entry-panel .erp-lines-table select { min-width: 90px; width: 100%; }

/* ERP accounting form — Odoo-like clarity */
.erp-shell .erp-input,
.erp-shell .erp-select,
.erp-shell .admin-select,
.erp-entry-panel input[type="text"],
.erp-entry-panel input[type="number"],
.erp-entry-panel input[type="date"],
.erp-entry-panel select,
.erp-filter-grid input,
.erp-filter-grid select,
.erp-shell form.admin-form-grid input,
.erp-shell form.admin-form-grid select {
    width: 100%;
    min-height: 42px;
    padding: 9px 12px;
    border: 1px solid #c5d0dc;
    border-radius: 8px;
    background: #fff;
    color: #0A3669;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.35;
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.erp-shell .erp-input:hover,
.erp-shell .erp-select:hover,
.erp-shell .admin-select:hover,
.erp-entry-panel input:hover,
.erp-entry-panel select:hover {
    border-color: #9bb0c7;
    background: #fcfdff;
}
.erp-shell .erp-input:focus,
.erp-shell .erp-select:focus,
.erp-shell .admin-select:focus,
.erp-entry-panel input:focus,
.erp-entry-panel select:focus,
.erp-filter-grid input:focus,
.erp-filter-grid select:focus {
    outline: none;
    border-color: #0A3669;
    box-shadow: 0 0 0 3px rgba(10, 54, 105, 0.14);
    background: #fff;
}
.erp-shell .erp-amount,
.erp-entry-panel .erp-line-debit,
.erp-entry-panel .erp-line-credit {
    font-variant-numeric: tabular-nums;
    font-family: "Segoe UI", Tahoma, "Noto Sans Arabic", sans-serif;
    font-weight: 700;
    text-align: end;
    letter-spacing: 0.01em;
    min-width: 110px;
    background: linear-gradient(180deg, #fffef8 0%, #fff 100%);
    border-color: #d4c48a;
}
.erp-shell .erp-amount:focus,
.erp-entry-panel .erp-line-debit:focus,
.erp-entry-panel .erp-line-credit:focus {
    border-color: #c9a227;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.22);
}
.erp-shell .erp-select,
.erp-entry-panel .erp-line-account,
.erp-entry-panel .erp-line-partner {
    min-width: 160px;
    cursor: pointer;
    background-image: linear-gradient(180deg, #fff 0%, #f7fafc 100%);
}
.erp-entry-meta .erp-field,
.erp-shell .admin-form-grid > label,
.erp-filter-grid > label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 0.78rem;
    font-weight: 800;
    color: #3d5a73;
    letter-spacing: 0.01em;
}
.erp-entry-panel .erp-lines-table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}
.erp-entry-panel .erp-lines-table thead th {
    background: #0A3669;
    color: #faf3dc;
    font-size: 0.78rem;
    font-weight: 800;
    padding: 10px 12px;
    border: none;
    white-space: nowrap;
}
.erp-entry-panel .erp-lines-table thead th.erp-col-amount { text-align: end; }
.erp-entry-panel .erp-lines-table tbody td {
    padding: 8px 10px;
    vertical-align: middle;
    border-bottom: 1px solid #e8eef4;
    background: #fff;
}
.erp-entry-panel .erp-lines-table tbody tr:hover td { background: #f8fafc; }
.erp-entry-panel .erp-lines-table tfoot td {
    padding: 12px 10px;
    background: #f4f7fb;
    border-top: 2px solid rgba(10, 54, 105, 0.12);
    font-weight: 800;
    color: #0A3669;
}
.erp-balance-hint { font-size: 0.82rem; font-weight: 700; }
.erp-balance-hint.is-ok { color: #15803d; }
.erp-balance-hint.is-bad { color: #b91c1c; }
.erp-drawer {
    margin-top: 12px; padding: 16px; border-radius: 14px;
    border: 1px solid rgba(10,54,105,0.1); background: #fffefb;
    box-shadow: 0 8px 28px rgba(10,54,105,0.06);
}
.erp-drawer.hidden { display: none; }
.erp-drawer h4 { margin: 0 0 10px; }
@media (max-width: 720px) {
    .erp-tab { flex: 1 1 calc(50% - 6px); justify-content: center; }
    .erp-journal-table th, .erp-journal-table td { white-space: normal; }
}

/* ─── تنظيم لوحة التحكم — sidebar · tabs · zones ─── */
.admin-layout--with-sidebar { max-width: none; }
.admin-layout-row {
    display: grid; grid-template-columns: minmax(220px, 260px) 1fr;
    gap: 24px; align-items: start;
}
.admin-sidebar {
    position: sticky; top: 88px; max-height: calc(100vh - 100px); overflow: auto;
    padding: 16px; border-radius: 16px; border: 1px solid rgba(10,54,105,0.08);
    background: #fffef8; box-shadow: 0 4px 20px rgba(10,54,105,0.04);
}
.admin-sidebar-block { margin-bottom: 18px; }
.admin-sidebar-block:last-child { margin-bottom: 0; }
.admin-sidebar-title {
    font-size: 0.72rem; font-weight: 800; text-transform: uppercase;
    letter-spacing: 0.05em; color: var(--muted); margin: 0 0 8px;
    display: flex; align-items: center; gap: 6px;
}
.admin-sidebar-link {
    display: flex; align-items: center; gap: 10px; width: 100%;
    padding: 10px 12px; margin-bottom: 4px; border-radius: 10px;
    border: 1px solid transparent; background: transparent;
    cursor: pointer; font-family: inherit; font-size: 0.82rem; font-weight: 700;
    color: var(--primary); text-align: start; transition: all 0.2s;
}
.admin-sidebar-link i { width: 18px; color: var(--gold); flex-shrink: 0; }
.admin-sidebar-link:hover,
.admin-sidebar-link:focus-visible {
    background: rgba(212, 175, 55, 0.22);
    border-color: rgba(201,162,39,0.35);
    color: #061f3d;
    -webkit-text-fill-color: #061f3d;
}
.admin-sidebar-link:hover i,
.admin-sidebar-link:focus-visible i { color: #0A3669; }
.admin-sidebar-link.active {
    background: var(--primary); color: #fff; border-color: var(--primary);
    -webkit-text-fill-color: #fff;
    box-shadow: 0 4px 14px rgba(10,54,105,0.15);
}
.admin-sidebar-link.active i { color: var(--gold); }
.admin-layout-main { min-width: 0; }

.cmd-center-tabs {
    display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 20px;
    padding: 6px; border-radius: 14px; background: rgba(10,54,105,0.04);
    border: 1px solid rgba(10,54,105,0.08);
}
.cmd-center-tab {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 16px; border-radius: 10px; border: none;
    background: transparent; cursor: pointer; font-family: inherit;
    font-size: 0.82rem; font-weight: 700; color: var(--primary); transition: all 0.2s;
}
.cmd-center-tab:hover { background: rgba(255,255,255,0.8); }
.cmd-center-tab.active {
    background: var(--primary); color: #fff;
    box-shadow: 0 4px 12px rgba(10,54,105,0.2);
}
.cmd-tab-panel { display: none; }
.cmd-tab-panel.active { display: block; }
.cmd-quick-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.org-content-hub-wrap { margin-top: 8px; }
.admin-hub-hero-actions { margin-bottom: 16px; }

.dash-preview-banner {
    display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap;
    padding: 12px 20px; margin: 0; background: linear-gradient(90deg, #0A3669, #1a5a9e);
    color: #fff; font-size: 0.88rem; font-weight: 700;
}
.dash-preview-banner i { color: var(--gold); }

/* تقرير الزائرين */
.visitors-report-panel { margin: 18px 0 22px; }
.visitors-live-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
    margin: 10px 0 14px;
    font-size: 0.78rem;
}
.visitors-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 800;
    background: rgba(34, 197, 94, 0.14);
    color: #15803d;
    border: 1px solid rgba(34, 197, 94, 0.35);
}
.visitors-live-badge.is-wait {
    background: rgba(148, 163, 184, 0.16);
    color: #475569;
    border-color: rgba(148, 163, 184, 0.35);
}
.visitors-live-badge i { font-size: 0.55rem; }
.visitors-live-badge.is-live i { color: #22c55e; animation: visitorsLivePulse 1.4s ease-in-out infinite; }
@keyframes visitorsLivePulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.35; }
}
.visitors-last-hit { color: var(--muted, #64748b); }
.visitors-loading {
    margin: 18px 0;
    font-weight: 700;
    color: var(--muted, #64748b);
}
.visitors-note { font-weight: 600; }
.visitors-report-head {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
    margin-bottom: 14px;
}
.visitors-report-head h3 { margin: 0; display: flex; align-items: center; gap: 8px; }
.visitors-total-hero {
    display: flex; align-items: center; gap: 14px;
    padding: 16px 18px; border-radius: 16px; margin-bottom: 14px;
    background: linear-gradient(135deg, #0A3669 0%, #124a84 55%, #1a5a9e 100%);
    color: #fff;
}
.visitors-total-ico {
    width: 52px; height: 52px; border-radius: 14px;
    display: grid; place-items: center; background: rgba(232, 197, 71, 0.2); color: #e8c547;
    font-size: 1.35rem;
}
.visitors-total-hero strong { display: block; font-size: 1.75rem; line-height: 1.1; }
.visitors-total-hero span { opacity: 0.9; font-size: 0.88rem; font-weight: 600; }
.visitors-period-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-bottom: 16px;
}
.visitors-period-card {
    display: flex; gap: 10px; align-items: center;
    padding: 12px; border-radius: 14px; background: #f8fafc;
    border: 1px solid rgba(10, 54, 105, 0.08);
}
.visitors-period-ico {
    width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center;
    background: rgba(212, 175, 55, 0.14); color: #b8860b;
}
.visitors-period-card strong { display: block; font-size: 1.15rem; color: #0A3669; }
.visitors-period-card span { display: block; font-size: 0.78rem; font-weight: 700; color: #334155; }
.visitors-period-card small { display: block; font-size: 0.7rem; color: #64748b; margin-top: 2px; }
.visitors-chart-title { margin: 0 0 10px; font-size: 0.92rem; color: #0A3669; }
.visitors-chart {
    display: flex; align-items: flex-end; gap: 4px; height: 140px;
    padding: 10px 6px 0; border-radius: 14px; background: #f8fafc;
    border: 1px solid rgba(10, 54, 105, 0.06);
}
.visitors-chart-col {
    flex: 1; min-width: 0; height: 100%;
    display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px;
}
.visitors-chart-bar {
    width: 70%; max-width: 18px; border-radius: 6px 6px 2px 2px;
    background: linear-gradient(180deg, #e8c547, #0A3669); min-height: 4px;
}
.visitors-chart-col small {
    font-size: 0.58rem; color: #64748b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}

@media (max-width: 960px) {
    .admin-layout-row { grid-template-columns: 1fr; }
    .admin-sidebar { position: static; max-height: none; }
    .cmd-quick-grid { grid-template-columns: 1fr; }
}


/* ---- accmaa-tafqeet.css ---- */
/* ACCMAA — أداة التفقيط */
.tafqeet-page { padding-bottom: 24px; }

/* ─── وضع فوري: المبلغ أمام المستخدم بدون تمرير ─── */
body.tafqeet-active .main-inner.tafqeet-page--instant {
    padding: 12px 16px 20px !important;
    max-width: 1180px;
    margin: 0 auto;
}
body.tafqeet-active .main-wrap {
    scroll-behavior: auto;
}
.tafqeet-page--instant .tafqeet-topbar {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px;
    padding: 10px 14px; margin-bottom: 12px;
    border-radius: 14px;
    background: linear-gradient(135deg, #061f3d 0%, #0a3669 70%, rgba(201,162,39,0.2) 100%);
    color: #fff; border: 1px solid rgba(255,255,255,0.12);
}
.tafqeet-topbar-badge {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 12px; border-radius: 999px;
    background: rgba(255,255,255,0.12); font-size: 0.72rem; font-weight: 700;
}
.tafqeet-topbar-text { flex: 1; min-width: 200px; }
.tafqeet-topbar-text h1 {
    margin: 0 0 4px; font-size: 1.05rem; font-weight: 800;
    color: #fff; line-height: 1.3;
}
.tafqeet-topbar-text p {
    margin: 0; font-size: 0.78rem; color: rgba(255,255,255,0.88);
    line-height: 1.45; max-width: 520px;
}
.tafqeet-topbar-feats {
    display: flex; flex-wrap: wrap; gap: 8px;
}
.tafqeet-topbar-feats span {
    font-size: 0.7rem; font-weight: 700;
    padding: 4px 10px; border-radius: 999px;
    background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.92);
}
.tafqeet-topbar-feats i { color: #e8c547; margin-left: 4px; }

.tafqeet-instant-grid {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(280px, 1.15fr);
    gap: 14px; align-items: start;
}
.tafqeet-form--compact { padding: 16px !important; }
.tafqeet-form--compact .form-group { margin-bottom: 10px; }
.tafqeet-amount-wrap--hero input {
    font-size: 1.55rem !important;
    padding: 14px 16px !important;
    text-align: center;
    letter-spacing: 0.02em;
}
.tafqeet-select--compact { padding: 10px 12px !important; font-size: 0.88rem !important; margin-top: 8px !important; }
.tafqeet-format-block--inline {
    display: flex; flex-wrap: wrap; gap: 12px 18px;
    margin-top: 8px !important; padding: 10px 12px !important;
}
.tafqeet-format-block--inline .tafqeet-check { padding: 4px 0; margin: 0; }
.tafqeet-actions { margin-top: 12px !important; }
.tafqeet-results--compact { gap: 10px !important; }
.tafqeet-results--compact .tafqeet-result-body {
    min-height: 52px; padding: 12px 14px; font-size: 0.98rem;
}
.tafqeet-results--compact .tafqeet-result-head { padding: 8px 12px; font-size: 0.82rem; }
.tafqeet-disclaimer-details {
    margin-top: 12px; font-size: 0.78rem; color: var(--muted);
}
.tafqeet-disclaimer-details summary {
    cursor: pointer; font-weight: 600; color: var(--primary);
    padding: 8px 0;
}
@media (max-width: 900px) {
    .tafqeet-instant-grid { grid-template-columns: 1fr; }
    .tafqeet-topbar-feats { width: 100%; }
}
@media (min-width: 901px) and (min-height: 640px) {
    .tafqeet-page--instant .tafqeet-instant-grid {
        max-height: calc(100dvh - var(--header-stack-h, 120px) - 100px);
    }
}

.tafqeet-hero {
    text-align: center; padding: 32px 24px 28px; margin-bottom: 24px;
    border-radius: 20px;
    background: linear-gradient(135deg, #0A3669 0%, #1a5a9e 55%, rgba(201,162,39,0.35) 100%);
    color: #fff; position: relative; overflow: hidden;
}
.tafqeet-hero::after {
    content: ''; position: absolute; inset: 0;
    background: radial-gradient(circle at 80% 20%, rgba(255,255,255,0.12), transparent 50%);
    pointer-events: none;
}
.tafqeet-hero h1 { margin: 12px 0 8px; font-size: 1.75rem; position: relative; z-index: 1; }
.tafqeet-hero p { margin: 0 auto; max-width: 560px; opacity: 0.92; position: relative; z-index: 1; }
.tafqeet-ribbon { position: relative; z-index: 1; }

.tafqeet-panel {
    display: grid; grid-template-columns: 1fr 1.2fr; gap: 24px; align-items: start;
}
@media (max-width: 900px) {
    .tafqeet-panel { grid-template-columns: 1fr; }
}

.tafqeet-form {
    padding: 24px; border-radius: 18px;
    border: 1px solid rgba(10,54,105,0.1); background: #fff;
    box-shadow: 0 8px 32px rgba(10,54,105,0.06);
}
.tafqeet-form label {
    display: flex; align-items: center; gap: 8px;
    font-weight: 700; color: var(--primary); margin-bottom: 8px; font-size: 0.9rem;
}
.tafqeet-amount-wrap input {
    width: 100%; padding: 16px 18px; font-size: 1.35rem; font-weight: 700;
    border: 2px solid #e8eef4; border-radius: 14px; font-family: inherit;
    color: var(--primary); transition: border-color 0.2s;
}
.tafqeet-amount-wrap input:focus {
    outline: none; border-color: var(--gold);
    box-shadow: 0 0 0 4px rgba(201,162,39,0.15);
}
.tafqeet-hint { display: block; margin-top: 6px; font-size: 0.78rem; color: var(--muted); }
.tafqeet-select {
    width: 100%; padding: 14px; border: 2px solid #e8eef4; border-radius: 12px;
    font-family: inherit; font-size: 0.95rem; background: #fafbfd;
}
.tafqeet-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; }

.tafqeet-format-block {
    margin-top: 18px; padding: 16px; border-radius: 14px;
    background: linear-gradient(145deg, #f8fafc, rgba(250, 243, 220, 0.35));
    border: 1px solid rgba(10, 54, 105, 0.08);
}
.tafqeet-format-label {
    display: flex; align-items: center; gap: 8px;
    font-weight: 800; color: var(--primary); font-size: 0.88rem;
    margin-bottom: 10px;
}
.tafqeet-check {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 4px; cursor: pointer; font-size: 0.88rem;
    color: var(--text, #1a2b3c); font-weight: 600;
}
.tafqeet-check input[type="checkbox"] {
    width: 18px; height: 18px; accent-color: var(--gold);
    flex-shrink: 0;
}
.tafqeet-format-note {
    display: block; margin-top: 8px; font-size: 0.76rem;
    color: var(--muted); line-height: 1.5;
}

.tafqeet-results { display: flex; flex-direction: column; gap: 16px; }
.tafqeet-result-card {
    border-radius: 16px; overflow: hidden;
    border: 1px solid rgba(10,54,105,0.1); background: #fff;
    box-shadow: 0 6px 24px rgba(10,54,105,0.05);
}
.tafqeet-result-ar { border-top: 4px solid var(--gold); }
.tafqeet-result-en { border-top: 4px solid var(--primary); }
.tafqeet-result-head {
    display: flex; justify-content: space-between; align-items: center; gap: 12px;
    padding: 12px 16px; background: #f8fafc; border-bottom: 1px solid #eef2f6;
    font-weight: 700; color: var(--primary); font-size: 0.88rem;
}
.tafqeet-result-body {
    padding: 20px 18px; font-size: 1.05rem; line-height: 1.85;
    color: #1a2d42; min-height: 72px;
}
.tafqeet-result-ar .tafqeet-result-body { font-size: 1.12rem; font-weight: 600; }

.tafqeet-meta {
    grid-column: 1 / -1; display: flex; gap: 10px; flex-wrap: wrap; margin-top: 4px;
}
.tafqeet-meta-pill {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 14px; border-radius: 999px; font-size: 0.82rem; font-weight: 600;
    background: var(--gold-light); color: var(--primary);
}

.tafqeet-disclaimer {
    margin-top: 20px; font-size: 0.85rem; color: var(--muted);
}
.tafqeet-disclaimer p { margin: 0; }

.gift-card-tafqeet { border-color: rgba(201,162,39,0.35); }
.gift-card-tafqeet .g-icon { background: linear-gradient(135deg, #0A3669, #c9a227); }
.gift-card-tafqeet .free-tag { background: rgba(201,162,39,0.15); color: #8a6d12; }
.gift-tool-new {
    position: absolute; top: 10px; inset-inline-end: 10px;
    padding: 3px 8px; border-radius: 6px; font-size: 0.65rem; font-weight: 800;
    background: var(--gold); color: var(--primary);
}


/* ---- accmaa-pdf-tools.css ---- */
/* ═══ ACCMAA — مجموعة أدوات PDF الكاملة (صيغة Accmaa) ═══ */

.accmaa-pdf-tools-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: clamp(16px, 3vw, 28px) clamp(12px, 3vw, 20px) 48px;
}

.accmaa-pdf-hero {
    text-align: center;
    margin-bottom: 28px;
}

.accmaa-pdf-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(212, 175, 55, 0.14);
    color: #0A3669;
    font-size: 0.72rem;
    font-weight: 800;
    border: 1px solid rgba(212, 175, 55, 0.35);
}

.accmaa-pdf-hero h1 {
    margin: 12px 0 8px;
    font-size: clamp(1.4rem, 3vw, 2rem);
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
}

.accmaa-pdf-hero p {
    margin: 0 auto;
    max-width: 62ch;
    color: #3d5a73 !important;
    -webkit-text-fill-color: #3d5a73 !important;
    line-height: 1.65;
}

.accmaa-pdf-cat {
    margin-bottom: 28px;
}

.accmaa-pdf-cat h2 {
    margin: 0 0 14px;
    font-size: 1.05rem;
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    font-weight: 900;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(212, 175, 55, 0.35);
}

.accmaa-pdf-tool-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 14px;
}

.accmaa-pdf-tool-grid--featured {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
}

.accmaa-pdf-cat--featured {
    margin-bottom: 36px;
    padding: 20px 18px 22px;
    border-radius: 22px;
    background:
        radial-gradient(ellipse 70% 60% at 100% 0%, rgba(212, 175, 55, 0.14), transparent 55%),
        linear-gradient(180deg, #fff 0%, #f7f9fc 100%);
    border: 1px solid rgba(212, 175, 55, 0.28);
}

.accmaa-pdf-cat--featured h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom-color: rgba(212, 175, 55, 0.5);
}

.accmaa-pdf-cat-lead {
    margin: -6px 0 16px;
    color: #4a6578 !important;
    font-size: 0.88rem;
    line-height: 1.5;
}

.accmaa-pdf-tool-card--featured {
    min-height: 148px;
    border-color: rgba(212, 175, 55, 0.35);
    background: linear-gradient(165deg, #fffef8 0%, #ffffff 55%, #f5f8fc 100%);
}

.accmaa-pdf-free-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: auto;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(27, 138, 90, 0.12);
    color: #1b8a5a;
    font-size: 0.68rem;
    font-weight: 800;
}

.accmaa-pdf-tool-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    text-align: start;
    padding: 16px 14px;
    border-radius: 16px;
    border: 1px solid rgba(10, 54, 105, 0.1);
    background: linear-gradient(165deg, #fff 0%, #f7f9fc 100%);
    box-shadow: 0 8px 22px rgba(10, 54, 105, 0.06);
    cursor: pointer;
    font-family: inherit;
    min-height: 128px;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.accmaa-pdf-tool-card:hover {
    transform: translateY(-4px);
    border-color: rgba(212, 175, 55, 0.55);
    box-shadow: 0 14px 32px rgba(10, 54, 105, 0.12);
}

.accmaa-pdf-tool-ico {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #0A3669, #0d4a8a);
    color: #e8c547;
    font-size: 1.1rem;
    box-shadow: 0 6px 16px rgba(10, 54, 105, 0.22);
}

.accmaa-pdf-tool-card strong {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.3;
}

.accmaa-pdf-tool-card small {
    color: #4a6578 !important;
    -webkit-text-fill-color: #4a6578 !important;
    font-size: 0.72rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Workspace — صيغة Accmaa */
.accmaa-pdf-workspace {
    margin-top: 8px;
    padding: clamp(16px, 3vw, 28px);
    border-radius: 24px;
    border: 1px solid rgba(10, 54, 105, 0.1);
    background:
        radial-gradient(ellipse 80% 50% at 100% 0%, rgba(212, 175, 55, 0.12), transparent 55%),
        radial-gradient(ellipse 60% 40% at 0% 100%, rgba(10, 54, 105, 0.06), transparent 50%),
        linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%);
    box-shadow: 0 16px 40px rgba(10, 54, 105, 0.08);
}

.accmaa-pdf-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(212, 175, 55, 0.45);
    background: #fff;
    color: #0A3669;
    font-family: inherit;
    font-weight: 700;
    font-size: 0.82rem;
    cursor: pointer;
}

.accmaa-pdf-back:hover {
    background: #fff9e8;
}

.accmaa-pdf-ws-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.accmaa-pdf-ws-head h2 {
    margin: 0 0 4px;
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
    font-size: 1.25rem;
}

.accmaa-pdf-ws-head p {
    margin: 0;
    color: #3d5a73 !important;
    -webkit-text-fill-color: #3d5a73 !important;
    font-size: 0.86rem;
}

.accmaa-pdf-drop {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 180px;
    padding: 28px 20px;
    border-radius: 20px;
    border: 2px dashed rgba(10, 54, 105, 0.28);
    background:
        radial-gradient(ellipse 70% 60% at 50% 0%, rgba(212, 175, 55, 0.1), transparent 60%),
        linear-gradient(180deg, #fff 0%, #f4f7fb 100%);
    cursor: pointer;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.accmaa-pdf-drop:hover,
.accmaa-pdf-drop.is-drag {
    border-color: #d4af37;
    box-shadow: 0 12px 32px rgba(10, 54, 105, 0.1);
}

.accmaa-pdf-drop i {
    font-size: 2rem;
    color: #d4af37;
}

.accmaa-pdf-drop strong {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
}

.accmaa-pdf-drop small {
    color: #4a6578 !important;
    -webkit-text-fill-color: #4a6578 !important;
    font-size: 0.78rem;
}

.accmaa-pdf-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
    margin: 16px 0 12px;
}

.accmaa-pdf-opt {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.72rem;
    font-weight: 700;
    color: #0A3669;
}

.accmaa-pdf-opt--wide {
    flex: 1 1 100%;
}

.accmaa-pdf-opt select,
.accmaa-pdf-opt input[type="text"],
.accmaa-pdf-opt input[type="password"],
.accmaa-pdf-opt input[type="number"],
.accmaa-pdf-opt input[type="url"] {
    min-width: 150px;
    padding: 9px 12px;
    border-radius: 10px;
    border: 1px solid rgba(10, 54, 105, 0.18);
    background: #fff;
    color: #061f3d;
    font-family: inherit;
    font-weight: 600;
}

.accmaa-pdf-hint {
    width: 100%;
    color: #64748b;
    font-size: 0.72rem;
}

.accmaa-pdf-sign-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.accmaa-pdf-sign-box canvas {
    width: 100%;
    max-width: 360px;
    height: 120px;
    border: 1px dashed rgba(10, 54, 105, 0.3);
    border-radius: 12px;
    background: #fff;
    touch-action: none;
}

.accmaa-pdf-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.accmaa-pdf-item {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(10, 54, 105, 0.08);
    box-shadow: 0 6px 18px rgba(10, 54, 105, 0.05);
}

.accmaa-pdf-item-ico {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: rgba(10, 54, 105, 0.08);
    color: #0A3669;
}

.accmaa-pdf-item__meta strong {
    display: block;
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
    font-size: 0.86rem;
    word-break: break-word;
}

.accmaa-pdf-item__meta small {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
    font-size: 0.72rem;
}

.accmaa-pdf-item__actions {
    display: flex;
    gap: 6px;
}

.accmaa-pdf-item__actions button {
    border: 1px solid rgba(10, 54, 105, 0.15);
    background: #f8fafc;
    color: #0A3669;
    border-radius: 8px;
    padding: 7px 10px;
    cursor: pointer;
    font-family: inherit;
}

.accmaa-pdf-item__actions button:hover:not(:disabled) {
    background: #fff9e8;
    border-color: rgba(212, 175, 55, 0.55);
}

.accmaa-pdf-item__actions button:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.accmaa-pdf-pages-org {
    margin-top: 8px;
    padding: 12px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid rgba(10, 54, 105, 0.08);
}

.accmaa-pdf-pages-org h4 {
    margin: 0 0 10px;
    color: #0A3669;
    font-size: 0.85rem;
}

.accmaa-pdf-page-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.accmaa-pdf-page-chip {
    min-width: 36px;
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid rgba(10, 54, 105, 0.2);
    background: #fff;
    color: #0A3669;
    font-weight: 800;
    cursor: pointer;
    font-family: inherit;
}

.accmaa-pdf-page-chip:hover {
    background: #fee2e2;
    border-color: #ef4444;
    color: #b91c1c;
}

.accmaa-pdf-actions {
    margin-top: 16px;
    display: flex;
    justify-content: center;
}

.accmaa-pdf-actions .btn {
    min-width: min(280px, 100%);
    justify-content: center;
}

.accmaa-pdf-status {
    min-height: 1.4em;
    margin: 12px 0 0;
    text-align: center;
    font-size: 0.86rem;
    font-weight: 700;
    color: #0A3669;
}

.accmaa-pdf-status[data-kind="ok"] { color: #1b6b4a; }
.accmaa-pdf-status[data-kind="err"] {
    color: #b91c1c;
    background: rgba(185, 28, 28, 0.08);
    border: 1px solid rgba(185, 28, 28, 0.22);
    border-radius: 12px;
    padding: 10px 14px;
}
.accmaa-pdf-status[data-kind="busy"] { color: #0A3669; }

.accmaa-pdf-actions .btn-gold,
.accmaa-pdf-actions .btn.btn-gold {
    background: linear-gradient(135deg, #f0d060 0%, #e8c547 45%, #ca8a04 100%) !important;
    color: #061f3d !important;
    border: none !important;
    font-weight: 900 !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 24px rgba(212, 175, 55, 0.4);
    min-height: 48px;
}

.accmaa-pdf-dl-bar {
    margin-top: 16px;
    padding: 16px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(27, 107, 74, 0.08), rgba(212, 175, 55, 0.12));
    border: 1px solid rgba(27, 107, 74, 0.25);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    justify-content: center;
    text-align: center;
}

.accmaa-pdf-dl-ok {
    width: 100%;
    color: #1b6b4a;
    font-weight: 800;
}

.accmaa-pdf-dl-bar strong {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
}

.accmaa-pdf-note {
    margin-top: 28px;
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(10, 54, 105, 0.05);
    border: 1px solid rgba(10, 54, 105, 0.08);
    color: #3d5a73 !important;
    -webkit-text-fill-color: #3d5a73 !important;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.accmaa-pdf-note i { color: #d4af37; }

@media (max-width: 640px) {
    .accmaa-pdf-tool-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .accmaa-pdf-tool-card {
        padding: 12px 10px;
    }

    .accmaa-pdf-tool-card strong {
        font-size: 0.8rem;
    }

    .accmaa-pdf-item {
        grid-template-columns: 40px 1fr;
    }

    .accmaa-pdf-item__actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .accmaa-pdf-actions .btn {
        width: 100%;
    }
}


/* ---- accmaa-academy.css ---- */
/* ACCMAA Academy — خريطة المنصة التعليمية */
.eco-map-section { margin: 32px 0; }
.eco-layers { display: flex; flex-direction: column; gap: 20px; }
.eco-layer {
    background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,250,252,0.95));
    border: 1px solid rgba(10,54,105,0.08);
    border-radius: 18px;
    padding: 20px 22px;
    box-shadow: 0 8px 32px rgba(10,54,105,0.06);
}
.eco-layer-head {
    font-weight: 800; font-size: 0.95rem; color: var(--primary);
    margin-bottom: 14px; display: flex; align-items: center; gap: 8px;
}
.eco-grid { display: grid; gap: 12px; }
.eco-grid-4 { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
.eco-grid-6 { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.eco-card {
    display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
    padding: 14px; border-radius: 14px; border: 1px solid #e8eef4;
    background: #fff; cursor: pointer; text-align: start; font-family: inherit;
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
.eco-card:hover {
    transform: translateY(-3px);
    border-color: var(--gold);
    box-shadow: 0 12px 28px rgba(184,134,11,0.12);
}
.eco-card-icon {
    width: 40px; height: 40px; border-radius: 10px;
    background: linear-gradient(135deg, var(--primary), #1a5080);
    color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1rem;
}
.eco-card strong { font-size: 0.88rem; color: var(--primary); }
.eco-card span { font-size: 0.75rem; color: var(--muted); line-height: 1.4; }
.eco-governance-banner {
    display: flex; gap: 16px; align-items: center;
    padding: 20px 24px; border-radius: 18px;
    background: linear-gradient(135deg, #0A3669, #1a5080);
    color: #fff;
}
.eco-gov-icon {
    width: 56px; height: 56px; border-radius: 14px;
    background: rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem; color: var(--gold); flex-shrink: 0;
}
.eco-governance-banner p { margin: 4px 0 8px; opacity: 0.9; font-size: 0.88rem; }
.eco-official-email {
    display: inline-flex; align-items: center; gap: 6px;
    color: var(--gold); font-weight: 700; text-decoration: none; font-size: 0.9rem;
}
.eco-official-email:hover { text-decoration: underline; }
.academy-page .page-desc { max-width: 720px; }
.academy-video-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px;
}
.academy-video-card {
    border-radius: 16px; overflow: hidden; border: 1px solid #e8eef4;
    background: #fff; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s;
}
.academy-video-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0,0,0,0.1); }
.academy-video-thumb {
    height: 140px; background: #0A3669 center/cover no-repeat; position: relative;
}
.academy-play {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
    background: rgba(0,0,0,0.25); color: #fff; font-size: 2rem;
}
.academy-duration {
    position: absolute; bottom: 8px; right: 8px; background: rgba(0,0,0,0.75);
    color: #fff; padding: 2px 8px; border-radius: 6px; font-size: 0.72rem;
}
.academy-video-body { padding: 12px 14px; }
.academy-video-body strong { display: block; font-size: 0.88rem; margin-bottom: 4px; }
.academy-video-body small { color: var(--muted); font-size: 0.78rem; }
.academy-player-wrap { margin-top: 24px; }
.academy-player-inner {
    position: relative; padding-bottom: 56.25%; height: 0; border-radius: 16px; overflow: hidden;
    background: #000; box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}
.academy-player-inner iframe {
    position: absolute; inset: 0; width: 100%; height: 100%; border: 0;
}
.academy-close-player { position: absolute; top: 12px; left: 12px; z-index: 2; }
.eco-stats-panel { margin-top: 24px; }

.academy-demo-gallery { margin: 28px 0 32px; }
.academy-snap-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 14px;
}
.academy-snap-card {
    border: 2px solid #e8eef4; border-radius: 14px; overflow: hidden;
    background: #fff; cursor: pointer; padding: 0; font-family: inherit;
    text-align: center; transition: transform 0.22s, border-color 0.22s, box-shadow 0.22s;
}
.academy-snap-card:hover {
    transform: translateY(-4px); border-color: var(--gold);
    box-shadow: 0 12px 28px rgba(184,134,11,0.15);
}
.academy-snap-img {
    height: 100px; background-size: cover; background-position: center;
    background-color: #f4f8fc;
}
.academy-snap-card span {
    display: block; padding: 10px 12px; font-size: 0.82rem; font-weight: 700; color: var(--primary);
}

/* ─── المناهج والدورات ─── */
.curriculum-toolbar {
    display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
    margin-bottom: 28px; padding-bottom: 16px; border-bottom: 1px solid rgba(10,54,105,0.08);
}
.curriculum-pill {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(10,54,105,0.12);
    background: #fff; font-family: inherit; font-size: 0.8rem; font-weight: 700;
    color: var(--primary); cursor: pointer; transition: background 0.2s, border-color 0.2s;
}
.curriculum-pill.active, .curriculum-pill:hover {
    background: color-mix(in srgb, var(--cur-color, var(--gold)) 12%, white);
    border-color: var(--cur-color, var(--gold));
}
.curriculum-pillar-block { margin-bottom: 36px; }
.curriculum-pillar-head {
    display: flex; justify-content: space-between; align-items: flex-start; gap: 16px;
    flex-wrap: wrap; margin-bottom: 16px;
}
.curriculum-pillar-head h3 { margin: 0 0 6px; color: var(--cur-color, var(--primary)); }
.curriculum-pillar-head p { margin: 0; color: var(--muted); font-size: 0.9rem; max-width: 640px; }
.curriculum-course-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 22px;
}
.curriculum-catalog-bar {
    display: flex; flex-wrap: wrap; gap: 12px; align-items: center;
    margin: 0 0 20px; padding: 14px 16px;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border: 1px solid rgba(10,54,105,0.08); border-radius: 16px;
}
.curriculum-search {
    flex: 1 1 260px; display: flex; align-items: center; gap: 10px;
    background: #fff; border: 1px solid rgba(10,54,105,0.14); border-radius: 999px;
    padding: 10px 16px; min-width: 220px;
}
.curriculum-search i { color: var(--gold, #d4af37); }
.curriculum-search input {
    border: 0; outline: 0; width: 100%; background: transparent;
    font: inherit; color: var(--primary, #0A3669);
}
.curriculum-sort {
    display: flex; align-items: center; gap: 8px; font-size: 0.84rem; color: var(--muted);
}
.curriculum-sort select {
    border: 1px solid rgba(10,54,105,0.14); border-radius: 10px;
    padding: 8px 12px; font: inherit; background: #fff; color: var(--primary, #0A3669);
}
.curriculum-course-card {
    border: 1px solid rgba(10,54,105,0.08); border-radius: 18px; padding: 18px;
    background: #fff; border-top: 3px solid var(--cur-color, var(--primary));
    box-shadow: 0 8px 24px rgba(10,54,105,0.07);
}
.curriculum-course-card--catalog {
    padding: 0; overflow: hidden; display: flex; flex-direction: column;
    border-top: 0; min-height: 420px;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.curriculum-course-card--pro {
    border: 1px solid #d9e4ef;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(10,54,105,0.08);
}
.curriculum-course-card--pro:hover {
    border-color: color-mix(in srgb, var(--cur-color, #0A3669) 45%, #d9e4ef);
}
.curriculum-course-grid--pro {
    gap: 18px;
}
.curriculum-course-spec {
    position: absolute; bottom: 12px; inset-inline-start: 12px;
    background: rgba(10,54,105,.92); color: #E8C547; font-size: .72rem; font-weight: 800;
    padding: 5px 10px; border-radius: 999px; letter-spacing: .02em;
}
.curriculum-course-card--pro .curriculum-course-desc {
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
    min-height: 4.2em; color: #4a6578; line-height: 1.65;
}
.curriculum-course-trust {
    margin: 12px 0 0; padding-top: 10px; border-top: 1px dashed #e2eaf2;
    color: #64748b; font-size: .75rem; display: flex; align-items: center; gap: 6px;
}
.curriculum-course-trust i { color: var(--cur-color, #0A3669); }
.curriculum-empty--rich {
    text-align: center; padding: 36px 20px; border-radius: 16px;
    background: linear-gradient(180deg, #f7fafc, #eef4fa); border: 1px dashed #c9d7e6;
    color: #4a6578;
}
.curriculum-empty--rich i { font-size: 2rem; color: var(--cur-color, #0A3669); display: block; margin-bottom: 10px; }
.curriculum-empty--rich strong { display: block; color: #0A3669; margin-bottom: 6px; font-size: 1.05rem; }
.curriculum-search--pro {
    background: #fff; border: 1px solid #d7e2ee; border-radius: 14px; padding: 4px 12px;
    display: flex !important; align-items: center; gap: 8px;
}
.curriculum-search--pro i { color: #0A3669; }
.curriculum-search--pro input {
    border: 0; outline: 0; width: 100%; padding: 10px 4px; font: inherit; background: transparent;
}
.curriculum-course-card--catalog:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 36px rgba(10,54,105,0.14);
}
.curriculum-course-media {
    position: relative; aspect-ratio: 16 / 10; background: linear-gradient(135deg, #0A3669, #061f3d);
    cursor: pointer; overflow: hidden;
}
.curriculum-course-media img {
    width: 100%; height: 100%; object-fit: cover; display: block;
    transition: transform 0.35s ease;
}
.curriculum-course-card--catalog:hover .curriculum-course-media img {
    transform: scale(1.04);
}
.curriculum-course-media-fallback {
    width: 100%; height: 100%; display: grid; place-items: center;
    color: rgba(232,197,71,0.85); font-size: 2.4rem;
}
.curriculum-course-badges {
    position: absolute; top: 12px; inset-inline-start: 12px;
    display: flex; flex-wrap: wrap; gap: 6px;
}
.curriculum-course-body { padding: 16px 18px 18px; display: flex; flex-direction: column; flex: 1; }
.curriculum-course-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; margin-bottom: 8px; }
.curriculum-course-head h4 { margin: 0; font-size: 1.08rem; color: var(--primary); line-height: 1.45; min-height: 2.8em; }
.curriculum-course-rating { margin: 0; }
.course-stars {
    display: inline-flex; align-items: center; gap: 2px;
    color: #d4af37; font-size: 0.78rem;
}
.course-stars em {
    font-style: normal; margin-inline-start: 6px; color: var(--muted); font-size: 0.74rem; font-weight: 700;
}
.course-stars--empty { opacity: 0.35; letter-spacing: 1px; }
.curriculum-course-instructor {
    margin: 0 0 8px; font-size: 0.82rem; color: var(--muted); font-weight: 600;
}
.curriculum-course-instructor i { color: var(--cur-color, var(--gold)); margin-left: 6px; }
.curriculum-course-desc {
    margin: 0 0 12px; font-size: 0.88rem; line-height: 1.7; color: var(--text);
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
    min-height: 4.4em;
}
.curriculum-course-meta {
    list-style: none; margin: 0 0 12px; padding: 0;
    display: grid; grid-template-columns: 1fr 1fr; gap: 6px; font-size: 0.78rem; color: var(--muted);
}
.curriculum-course-card--catalog .curriculum-course-meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.curriculum-course-meta li i { color: var(--cur-color, var(--gold)); margin-left: 6px; }
.curriculum-course-pct { display: block; margin-bottom: 12px; color: var(--muted); font-size: 0.76rem; }
.curriculum-course-foot {
    margin-top: auto; padding-top: 12px; border-top: 1px solid rgba(10,54,105,0.08);
    display: flex; flex-direction: column; gap: 12px;
}
.curriculum-instructor-row {
    display: flex; align-items: center; gap: 10px;
}
.curriculum-instructor-avatar {
    width: 38px; height: 38px; border-radius: 50%;
    display: grid; place-items: center; flex-shrink: 0;
    background: linear-gradient(145deg, #0A3669, #123a5c); color: #e8c547;
    font-weight: 800; font-size: 0.95rem;
}
.curriculum-instructor-row strong {
    display: block; font-size: 0.84rem; color: var(--primary); line-height: 1.3;
}
.curriculum-course-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.curriculum-course-actions .btn { flex: 1 1 auto; justify-content: center; }
.path-course-preview {
    list-style: none; margin: 0 0 12px; padding: 0; font-size: 0.78rem; line-height: 1.5; color: var(--muted);
}
.path-course-preview li { margin-bottom: 6px; }
.path-course-preview i { color: var(--path-color, var(--gold)); margin-left: 6px; }

/* ── Entitlements: locked content ── */
.lesson-item.locked { opacity: 0.72; cursor: not-allowed; }
.lesson-item.locked .lesson-lock-icon { color: var(--danger, #c0392b); margin-left: 6px; }
.academy-video-card--locked { opacity: 0.75; position: relative; }
.academy-video-card--locked::after {
    content: '\f023';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0,0,0,0.55);
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
}
.ent-lock-hint { display: block; color: var(--danger, #c0392b); font-size: 0.75rem; margin-top: 4px; }
.ent-admin-panel .hidden { display: none !important; }
.path-step-desc { margin: 4px 0 8px; font-size: 0.85rem; color: var(--muted); line-height: 1.55; }
.curriculum-path-table { margin-bottom: 20px; border-top: 3px solid var(--path-color, var(--primary)); }
.curriculum-path-table h3 { color: var(--path-color, var(--primary)); }
.curriculum-empty { color: var(--muted); font-size: 0.9rem; }


/* ---- accmaa-platform-bars.css ---- */
/* ACCMAA — شريط العروض · العملات · مؤسسات الضرائب */

.accmaa-utility-stack {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1200;
    width: 100%;
}

/* ─── Promo countdown bar ─── */
.accmaa-promo-bar {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #7f1d1d 0%, #b45309 28%, #D4AF37 55%, #ea580c 78%, #7f1d1d 100%);
    background-size: 240% 100%;
    animation: promoShine 7s linear infinite;
    color: #fff;
    font-size: 0.82rem;
    box-shadow: 0 4px 24px rgba(180, 83, 9, 0.42);
}

.promo-bar-fx {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.promo-spark {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff8dc;
    box-shadow: 0 0 12px #fef3c7;
    animation: promoSparkFloat 4s ease-in-out infinite;
}

.promo-spark--1 { top: 22%; left: 8%; animation-delay: 0s; }
.promo-spark--2 { top: 58%; left: 42%; animation-delay: -1.4s; width: 4px; height: 4px; }
.promo-spark--3 { top: 30%; right: 12%; animation-delay: -2.8s; }

.promo-bar-shine {
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,0.22) 50%, transparent 65%);
    transform: translateX(-120%);
    animation: promoBarShine 5s ease-in-out infinite;
}

@keyframes promoSparkFloat {
    0%, 100% { transform: translateY(0) scale(1); opacity: 0.35; }
    50% { transform: translateY(-8px) scale(1.35); opacity: 1; }
}

@keyframes promoBarShine {
    0%, 55% { transform: translateX(-120%); }
    100% { transform: translateX(120%); }
}

@keyframes promoShine {
    0% { background-position: 0% center; }
    100% { background-position: 240% center; }
}

.promo-bar-inner {
    max-width: 100%;
    margin: 0 auto;
    padding: 8px clamp(12px, 3vw, 24px);
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.promo-bar-inner--creative {
    min-height: 44px;
}

.promo-discount-badge {
    background: #fff;
    color: #b45309;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
    flex-shrink: 0;
}

.promo-discount-badge--pulse {
    animation: promoBadgePulse 2.2s ease-in-out infinite;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.55);
}

@keyframes promoBadgePulse {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255,255,255,0.45); }
    50% { transform: scale(1.06); box-shadow: 0 0 0 8px rgba(255,255,255,0); }
}

.promo-msg-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 160px;
    justify-content: center;
}

.promo-msg-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.22);
    color: #fef3c7;
    animation: promoIconSpin 6s linear infinite;
}

@keyframes promoIconSpin {
    0%, 88% { transform: rotate(0deg); }
    92% { transform: rotate(18deg); }
    96% { transform: rotate(-12deg); }
    100% { transform: rotate(0deg); }
}

.promo-msg { font-weight: 600; flex: 1; min-width: 120px; text-align: center; }
.promo-msg i { color: #fef3c7; margin-left: 6px; }

.promo-countdown--glow {
    box-shadow: 0 0 18px rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.promo-cta--shine {
    position: relative;
    overflow: hidden;
}

.promo-cta--shine::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent);
    transform: translateX(-120%);
    animation: promoCtaShine 3.5s ease-in-out infinite;
}

@keyframes promoCtaShine {
    0%, 60% { transform: translateX(-120%); }
    100% { transform: translateX(120%); }
}
.promo-countdown {
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(0,0,0,0.25);
    padding: 6px 12px;
    border-radius: 10px;
    font-variant-numeric: tabular-nums;
}
.cd-u { display: flex; flex-direction: column; align-items: center; min-width: 36px; }
.cd-u b { font-size: 1rem; line-height: 1; }
.cd-u small { font-size: 0.58rem; opacity: 0.85; }
.cd-sep { opacity: 0.6; font-weight: 700; padding: 0 2px; }
.promo-cta { flex-shrink: 0; }

/* ─── FX ticker bar ─── */
.accmaa-fx-bar {
    background: linear-gradient(90deg, #061f3d, #0A3669);
    color: rgba(255,255,255,0.92);
    font-size: 0.76rem;
    border-bottom: 1px solid rgba(212,175,55,0.25);
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 12px;
    min-height: 34px;
    overflow: hidden;
}
.fx-bar-label {
    flex-shrink: 0;
    font-weight: 700;
    color: var(--gold, #D4AF37);
    padding: 6px 0;
    white-space: nowrap;
}
.fx-bar-label i { margin-left: 6px; }
.fx-marquee-wrap {
    flex: 1;
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.fx-marquee-track {
    display: flex;
    gap: 28px;
    width: max-content;
    animation: fxScroll 35s linear infinite;
    -webkit-animation: fxScroll 35s linear infinite;
    white-space: nowrap;
    padding: 7px 0;
    will-change: transform;
}

.fx-marquee-track--js {
    animation: none !important;
    -webkit-animation: none !important;
}
.fx-tick-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(212, 175, 55, 0.15);
}
.accmaa-fx-bar:hover .fx-marquee-track { animation-play-state: paused; }
@keyframes fxScroll {
    0% { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-33.333%, 0, 0); -webkit-transform: translate3d(-33.333%, 0, 0); }
}
.fx-flag { font-size: 1rem; }
.fx-tick-rate { color: var(--gold, #D4AF37); font-weight: 700; }
.fx-ch { font-size: 0.68rem; margin-right: 4px; }
.fx-ch.up { color: #4ade80; }
.fx-ch.down { color: #f87171; }
.fx-updated {
    flex-shrink: 0;
    font-size: 0.65rem;
    opacity: 0.85;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.fx-source {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #86efac;
    font-weight: 700;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.accmaa-fx-bar.is-world-live .fx-bar-label small {
    color: #86efac;
}
.fx-live-dot {
    color: #4ade80;
    font-size: 0.7rem;
    margin-inline-start: 4px;
    animation: fxLivePulse 1.4s ease-in-out infinite;
}
@keyframes fxLivePulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.35; }
}

body.premium-ui .topbar-premium { top: var(--utility-bar-h, 0px); }

/* ─── Tax institutions section ─── */
.tax-inst-section {
    position: relative;
    padding: 0 !important;
    overflow: hidden;
    scroll-margin-top: calc(var(--topbar-h, 76px) + 80px);
}
.tax-inst-section-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, #fefce8 0%, #fff 40%, #f0f9ff 100%);
    z-index: 0;
}
.tax-inst-inner {
    position: relative;
    z-index: 1;
    padding: 48px 48px 52px;
    max-width: 1280px;
    margin: 0 auto;
}
.tax-inst-marquee-wrap {
    overflow: hidden;
    margin: 0 -8px;
    padding: 8px 0 16px;
    mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.tax-inst-marquee-track {
    display: flex;
    gap: 16px;
    width: max-content;
    animation: taxInstScroll 55s linear infinite;
}
.tax-inst-marquee-wrap:hover .tax-inst-marquee-track { animation-play-state: paused; }
@keyframes taxInstScroll {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-33.33%, 0, 0); }
}
.tax-inst-chip {
    flex: 0 0 min(320px, 88vw);
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #e8eef4;
    border-radius: 16px;
    background: #fff;
    cursor: pointer;
    font-family: inherit;
    text-align: right;
    transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
    box-shadow: 0 8px 24px rgba(10,54,105,0.06);
}
.tax-inst-chip:hover {
    transform: translateY(-4px);
    border-color: var(--inst-color, var(--gold));
    box-shadow: 0 16px 36px rgba(10,54,105,0.12);
}
.tax-inst-chip-logo {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(10,54,105,0.05);
}
.tax-inst-logo { width: 100%; height: 100%; object-fit: cover; }
.tax-inst-icon-fallback {
    width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--inst-color), color-mix(in srgb, var(--inst-color) 60%, #000));
    color: #fff;
    font-size: 1.2rem;
}
.tax-inst-chip-meta { flex: 1; min-width: 0; }
.tax-inst-chip-meta strong { display: block; color: var(--primary); font-size: 0.88rem; line-height: 1.35; }
.tax-inst-chip-meta small { color: var(--muted); font-size: 0.72rem; }
.tax-inst-chip-go { color: var(--gold); font-size: 1.1rem; flex-shrink: 0; }
.tax-inst-note {
    text-align: center;
    font-size: 0.82rem;
    color: var(--muted);
    margin: 8px 0 0;
}
.tax-inst-note i { color: var(--gold); margin-left: 6px; }

/* Tax institution modal */
.tax-inst-modal-box { max-width: 620px; max-height: 90vh; overflow-y: auto; }
.tax-inst-modal-head {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-color, #e8eef4);
}
.tax-inst-modal-head .tax-inst-chip-logo { width: 64px; height: 64px; }
.tax-inst-modal-head h2 { margin: 0 0 6px; font-size: 1.15rem; color: var(--primary); }
.tax-inst-website { font-size: 0.82rem; color: var(--primary); }
.tax-inst-visitor-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, rgba(10,54,105,0.1), rgba(201,162,39,0.12));
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 999px;
    margin-bottom: 14px;
}
.tax-inst-visitor-badge i { color: var(--gold); }
.tax-inst-intro-box {
    background: linear-gradient(145deg, #f0f7ff 0%, #fff 100%);
    border: 1px solid rgba(10,54,105,0.12);
    border-radius: 14px;
    padding: 16px 18px;
    margin-bottom: 14px;
}
.tax-inst-how-box {
    background: #fafbfc;
    border-right: 4px solid var(--gold);
    border-radius: 0 12px 12px 0;
    padding: 14px 18px;
    margin-bottom: 14px;
}
.tax-inst-modal-body h4 { font-size: 0.92rem; color: var(--primary); margin: 0 0 8px; display: flex; align-items: center; gap: 8px; }
.tax-inst-intro-box p, .tax-inst-how-box p { margin: 0; line-height: 1.8; color: #333; font-size: 0.92rem; }
.tax-inst-facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 14px;
}
.tax-inst-fact {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: rgba(10,54,105,0.05);
    padding: 10px 12px;
    border-radius: 10px;
}
.tax-inst-fact i { color: var(--gold); margin-top: 2px; }
.tax-inst-fact small { display: block; font-size: 0.68rem; color: var(--muted); margin-bottom: 2px; }
.tax-inst-fact strong { font-size: 0.82rem; color: var(--primary); }
.tax-inst-guidance-section { margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--border-color, #e8eef4); }
.tax-guidance-text { line-height: 1.75; color: #444; background: #f8fafc; padding: 14px; border-radius: 12px; border-right: 4px solid var(--gold); margin: 0; font-size: 0.88rem; }
.tax-svc-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.tax-svc-pill {
    background: rgba(10,54,105,0.08);
    color: var(--primary);
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
}
.tax-docs-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0; }
.tax-doc-link {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 12px; border-radius: 10px;
    background: #fef2f2; color: #b91c1c; font-size: 0.78rem; font-weight: 600;
    text-decoration: none; border: 1px solid #fecaca;
}
.tax-doc-link:hover { background: #fee2e2; }
.partner-logo { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
.modal-close-btn {
    position: absolute;
    top: 12px;
    left: 12px;
    border: none;
    background: rgba(0,0,0,0.06);
    width: 32px;
    height: 32px;
    border-radius: 8px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .promo-bar-inner { flex-direction: column; text-align: center; }
    .accmaa-fx-bar {
        flex-wrap: nowrap;
        min-height: 28px;
        padding: 0 8px;
        overflow: hidden;
    }
    .accmaa-fx-bar .fx-marquee-track {
        animation: fxScroll 24s linear infinite !important;
    }
    .fx-updated { display: none; }
    .tax-inst-inner { padding: 32px 18px; }
    .tax-inst-chip { flex: 0 0 min(280px, 92vw); }
    .tax-inst-facts { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .accmaa-promo-bar, .tax-inst-marquee-track { animation: none !important; }
    /* شريط العملات يبقى متحركاً — معلومات حية وليست زخرفة */
    .fx-marquee-track:not(.fx-marquee-track--js) {
        animation: fxScroll 35s linear infinite !important;
        -webkit-animation: fxScroll 35s linear infinite !important;
        animation-duration: 35s !important;
        animation-iteration-count: infinite !important;
    }
}

/* ─── إدارة سينما الشريطين — تفاعل حقيقي ─── */
.cinema-admin-panel,
.cinema-admin-form,
.cinema-admin-toggles,
.cinema-toggle,
.cinema-admin-panel input,
.cinema-admin-panel button,
.cinema-admin-panel label {
    pointer-events: auto !important;
    position: relative;
    z-index: 2;
}
.cinema-admin-toggles {
    gap: 10px;
    margin-bottom: 14px;
}
.cinema-toggle {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid rgba(10, 54, 105, 0.12);
    background: #fffef8;
    cursor: pointer;
}
.cinema-toggle input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #0A3669;
    cursor: pointer;
    flex-shrink: 0;
}
.cinema-toggle label {
    cursor: pointer;
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
    font-weight: 700;
    margin: 0;
}
.cinema-toggle:hover {
    background: rgba(212, 175, 55, 0.18);
    border-color: rgba(201, 162, 39, 0.45);
}
.cinema-toggle:hover label,
.cinema-toggle:hover strong {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
}


/* ---- accmaa-dash-visuals.css ---- */
/* ACCMAA — خلفيات بصرية للداشبورد والهيدر والاختيارات */

:root {
    --accmaa-dash-bg: url('../images/visual-library/backgrounds/site-platform-bg.svg');
    --accmaa-topbar-bg: url('../images/visual-library/header/topbar-premium.svg');
    --accmaa-choices-banner: url('../images/visual-library/header/choices-banner.svg');
    --accmaa-hero-scene: url('../images/visual-library/header/hero-accounting.svg');
}

/* ─── Topbar visual layer ─── */
.topbar-premium { position: relative; overflow: visible; }
.topbar-visual-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.72;
    overflow: hidden;
}
.topbar-header-slider .topbar-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    transition: opacity 1.8s ease-in-out;
    will-change: opacity;
}
.topbar-header-slider .topbar-slide.is-active { opacity: 1; }
.topbar-visual-bg img:not(.topbar-slide) {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.topbar-premium .topbar-shell,
.topbar-premium .topbar-accent-bar { position: relative; z-index: 1; }
body.guest-mode.premium-ui .topbar-premium:not(.is-scrolled) {
    background: linear-gradient(180deg, rgba(255,255,255,0.82) 0%, rgba(248,250,252,0.76) 100%) !important;
    border-bottom: 1px solid rgba(10,54,105,0.06);
    box-shadow: 0 4px 24px rgba(10,54,105,0.06);
}
body.guest-mode.premium-ui .topbar-premium.has-header-slider:not(.is-scrolled) {
    background: linear-gradient(180deg, rgba(255,255,255,0.55) 0%, rgba(248,250,252,0.45) 100%) !important;
}
body.guest-mode.premium-ui .topbar-premium.has-header-slider:not(.is-scrolled) .topbar-visual-bg { opacity: 1; }
body.guest-mode.premium-ui .topbar-premium.is-scrolled .topbar-visual-bg { opacity: 0.35; }
body.guest-mode.premium-ui .dash-landing .hero-photo-cinema {
    border-radius: 0 0 28px 28px;
    margin-bottom: 8px;
    box-shadow: 0 24px 64px rgba(6,31,61,0.25);
}

/* ─── Dashboard landing canvas ─── */
body.guest-mode.premium-ui .main-wrap {
    background: var(--accmaa-dash-bg) center top / cover no-repeat scroll;
}
.dash-landing {
    position: relative;
    isolation: isolate;
}
.dash-landing::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(244,247,251,0.08) 50%,
        rgba(244,247,251,0.28) 100%);
}
.dash-landing > * { position: relative; z-index: 1; }

/* ─── Hero — مشهد محاسبي ─── */
.hero-premium-scene-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
    opacity: 0.22;
    mix-blend-mode: soft-light;
    filter: saturate(1.1);
}
.hero-premium-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg,
        rgba(6,31,61,0.92) 0%,
        rgba(10,54,105,0.78) 45%,
        rgba(6,31,61,0.88) 100%);
    pointer-events: none;
}
.hero-orbit-wrap::before {
    content: '';
    position: absolute;
    inset: -8%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212,175,55,0.18) 0%, transparent 68%);
    animation: heroGlowPulse 5s ease-in-out infinite alternate;
}
@keyframes heroGlowPulse {
    0% { transform: scale(0.95); opacity: 0.7; }
    100% { transform: scale(1.05); opacity: 1; }
}
.hero-stats-premium {
    box-shadow: 0 20px 60px rgba(10,54,105,0.12);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(212,175,55,0.15);
}

/* ─── Choices visual showcase ─── */
.choices-visual-section {
    position: relative;
    padding: 0 !important;
    margin: 48px 0;
    overflow: hidden;
}
.choices-visual-bg {
    position: absolute;
    inset: 0;
    background: var(--accmaa-choices-banner) center / cover no-repeat;
    opacity: 0.12;
    mask-image: linear-gradient(180deg, #000 20%, transparent 90%);
}
.choices-visual-inner {
    padding: 48px 56px 56px;
    max-width: 1280px;
    margin: 0 auto;
}
.choices-visual-banner {
    width: 100%;
    max-height: 180px;
    object-fit: cover;
    border-radius: 20px;
    margin-bottom: 28px;
    box-shadow: 0 16px 48px rgba(10,54,105,0.12);
    border: 1px solid rgba(212,175,55,0.2);
}
.choices-visual-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(18px, 2.2vw, 28px);
}
.choice-visual-tile {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(10,54,105,0.1);
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    font-family: inherit;
    text-align: right;
    padding: 0;
    min-height: 300px;
    box-shadow: 0 12px 36px rgba(10,54,105,0.1);
    transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s, border-color 0.3s;
}
.choice-visual-tile:hover {
    transform: translateY(-8px) scale(1.02);
    border-color: var(--gold);
    box-shadow: 0 24px 56px rgba(10,54,105,0.18);
}
.choice-visual-thumb {
    display: block;
    height: clamp(168px, 18vw, 220px);
    position: relative;
    overflow: hidden;
    background: #0a1628;
}
.choice-visual-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.45s ease;
}
.choice-visual-tile:hover .choice-visual-thumb img { transform: scale(1.06); }
.hero-stats-premium { display: none !important; }
.choice-visual-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 18px 18px;
    flex: 1;
}
.choice-visual-body i {
    width: 36px; height: 36px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--primary), #0d4a8a);
    color: var(--gold);
    font-size: 0.95rem;
    margin-bottom: 4px;
}
.choice-visual-body strong {
    color: var(--primary);
    font-size: 1.05rem;
    line-height: 1.35;
}
.choice-visual-body small {
    color: var(--muted);
    font-size: 0.8rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ─── Section blocks — عمق بصري ─── */
.dash-landing .section-block {
    position: relative;
}
.dash-landing .pillar-hub {
    background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.92) 100%);
    border-block: 1px solid rgba(10,54,105,0.05);
}
/* ─── Global realistic card backgrounds (platform-wide) ─── */
body.premium-ui .has-card-bg::before {
    opacity: 1;
    background-size: cover;
    background-position: center center;
}
body.premium-ui .pillar-card.has-card-bg::after,
body.premium-ui .explore-card.has-card-bg::after,
body.premium-ui .gift-card.has-card-bg::after,
body.premium-ui .portal-mod-card.has-card-bg::after,
body.premium-ui .pillar-mod-tile.has-card-bg::after,
body.premium-ui .pillar-explore-block.has-card-bg::after {
    background: linear-gradient(to bottom, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.38) 52%, rgba(255,255,255,0.75) 100%) !important;
}
body.premium-ui .main-inner.has-card-bg::after {
    background: linear-gradient(to bottom, rgba(255,255,255,0.55) 0%, rgba(248,250,252,0.88) 100%) !important;
}
body.premium-ui .icon-btn.has-card-bg::after {
    background: linear-gradient(to bottom, rgba(10,54,105,0.15) 0%, rgba(10,54,105,0.72) 100%) !important;
}
body.premium-ui .sections-panel.has-card-bg::after {
    background: linear-gradient(to bottom, rgba(10,54,105,0.45) 0%, rgba(10,54,105,0.88) 100%) !important;
}
body.premium-ui .icon-btn.has-card-bg:hover::after,
body.premium-ui .icon-btn.has-card-bg.active::after {
    background: linear-gradient(to bottom, rgba(212,175,55,0.2) 0%, rgba(10,54,105,0.68) 100%) !important;
}

.dash-landing .pillar-card.has-card-bg::after {
    background: linear-gradient(to bottom, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.35) 50%, rgba(255,255,255,0.72) 100%) !important;
}
.dash-landing .explore-card.has-card-bg::after {
    background: linear-gradient(to bottom, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.7) 55%, rgba(255,255,255,0.94) 100%) !important;
}
.dash-landing .explore-card,
.dash-landing .pillar-card {
    border-radius: 20px !important;
    border: 1px solid rgba(10,54,105,0.07) !important;
    box-shadow: 0 12px 36px rgba(10,54,105,0.08) !important;
}

/* ─── Instructors / tax / partners sections ─── */
.dash-landing .instructors-showcase {
    margin-top: 8px;
    border-radius: 0;
}
.dash-landing .tax-inst-section,
.dash-landing .partners-section,
.dash-landing .arab-homeland-section {
    border-radius: 24px;
    margin-inline: 24px;
    max-width: calc(1280px + 48px);
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 12px 40px rgba(10,54,105,0.06);
    border: 1px solid rgba(10,54,105,0.05);
    overflow: hidden;
}

/* ─── Guide cards with themed icons ─── */
.dash-landing .guide-card {
    background: linear-gradient(145deg, #fff 0%, #f8fafc 100%);
    border: 1px solid rgba(10,54,105,0.08);
    border-radius: 18px;
    transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
}
.dash-landing .guide-card:hover {
    transform: translateY(-4px);
    border-color: var(--gold);
    box-shadow: 0 16px 40px rgba(10,54,105,0.1);
}

/* ─── Member dashboard welcome ─── */
.welcome-premium-scene {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.15;
    mix-blend-mode: soft-light;
}

@media (max-width: 1100px) {
    .choices-visual-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    .choices-visual-inner { padding: 32px 18px; }
    .choices-visual-banner { max-height: 120px; border-radius: 14px; }
    .choices-visual-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    .choice-visual-tile { min-height: 220px; }
    .choice-visual-thumb { height: 140px; }
    .dash-landing .tax-inst-section,
    .dash-landing .partners-section,
    .dash-landing .arab-homeland-section { margin-inline: 12px; border-radius: 16px; }
    body.guest-mode.premium-ui .main-wrap { background-attachment: scroll; }
}

@media (prefers-reduced-motion: reduce) {
    .hero-orbit-wrap::before { animation: none !important; }
    .choice-visual-tile:hover .choice-visual-thumb img { transform: none; }
}


/* ---- accmaa-contacts.css ---- */
/* ACCMAA — التواصل والسوشيال (شريط + بطاقات محسّنة) */
.contact-showcase-section {
    padding: clamp(32px, 5vw, 52px) clamp(20px, 4vw, 40px);
    margin: 24px 0;
    background: linear-gradient(165deg, #ffffff 0%, #f8fafc 55%, #faf6ee 100%);
    border-radius: 24px;
    border: 1px solid rgba(10, 54, 105, 0.1);
    box-shadow: 0 16px 48px rgba(10, 54, 105, 0.08);
}

.contact-showcase-section .section-head h2 {
    color: #061f3d !important;
}

.contact-showcase-section .section-head p {
    color: #2d4a63 !important;
}

.contact-icon-grid {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(16px, 3vw, 28px);
    justify-content: center;
    margin-top: 24px;
}

.contact-icon-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: min(260px, 88vw);
    padding: 32px 24px 26px;
    border-radius: 24px;
    background: #ffffff;
    border: 2px solid rgba(10, 54, 105, 0.12);
    box-shadow: 0 12px 36px rgba(10, 54, 105, 0.1);
    text-decoration: none;
    color: inherit;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.25s;
}

.contact-icon-tile--active:hover {
    transform: translateY(-8px);
    border-color: rgba(10, 54, 105, 0.22);
    box-shadow: 0 22px 52px rgba(10, 54, 105, 0.16);
}

.contact-icon-tile--pending {
    opacity: 0.85;
    cursor: default;
    background: #f8fafc;
}

.contact-icon-tile__glyph {
    width: 96px;
    height: 96px;
    border-radius: 26px;
    background: linear-gradient(145deg, var(--contact-brand, #0A3669), color-mix(in srgb, var(--contact-brand) 65%, #000));
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 2.6rem;
    box-shadow:
        0 10px 28px color-mix(in srgb, var(--contact-brand) 40%, transparent),
        inset 0 2px 0 rgba(255, 255, 255, 0.2);
    position: relative;
}

.contact-icon-tile__glyph::after {
    content: '';
    position: absolute;
    inset: 4px;
    border-radius: 22px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    pointer-events: none;
}

.contact-icon-tile.contact-icon-tile--active .contact-icon-tile__glyph {
    animation: contactIconPulse 2.5s ease-in-out infinite;
}

@keyframes contactIconPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.04); }
}

.contact-icon-tile strong {
    font-size: 1.08rem;
    font-weight: 800;
    color: #061f3d !important;
    text-align: center;
    line-height: 1.35;
}

.contact-icon-tile small {
    font-size: 0.84rem;
    font-weight: 600;
    color: #4a6578 !important;
    text-align: center;
    line-height: 1.5;
}

.contact-icon-tile--active small {
    color: #0A3669 !important;
    font-weight: 700;
    font-size: 0.88rem;
    letter-spacing: 0.01em;
}

.contact-icon-tile--active.contact-icon-tile[href*="wa.me"] {
    border-color: rgba(37, 211, 102, 0.35);
}

.contact-icon-tile--active.contact-icon-tile[href^="tel:"] {
    border-color: rgba(10, 54, 105, 0.28);
}

/* سوشيال في قسم التواصل */
.contact-showcase-social {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid rgba(10, 54, 105, 0.1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.contact-showcase-social-label {
    font-size: 0.92rem;
    font-weight: 800;
    color: #061f3d !important;
}

.contact-showcase-social-label i {
    color: #7a6318 !important;
    margin-inline-end: 6px;
}

.contact-showcase-social-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.contact-showcase-social-chips .accmaa-social-chip {
    background: #fff;
    color: #061f3d !important;
    border: 2px solid rgba(10, 54, 105, 0.12);
    box-shadow: 0 6px 18px rgba(10, 54, 105, 0.08);
    padding: 10px 16px;
    font-size: 0.82rem;
    font-weight: 700;
}

.contact-showcase-social-chips .accmaa-social-chip i {
    width: 34px;
    height: 34px;
    font-size: 0.95rem;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.contact-showcase-social-chips .accmaa-social-chip span {
    color: #061f3d !important;
}

.contact-showcase-social-chips .accmaa-social-chip:hover {
    background: #f8fafc;
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(10, 54, 105, 0.12);
}

.contact-choices-grid { margin-top: 8px; }

a.choice-visual-tile--link {
    text-decoration: none;
    color: inherit;
    display: flex;
}

/* شريط السوشيال السفلي */
.accmaa-social-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 900;
    background: linear-gradient(180deg, rgba(10, 54, 105, 0.98) 0%, #061a33 100%);
    border-top: 2px solid #d4af37;
    box-shadow: 0 -6px 28px rgba(0, 0, 0, 0.25);
}

.accmaa-social-bar-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
}

.accmaa-social-bar-label {
    color: #fff !important;
    font-size: 0.86rem;
    font-weight: 800;
    white-space: nowrap;
}

.accmaa-social-bar-label i {
    color: #e8c547 !important;
    margin-inline-end: 6px;
}

.accmaa-social-bar-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.accmaa-social-chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff !important;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: background 0.2s, transform 0.15s;
}

.accmaa-social-chip i {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--social-brand, #0A3669);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    color: #fff !important;
    flex-shrink: 0;
}

.accmaa-social-chip span {
    color: #fff !important;
}

.accmaa-social-chip:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

body.has-social-bar { padding-bottom: 60px; }
body.has-social-bar .file-protocol-banner { bottom: 60px; }

.footer-social-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
}

.footer-social-link {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--social-brand, #0A3669);
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1.05rem;
    transition: transform 0.15s;
    box-shadow: 0 6px 16px rgba(10, 54, 105, 0.2);
}

.footer-social-link:hover { transform: scale(1.1); }

/* ─── شريط تواصل سريع — واتساب وهاتف ─── */
.contact-quick-bar {
    margin: 0 clamp(12px, 3vw, 40px) 12px;
    border-radius: 20px;
    background: linear-gradient(135deg, #061f3d 0%, #0a3669 55%, #0d4a8a 100%);
    border: 1px solid rgba(232, 197, 71, 0.35);
    box-shadow: 0 16px 40px rgba(6, 31, 61, 0.22);
    overflow: hidden;
}

.contact-quick-bar__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: clamp(16px, 2.5vw, 22px) clamp(18px, 3vw, 28px);
}

.contact-quick-bar__head {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #faf3dc;
}

.contact-quick-bar__head > i {
    font-size: 1.8rem;
    color: #e8c547;
}

.contact-quick-bar__head strong {
    display: block;
    color: #faf3dc !important;
    font-size: 1rem;
}

.contact-quick-bar__head small {
    display: block;
    color: rgba(248, 250, 252, 0.85) !important;
    font-size: 0.82rem;
}

.contact-quick-bar__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.contact-quick-chip {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
    border-radius: 16px;
    text-decoration: none;
    border: 2px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s;
    min-width: min(240px, 88vw);
}

.contact-quick-chip:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 255, 255, 0.35);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
}

.contact-quick-chip i {
    font-size: 1.6rem;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.contact-quick-chip--phone i {
    background: #0A3669;
    color: #fff;
}

.contact-quick-chip--wa i {
    background: #25D366;
    color: #fff;
}

.contact-quick-chip strong {
    display: block;
    color: #faf3dc !important;
    font-size: 0.88rem;
}

.contact-quick-chip small {
    display: block;
    color: #e8c547 !important;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

@media (max-width: 700px) {
    .contact-quick-bar__inner {
        flex-direction: column;
        align-items: stretch;
    }
    .contact-quick-bar__actions {
        flex-direction: column;
    }
}

.contact-admin-list { display: flex; flex-direction: column; gap: 12px; margin: 16px 0; }

.contact-admin-row {
    display: grid;
    grid-template-columns: 120px 1fr 1fr 1.2fr auto auto;
    gap: 10px;
    align-items: center;
    padding: 12px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e8eef4;
}

.contact-admin-add {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.contact-admin-en { font-size: 0.78rem; white-space: nowrap; }

.access-renewal-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin: 0 0 24px;
    padding: 18px 20px;
    border-radius: 14px;
    background: linear-gradient(135deg, #fff8e6 0%, #fff 60%);
    border: 1px solid rgba(212, 175, 55, 0.45);
    box-shadow: 0 8px 24px rgba(10, 54, 105, 0.08);
}

.access-renewal-banner__icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #0A3669;
    color: #e8c547;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.access-renewal-banner strong { display: block; color: #061f3d; margin-bottom: 4px; }
.access-renewal-banner p { margin: 0; color: #4a6578; font-size: 0.9rem; }
.access-renewal-banner__actions { display: flex; gap: 8px; flex-wrap: wrap; margin-inline-start: auto; }

/* ===== بوابة الوصول الموحّدة ===== */
.accmaa-gate-hint {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    color: #8a6d1f;
    font-size: 0.78rem;
    line-height: 1.5;
}

.accmaa-gate-hint i { color: #b4922c; }

.accmaa-gate-panel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    margin: 0 0 20px;
    border-radius: 14px;
    background: linear-gradient(135deg, #fff8e6 0%, #fff 65%);
    border: 1px solid rgba(212, 175, 55, 0.45);
}

.accmaa-gate-panel__icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: #0A3669;
    color: #e8c547;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.accmaa-gate-panel__body { flex: 1 1 240px; }
.accmaa-gate-panel__body strong { display: block; color: #061f3d; margin-bottom: 4px; }
.accmaa-gate-panel__body p { margin: 0; color: #4a6578; font-size: 0.9rem; }
.accmaa-gate-panel__cta { margin-inline-start: auto; }

.resource-card--locked .resource-icon { background: #f2f4f7; color: #8a6d1f; }
.academy-row--locked td:first-child { opacity: 0.92; }

@media (max-width: 768px) {
    .accmaa-social-bar-inner {
        padding: 8px 10px !important;
        gap: 8px !important;
    }
    .accmaa-social-bar-label { font-size: 0.72rem !important; }
    .accmaa-social-chip {
        padding: 6px 10px !important;
        min-height: 36px;
    }
    .accmaa-social-chip i {
        width: 26px !important;
        height: 26px !important;
        font-size: 0.75rem !important;
    }
    .contact-icon-tile__glyph {
        width: 80px;
        height: 80px;
        font-size: 2.2rem;
    }
    body.has-social-bar { padding-bottom: 48px !important; }
}

@media (max-width: 900px) {
    .contact-admin-row { grid-template-columns: 1fr 1fr; }
    .contact-showcase-section { padding: 28px 16px; }
}

@media (prefers-reduced-motion: reduce) {
    .contact-icon-tile.contact-icon-tile--active .contact-icon-tile__glyph {
        animation: none;
    }
}


/* ---- accmaa-icon-system.css ---- */
/**
 * ACCMAA — نظام الأيقونات الموحّد (v3)
 * مربعات ملونة احترافية دوّارة + رموز ذهبية موحّدة (#C9A227)
 * ألوان البلاط: ذهبي/تان · تيل · كحلي · برتقالي محروق · أخضر غابة · بنفسجي
 */

:root {
    /* دهبي فاتح لامع — بدل المطفي #C9A227 */
    --icon-glyph: #FFD54F;
    --icon-glyph-bright: #FFE082;
    --icon-tile-1: #9A7B2F; /* gold / tan */
    --icon-tile-1b: #B8952A;
    --icon-tile-2: #0d7377; /* teal */
    --icon-tile-2b: #0f8a8f;
    --icon-tile-3: #0A3669; /* deep navy */
    --icon-tile-3b: #0d4688;
    --icon-tile-4: #c2410c; /* burnt orange */
    --icon-tile-4b: #ea580c;
    --icon-tile-5: #166534; /* forest green */
    --icon-tile-5b: #15803d;
    --icon-tile-6: #6b2d5c; /* purple / plum */
    --icon-tile-6b: #7e3a6d;
    --icon-tile-bg: var(--icon-tile-3);
    --icon-tile-bg-b: var(--icon-tile-3b);
    --icon-label: #0A3669;
    --icon-card-bg: #ffffff;
    --icon-card-shadow: 0 6px 18px rgba(6, 31, 61, 0.22);
}

/* إخفاء طبقة الخلفية القديمة — سبب التبكسل والتداخل */
.has-icon-bg .icon-bg-layer {
    display: none !important;
}

/* ─── الغلاف الأساسي ─── */
.has-icon-bg,
.accmaa-icon-shell {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: linear-gradient(145deg, var(--icon-tile-bg) 0%, var(--icon-tile-bg-b) 52%, var(--icon-tile-bg) 100%);
    border: none;
    box-shadow:
        0 4px 14px rgba(10, 54, 105, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
    vertical-align: middle;
}

.has-icon-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.16) 0%, transparent 48%, rgba(0, 0, 0, 0.08) 100%);
}

.has-icon-bg > i,
.has-icon-bg .icon-bg-visual > i,
.accmaa-icon-shell > i {
    position: relative;
    z-index: 2;
    color: var(--icon-glyph) !important;
    -webkit-text-fill-color: var(--icon-glyph) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
}

/* نغمات اختيارية عبر data-icon-tone */
[data-icon-tone="1"], .icon-tone-1 { --icon-tile-bg: var(--icon-tile-1); --icon-tile-bg-b: var(--icon-tile-1b); }
[data-icon-tone="2"], .icon-tone-2 { --icon-tile-bg: var(--icon-tile-2); --icon-tile-bg-b: var(--icon-tile-2b); }
[data-icon-tone="3"], .icon-tone-3 { --icon-tile-bg: var(--icon-tile-3); --icon-tile-bg-b: var(--icon-tile-3b); }
[data-icon-tone="4"], .icon-tone-4 { --icon-tile-bg: var(--icon-tile-4); --icon-tile-bg-b: var(--icon-tile-4b); }
[data-icon-tone="5"], .icon-tone-5 { --icon-tile-bg: var(--icon-tile-5); --icon-tile-bg-b: var(--icon-tile-5b); }
[data-icon-tone="6"], .icon-tone-6 { --icon-tile-bg: var(--icon-tile-6); --icon-tile-bg-b: var(--icon-tile-6b); }

/* ─── أحجام المنصة ─── */
.accmaa-icon-mini,
.mega-icon-mini,
.member-icon-mini,
.notif-icon-mini,
.mega-trigger-icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
}
.accmaa-icon-mini i,
.mega-icon-mini i,
.member-icon-mini i,
.notif-icon-mini i,
.mega-trigger-icon i {
    font-size: 0.78rem;
}

.accmaa-icon-md,
.tool-strip-icon,
.power-icon,
.hub-topic-icon,
.course-thumb-icon,
.universe-pill-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
}
.accmaa-icon-md i,
.tool-strip-icon i,
.power-icon i,
.hub-topic-icon i,
.course-thumb-icon i,
.universe-pill-icon i {
    font-size: 1.05rem;
}

.accmaa-icon-lg,
.mega-head-icon,
.pillar-icon,
.explore-card .icon-wrap.has-icon-bg {
    width: 52px;
    height: 52px;
    border-radius: 14px;
}
.accmaa-icon-lg i,
.mega-head-icon i,
.pillar-icon i,
.explore-card .icon-wrap.has-icon-bg i {
    font-size: 1.22rem;
}

.mega-nav-icon-wrap {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 11px;
    overflow: visible !important;
}
.mega-nav-icon-wrap i { font-size: 0.95rem; }

/* ─── الهيدر — أيقونات كاملة واضحة بدون قص أو تبكسل ─── */
body.marketing-header .mega-nav-icon-wrap.has-icon-bg,
body.guest-mode .mega-nav-icon-wrap.has-icon-bg,
.mega-nav .mega-nav-icon-wrap.has-icon-bg,
.accmaa-site-nav .accmaa-nav-icon-wrap.has-icon-bg,
.accmaa-nav-icon-wrap.has-icon-bg {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
    border-radius: 11px !important;
    overflow: visible !important;
    background: linear-gradient(145deg, var(--icon-tile-bg) 0%, var(--icon-tile-bg-b) 52%, var(--icon-tile-bg) 100%) !important;
    background-image: linear-gradient(145deg, var(--icon-tile-bg) 0%, var(--icon-tile-bg-b) 52%, var(--icon-tile-bg) 100%) !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(10, 54, 105, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
body.marketing-header .mega-nav-icon-wrap i,
body.guest-mode .mega-nav-icon-wrap i,
.mega-nav .mega-nav-icon-wrap i.fas,
.mega-nav .mega-nav-icon-wrap i.fab,
.accmaa-site-nav .accmaa-nav-icon-wrap i.fas,
.accmaa-site-nav .accmaa-nav-icon-wrap i.fab,
.accmaa-nav-icon-wrap i.fas,
.accmaa-nav-icon-wrap i.fab {
    font-size: 0.95rem !important;
    color: var(--icon-glyph) !important;
    -webkit-text-fill-color: var(--icon-glyph) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28) !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/* تدوير ألوان بلاط الأيقونات — منصة كاملة */
.icons-dock .icon-btn:nth-child(6n + 1) .icon-bg-visual,
.icons-dock .icon-btn:nth-child(6n + 1) .has-icon-bg,
.accmaa-orbit-sat:nth-child(6n + 1) .accmaa-orbit-sat-icon,
.accmaa-site-menu--rail > li:nth-child(6n + 1) .accmaa-nav-icon-wrap,
.mega-nav .mega-flat-link:nth-child(6n + 1) .mega-nav-icon-wrap,
.mega-panel-links > a:nth-child(6n + 1) .mega-nav-icon-wrap,
.choices-visual-grid .choice-visual-tile:nth-child(6n + 1) .choice-thumb-icon,
.module-grid-portal .portal-mod-card:nth-child(6n + 1) .portal-mod-icon,
.pillar-explore-modules .pillar-mod-tile:nth-child(6n + 1) .accmaa-icon-wrap,
.admin-home-tile:nth-child(6n + 1) i,
.gift-grid-9 .gift-card:nth-child(6n + 1) .g-icon,
.tool-strip .tool-strip-card:nth-child(6n + 1) .tool-strip-icon {
    --icon-tile-bg: var(--icon-tile-1);
    --icon-tile-bg-b: var(--icon-tile-1b);
    background: linear-gradient(145deg, var(--icon-tile-1), var(--icon-tile-1b)) !important;
    background-image: linear-gradient(145deg, var(--icon-tile-1), var(--icon-tile-1b)) !important;
}
.icons-dock .icon-btn:nth-child(6n + 2) .icon-bg-visual,
.icons-dock .icon-btn:nth-child(6n + 2) .has-icon-bg,
.accmaa-orbit-sat:nth-child(6n + 2) .accmaa-orbit-sat-icon,
.accmaa-site-menu--rail > li:nth-child(6n + 2) .accmaa-nav-icon-wrap,
.mega-nav .mega-flat-link:nth-child(6n + 2) .mega-nav-icon-wrap,
.mega-panel-links > a:nth-child(6n + 2) .mega-nav-icon-wrap,
.choices-visual-grid .choice-visual-tile:nth-child(6n + 2) .choice-thumb-icon,
.module-grid-portal .portal-mod-card:nth-child(6n + 2) .portal-mod-icon,
.pillar-explore-modules .pillar-mod-tile:nth-child(6n + 2) .accmaa-icon-wrap,
.admin-home-tile:nth-child(6n + 2) i,
.gift-grid-9 .gift-card:nth-child(6n + 2) .g-icon,
.tool-strip .tool-strip-card:nth-child(6n + 2) .tool-strip-icon {
    --icon-tile-bg: var(--icon-tile-2);
    --icon-tile-bg-b: var(--icon-tile-2b);
    background: linear-gradient(145deg, var(--icon-tile-2), var(--icon-tile-2b)) !important;
    background-image: linear-gradient(145deg, var(--icon-tile-2), var(--icon-tile-2b)) !important;
}
.icons-dock .icon-btn:nth-child(6n + 3) .icon-bg-visual,
.icons-dock .icon-btn:nth-child(6n + 3) .has-icon-bg,
.accmaa-orbit-sat:nth-child(6n + 3) .accmaa-orbit-sat-icon,
.accmaa-site-menu--rail > li:nth-child(6n + 3) .accmaa-nav-icon-wrap,
.mega-nav .mega-flat-link:nth-child(6n + 3) .mega-nav-icon-wrap,
.mega-panel-links > a:nth-child(6n + 3) .mega-nav-icon-wrap,
.choices-visual-grid .choice-visual-tile:nth-child(6n + 3) .choice-thumb-icon,
.module-grid-portal .portal-mod-card:nth-child(6n + 3) .portal-mod-icon,
.pillar-explore-modules .pillar-mod-tile:nth-child(6n + 3) .accmaa-icon-wrap,
.admin-home-tile:nth-child(6n + 3) i,
.gift-grid-9 .gift-card:nth-child(6n + 3) .g-icon,
.tool-strip .tool-strip-card:nth-child(6n + 3) .tool-strip-icon {
    --icon-tile-bg: var(--icon-tile-3);
    --icon-tile-bg-b: var(--icon-tile-3b);
    background: linear-gradient(145deg, var(--icon-tile-3), var(--icon-tile-3b)) !important;
    background-image: linear-gradient(145deg, var(--icon-tile-3), var(--icon-tile-3b)) !important;
}
.icons-dock .icon-btn:nth-child(6n + 4) .icon-bg-visual,
.icons-dock .icon-btn:nth-child(6n + 4) .has-icon-bg,
.accmaa-orbit-sat:nth-child(6n + 4) .accmaa-orbit-sat-icon,
.accmaa-site-menu--rail > li:nth-child(6n + 4) .accmaa-nav-icon-wrap,
.mega-nav .mega-flat-link:nth-child(6n + 4) .mega-nav-icon-wrap,
.mega-panel-links > a:nth-child(6n + 4) .mega-nav-icon-wrap,
.choices-visual-grid .choice-visual-tile:nth-child(6n + 4) .choice-thumb-icon,
.module-grid-portal .portal-mod-card:nth-child(6n + 4) .portal-mod-icon,
.pillar-explore-modules .pillar-mod-tile:nth-child(6n + 4) .accmaa-icon-wrap,
.admin-home-tile:nth-child(6n + 4) i,
.gift-grid-9 .gift-card:nth-child(6n + 4) .g-icon,
.tool-strip .tool-strip-card:nth-child(6n + 4) .tool-strip-icon {
    --icon-tile-bg: var(--icon-tile-4);
    --icon-tile-bg-b: var(--icon-tile-4b);
    background: linear-gradient(145deg, var(--icon-tile-4), var(--icon-tile-4b)) !important;
    background-image: linear-gradient(145deg, var(--icon-tile-4), var(--icon-tile-4b)) !important;
}
.icons-dock .icon-btn:nth-child(6n + 5) .icon-bg-visual,
.icons-dock .icon-btn:nth-child(6n + 5) .has-icon-bg,
.accmaa-orbit-sat:nth-child(6n + 5) .accmaa-orbit-sat-icon,
.accmaa-site-menu--rail > li:nth-child(6n + 5) .accmaa-nav-icon-wrap,
.mega-nav .mega-flat-link:nth-child(6n + 5) .mega-nav-icon-wrap,
.mega-panel-links > a:nth-child(6n + 5) .mega-nav-icon-wrap,
.choices-visual-grid .choice-visual-tile:nth-child(6n + 5) .choice-thumb-icon,
.module-grid-portal .portal-mod-card:nth-child(6n + 5) .portal-mod-icon,
.pillar-explore-modules .pillar-mod-tile:nth-child(6n + 5) .accmaa-icon-wrap,
.admin-home-tile:nth-child(6n + 5) i,
.gift-grid-9 .gift-card:nth-child(6n + 5) .g-icon,
.tool-strip .tool-strip-card:nth-child(6n + 5) .tool-strip-icon {
    --icon-tile-bg: var(--icon-tile-5);
    --icon-tile-bg-b: var(--icon-tile-5b);
    background: linear-gradient(145deg, var(--icon-tile-5), var(--icon-tile-5b)) !important;
    background-image: linear-gradient(145deg, var(--icon-tile-5), var(--icon-tile-5b)) !important;
}
.icons-dock .icon-btn:nth-child(6n + 6) .icon-bg-visual,
.icons-dock .icon-btn:nth-child(6n + 6) .has-icon-bg,
.accmaa-orbit-sat:nth-child(6n + 6) .accmaa-orbit-sat-icon,
.accmaa-site-menu--rail > li:nth-child(6n + 6) .accmaa-nav-icon-wrap,
.mega-nav .mega-flat-link:nth-child(6n + 6) .mega-nav-icon-wrap,
.mega-panel-links > a:nth-child(6n + 6) .mega-nav-icon-wrap,
.choices-visual-grid .choice-visual-tile:nth-child(6n + 6) .choice-thumb-icon,
.module-grid-portal .portal-mod-card:nth-child(6n + 6) .portal-mod-icon,
.pillar-explore-modules .pillar-mod-tile:nth-child(6n + 6) .accmaa-icon-wrap,
.admin-home-tile:nth-child(6n + 6) i,
.gift-grid-9 .gift-card:nth-child(6n + 6) .g-icon,
.tool-strip .tool-strip-card:nth-child(6n + 6) .tool-strip-icon {
    --icon-tile-bg: var(--icon-tile-6);
    --icon-tile-bg-b: var(--icon-tile-6b);
    background: linear-gradient(145deg, var(--icon-tile-6), var(--icon-tile-6b)) !important;
    background-image: linear-gradient(145deg, var(--icon-tile-6), var(--icon-tile-6b)) !important;
}

/* رموز ذهبية موحّدة على كل البلاط الملون */
.icons-dock .icon-btn .icon-bg-visual > i,
.icons-dock .icon-btn .has-icon-bg > i,
.accmaa-orbit-sat-icon > i,
.accmaa-site-menu--rail .accmaa-nav-icon-wrap i,
.mega-nav .mega-nav-icon-wrap i,
.choice-thumb-icon i,
.portal-mod-icon i,
.pillar-mod-tile .accmaa-icon-wrap i,
.admin-home-tile i,
.gift-card .g-icon i,
.tool-strip-icon i {
    color: var(--icon-glyph) !important;
    -webkit-text-fill-color: var(--icon-glyph) !important;
}

/* بطاقات الـ dock البيضاء على خلفية كحلية */
.icons-dock .icon-btn {
    background: var(--icon-card-bg) !important;
    border-radius: 16px !important;
    box-shadow: var(--icon-card-shadow) !important;
    border: 1.5px solid transparent !important;
    color: var(--icon-label) !important;
    -webkit-text-fill-color: var(--icon-label) !important;
}
.icons-dock .icon-btn .icon-btn-label {
    color: var(--icon-label) !important;
    -webkit-text-fill-color: var(--icon-label) !important;
}
.icons-dock .icon-btn.active,
.icons-dock .icon-btn:focus-visible {
    border-color: var(--icon-glyph) !important;
    box-shadow: var(--icon-card-shadow), 0 0 0 1px rgba(201, 162, 39, 0.45) !important;
}
.icons-dock .icon-btn:hover {
    background: #fffef8 !important;
    border-color: rgba(201, 162, 39, 0.55) !important;
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
}
.mega-nav .mega-nav-icon-wrap .icon-bg-layer {
    display: none !important;
}
.mega-nav .mega-nav-icon-wrap::after {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.12) 0%, transparent 50%, rgba(0, 0, 0, 0.05) 100%) !important;
}

.section-icon-wrap {
    width: 30px;
    height: 30px;
    border-radius: 8px;
}
.section-icon-wrap i { font-size: 0.82rem; }

.icon-btn .icon-bg-visual.has-icon-bg {
    width: 36px;
    height: 36px;
    border-radius: 10px;
}
.icon-btn .icon-bg-visual.has-icon-bg i { font-size: 1rem; }

.instructor-badge-icon.has-icon-bg {
    width: 34px;
    height: 34px;
    border-radius: 10px;
}
.instructor-badge-icon.has-icon-bg i { font-size: 0.9rem; }

/* ─── بطاقات الهدايا ─── */
.gift-card .g-icon.has-icon-bg {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gift-card .g-icon.has-icon-bg i {
    font-size: 1.45rem;
    color: var(--icon-glyph, #FFD54F) !important;
    -webkit-text-fill-color: var(--icon-glyph, #FFD54F) !important;
}

/* ─── بطاقات الاختيار المرئية ─── */
.choice-thumb-icon.has-icon-bg {
    position: absolute;
    z-index: 3;
    bottom: 12px;
    inset-inline-end: 12px;
    width: 50px;
    height: 50px;
    border-radius: 14px;
    border: 2px solid rgba(255, 255, 255, 0.92);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}
.choice-thumb-icon.has-icon-bg i {
    font-size: 1.15rem;
    color: var(--icon-glyph, #FFD54F) !important;
    -webkit-text-fill-color: var(--icon-glyph, #FFD54F) !important;
}

/* إزالة الأيقونة المكررة من جسم البطاقة — أيقونة واحدة فقط على الصورة */
.choice-visual-body > i.fas,
.choice-visual-body > i.fab {
    display: none !important;
}

/* ─── أيقونات التواصل ─── */
.contact-icon-tile__glyph {
    background: linear-gradient(145deg, var(--contact-brand, #0A3669), #0a2f5c) !important;
    border: 2px solid rgba(255, 255, 255, 0.85);
    box-shadow: 0 6px 18px rgba(10, 54, 105, 0.22);
}
.contact-icon-tile__glyph i {
    font-size: 1.35rem;
    color: #fff !important;
}

/* ─── hover — وضوح بدون تشويش ─── */
.has-icon-bg:hover,
.choice-visual-tile:hover .choice-thumb-icon.has-icon-bg,
.gift-card:hover .g-icon.has-icon-bg {
    transform: scale(1.04);
    box-shadow:
        0 6px 20px rgba(10, 54, 105, 0.26),
        0 0 0 2px rgba(212, 175, 55, 0.35);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

/* premium-ui — تقليل الحركة المزعجة */
body.premium-ui .has-icon-bg::before {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.1) 0%, transparent 55%);
    animation: none;
    opacity: 1;
    inset: 0;
}

@media (prefers-reduced-motion: reduce) {
    .has-icon-bg,
    body.premium-ui .icon-btn .icon-bg-visual,
    body.premium-ui .tool-strip-icon,
    body.premium-ui .pillar-icon {
        animation: none !important;
        transition: none !important;
    }
}

/* ═══ موبايل — dock بلا تداخل ═══ */
@media (max-width: 768px) {
    .icons-dock,
    .icons-dock-inner,
    #iconsDock {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 8px !important;
        width: 100% !important;
        box-sizing: border-box;
        align-items: stretch;
    }

    .icons-dock .icon-btn,
    #iconsDock .icon-btn {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 72px !important;
        margin: 0 !important;
        padding: 8px 4px !important;
        aspect-ratio: auto !important;
        overflow: visible !important;
        transform: none !important;
        gap: 6px !important;
    }

    .icons-dock .icon-btn .icon-bg-visual,
    .icons-dock .icon-btn .has-icon-bg,
    .icons-dock .icon-btn .icon-bg-visual.has-icon-bg {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        flex-shrink: 0;
        transform: none !important;
    }

    .icons-dock .icon-btn .icon-btn-label {
        position: relative !important;
        z-index: 3 !important;
        font-size: 0.62rem !important;
        line-height: 1.25 !important;
        max-width: 100%;
        white-space: normal !important;
    }

    .pillar-mod-tile,
    .choice-visual-tile,
    .portal-mod-card {
        min-height: 44px;
    }
}

@media (max-width: 380px) {
    .icons-dock,
    .icons-dock-inner,
    #iconsDock {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}


/* ---- accmaa-dash-enhance.css ---- */
/* ACCMAA — تحسينات الداشبورد: شريط المدربين · الهيدر · معرض العلامة */

.topbar-row--swapped {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

/* RTL: الشعار+القائمة يسار · الأدوات يمين */
.topbar-row--swapped .topbar-tools {
    flex: 0 0 auto;
    order: 1;
}

.topbar-row--swapped .mega-nav {
    flex: 1 1 auto;
    order: 2;
    min-width: 0;
    justify-content: flex-end !important;
    gap: 4px;
    padding-inline: 8px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
}

.topbar-row--swapped .topbar-start {
    flex: 0 0 auto;
    order: 3;
    min-width: 0;
    margin-inline-end: 0;
    margin-inline-start: 0;
    padding-inline-end: 0;
    padding-inline-start: 8px;
}

html[dir="ltr"] .topbar-row--swapped .topbar-start {
    order: 1;
    margin-inline-end: 0;
    padding-inline-start: 0;
    padding-inline-end: 12px;
}

html[dir="ltr"] .topbar-row--swapped .mega-nav {
    order: 2;
    justify-content: flex-start !important;
}

html[dir="ltr"] .topbar-row--swapped .topbar-tools {
    order: 3;
    margin-inline-start: auto;
    margin-inline-end: 0;
}

.topbar-brand-link:not(.topbar-brand-link--aqueous) {
    gap: 0 !important;
    padding: 4px 8px !important;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(212, 175, 55, 0.25);
    box-shadow: 0 4px 16px rgba(10, 54, 105, 0.08);
}
.topbar-brand-link:hover {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(212, 175, 55, 0.45);
}

.mega-nav-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 11px;
    overflow: visible;
    flex-shrink: 0;
    position: relative;
    border: 1.5px solid rgba(212, 175, 55, 0.42);
    box-shadow: 0 4px 14px rgba(10, 54, 105, 0.2);
}

.mega-nav-icon-wrap i.fas,
.mega-nav-icon-wrap i.fab {
    font-size: 0.95rem;
}

body.premium-ui .mega-flat-link--clean {
    padding: 8px 12px !important;
    border-radius: 12px;
    font-weight: 700;
    font-size: 0.82rem;
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(10, 54, 105, 0.08);
    transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body.premium-ui .mega-flat-link--clean:hover {
    transform: translateY(-2px);
    border-color: var(--gold, #D4AF37);
    box-shadow: 0 6px 20px rgba(10, 54, 105, 0.12);
    background: #fff;
}

.topbar-icon-btn {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid rgba(10, 54, 105, 0.08);
    box-shadow: 0 2px 8px rgba(10, 54, 105, 0.06);
}
.topbar-icon-btn i { color: var(--primary, #0A3669); font-size: 1rem; }
.topbar-icon-btn:hover {
    background: var(--gold-light, #fff9e8);
    border-color: var(--gold, #D4AF37);
}

.brand-logo--official.topbar-logo {
    height: 52px;
    width: auto;
    max-width: 140px;
    object-fit: contain;
    display: block;
}
.topbar-premium.is-scrolled .brand-logo--official.topbar-logo {
    height: 46px;
    max-width: 128px;
}
.topbar-brand-text-wrap--with-official-logo .topbar-tagline {
    display: none;
}
@media (max-width: 1100px) {
    body.member-mode .topbar-row--swapped .mega-nav,
    body.admin-mode .topbar-row--swapped .mega-nav { display: none !important; }
}

body.premium-ui .mega-trigger,
body.premium-ui .mega-flat-link {
    display: inline-flex !important;
    align-items: center;
    gap: 6px !important;
}

body.premium-ui .mega-flat-link > span,
body.premium-ui .mega-trigger .mega-trigger-label {
    flex-shrink: 0;
    white-space: nowrap;
}

.accmaa-instructors-rail {
    position: fixed;
    z-index: 900;
    top: calc(var(--header-stack-h, 100px) + 12px);
    bottom: calc(56px + env(safe-area-inset-bottom, 0px));
    width: 88px;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, rgba(255,255,255,0.97), rgba(248,250,252,0.95));
    border: 1px solid var(--accmaa-border, #e2e8f0);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(10, 54, 105, 0.12);
    overflow: hidden;
    backdrop-filter: blur(8px);
}

html[dir="rtl"] .accmaa-instructors-rail { left: 10px; right: auto; }
html[dir="ltr"] .accmaa-instructors-rail { right: 10px; left: auto; }

.instructors-rail-head {
    flex-shrink: 0;
    padding: 10px 6px;
    text-align: center;
    font-size: 0.62rem;
    font-weight: 800;
    color: var(--primary, #0A3669);
    background: linear-gradient(180deg, #fff9e8, #fff);
    border-bottom: 1px solid var(--accmaa-border, #e2e8f0);
    line-height: 1.3;
}

.instructors-rail-head i {
    display: block;
    font-size: 1rem;
    color: var(--gold, #D4AF37);
    margin-bottom: 4px;
}

.instructors-rail-viewport {
    flex: 1;
    overflow: hidden;
    mask-image: linear-gradient(180deg, transparent, #000 8%, #000 92%, transparent);
}

.instructors-rail-track {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 6px;
    animation: instructorsRailScroll 45s linear infinite;
}

.accmaa-instructors-rail:hover .instructors-rail-track { animation-play-state: paused; }

@keyframes instructorsRailScroll {
    0% { transform: translateY(0); }
    100% { transform: translateY(-50%); }
}

.instructors-rail-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 8px 4px;
    border: 1px solid var(--accmaa-border, #e2e8f0);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    font-family: inherit;
    transition: transform 0.2s, box-shadow 0.2s;
    width: 100%;
}

.instructors-rail-item:hover {
    transform: scale(1.04);
    border-color: var(--rail-accent, var(--gold));
    box-shadow: 0 4px 16px rgba(10, 54, 105, 0.12);
}

.instructors-rail-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--rail-accent, #0A3669), var(--gold, #D4AF37));
    color: #fff;
    font-weight: 800;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.instructors-rail-name {
    font-size: 0.58rem;
    font-weight: 700;
    color: var(--primary, #0A3669);
    text-align: center;
    line-height: 1.25;
    max-height: 2.5em;
    overflow: hidden;
}

.instructors-rail-spec {
    font-size: 0.5rem;
    color: var(--muted, #64748b);
    text-align: center;
    line-height: 1.2;
    max-height: 2.4em;
    overflow: hidden;
}

.instructors-rail-meta { font-size: 0.5rem; color: var(--gold, #D4AF37); font-weight: 700; }

html[dir="rtl"] body.has-instructors-rail .main-wrap { margin-left: 100px; }
html[dir="ltr"] body.has-instructors-rail .main-wrap { margin-right: 100px; }

.dash-brand-gallery {
    padding: clamp(24px, 4vw, 48px) clamp(16px, 3vw, 32px);
    background: linear-gradient(180deg, #f8fafc 0%, #fff 50%, #f0f4f8 100%);
}

.dash-brand-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.dash-brand-card {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--accmaa-border, #e2e8f0);
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    font-family: inherit;
    text-align: inherit;
    padding: 0;
    box-shadow: 0 8px 28px rgba(10, 54, 105, 0.08);
    transition: transform 0.25s, box-shadow 0.25s;
}

.dash-brand-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(10, 54, 105, 0.14);
}

.dash-brand-card-visual { display: block; aspect-ratio: 16/10; overflow: hidden; }
.dash-brand-card-visual img { width: 100%; height: 100%; object-fit: cover; display: block; }

.dash-brand-card-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 18px 20px;
    align-items: flex-start;
}

.dash-brand-card-body strong { font-size: 1.05rem; color: var(--primary, #0A3669); }
.dash-brand-card-body small { font-size: 0.82rem; color: var(--muted, #64748b); line-height: 1.45; }

.brand-gallery-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    margin-bottom: 6px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(135deg, var(--primary, #0A3669), #0d4a8a);
    color: var(--gold, #D4AF37);
    font-size: 1.1rem;
}
.brand-gallery-icon i {
    position: relative;
    z-index: 2;
    color: inherit;
}
.brand-gallery-icon.has-icon-bg::before {
    opacity: 0.35;
}

.accmaa-fx-bar.fx-bar--premium {
    background: linear-gradient(90deg, #041629, #0A3669 40%, #0d4a8a 100%);
    min-height: 36px;
    border-bottom: 2px solid rgba(212, 175, 55, 0.35);
}

.fx-bar--premium .fx-bar-label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.15;
    padding: 4px 0;
}

.fx-bar--premium .fx-bar-label small { font-size: 0.58rem; opacity: 0.75; font-weight: 500; }

.fx-tick-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    border-inline-end: 1px solid rgba(255, 255, 255, 0.12);
    white-space: nowrap;
}

.fx-tick-name { font-size: 0.68rem; opacity: 0.85; max-width: 72px; overflow: hidden; text-overflow: ellipsis; }
.fx-tick-rate { font-variant-numeric: tabular-nums; font-weight: 700; color: #fde68a; }
.fx-updated-time { font-size: 0.62rem; opacity: 0.7; white-space: nowrap; }

@media (max-width: 1100px) {
    .accmaa-instructors-rail { display: none; }
    body.has-instructors-rail .main-wrap { margin-left: 0 !important; margin-right: 0 !important; }
}

@media (max-width: 768px) {
    .topbar-row--swapped { flex-wrap: wrap; }
    body.member-mode .topbar-row--swapped .mega-nav,
    body.admin-mode .topbar-row--swapped .mega-nav,
    body.logged-site-home .topbar-row--swapped .mega-nav {
        order: 10;
        width: 100%;
        flex: 1 1 100%;
        padding-top: 4px;
        border-top: 1px solid var(--accmaa-border);
    }
}

@media (prefers-reduced-motion: reduce) {
    .instructors-rail-track { animation: none; }
    .testimonials-track { animation: none; }
}

/* ─── Marketing header (easyT-style) ─── */
body.marketing-header .topbar-premium {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.marketing-header .mega-flat-link--clean {
    border: none !important;
    background: transparent !important;
    font-weight: 600;
    color: var(--primary, #0A3669) !important;
}
body.marketing-header .mega-flat-link--clean span {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}
body.marketing-header .mega-flat-link--clean:hover {
    background: rgba(10,54,105,0.06) !important;
    color: var(--primary);
}

/* ─── Stats bar ─── */
.landing-stats-bar {
    background: linear-gradient(90deg, #061f3d, #0A3669 50%, #0d4a8a);
    color: #fff;
    padding: 20px 16px;
}
.landing-stats-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 16px;
    text-align: center;
}
.landing-stat strong {
    display: block;
    font-size: clamp(1.4rem, 3vw, 2rem);
    color: var(--gold, #D4AF37);
    font-variant-numeric: tabular-nums;
}
.landing-stat span { font-size: 0.78rem; opacity: 0.9; line-height: 1.35; }

/* ─── Live spotlight ─── */
.live-spotlight { padding: clamp(24px, 4vw, 48px) 16px; }
.live-spotlight-card {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    align-items: center;
    background: linear-gradient(135deg, #fff 0%, #f0f6fc 100%);
    border: 1px solid var(--accmaa-border);
    border-radius: 24px;
    padding: clamp(20px, 4vw, 36px);
    box-shadow: 0 16px 48px rgba(10,54,105,0.1);
}
.live-spotlight-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.live-spotlight-badge {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 999px;
}
.live-spotlight-badge--type { background: #7f1d1d; color: #fff; }
.live-spotlight-badge--date { background: rgba(10,54,105,0.08); color: var(--primary); }
.live-spotlight-body h2 { margin: 0 0 10px; color: var(--primary); font-size: clamp(1.2rem, 2.5vw, 1.6rem); }
.live-spotlight-desc { color: var(--muted); margin: 0 0 10px; line-height: 1.55; }
.live-spotlight-doc, .live-spotlight-schedule { font-size: 0.88rem; margin: 6px 0; }
.live-spotlight-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.live-spotlight-orbit {
    width: 120px; height: 120px; border-radius: 50%;
    background: linear-gradient(135deg, var(--gold), #0A3669);
    display: flex; align-items: center; justify-content: center;
    font-size: 2.5rem; color: #fff;
    box-shadow: 0 12px 32px rgba(10,54,105,0.2);
}
@media (max-width: 700px) {
    .live-spotlight-card { grid-template-columns: 1fr; }
    .live-spotlight-visual { display: none; }
}

/* ─── Testimonials ─── */
.testimonials-section { padding: clamp(32px, 5vw, 56px) 0; background: #f8fafc; overflow: hidden; }
.testimonials-marquee { overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.testimonials-track {
    display: flex; gap: 20px; width: max-content;
    animation: testimonialsScroll 55s linear infinite;
}
.testimonials-marquee:hover .testimonials-track { animation-play-state: paused; }
@keyframes testimonialsScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
[dir="rtl"] .testimonials-track { animation-name: testimonialsScrollRtl; }
@keyframes testimonialsScrollRtl {
    0% { transform: translateX(0); }
    100% { transform: translateX(50%); }
}
.testimonial-card {
    flex: 0 0 min(340px, 85vw);
    background: #fff;
    border: 1px solid var(--accmaa-border);
    border-radius: 18px;
    padding: 22px;
    box-shadow: 0 8px 24px rgba(10,54,105,0.06);
}
.testimonial-card blockquote {
    margin: 0 0 16px;
    font-size: 0.92rem;
    line-height: 1.65;
    color: #334155;
}
.testimonial-quote-icon { color: var(--gold); opacity: 0.5; margin-left: 6px; }
.testimonial-card footer { display: flex; align-items: center; gap: 12px; }
.testimonial-avatar {
    width: 40px; height: 40px; border-radius: 50%;
    background: linear-gradient(135deg, var(--primary), var(--gold));
    color: #fff; font-weight: 800;
    display: flex; align-items: center; justify-content: center;
}

/* ─── Reasons ─── */
.landing-reasons { padding: clamp(32px, 5vw, 56px) 16px; }
.landing-reasons-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 18px;
    max-width: 1100px;
    margin: 0 auto;
}
.landing-reason-card {
    text-align: center;
    padding: 24px 18px;
    border: 1px solid rgba(212, 175, 55, 0.22);
    border-radius: 18px;
    background: linear-gradient(165deg, #ffffff 0%, #fffef8 100%);
    cursor: pointer;
    font-family: inherit;
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
    color: var(--primary);
    box-shadow: 0 8px 24px rgba(10, 54, 105, 0.06);
}
.landing-reason-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 36px rgba(10, 54, 105, 0.1);
    border-color: rgba(212, 175, 55, 0.45);
}
.landing-reason-icon {
    width: 56px; height: 56px; border-radius: 16px;
    background: linear-gradient(145deg, #0A3669, #061f3d);
    border: 1px solid rgba(212, 175, 55, 0.35);
    color: #D4AF37;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 1.35rem; margin-bottom: 14px;
    box-shadow: 0 6px 16px rgba(10, 54, 105, 0.12);
}
.landing-reason-card strong { display: block; color: var(--primary); margin-bottom: 6px; }
.landing-reason-card small { color: var(--muted); line-height: 1.45; }

/* ─── FAQ ─── */
.landing-faq { padding: clamp(32px, 5vw, 56px) 16px; max-width: 820px; margin: 0 auto; }
.faq-list { display: flex; flex-direction: column; gap: 10px; }
.faq-item {
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 14px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(10, 54, 105, 0.05);
}
.faq-item summary {
    padding: 16px 18px;
    font-weight: 700;
    cursor: pointer;
    color: var(--primary);
    list-style: none;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item p { margin: 0; padding: 0 18px 16px; color: var(--muted); line-height: 1.6; font-size: 0.92rem; }
.faq-cta { text-align: center; margin-top: 28px; }
.faq-cta p { margin-bottom: 14px; color: var(--muted); }

/* ─── Rich footer ─── */
.site-footer-rich {
    background: linear-gradient(180deg, #061f3d, #041629);
    color: rgba(255,255,255,0.88);
    padding: 48px 20px 24px;
    margin-top: 0;
}
.site-footer-grid {
    max-width: 1100px;
    margin: 0 auto 28px;
    display: grid;
    grid-template-columns: 1.4fr repeat(3, 1fr);
    gap: 28px;
}
.footer-brand-col p { font-size: 0.88rem; opacity: 0.8; line-height: 1.55; margin: 12px 0; }
.footer-logo { max-height: 48px; width: auto; }
.footer-col h4 { color: var(--gold); font-size: 0.9rem; margin: 0 0 12px; }
.footer-col ul { list-style: none; margin: 0; padding: 0; }
.footer-link {
    background: none; border: none; color: rgba(255,255,255,0.75);
    font-family: inherit; font-size: 0.84rem; padding: 5px 0;
    cursor: pointer; text-align: inherit;
}
.footer-link:hover { color: #fff; }
.site-footer-bottom {
    max-width: 1100px; margin: 0 auto;
    padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.12);
    display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px;
    font-size: 0.78rem; opacity: 0.75;
}

/* ─── Platform QR (above privacy links) ─── */
.site-footer-qr-row {
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 8px;
    display: flex;
    justify-content: center;
}
.footer-qr-card {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(212, 175, 55, 0.32);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
}
.footer-qr-image-link {
    display: block;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    padding: 6px;
    line-height: 0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.footer-qr-image-link:hover {
    transform: scale(1.03);
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.25);
}
.footer-qr-image {
    display: block;
    width: 120px;
    height: 120px;
    object-fit: contain;
}
.footer-qr-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.footer-qr-title {
    font-size: 0.92rem;
    color: #e8c547;
    font-weight: 800;
    line-height: 1.35;
}
.footer-qr-url {
    font-size: 0.82rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.04em;
}
.footer-qr-hint {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.4;
    margin-bottom: 4px;
}
.footer-qr-download-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    margin-top: 2px;
    padding: 7px 14px;
    border-radius: 999px;
    border: 1px solid rgba(212, 175, 55, 0.45);
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.22), rgba(6, 31, 61, 0.4));
    color: #faf3dc;
    font-family: inherit;
    font-size: 0.74rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}
.footer-qr-download-btn:hover {
    background: linear-gradient(135deg, rgba(232, 197, 71, 0.35), rgba(6, 31, 61, 0.55));
    transform: translateY(-1px);
}
.footer-qr-download-btn svg {
    flex-shrink: 0;
}
@media (max-width: 560px) {
    .footer-qr-card {
        flex-direction: column;
        text-align: center;
        width: 100%;
        max-width: 320px;
    }
    .footer-qr-body { align-items: center; }
    .footer-qr-download-btn { align-self: center; }
}

/* ─── Platform developer credit (footer bottom-right in RTL) ─── */
.site-footer-dev-row {
    max-width: 1100px;
    margin: 14px auto 0;
    display: flex;
    justify-content: flex-start;
}
.footer-dev-credit {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px 10px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.14), rgba(6, 31, 61, 0.55));
    border: 1px solid rgba(212, 175, 55, 0.38);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
}
.footer-dev-avatar-btn {
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    border-radius: 50%;
    flex-shrink: 0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.footer-dev-avatar-btn:hover {
    transform: scale(1.06);
}
.footer-dev-avatar-btn:focus-visible {
    outline: 2px solid #e8c547;
    outline-offset: 3px;
}
.footer-dev-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center 18%;
    border: 2px solid rgba(212, 175, 55, 0.75);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
    display: block;
}
.footer-dev-body {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
.footer-dev-role {
    font-size: 0.67rem;
    letter-spacing: 0.01em;
    color: #e8c547;
    font-weight: 600;
    line-height: 1.45;
    opacity: 0.95;
}
.footer-dev-name {
    font-size: 0.84rem;
    color: #fff;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1.25;
}
.footer-dev-phones {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 3px;
}
.footer-dev-phone-line {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.footer-dev-num {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.88);
    font-weight: 600;
    min-width: 88px;
}
.footer-dev-action {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    flex-shrink: 0;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.footer-dev-action .footer-dev-svg {
    display: block;
    flex-shrink: 0;
}
.footer-dev-action:hover {
    transform: scale(1.08);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.footer-dev-action--call {
    background: #1d4ed8;
    color: #fff;
    border: 1px solid rgba(147, 197, 253, 0.45);
}
.footer-dev-action--call:hover {
    background: #2563eb;
    color: #fff;
}
.footer-dev-action--wa {
    background: #16a34a;
    color: #fff;
    border: 1px solid rgba(74, 222, 128, 0.45);
}
.footer-dev-action--wa:hover {
    background: #22c55e;
    color: #fff;
}

/* Lightbox — full developer photo */
.footer-dev-lightbox {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}
.footer-dev-lightbox.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.footer-dev-lightbox-backdrop {
    position: absolute;
    inset: 0;
    border: none;
    background: rgba(4, 12, 24, 0.88);
    backdrop-filter: blur(6px);
    cursor: pointer;
}
.footer-dev-lightbox-panel {
    position: relative;
    z-index: 1;
    width: min(95vw, 560px);
    max-height: 92vh;
    animation: footerDevZoomIn 0.28s ease;
}
.footer-dev-lightbox-img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 92vh;
    object-fit: contain;
    border-radius: 14px;
    border: 2px solid rgba(212, 175, 55, 0.45);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
    background: #fff;
}
.footer-dev-lightbox-close {
    position: absolute;
    top: -12px;
    inset-inline-end: -12px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid rgba(212, 175, 55, 0.5);
    background: #061f3d;
    color: #e8c547;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}
.footer-dev-lightbox-close:hover {
    background: #0a3058;
    color: #fff;
}
body.footer-dev-lightbox-open {
    overflow: hidden;
}
@keyframes footerDevZoomIn {
    from { transform: scale(0.92); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}
@media (max-width: 800px) {
    .site-footer-dev-row {
        justify-content: center;
    }
    .footer-dev-credit {
        width: 100%;
        max-width: 440px;
        justify-content: flex-start;
        border-radius: 18px;
        padding: 12px 14px;
    }
}
@media (max-width: 800px) {
    .site-footer-grid { grid-template-columns: 1fr 1fr; }
}

/* ─── Logo أفقي + هيكل الداشبورد ─── */
.brand-logo--horizontal {
    height: 52px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
}
.brand-logo-wrap--horizontal {
    padding: 4px 8px;
    background: transparent;
    box-shadow: none;
}
.brand-logo-wrap--horizontal::after { display: none; }
.topbar-premium.is-scrolled .brand-logo--horizontal { height: 44px; max-width: 168px; }

.dash-landing {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.dash-zone {
    max-width: 1320px;
    margin-inline: auto;
    padding-inline: clamp(16px, 4vw, 56px);
    width: 100%;
}
.dash-zone--tools { padding-block: 8px 24px; }
.dash-zone--pillars { padding-block: 32px 16px; }

.dash-pillar-explore {
    padding: clamp(32px, 5vw, 56px) clamp(16px, 4vw, 56px) !important;
    max-width: 1320px;
    margin-inline: auto;
}
.pillar-explore-stack {
    display: flex;
    flex-direction: column;
    gap: 28px;
}
.pillar-explore-block {
    border-radius: 24px;
    border: 1px solid rgba(10, 54, 105, 0.08);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 16px 48px rgba(10, 54, 105, 0.08);
    padding: clamp(20px, 3vw, 28px);
    overflow: hidden;
}
.pillar-explore-head {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 2px solid rgba(212, 175, 55, 0.2);
}
.pillar-explore-head h3 {
    margin: 0;
    color: var(--primary, #0A3669);
    font-size: 1.15rem;
}
.pillar-explore-head p {
    margin: 4px 0 0;
    color: var(--muted, #64748b);
    font-size: 0.88rem;
}
.pillar-explore-modules.choices-visual-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
    gap: 16px;
}
.pillar-explore-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px dashed rgba(10, 54, 105, 0.1);
}
.pillar-link-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(10, 54, 105, 0.12);
    background: #fff;
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--primary, #0A3669);
    cursor: pointer;
    transition: border-color 0.2s, transform 0.2s;
}
.pillar-link-chip:hover {
    border-color: var(--gold, #D4AF37);
    transform: translateY(-2px);
}

.dash-brand-gallery {
    max-width: 1320px;
    margin-inline: auto;
    padding-inline: clamp(16px, 4vw, 56px);
}
.dash-brand-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
@media (max-width: 900px) {
    .dash-brand-grid { grid-template-columns: 1fr; }
    .pillar-explore-head { grid-template-columns: 1fr; text-align: center; }
    .pillar-explore-enter { justify-self: center; }
}


/* ---- accmaa-instructor-reviews.css ---- */
/* Instructor reviews + photo cards + job market */
.instructor-card--photo { padding: 0; overflow: hidden; }
.instructor-card-banner {
    position: relative;
    height: 140px;
    overflow: hidden;
    background: linear-gradient(135deg, var(--instructor-accent, #0A3669), #061f3d);
}
.instructor-card-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    transition: transform 0.45s ease;
}
.instructor-card--photo:hover .instructor-card-banner img { transform: scale(1.06); }
.instructor-card-banner-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(6,31,61,0.85) 0%, rgba(6,31,61,0.2) 60%, transparent 100%);
    pointer-events: none;
}
.instructor-card-body { padding: 16px 18px 18px; position: relative; }
.instructor-card--photo .instructor-avatar-wrap {
    position: absolute;
    top: -36px;
    right: 18px;
    margin: 0;
    z-index: 2;
}
.instructor-card--photo .instructor-avatar {
    width: 64px;
    height: 64px;
    font-size: 1.5rem;
    border: 3px solid #fff;
}
.instructor-card--photo .instructor-quote {
    margin-top: 28px;
    font-size: 0.78rem;
    min-height: 2.8em;
}
.instructor-card--photo .instructor-stats span:last-child { margin-left: 0; }
.instructor-rate-btn {
    border: 1px dashed var(--gold);
    background: #fffef8;
    color: var(--primary);
    border-radius: 10px;
    padding: 7px 10px;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
    width: 100%;
    margin-top: 6px;
}
.instructor-rate-btn:hover { background: var(--gold-light); }

.instructor-rating-modal {
    position: fixed;
    inset: 0;
    z-index: 10060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}
.instructor-rating-modal.is-open { opacity: 1; visibility: visible; }
.instructor-rating-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(6,31,61,0.88);
    backdrop-filter: blur(6px);
}
.instructor-rating-dialog {
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 18px;
    max-width: 440px;
    width: 100%;
    padding: 24px;
    box-shadow: 0 24px 80px rgba(0,0,0,0.35);
}
.instructor-rating-close {
    position: absolute;
    top: 12px;
    left: 12px;
    border: none;
    background: #f1f5f9;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    cursor: pointer;
    color: var(--primary);
}
.instructor-rating-dialog h3 { margin: 0 0 6px; color: var(--primary); padding-inline-start: 36px; }
.instructor-rating-sub { margin: 0 0 18px; color: var(--muted); font-size: 0.85rem; }
.instructor-rating-form .form-group { margin-bottom: 14px; }
.instructor-rating-form label { display: block; font-size: 0.82rem; font-weight: 700; margin-bottom: 6px; color: var(--primary); }

.accmaa-stars { display: inline-flex; gap: 4px; color: var(--gold); font-size: 1.1rem; }
.accmaa-stars--pick { gap: 6px; }
.accmaa-star-btn {
    border: none;
    background: none;
    cursor: pointer;
    color: #d1d5db;
    font-size: 1.4rem;
    padding: 0;
    line-height: 1;
    transition: color 0.15s, transform 0.15s;
}
.accmaa-star-btn.is-on, .accmaa-star-btn:hover { color: var(--gold); transform: scale(1.1); }

.doctor-card-photo {
    height: 120px;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    margin: -24px -24px 16px;
    position: relative;
    background: var(--primary);
}
.doctor-card-photo img { width: 100%; height: 100%; object-fit: cover; }
.doctor-card--rich { overflow: hidden; padding-top: 0; }
.doctor-reviews-mini { font-size: 0.78rem; color: var(--muted); margin: 8px 0; }

/* Job market */
.job-market-section {
    padding: 48px 24px 56px;
    background: linear-gradient(180deg, #f0f5fa 0%, #fff 100%);
    border-block: 1px solid rgba(10,54,105,0.06);
}
.section-head--center { text-align: center; max-width: 720px; margin: 0 auto 32px; }
.job-market-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    max-width: 1280px;
    margin: 0 auto;
}
.job-market-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(10,54,105,0.08);
    box-shadow: 0 12px 36px rgba(10,54,105,0.08);
    transition: transform 0.3s, box-shadow 0.3s;
}
.job-market-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 50px rgba(10,54,105,0.14);
}
.job-market-banner {
    position: relative;
    aspect-ratio: 16/10;
    overflow: hidden;
    background: var(--job-color, #0A3669);
}
.job-market-banner img { width: 100%; height: 100%; object-fit: cover; }
.job-market-banner-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(6,31,61,0.75), transparent 55%);
}
.job-market-icon {
    position: absolute;
    bottom: 12px;
    right: 12px;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255,255,255,0.92);
    color: var(--job-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}
.job-market-body { padding: 16px 18px 18px; }
.job-market-stat {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 800;
    color: var(--job-color);
    background: color-mix(in srgb, var(--job-color) 10%, #fff);
    padding: 3px 10px;
    border-radius: 999px;
    margin-bottom: 8px;
}
.job-market-body h3 { margin: 0 0 6px; font-size: 0.95rem; color: var(--primary); }
.job-market-body p { margin: 0 0 12px; font-size: 0.78rem; color: var(--muted); line-height: 1.5; }

@media (max-width: 1024px) {
    .job-market-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
    .job-market-grid { grid-template-columns: 1fr; }
}


/* ---- accmaa-profile.css ---- */
/* Accmaa Profile — 4 hub icons → gallery drill-down */
.accmaa-profile-section {
    padding: 36px 24px 56px;
    background: linear-gradient(180deg, #eef4fa 0%, #fff 50%);
    border-radius: 24px;
    margin: 28px 16px;
    border: 1px solid #e8edf3;
}

/* ─── Hub: 4 icons only ─── */
.accmaa-profile-hub-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    max-width: 1100px;
    margin: 0 auto;
}

.accmaa-profile-hub-icon {
    appearance: none;
    border: 2px solid #e8edf3;
    background: #fff;
    border-radius: 20px;
    padding: 28px 22px 22px;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    transition: transform 0.35s, box-shadow 0.35s, border-color 0.35s;
    box-shadow: 0 8px 28px rgba(10, 54, 105, 0.08);
    position: relative;
    overflow: hidden;
}

.accmaa-profile-hub-icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: var(--hub-color, var(--primary));
}

.accmaa-profile-hub-icon:hover {
    transform: translateY(-10px);
    border-color: var(--gold, #D4AF37);
    box-shadow: 0 22px 50px rgba(10, 54, 105, 0.16);
}

.accmaa-profile-hub-glyph {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: linear-gradient(145deg, var(--hub-color), color-mix(in srgb, var(--hub-color) 65%, #000));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    margin-bottom: 4px;
}

.accmaa-profile-hub-logo {
    max-width: 100px;
    max-height: 56px;
    object-fit: contain;
    margin: 4px 0;
}

.accmaa-profile-hub-icon strong {
    font-size: 1.15rem;
    color: var(--primary);
}

.accmaa-profile-hub-icon small {
    font-size: 0.82rem;
    color: var(--muted, #64748b);
    line-height: 1.45;
    max-width: 220px;
}

.accmaa-profile-hub-badge {
    display: inline-block;
    margin-top: 6px;
    padding: 4px 14px;
    border-radius: 999px;
    background: #fffbeb;
    color: var(--gold, #C9A227);
    font-size: 0.78rem;
    font-weight: 700;
    border: 1px solid var(--gold);
}

.accmaa-profile-hub-cta {
    margin-top: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--hub-color, var(--primary));
}

/* ─── Gallery (inside icon) ─── */
.accmaa-profile-gallery-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #eef2f7;
}

.accmaa-profile-gallery-title {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
}

.accmaa-profile-gallery-title h3 {
    margin: 0 0 4px;
    color: var(--primary);
    font-size: 1.2rem;
}

.accmaa-profile-gallery-title p {
    margin: 0;
    color: var(--muted);
    font-size: 0.85rem;
}

.accmaa-profile-cat-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
}

.accmaa-profile-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
}

.accmaa-profile-card {
    appearance: none;
    border: 2px solid #e8edf3;
    background: #fff;
    border-radius: 14px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    text-align: start;
    transition: transform 0.35s, box-shadow 0.35s, border-color 0.35s;
    box-shadow: 0 6px 20px rgba(10, 54, 105, 0.08);
}

.accmaa-profile-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 20px 48px rgba(10, 54, 105, 0.18);
    border-color: var(--gold, #D4AF37);
}

.accmaa-profile-thumb {
    display: block;
    aspect-ratio: 1200 / 1700;
    background: #fff;
    overflow: hidden;
    border-bottom: 3px solid var(--primary, #0A3669);
}

.accmaa-profile-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top center;
}

.accmaa-profile-meta {
    display: block;
    padding: 12px 14px 14px;
}

.accmaa-profile-meta strong {
    display: block;
    font-size: 0.82rem;
    color: var(--primary);
    line-height: 1.4;
    margin-bottom: 4px;
}

.accmaa-profile-meta small {
    color: var(--gold);
    font-size: 0.72rem;
    font-weight: 600;
}

.profile-empty-wrap {
    grid-column: 1 / -1;
    text-align: center;
    padding: 32px;
}

/* Lightbox */
.accmaa-profile-lightbox {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.accmaa-profile-lightbox.is-open {
    opacity: 1;
    visibility: visible;
}

.accmaa-profile-lightbox-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(6, 31, 61, 0.88);
    backdrop-filter: blur(6px);
}

.accmaa-profile-lightbox-dialog {
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 20px;
    max-width: min(920px, 96vw);
    max-height: 94vh;
    overflow: auto;
    padding: 20px 24px 24px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
}

.accmaa-profile-lb-close {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: #f1f5f9;
    cursor: pointer;
    color: var(--primary);
}

.accmaa-profile-lb-title {
    margin: 0 0 16px;
    padding-inline-start: 44px;
    font-size: 1.1rem;
    color: var(--primary);
}

.accmaa-profile-lb-body img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 3px solid var(--primary);
}

.accmaa-profile-lb-actions {
    margin-top: 16px;
    display: flex;
    justify-content: center;
}

body.accmaa-lb-open { overflow: hidden; }

@media (max-width: 640px) {
    .accmaa-profile-hub-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
    .accmaa-profile-hub-icon { padding: 20px 14px; }
    .accmaa-profile-hub-glyph { width: 56px; height: 56px; font-size: 1.5rem; }
}


/* ---- accmaa-visual-premium.css ---- */
/* ACCMAA — هوية بصرية: هيدر · بطاقات اختيار · حركة · أيقونات */

/* ─── Header shape & atmosphere ─── */
.topbar-premium {
    --accmaa-header-curve: 22px;
}
.topbar-premium::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(212,175,55,0.15) 15%,
        #D4AF37 35%,
        #f0d878 50%,
        #D4AF37 65%,
        rgba(212,175,55,0.15) 85%,
        transparent 100%);
    background-size: 200% 100%;
    animation: accmaaHeaderGoldSweep 8s ease-in-out infinite;
}
@keyframes accmaaHeaderGoldSweep {
    0%, 100% { background-position: 0% 50%; opacity: 0.85; }
    50% { background-position: 100% 50%; opacity: 1; }
}

body.guest-mode.premium-ui .topbar-premium:not(.is-scrolled) {
    border-radius: 0 0 var(--accmaa-header-curve) var(--accmaa-header-curve);
    box-shadow:
        0 8px 32px rgba(10,54,105,0.08),
        0 1px 0 rgba(255,255,255,0.9) inset;
}
body.guest-mode.premium-ui .topbar-premium .topbar-visual-bg {
    opacity: 0.72;
    mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%);
}
body.guest-mode.premium-ui .topbar-premium.is-scrolled .topbar-visual-bg {
    opacity: 0.35;
}

body.marketing-header .topbar-premium {
    background: linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(248,250,252,0.96) 100%) !important;
}
body.marketing-header .topbar-tagline { display: none !important; }
body.marketing-header .topbar-brand-link { gap: 10px; }
body.marketing-header .mega-flat-link--clean {
    border-radius: 999px !important;
    padding: 8px 14px !important;
    transition: transform 0.25s, box-shadow 0.25s, background 0.25s;
}
body.marketing-header .mega-flat-link--clean:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(10,54,105,0.12);
}
body.marketing-header .mega-nav-icon-wrap {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 11px;
    box-shadow: 0 4px 14px rgba(10,54,105,0.2);
    transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1);
}
body.marketing-header .mega-flat-link--clean:hover .mega-nav-icon-wrap {
    box-shadow: 0 6px 18px rgba(10,54,105,0.22);
}

/* ─── Choice tiles — صور + حركة ─── */
.choices-visual-grid {
    perspective: 1200px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.choice-visual-tile.choice-motion-tile {
    position: relative;
    min-height: 300px;
    border-radius: 20px;
    opacity: 0;
    transform: translateY(28px) scale(0.97);
    animation: accmaaChoiceReveal 0.65s cubic-bezier(0.22,1,0.36,1) forwards;
    animation-delay: calc(var(--choice-i, 0) * 0.07s);
}
@keyframes accmaaChoiceReveal {
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.choice-visual-thumb {
    height: clamp(168px, 18vw, 220px);
    background: #0a1628;
}
.choice-visual-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.45s ease;
}
.choice-visual-thumb::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
        transparent 55%,
        rgba(6,31,61,0.15) 85%,
        rgba(6,31,61,0.28) 100%);
    pointer-events: none;
    z-index: 1;
    transition: opacity 0.35s;
}
.choice-visual-tile:hover .choice-visual-thumb::after {
    opacity: 0.5;
}

.choice-thumb-shine {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(105deg,
        transparent 40%,
        rgba(255,255,255,0.45) 50%,
        transparent 60%);
    transform: translateX(-120%);
    transition: transform 0.6s ease;
}
.choice-visual-tile:hover .choice-thumb-shine {
    transform: translateX(120%);
}

.choice-thumb-icon {
    position: absolute;
    z-index: 3;
    bottom: 12px;
    inset-inline-end: 12px;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px rgba(0,0,0,0.28);
    border: 2px solid rgba(255,255,255,0.85);
    transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1);
}
.choice-thumb-icon .icon-bg-layer {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.choice-thumb-icon i {
    position: relative;
    z-index: 1;
    font-size: 1.05rem;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}
.choice-visual-tile:hover .choice-thumb-icon {
    transform: scale(1.12) rotate(-4deg);
}

.choice-visual-tile.choice-motion-tile:hover {
    transform: translateY(-10px) scale(1.025) !important;
}

.choice-visual-body i.fas,
.choice-visual-body i.fab {
    display: none;
}
.choice-visual-body strong {
    font-size: 0.95rem;
    font-weight: 700;
}
.choice-visual-body {
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

/* ─── Brand gallery cards motion ─── */
.dash-brand-card {
    transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.35s;
}
.dash-brand-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 24px 56px rgba(10,54,105,0.16);
}
.dash-brand-card-visual img {
    transition: transform 0.5s ease;
}
.dash-brand-card:hover .dash-brand-card-visual img {
    transform: scale(1.06);
}

/* ─── Dashboard canvas depth — طبقة واحدة فقط (بدون شبح مزدوج) ─── */
body.guest-mode.premium-ui .main-wrap::before {
    display: none !important;
    content: none !important;
}
body.guest-mode.premium-ui .main-wrap > #mainContent {
    position: relative;
    z-index: 1;
}

.choices-visual-banner {
    border-radius: 24px;
    max-height: 200px;
    object-fit: cover;
    transition: transform 0.4s ease, box-shadow 0.4s;
}
.choices-visual-section:hover .choices-visual-banner {
    transform: scale(1.01);
    box-shadow: 0 20px 56px rgba(10,54,105,0.14);
}

.pillar-mod-tile.has-card-bg {
    background: transparent !important;
}
.pillar-mod-tile--visual {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
    overflow: hidden;
    min-height: 200px;
}
.pillar-mod-thumb {
    display: block;
    height: 130px;
    overflow: hidden;
    position: relative;
}
.pillar-mod-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(1.1);
}
.pillar-mod-inner {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: linear-gradient(180deg, rgba(255,255,255,0.92), #fff);
}

/* ─── أيقونات أوضح في كل المنصة ─── */
.pillar-icon.has-icon-bg,
.pillar-explore-icon .has-icon-bg,
.accmaa-icon-md.has-icon-bg,
.accmaa-icon-lg.has-icon-bg,
.mega-nav-icon-wrap.has-icon-bg,
.choice-thumb-icon.has-icon-bg {
    box-shadow: 0 6px 20px rgba(10,54,105,0.28);
    border: 2px solid rgba(255,255,255,0.9);
}
.pillar-icon.has-icon-bg {
    width: 56px !important;
    height: 56px !important;
    border-radius: 16px !important;
}
.pillar-explore-icon .accmaa-icon-lg,
.pillar-explore-icon .has-icon-bg {
    width: 64px !important;
    height: 64px !important;
    border-radius: 18px !important;
}
.accmaa-icon-md.has-icon-bg {
    width: 44px !important;
    height: 44px !important;
}
.icon-btn.has-icon-bg .icon-bg-layer {
    filter: saturate(1.15);
}
body.perf-lite .has-card-bg::before {
    opacity: 1 !important;
    filter: saturate(1.1) contrast(1.04);
}

@media (prefers-reduced-motion: reduce) {
    .choice-visual-tile.choice-motion-tile,
    .topbar-premium::after,
    body.marketing-header .mega-flat-link--clean:hover .mega-nav-icon-wrap {
        animation: none !important;
        transition: none !important;
    }
    .choice-visual-tile.choice-motion-tile {
        opacity: 1;
        transform: none;
    }
}


/* ---- accmaa-platform-org.css ---- */
/* ACCMAA — نظام التنظيم الموحّد */

.zone-navigator {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    padding: 10px 16px; margin: 0;
    background: rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.12);
}
.zone-nav-label {
    font-size: 0.72rem; font-weight: 800; text-transform: uppercase;
    letter-spacing: 0.06em; color: rgba(255,255,255,0.75); white-space: nowrap;
}
.zone-nav-pills { display: flex; gap: 6px; flex-wrap: wrap; flex: 1; }
.zone-nav-pill {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.25);
    background: rgba(255,255,255,0.06); color: #fff; cursor: pointer;
    font-family: inherit; font-size: 0.78rem; font-weight: 700;
    transition: all 0.2s;
}
.zone-nav-pill:hover { background: rgba(255,255,255,0.14); border-color: var(--zone-color, var(--gold)); }
.zone-nav-pill.active {
    background: var(--zone-color, var(--gold)); border-color: transparent;
    color: #fff; box-shadow: 0 4px 14px rgba(0,0,0,0.2);
}

.logged-site-bar .zone-navigator {
    width: 100%; padding: 10px 0 0; margin-top: 8px;
    background: transparent; border: none; border-top: 1px solid rgba(255,255,255,0.15);
}
.logged-site-bar-inner { flex-direction: column; align-items: stretch; }
.logged-site-bar-row {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; flex-wrap: wrap; width: 100%;
}

.org-hub-group { margin-bottom: 20px; }
.org-hub-group:last-child { margin-bottom: 0; }
.org-hub-group-title {
    font-size: 0.82rem; font-weight: 800; color: var(--primary);
    margin: 0 0 10px; display: flex; align-items: center; gap: 8px;
    padding-bottom: 8px; border-bottom: 2px solid var(--gold-light);
}
.org-hub-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important; }

.dock-zone-tag {
    display: block; font-size: 0.58rem; font-weight: 800; text-transform: uppercase;
    letter-spacing: 0.04em; color: var(--zone-color, var(--muted));
    margin-top: 2px; opacity: 0.85;
}
.icons-dock .icon-btn.active .dock-zone-tag { color: #fff; opacity: 0.9; }

.sections-panel .sections-zone-head {
    display: flex; align-items: center; justify-content: space-between;
    gap: 8px; margin-bottom: 10px;
}
.sections-zone-badge {
    font-size: 0.65rem; font-weight: 800; padding: 3px 8px; border-radius: 999px;
    background: color-mix(in srgb, var(--zone-color, var(--primary)) 12%, transparent);
    color: var(--zone-color, var(--primary)); border: 1px solid color-mix(in srgb, var(--zone-color, var(--primary)) 25%, transparent);
}

.dash-zone-divider {
    max-width: 1280px; margin: 0 auto; padding: 0 20px;
}
.dash-zone-divider .section-head { margin-bottom: 16px; }

.member-link .member-zone-dot {
    width: 6px; height: 6px; border-radius: 50%; background: var(--zone-color, var(--gold));
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .zone-nav-pill span { display: none; }
    .zone-nav-pill { padding: 8px 10px; }
    .org-hub-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ── خدماتنا: 3 أقسام · ورقتان ببصمة Accmaa لكل خدمة (حجم مضغوط) ── */
.svc-groups-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin: 12px 0 6px;
}
.svc-group-card {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    text-align: start;
    padding: 12px 12px;
    border: 1px solid color-mix(in srgb, var(--svc-accent, #0A3669) 16%, #e8eef4);
    border-radius: 14px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--svc-accent, #0A3669) 6%, #fff), #fff 60%);
    box-shadow: 0 6px 18px rgba(10, 54, 105, 0.05);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    font: inherit;
    color: inherit;
}
.svc-group-card:hover,
.svc-group-card:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(10, 54, 105, 0.1);
    outline: none;
}
.svc-group-card__icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    background: var(--svc-accent, #0A3669);
    color: #f5d76e;
    font-size: 1rem;
}
.svc-group-card__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.svc-group-card__body strong {
    font-size: 0.95rem;
    color: #0A3669;
    font-weight: 800;
}
.svc-group-card__body small {
    font-size: 0.75rem;
    line-height: 1.4;
    color: #5b6b7c;
}
.svc-group-card__go {
    color: var(--svc-accent, #0A3669);
    opacity: 0.5;
    font-size: 0.85rem;
}

.svc-group-intro {
    margin: 4px 0 14px;
    padding: 10px;
    border-radius: 14px;
    border: 1px solid color-mix(in srgb, var(--svc-accent, #0A3669) 14%, #e8eef4);
    background: #fff;
}
.svc-group-intro__lead {
    margin: 0 0 10px;
    font-size: 0.86rem;
    line-height: 1.55;
    color: #4a5d70;
}
.svc-branches-title {
    margin: 4px 0 10px;
    color: #0A3669;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 7px;
}
.svc-branches-title i { color: #c9a227; font-size: 0.9rem; }

.svc-branches {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}
.svc-branch {
    padding: 12px;
    border-radius: 14px;
    border: 1px solid #e8eef4;
    background: #fff;
    box-shadow: 0 6px 18px rgba(10, 54, 105, 0.045);
    animation: svcBranchIn 0.45s ease both;
}
.svc-branch__head {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 10px;
}
.svc-branch__icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: var(--svc-accent, #0A3669);
    color: #f5d76e;
    font-size: 0.9rem;
}
.svc-branch__titles h3 {
    margin: 0 0 3px;
    color: #0A3669;
    font-size: 0.95rem;
}
.svc-branch__hint {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.45;
    color: #6b7c8d;
}
.svc-branch__actions { margin-top: 8px; }
.svc-back-row { margin-top: 12px; }

/* ورقتان بشعار Accmaa */
.svc-papers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.svc-paper {
    position: relative;
    min-height: 168px;
    padding: 12px 12px 28px;
    border-radius: 12px;
    overflow: hidden;
    background-color: #f7f1e6;
    background-image: var(--paper-bg);
    background-size: cover;
    background-position: center;
    box-shadow:
        0 8px 20px rgba(10, 54, 105, 0.1),
        inset 0 0 0 1px rgba(10, 54, 105, 0.08);
    transform: rotate(-0.4deg);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.svc-paper--b { transform: rotate(0.55deg); }
.svc-branch:hover .svc-paper--a,
.svc-group-intro:hover .svc-paper--a { transform: rotate(-0.2deg) translateY(-2px); }
.svc-branch:hover .svc-paper--b,
.svc-group-intro:hover .svc-paper--b { transform: rotate(0.25deg) translateY(-2px); }
.svc-paper::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 252, 245, 0.88) 0%, rgba(255, 250, 240, 0.78) 100%);
    pointer-events: none;
}
.svc-paper > * { position: relative; z-index: 1; }
.svc-paper__brand {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.svc-paper__logo {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 0 0 2px rgba(201, 162, 39, 0.55);
    background: #fff;
}
.svc-paper__brand strong {
    display: block;
    font-size: 0.78rem;
    color: #0A3669;
    line-height: 1.1;
}
.svc-paper__brand small {
    display: block;
    font-size: 0.62rem;
    color: #7a6a4a;
}
.svc-paper__chip {
    display: inline-block;
    margin-bottom: 6px;
    padding: 2px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--svc-accent, #0A3669) 14%, #fff);
    color: var(--svc-accent, #0A3669);
    font-size: 0.64rem;
    font-weight: 800;
}
.svc-paper__chip--gold {
    background: rgba(201, 162, 39, 0.18);
    color: #8a6b12;
}
.svc-paper__title {
    margin: 0 0 6px;
    font-size: 0.82rem;
    color: #0A3669;
    line-height: 1.35;
}
.svc-paper__text {
    margin: 0;
    font-size: 0.74rem;
    line-height: 1.55;
    color: #3f4f5f;
}
.svc-paper__seal {
    position: absolute;
    inset-inline-end: 8px;
    bottom: 6px;
    width: 34px;
    height: 34px;
    opacity: 0.55;
    pointer-events: none;
    z-index: 2;
}

.svc-book-cta {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid #e8eef4;
    border-radius: 12px;
}
.svc-book-cta h3 {
    margin: 0 0 6px;
    color: #0A3669;
    font-size: 0.95rem;
}
.svc-book-cta .page-desc-inline {
    margin: 0 0 10px;
    font-size: 0.82rem;
}

@keyframes svcBranchIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (min-width: 980px) {
    .svc-branches {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 640px) {
    .svc-groups-grid { grid-template-columns: 1fr; }
    .svc-papers { grid-template-columns: 1fr; }
    .svc-paper,
    .svc-paper--b { transform: none; min-height: 150px; }
}


/* ---- accmaa-theme-complete.css ---- */
/**
 * ACCMAA — ثيم المنصة الكامل
 * خلفيات محاسبية · فراغات ممتلئة · تناسق ألوان · وضوح قراءة
 */

:root {
    --accmaa-site-bg: url('../images/visual-library/backgrounds/water-theme-light.svg'), url('../images/visual-library/backgrounds/site-platform-bg.svg');
    --accmaa-text-primary: #152a3d;
    --accmaa-text-secondary: #4a5f73;
    --accmaa-text-on-dark: #f8fafc;
    --accmaa-link: #0A3669;
    --accmaa-link-hover: #0d4a8a;
    --accmaa-panel-bg: rgba(255, 255, 255, 0.94);
    --accmaa-panel-border: rgba(10, 54, 105, 0.1);
    --accmaa-dash-gap: clamp(20px, 3vw, 36px);
    --accmaa-zone-max: 1320px;
}

/* ─── خلفية الموقع بالكامل ─── */
body.premium-ui {
    background-color: var(--accmaa-surface-2, #f4f7fb);
    background-image: var(--accmaa-site-bg), var(--dash-bg-image, none);
    background-size: cover, auto;
    background-position: center top, center;
    background-attachment: scroll, scroll;
    color: var(--accmaa-text-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body.premium-ui .main-wrap {
    background: transparent;
    min-height: calc(100dvh - var(--topbar-h, 72px));
}

body.premium-ui.member-mode .main-wrap,
body.premium-ui.admin-mode .main-wrap,
body.premium-ui.guest-mode.guest-in-app .main-wrap {
    background: linear-gradient(180deg,
        rgba(244, 247, 251, 0.35) 0%,
        rgba(244, 247, 251, 0.72) 100%);
}

body.premium-ui.guest-mode:not(.guest-in-app) .main-wrap {
    background: var(--accmaa-site-bg) center top / cover no-repeat scroll;
}

/* ─── المحتوى الداخلي — بطاقات واضحة بدون فراغات ─── */
body.premium-ui .main-inner {
    position: relative;
    z-index: 1;
}

body.premium-ui .main-inner:not(.tafqeet-page):not(:has(.dash-landing)) {
    background: var(--accmaa-panel-bg);
    border: 1px solid var(--accmaa-panel-border);
    border-radius: var(--accmaa-radius-lg, 22px);
    box-shadow: var(--accmaa-shadow-md, 0 8px 28px rgba(10, 54, 105, 0.08));
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    margin: 16px;
    padding: clamp(20px, 3vw, 32px) !important;
}

body.premium-ui.guest-mode .main-inner:has(.dash-landing) {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0 !important;
}

/* ─── عناوين ونصوص — تباين عالٍ ─── */
body.premium-ui .page-title,
body.premium-ui h1,
body.premium-ui h2,
body.premium-ui h3 {
    color: var(--accmaa-text-primary);
    letter-spacing: -0.01em;
}

body.premium-ui .page-desc,
body.premium-ui .page-desc-inline,
body.premium-ui p {
    color: var(--accmaa-text-secondary);
    line-height: 1.75;
}

body.premium-ui a:not(.btn):not([class*="btn"]) {
    color: var(--accmaa-link);
}
body.premium-ui a:not(.btn):hover {
    color: var(--accmaa-link-hover);
}

/* ─── نصوص على خلفيات داكنة — ذهبي واضح ─── */
body.premium-ui .cta-premium,
body.premium-ui .cta-strip,
body.premium-ui .hero-premium-content,
body.premium-ui .command-header,
body.premium-ui .site-footer-global {
    color: #f5e6b8;
}

body.premium-ui .cta-premium h3,
body.premium-ui .cta-strip h3,
body.premium-ui .hero-premium-content h1,
body.premium-ui .hero-premium-content .hero-line-accent {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: none !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

body.premium-ui .cta-premium p,
body.premium-ui .cta-strip p,
body.premium-ui .hero-premium-sub {
    color: #faf3dc !important;
    -webkit-text-fill-color: #faf3dc !important;
    opacity: 1 !important;
}

body.premium-ui .cta-premium-eyebrow,
body.premium-ui .hero-premium-badge {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
}

body.premium-ui .hero-premium-content .btn-ghost-premium {
    color: #D4AF37 !important;
    border-color: rgba(212, 175, 55, 0.65) !important;
}

/* ─── لوحات ومحتوى ─── */
body.premium-ui .panel,
body.premium-ui .content-panel,
body.premium-ui .panel-premium,
body.premium-ui .gov-table-wrap {
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid var(--accmaa-panel-border);
    border-radius: var(--accmaa-radius-md, 16px);
    box-shadow: var(--accmaa-shadow-sm);
}

body.premium-ui .section-block {
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(10, 54, 105, 0.06);
    border-radius: var(--accmaa-radius-lg, 22px);
    backdrop-filter: blur(6px);
}

/* ─── حالات فارغة — موحّدة وجذابة ─── */
.empty-state,
.spotlight-empty:not(.spotlight-empty--themed),
.search-empty,
.notif-empty,
.curriculum-empty,
.content-panel.empty-state {
    text-align: center;
    padding: clamp(32px, 5vw, 56px) clamp(20px, 4vw, 40px);
    color: var(--accmaa-text-secondary);
    line-height: 1.7;
    border-radius: var(--accmaa-radius-md, 16px);
    background: linear-gradient(145deg,
        rgba(255, 255, 255, 0.96) 0%,
        rgba(250, 243, 220, 0.35) 100%);
    border: 1px dashed rgba(212, 175, 55, 0.35);
    margin: 12px 0;
}

.empty-hint {
    color: var(--accmaa-text-secondary);
    font-size: 0.92rem;
    font-weight: 600;
    padding: 16px 12px;
    text-align: center;
    line-height: 1.65;
}

.empty-state::before,
.empty-hint:empty + .empty-state-icon {
    display: none;
}

.empty-state i,
.empty-hint i,
.spotlight-empty i {
    font-size: clamp(2rem, 5vw, 2.75rem) !important;
    color: var(--accmaa-gold, #D4AF37) !important;
    margin-bottom: 14px !important;
    display: block;
    filter: drop-shadow(0 4px 12px rgba(212, 175, 55, 0.25));
}

.empty-state p,
.empty-hint,
.spotlight-empty p {
    max-width: 420px;
    margin: 0 auto;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--accmaa-text-secondary);
}

.spotlight-empty--themed {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    text-align: center;
    border-radius: var(--accmaa-radius-md, 16px);
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(10, 54, 105, 0.1);
    transition: transform 0.22s, box-shadow 0.22s;
}

.spotlight-empty--themed:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 36px rgba(10, 54, 105, 0.14);
}

.spotlight-themed-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(16px, 4vw, 28px);
    min-height: 180px;
    padding: 28px 20px;
    background:
        linear-gradient(135deg, rgba(6, 31, 61, 0.94) 0%, rgba(10, 54, 105, 0.88) 55%, rgba(13, 74, 138, 0.82) 100%),
        radial-gradient(circle at 20% 30%, rgba(212, 175, 55, 0.18), transparent 55%),
        radial-gradient(circle at 80% 70%, rgba(212, 175, 55, 0.12), transparent 50%);
    border-bottom: 1px solid rgba(212, 175, 55, 0.25);
}

.spotlight-themed-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(52px, 12vw, 72px);
    height: clamp(52px, 12vw, 72px);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(212, 175, 55, 0.45);
    color: #D4AF37;
    font-size: clamp(1.25rem, 3vw, 1.75rem);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

.spotlight-themed-cta,
.spotlight-empty--themed span.spotlight-themed-cta {
    display: block;
    padding: 14px 16px;
    font-size: 0.95rem;
    font-weight: 800;
    color: #0A3669 !important;
    background: rgba(255, 255, 255, 0.96);
}

.content-panel.empty-state {
    padding: clamp(36px, 6vw, 64px) 24px;
}

/* ─── الداشبورد — مناطق منظمة ─── */
.dash-landing {
    gap: var(--accmaa-dash-gap);
}

.dash-zone {
    max-width: var(--accmaa-zone-max);
    margin-inline: auto;
}

.dash-zone + .dash-zone {
    margin-top: var(--accmaa-dash-gap);
}

body.premium-ui .kpi-card,
body.premium-ui .member-stat-premium,
body.premium-ui .stat-box {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(10, 54, 105, 0.08);
    box-shadow: 0 6px 20px rgba(10, 54, 105, 0.06);
}

body.premium-ui .kpi-card strong,
body.premium-ui .member-stat-premium strong,
body.premium-ui .stat-box strong {
    color: var(--accmaa-navy-mid, #0A3669);
}

body.premium-ui .kpi-card .label,
body.premium-ui .member-stat-premium span,
body.premium-ui .stat-box span {
    color: var(--accmaa-text-secondary);
}

/* ─── بطاقات المحاور والاختيارات ─── */
body.premium-ui .pillar-card,
body.premium-ui .power-card,
body.premium-ui .choice-visual-tile,
body.premium-ui .portal-action-card,
body.premium-ui .gift-card,
body.premium-ui .doctor-card,
body.premium-ui .path-card,
body.premium-ui .course-card {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(10, 54, 105, 0.1);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

body.premium-ui .pillar-card:hover,
body.premium-ui .power-card:hover,
body.premium-ui .choice-visual-tile:hover,
body.premium-ui .doctor-card:hover {
    border-color: rgba(212, 175, 55, 0.45);
    box-shadow: 0 14px 40px rgba(10, 54, 105, 0.1);
    transform: translateY(-3px);
}

/* ─── الشريط الجانبي — خلفية محاسبية ─── */
body.premium-ui .sidebar .sections-panel.has-card-bg::after {
    background: linear-gradient(180deg,
        rgba(6, 31, 61, 0.72) 0%,
        rgba(10, 54, 105, 0.85) 100%);
}

body.premium-ui .sidebar .section-item,
body.premium-ui .sidebar .sections-zone-head {
    color: var(--accmaa-text-on-dark);
}

/* ─── أيقونات — وضوح بدون تبكسل ─── */
body.premium-ui .has-icon-bg,
body.premium-ui .accmaa-icon-shell {
    background: linear-gradient(145deg, #061f3d 0%, #0A3669 48%, #0a2f5c 100%);
    border-color: rgba(212, 175, 55, 0.5);
    box-shadow:
        0 4px 16px rgba(6, 31, 61, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

body.premium-ui .has-icon-bg > i {
    color: #e8c547 !important;
    font-weight: 900;
}

body.premium-ui .sidebar .icon-btn.has-icon-bg {
    border-radius: 10px;
}

/* ─── أزرار — وضوح ومساحة لمس ─── */
body.premium-ui .btn {
    font-weight: 700;
    letter-spacing: 0.01em;
    min-height: 42px;
}

body.premium-ui .btn-gold {
    background: linear-gradient(135deg, #c9a227 0%, #D4AF37 50%, #e8c547 100%);
    color: #061f3d;
    border: 1px solid rgba(255, 255, 255, 0.25);
    text-shadow: none;
}

body.premium-ui .btn-outline {
    border-color: rgba(10, 54, 105, 0.2);
    color: var(--accmaa-navy-mid);
}

body.premium-ui .btn-outline:hover {
    background: var(--accmaa-gold-light);
    border-color: var(--accmaa-gold);
}

/* ─── جداول ─── */
body.premium-ui .gov-table th {
    background: linear-gradient(180deg, #0A3669, #0d4a8a);
    color: #fff;
    font-weight: 700;
}

body.premium-ui .gov-table td {
    color: var(--accmaa-text-primary);
    border-color: rgba(10, 54, 105, 0.08);
}

body.premium-ui .gov-table tr:nth-child(even) td {
    background: rgba(244, 247, 251, 0.6);
}

/* ─── Hero & stats ─── */
body.premium-ui .hero-stats,
body.premium-ui .hero-stats-premium,
body.premium-ui .landing-stats-bar {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(212, 175, 55, 0.2);
}

/* ─── تحسين perf-lite ─── */
body.perf-lite.premium-ui .main-wrap {
    background-attachment: scroll;
}

body.perf-lite .hero-orbit-wrap::before,
body.perf-lite .hero-glowPulse {
    animation: none !important;
}

/* ─── موبايل ─── */
@media (max-width: 900px) {
    body.premium-ui .main-inner:not(.tafqeet-page):not(:has(.dash-landing)) {
        margin: 10px;
        padding: 18px !important;
        border-radius: 16px;
    }

    .empty-state,
    .empty-hint,
    .spotlight-empty:not(.spotlight-empty--themed) {
        padding: 28px 16px;
    }
}

/* ─── خلفية مائية متحركة ─── */
body.premium-ui::before {
    content: '';
    position: fixed;
    inset: -10% -5%;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 55% 45% at 15% 20%, rgba(13, 74, 138, 0.09) 0%, transparent 55%),
        radial-gradient(ellipse 50% 40% at 85% 75%, rgba(212, 175, 55, 0.11) 0%, transparent 50%),
        radial-gradient(ellipse 40% 35% at 50% 50%, rgba(10, 54, 105, 0.04) 0%, transparent 60%);
    animation: accmaaWaterDrift 22s ease-in-out infinite alternate;
}

@keyframes accmaaWaterDrift {
    0% { transform: translate(0, 0) scale(1); opacity: 0.75; }
    50% { transform: translate(-1.5%, 1%) scale(1.02); opacity: 0.95; }
    100% { transform: translate(1%, -0.5%) scale(1.04); opacity: 0.85; }
}

body.perf-lite.premium-ui::before {
    animation: none;
    opacity: 0.65;
}

body.premium-ui .topbar-premium,
body.premium-ui .main-wrap,
body.premium-ui .accmaa-social-bar {
    position: relative;
    z-index: 1;
}

/* ─── نصوص قائمة الهيدر — وضوح على الخلفية الكحلية ─── */
body.guest-mode .mega-flat-link--clean,
body.guest-mode .mega-flat-link--clean span,
body.marketing-header .mega-flat-link--clean,
body.marketing-header .mega-flat-link--clean span,
body.guest-mode .mega-trigger .mega-trigger-label,
body.guest-mode .mega-flat-link > span,
body.marketing-header .mega-trigger .mega-trigger-label,
body.marketing-header .mega-flat-link > span {
    color: #f1f5f9 !important;
    -webkit-text-fill-color: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
}
body.guest-mode .topbar-brand-name,
body.marketing-header .topbar-brand-name {
    color: #faf3dc !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
}
body.guest-mode .topbar-tagline,
body.marketing-header .topbar-tagline {
    color: rgba(241, 245, 249, 0.92) !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
}
/* هيدر أبيض عند التمرير — نص داكن */
body.guest-mode .topbar-premium.is-scrolled .mega-flat-link--clean,
body.guest-mode .topbar-premium.is-scrolled .mega-flat-link--clean span {
    color: var(--primary, #0A3669) !important;
}


/* ---- accmaa-promo-carousel.css ---- */
/* ACCMAA — لوحة إعلانية إبداعية · شريط عروض الداشبورد */
.promo-carousel-section {
    margin: var(--accmaa-dash-gap, 24px) 0;
    max-width: 100%;
    padding-inline: clamp(10px, 3vw, 28px);
}

.promo-billboard-section .section-head p.promo-billboard-sub {
    margin: 6px 0 0;
    color: #2d4a63;
    font-size: 0.9rem;
}

.promo-carousel-wrap {
    position: relative;
    border-radius: clamp(20px, 3vw, 28px);
    overflow: hidden;
    border: 2px solid rgba(212, 175, 55, 0.35);
    box-shadow: 0 24px 56px rgba(10, 54, 105, 0.18);
    background: linear-gradient(145deg, #061f3d, #0a2647);
}

.promo-carousel-wrap--creative {
    perspective: 1200px;
    transform-style: preserve-3d;
}

.promo-billboard-orbs {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
}

.promo-billboard-orbs span {
    position: absolute;
    border-radius: 50%;
    filter: blur(1px);
    animation: promoOrbDrift 9s ease-in-out infinite;
}

.promo-billboard-orbs span:nth-child(1) {
    width: 120px;
    height: 120px;
    top: -30px;
    right: 8%;
    background: radial-gradient(circle, rgba(232, 197, 71, 0.35), transparent 70%);
}

.promo-billboard-orbs span:nth-child(2) {
    width: 90px;
    height: 90px;
    bottom: -20px;
    left: 12%;
    background: radial-gradient(circle, rgba(96, 165, 250, 0.28), transparent 70%);
    animation-delay: -3s;
}

.promo-billboard-orbs span:nth-child(3) {
    width: 70px;
    height: 70px;
    top: 40%;
    left: 45%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent 70%);
    animation-delay: -6s;
}

@keyframes promoOrbDrift {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(12px, -10px) scale(1.08); }
}

.promo-billboard-shine {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(115deg, transparent 40%, rgba(255,255,255,0.1) 50%, transparent 60%);
    transform: translateX(-130%);
    animation: promoBillboardShine 7s ease-in-out infinite;
}

@keyframes promoBillboardShine {
    0%, 45% { transform: translateX(-130%); }
    100% { transform: translateX(130%); }
}

.promo-carousel-track {
    position: relative;
    min-height: clamp(220px, 38vw, 380px);
    z-index: 3;
}

.promo-carousel-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    transform: scale(1.04) rotateY(-4deg);
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: default;
    font: inherit;
    text-align: inherit;
}

.promo-carousel-slide[data-dashboard-target] { cursor: pointer; }

.promo-carousel-slide.is-active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
    transform: scale(1) rotateY(0deg);
}

.promo-carousel-slide img {
    width: 100%;
    height: clamp(220px, 38vw, 380px);
    object-fit: cover;
    display: block;
    animation: promoKenBurns 14s ease-in-out infinite alternate;
}

.promo-carousel-slide.is-active img {
    animation-play-state: running;
}

@keyframes promoKenBurns {
    0% { transform: scale(1); }
    100% { transform: scale(1.08); }
}

.promo-carousel-slide--trainer img,
.promo-carousel-slide--book img,
.promo-carousel-slide--trainee img {
    object-fit: contain;
    padding: 24px;
    background: linear-gradient(145deg, #0a2647 0%, #061f3d 100%);
    animation: none;
}

.promo-carousel-slide--tool img {
    object-fit: cover;
    padding: 0;
    animation: promoKenBurns 12s ease-in-out infinite alternate;
}

/* شاشة عرض ديناميكية عالية الجودة */
.promo-carousel-wrap--screen {
    border: 3px solid rgba(212, 175, 55, 0.55);
    box-shadow:
        0 28px 64px rgba(10, 54, 105, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.08) inset,
        0 0 40px rgba(232, 197, 71, 0.12);
    background: linear-gradient(160deg, #031528 0%, #0a3669 55%, #061f3d 100%);
}

.promo-billboard-bezel {
    position: absolute;
    inset: 0;
    z-index: 6;
    pointer-events: none;
    border-radius: inherit;
    box-shadow:
        inset 0 0 0 2px rgba(232, 197, 71, 0.25),
        inset 0 0 48px rgba(0, 0, 0, 0.35);
}

.promo-carousel-wrap--screen .promo-carousel-track {
    min-height: clamp(280px, 46vw, 460px);
}

.promo-carousel-wrap--screen .promo-carousel-slide img {
    height: clamp(280px, 46vw, 460px);
    filter: saturate(1.1) contrast(1.05);
    object-fit: cover;
    object-position: center center;
}

.promo-carousel-wrap--screen .promo-carousel-caption {
    padding: 18px 22px 26px;
    background: linear-gradient(0deg, rgba(3, 21, 40, 0.88) 0%, rgba(3, 21, 40, 0.35) 60%, transparent 100%);
}

.promo-carousel-wrap--screen .promo-carousel-caption strong {
    font-size: clamp(1.05rem, 2.2vw, 1.45rem);
    letter-spacing: 0.01em;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

.promo-carousel-wrap--screen .promo-carousel-caption span:not(.promo-level-badge) {
    font-size: clamp(0.85rem, 1.5vw, 1rem);
    color: rgba(255, 245, 210, 0.95);
}

.promo-billboard-sub:empty,
p.promo-billboard-sub {
    display: none !important;
}

.promo-level-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    margin-bottom: 8px;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.promo-level-badge--gold {
    background: linear-gradient(135deg, #d4af37, #f5e6b8);
    color: #061f3d;
}

.promo-level-badge--silver {
    background: linear-gradient(135deg, #94a3b8, #e2e8f0);
    color: #061f3d;
}

.promo-level-badge--bronze {
    background: linear-gradient(135deg, #b45309, #fbbf24);
    color: #061f3d;
}

.promo-level-badge--tool {
    background: linear-gradient(135deg, #E8C547, #D4AF37);
    color: #061f3d;
    font-weight: 800;
}

/* الصورة كاملة داخل الشاشة — بدون قص */
.promo-carousel-slide img,
.promo-carousel-wrap--screen .promo-carousel-slide img,
.promo-carousel-slide--tool img {
    width: 100% !important;
    height: clamp(280px, 46vw, 460px) !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: linear-gradient(160deg, #031528, #0A3669 55%, #061f3d);
    animation: none !important;
    transform: none !important;
}

.promo-carousel-slide.is-active {
    transform: none !important;
}

.promo-carousel-slide {
    transform: none !important;
}

.promo-carousel-wrap--screen .promo-carousel-track {
    min-height: clamp(280px, 46vw, 460px);
}

.promo-carousel-caption {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    padding: 14px 18px;
    background: linear-gradient(0deg, rgba(6, 31, 61, 0.92) 0%, transparent 100%);
    color: #fff;
    text-align: start;
    z-index: 4;
}

.promo-carousel-caption strong {
    display: block;
    font-size: clamp(1rem, 2vw, 1.35rem);
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.promo-carousel-caption span:not(.promo-level-badge) {
    display: block;
    margin-top: 4px;
    color: #E8C547 !important;
    -webkit-text-fill-color: #E8C547 !important;
}

.promo-carousel-caption strong {
    display: block;
    font-size: clamp(0.92rem, 2.5vw, 1.1rem);
    margin-bottom: 4px;
    animation: promoCaptionPop 0.55s ease;
}

@keyframes promoCaptionPop {
    0% { transform: translateY(8px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

.promo-carousel-caption span {
    font-size: 0.82rem;
    opacity: 0.9;
}

.promo-carousel-progress {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 4px;
    background: rgba(255, 255, 255, 0.12);
    z-index: 5;
}

.promo-carousel-progress__bar {
    display: block;
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, #d4af37, #fff8dc, #d4af37);
    animation: promoProgressFill 4.5s linear infinite;
}

@keyframes promoProgressFill {
    0% { width: 0; }
    100% { width: 100%; }
}

.promo-carousel-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.96);
    position: relative;
    z-index: 6;
}

.promo-carousel-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: none;
    background: rgba(10, 54, 105, 0.2);
    cursor: pointer;
    padding: 0;
    transition: transform 0.25s ease, background 0.25s ease;
}

.promo-carousel-dot.is-active {
    background: var(--gold, #D4AF37);
    transform: scale(1.2);
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.25);
}

@media (max-width: 600px) {
    .promo-carousel-track { min-height: 160px; }
    .promo-carousel-slide img { height: 160px; }
}

@media (prefers-reduced-motion: reduce) {
    .promo-carousel-slide img,
    .promo-billboard-shine,
    .promo-billboard-orbs span,
    .promo-carousel-progress__bar {
        animation: none !important;
    }
    .promo-carousel-slide { transition: opacity 0.3s ease; transform: none; }
}

/* تخفيف الحمل على الموبايل / perf-lite */
body.perf-lite .promo-billboard-orbs,
body.perf-lite .promo-billboard-shine,
body.perf-lite .promo-carousel-progress__bar {
    display: none !important;
    animation: none !important;
}
body.perf-lite .promo-carousel-slide img {
    animation: none !important;
}

/* 20260811a content-visibility */
.promo-carousel-slide:not(.is-active){content-visibility:auto;contain-intrinsic-size:280px 420px;}
.promo-carousel-slide.is-active{content-visibility:visible;}


/* ---- accmaa-studio.css ---- */
/* ACCMAA — استوديو المحترف: سيرة ذاتية · موقع */

.accmaa-studio-section {
    margin: clamp(16px, 3vw, 28px);
    padding: clamp(24px, 4vw, 40px);
    border-radius: 24px;
    background: linear-gradient(165deg, #ffffff 0%, #fffef8 55%, #faf6ee 100%);
    border: 1px solid rgba(212, 175, 55, 0.24);
    box-shadow: 0 12px 40px rgba(10, 54, 105, 0.08);
}

.accmaa-studio-section .section-head h2 {
    color: var(--primary, #0A3669);
}

.accmaa-studio-section .section-head p,
.accmaa-studio-section .powers-eyebrow {
    color: var(--muted, #5c6b7a);
}

.studio-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: clamp(16px, 3vw, 24px);
    margin-top: 20px;
}

.studio-feature-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    min-height: 220px;
    padding: 0;
    border: 1px solid rgba(212, 175, 55, 0.22);
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    font-family: inherit;
    text-align: start;
    box-shadow: 0 10px 28px rgba(10, 54, 105, 0.08);
    transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
    background: #ffffff;
}

.studio-feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(10, 54, 105, 0.12);
    border-color: rgba(212, 175, 55, 0.45);
}

.studio-feature-card__visual {
    width: 100%;
    min-height: 160px;
    aspect-ratio: 16 / 9;
    display: block;
    position: relative;
    overflow: hidden;
    background: #061f3d;
}

.studio-feature-card__photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.studio-feature-card__visual-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 35%, rgba(6,31,61,0.55) 100%);
    pointer-events: none;
}

.studio-feature-card__body {
    padding: 16px 20px 20px;
    background: #fffef8;
    width: 100%;
    border-top: 1px solid rgba(212, 175, 55, 0.12);
}

.studio-feature-card__body strong {
    display: block;
    font-size: 1.05rem;
    color: var(--primary, #0A3669);
    margin-bottom: 6px;
}

.studio-feature-card__body small {
    display: block;
    font-size: 0.82rem;
    color: var(--muted, #5c6b7a);
    line-height: 1.55;
}

.studio-feature-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    font-size: 0.78rem;
    font-weight: 800;
    color: #D4AF37;
}

.studio-feature-card .studio-badge-new {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    padding: 4px 10px;
    border-radius: 999px;
    background: #e74c3c;
    color: #fff;
    font-size: 0.62rem;
    font-weight: 800;
}

html[dir="rtl"] .studio-feature-card .studio-badge-new {
    left: auto;
    right: 12px;
}

.studio-feature-card__long {
    margin: 8px 0 0;
    font-size: 0.78rem;
    color: var(--primary, #0A3669);
    line-height: 1.55;
    opacity: 0.88;
}

.studio-feature-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.studio-card-tag {
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(212, 175, 55, 0.15);
    color: #9a7b1a;
    font-size: 0.68rem;
    font-weight: 800;
}

/* ─── صفحات الاستوديو ─── */
.studio-page { max-width: 1100px; margin-inline: auto; }

.studio-hero {
    text-align: center;
    padding: clamp(28px, 5vw, 48px) clamp(16px, 4vw, 32px);
    border-radius: 20px;
    margin-bottom: 24px;
    color: #faf3dc;
}

.studio-hero--cv {
    background: linear-gradient(135deg, #061f3d 0%, #0A3669 55%, #1a5a9e 100%);
}

.studio-hero--web {
    background: linear-gradient(135deg, #0d4a8a 0%, #1b6b4a 55%, #0A3669 100%);
}

.studio-hero h1 { margin: 0 0 10px; font-size: clamp(1.4rem, 3vw, 1.85rem); color: #D4AF37; }
.studio-hero p { margin: 0 auto; max-width: 560px; opacity: 0.95; line-height: 1.7; }

.studio-ribbon {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(212,175,55,0.2);
    border: 1px solid rgba(212,175,55,0.45);
    color: #D4AF37;
    font-size: 0.78rem;
    font-weight: 700;
    margin-bottom: 14px;
}

/* ─── كatalog CMS ─── */
.studio-catalog {
    margin-bottom: 28px;
    padding: clamp(18px, 3vw, 28px);
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid rgba(212, 175, 55, 0.2);
    box-shadow: 0 8px 24px rgba(10, 54, 105, 0.06);
}

.studio-catalog-intro {
    margin: 0 0 22px;
    font-size: 0.95rem;
    line-height: 1.75;
    color: var(--muted, #5c6b7a);
}

.studio-catalog-head {
    margin: 0 0 14px;
    font-size: 1.05rem;
    color: var(--primary, #0A3669);
    display: flex;
    align-items: center;
    gap: 8px;
}

.studio-types-grid,
.studio-examples-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.studio-type-card,
.studio-example-card {
    border-radius: 16px;
    overflow: hidden;
    background: #fffef8;
    border: 1px solid rgba(212, 175, 55, 0.18);
    box-shadow: 0 6px 20px rgba(10, 54, 105, 0.06);
}

.studio-catalog-img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    display: block;
    background: #061f3d;
}

.studio-type-card__body,
.studio-example-card__body {
    padding: 14px 16px 16px;
}

.studio-type-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.studio-type-card__head strong,
.studio-example-card__body strong {
    color: var(--primary, #0A3669);
    font-size: 0.92rem;
}

.studio-price-badge {
    flex-shrink: 0;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(212,175,55,0.18);
    color: #D4AF37;
    font-size: 0.72rem;
    font-weight: 800;
}

.studio-type-card__body p,
.studio-example-card__body p {
    margin: 0 0 10px;
    font-size: 0.82rem;
    line-height: 1.6;
    color: var(--muted, #5c6b7a);
}

.studio-catalog-pdf {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #D4AF37;
    text-decoration: none;
}

.studio-catalog-pdf:hover { text-decoration: underline; }

.studio-showcase-cta {
    margin-top: 8px;
    padding: clamp(24px, 4vw, 36px);
    border-radius: 18px;
    text-align: center;
    background: linear-gradient(145deg, rgba(6,31,61,0.95) 0%, rgba(10,54,105,0.85) 100%);
    border: 1px solid rgba(212,175,55,0.28);
}

.studio-showcase-cta h3 {
    margin: 0 0 10px;
    font-size: 1.15rem;
    color: #D4AF37;
}

.studio-showcase-cta p {
    margin: 0 auto 18px;
    max-width: 520px;
    line-height: 1.7;
    color: rgba(250,243,220,0.82);
}

.studio-showcase-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

@media (max-width: 768px) {
    .accmaa-studio-section { margin: 12px; padding: 20px 16px; }
    .studio-types-grid,
    .studio-examples-grid { grid-template-columns: 1fr; }
}


/* ---- accmaa-coming-soon.css ---- */
/**
 * ACCMAA — شريط «قريباً» + خلفية داشبورد (easyT-inspired)
 */

/* ─── خلفية الداشبورد ─── */
body.guest-mode.premium-ui .dash-landing {
    position: relative;
    background:
        radial-gradient(ellipse 110% 70% at 50% -15%, rgba(212, 175, 55, 0.12) 0%, transparent 52%),
        radial-gradient(ellipse 75% 55% at 100% 30%, rgba(10, 54, 105, 0.05) 0%, transparent 48%),
        radial-gradient(ellipse 65% 45% at 0% 75%, rgba(212, 175, 55, 0.06) 0%, transparent 42%),
        linear-gradient(180deg, #fffef8 0%, #faf6ee 42%, #f5f0e6 100%);
}

body.guest-mode.premium-ui .main-wrap {
    background: transparent !important;
}

body.guest-mode.premium-ui .dash-landing::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.28;
    background-image: url('../images/visual-library/backgrounds/accmaa-accounting-bg.jpg');
    background-size: cover;
    background-position: center top;
}

body.guest-mode.premium-ui .dash-landing > * {
    position: relative;
    z-index: 1;
}

/* ─── شريط قريباً ─── */
.coming-soon-card--easyt {
    border-radius: 20px;
    box-shadow: 0 16px 40px rgba(6, 31, 61, 0.12);
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s;
}

.coming-soon-card--easyt:hover {
    transform: translateY(-8px) scale(1.01);
    box-shadow: 0 24px 56px rgba(10, 54, 105, 0.18);
}

.coming-soon-card-badges {
    position: absolute;
    top: 10px;
    inset-inline-end: 10px;
    inset-inline-start: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    z-index: 3;
    pointer-events: none;
}

html[dir="ltr"] .coming-soon-card-badges {
    justify-content: flex-start;
}

.coming-soon-card-badges .coming-soon-badge {
    position: static;
    animation: none;
    flex-shrink: 0;
    box-shadow: 0 3px 12px rgba(212, 175, 55, 0.4);
}

.coming-soon-card-badges .coming-soon-new-label {
    position: static;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    background: rgba(255, 255, 255, 0.95);
    color: var(--primary, #0A3669);
    font-size: 0.65rem;
    font-weight: 700;
    padding: 5px 11px;
    border-radius: 8px;
}

.coming-soon-cat-pill {
    display: inline-block;
    align-self: flex-start;
    background: rgba(10, 54, 105, 0.08);
    color: var(--primary, #0A3669);
    font-size: 0.68rem;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 999px;
    margin-bottom: 4px;
}

.coming-soon-card--easyt .coming-soon-free {
    border-top: none;
    padding-top: 4px;
    color: #15803d;
    font-size: 0.72rem;
    line-height: 1.5;
}

.coming-soon-section {
    position: relative;
    padding: 56px 0 64px;
    margin: 0;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(249, 251, 253, 0) 0%, rgba(238, 243, 249, 0.85) 50%, rgba(249, 251, 253, 0) 100%);
}

.coming-soon-section-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(6, 31, 61, 0.03) 0%, rgba(212, 175, 55, 0.06) 50%, rgba(6, 31, 61, 0.02) 100%);
    border-block: 1px solid rgba(10, 54, 105, 0.06);
    pointer-events: none;
}

.coming-soon-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 clamp(16px, 3vw, 32px);
}

.coming-soon-head h2 {
    font-size: clamp(1.35rem, 3vw, 1.75rem);
    color: var(--primary, #0A3669);
    margin: 0 0 6px;
}

.coming-soon-head p {
    color: var(--muted, #5a6b7d);
    margin: 0;
    font-size: 0.92rem;
    max-width: 560px;
}

.coming-soon-rail-wrap {
    margin-top: 24px;
    overflow: hidden;
    padding-bottom: 8px;
    mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
}

.coming-soon-rail-wrap::-webkit-scrollbar { display: none; }

.coming-soon-rail-track {
    display: flex;
    gap: 18px;
    width: max-content;
    padding: 4px 8px;
    will-change: transform;
}

/* حركة «قريباً» — تمرير سلس مستمر (GPU) */
.coming-soon-rail-track--live {
    animation: comingSoonFlow var(--soon-speed, 52s) linear infinite;
}

.coming-soon-rail-wrap:hover .coming-soon-rail-track--live,
.coming-soon-rail-wrap:focus-within .coming-soon-rail-track--live {
    animation-play-state: paused;
}

.coming-soon-section.is-paused .coming-soon-rail-track--live {
    animation-play-state: paused;
}

@keyframes comingSoonFlow {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-50%, 0, 0); }
}

[dir="rtl"] .coming-soon-rail-track--live {
    animation-name: comingSoonFlowRtl;
}

@keyframes comingSoonFlowRtl {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(50%, 0, 0); }
}

.coming-soon-card {
    flex: 0 0 auto;
    width: min(300px, 78vw);
    border: none;
    padding: 0;
    text-align: inherit;
    font-family: inherit;
    cursor: pointer;
    background: var(--accmaa-surface) !important;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 12px 36px rgba(10, 54, 105, 0.1);
    border: 1px solid rgba(10, 54, 105, 0.08);
    transition: transform 0.28s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow 0.28s;
}

.coming-soon-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 48px rgba(10, 54, 105, 0.16);
    border-color: rgba(212, 175, 55, 0.45);
}

.coming-soon-card-visual {
    position: relative;
    height: 180px;
    background: #0A3669;
    overflow: hidden;
}

.coming-soon-card-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.4s ease;
    position: relative;
    z-index: 0;
}

.coming-soon-card-visual::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(6, 31, 61, 0.05) 0%, rgba(6, 31, 61, 0.32) 100%);
    pointer-events: none;
    z-index: 1;
}

.coming-soon-card:hover .coming-soon-card-visual img {
    transform: scale(1.04);
}

.coming-soon-badge {
    background: linear-gradient(135deg, #D4AF37, #c9a227);
    color: #061f3d;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 5px 12px;
    border-radius: 999px;
    z-index: 2;
}

.coming-soon-cat {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--primary, #0A3669);
    font-size: 0.68rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 8px;
    z-index: 2;
}

html[dir="ltr"] .coming-soon-cat {
    right: auto;
    left: 12px;
}

.coming-soon-card-body {
    padding: 16px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: right;
}

html[dir="ltr"] .coming-soon-card-body { text-align: left; }

.coming-soon-card-body strong {
    font-size: 0.95rem;
    color: var(--primary, #0A3669);
    line-height: 1.4;
}

.coming-soon-card-body small {
    font-size: 0.78rem;
    color: var(--muted, #5a6b7d);
    line-height: 1.45;
}

.coming-soon-free {
    font-size: 0.7rem;
    color: #1b8a5a;
    font-weight: 700;
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px dashed rgba(10, 54, 105, 0.1);
}

/* ─── إحصائيات easyT-style ─── */
.landing-stats-bar {
    background: linear-gradient(90deg, rgba(6, 31, 61, 0.96) 0%, rgba(10, 54, 105, 0.94) 50%, rgba(6, 31, 61, 0.96) 100%) !important;
    border-radius: 0 !important;
    box-shadow: 0 8px 32px rgba(6, 31, 61, 0.15);
}

.landing-stat strong {
    font-size: clamp(1.5rem, 4vw, 2rem) !important;
    color: var(--gold, #D4AF37) !important;
}

.landing-stat span {
    color: rgba(255, 255, 255, 0.88) !important;
}

/* ─── أقسام الداشبورد ─── */
body.guest-mode .dash-zone {
    margin-block: 12px;
}

body.guest-mode .section-block {
    border-radius: 22px;
}

@media (max-width: 768px) {
    .coming-soon-section { padding: 32px 0 40px; }
    .coming-soon-card { width: min(260px, 85vw); }
    .coming-soon-card-visual { height: 140px; }
}

@media (prefers-reduced-motion: reduce) {
    .coming-soon-card:hover { transform: none; }
    .coming-soon-card:hover .coming-soon-card-visual img { transform: none; }
    .coming-soon-rail-track--live { animation: none !important; }
    .coming-soon-rail-wrap { overflow-x: auto; }
    .coming-soon-badge { animation: none; }
}


/* ---- accmaa-visual-quality.css ---- */
/**
 * ACCMAA — جودة بصرية شاملة: أيقونات واضحة · صور بدون قص/بكسل · كل الأجهزة
 * يُحمَّل آخر ملف CSS
 */

/* ─── Font Awesome حاد في كل المنصة ─── */
.fas, .fab, .far, .fa-solid, .fa-brands {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* ─── أيقونات has-icon-bg — بدون تبكسل أو قص ─── */
.has-icon-bg,
.accmaa-icon-shell,
.mega-nav-icon-wrap,
.icon-btn .icon-bg-visual.has-icon-bg,
.accmaa-icon-mini,
.accmaa-icon-md,
.accmaa-icon-lg,
.tool-strip-icon,
.pillar-icon,
.explore-card .icon-wrap.has-icon-bg,
.gift-card .g-icon.has-icon-bg,
.power-icon,
.course-thumb-icon,
.universe-pill-icon,
.instructor-badge-icon,
.section-icon-wrap,
.mega-trigger-icon,
.notif-icon-mini,
.member-icon-mini {
    overflow: visible !important;
    transform: none;
    filter: none;
    image-rendering: auto;
    backface-visibility: visible;
}

.has-icon-bg > i,
.has-icon-bg .icon-bg-visual > i,
.accmaa-icon-shell > i,
.mega-nav-icon-wrap i,
.icon-btn .icon-bg-visual i {
    transform: none !important;
    text-shadow: none !important;
    line-height: 1;
    position: relative;
    z-index: 2;
}

.has-icon-bg .icon-bg-layer,
.icon-bg-layer {
    display: none !important;
}

/* لا تكبير يسبب تبكسل على الأيقونات */
.has-icon-bg:hover > i,
.pillar-icon.has-icon-bg:hover > i,
.explore-card:hover .icon-wrap.has-icon-bg > i,
.gift-card:hover .g-icon.has-icon-bg > i,
.tool-strip-icon:hover > i,
.quick-nav-card:hover i.fas,
.mega-flat-link:hover .mega-nav-icon-wrap {
    transform: none !important;
}

/* ─── الهيدر — كل الأوضاع (زائر · عضو · إدارة) ─── */
.topbar,
.topbar-premium,
.topbar-premium.is-scrolled {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.member-mode .topbar-premium,
body.admin-mode .topbar-premium,
body.member-mode .topbar-premium.is-scrolled,
body.admin-mode .topbar-premium.is-scrolled {
    background: #ffffff !important;
}

.topbar-icon-btn,
.topbar-icon-btn i {
    transform: none !important;
    filter: none !important;
}

/* ─── الشريط الجانبي — أيقونات ونصوص كاملة بدون قص ─── */
.icon-btn .icon-bg-visual.has-icon-bg {
    overflow: visible !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
    flex-shrink: 0;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.icon-btn .icon-bg-visual.has-icon-bg i {
    font-size: 1rem !important;
    line-height: 1;
}

.sidebar .icon-btn {
    align-items: center;
    justify-content: center;
    aspect-ratio: auto;
    min-height: 76px;
    height: auto;
    padding: 8px 6px 10px !important;
    gap: 6px;
    overflow: visible;
}

.sidebar .icon-btn .icon-btn-label {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.3;
    max-width: 100%;
    font-size: 0.68rem;
}

/* تبويبات الوحدة — نص وأيقونة كاملان */
.module-tabs {
    align-items: stretch;
    overflow-x: auto;
    overflow-y: visible;
    padding-top: 4px;
    padding-bottom: 8px;
}
.module-tab {
    min-height: 42px;
    line-height: 1.35;
    align-items: center;
    padding: 10px 14px;
}
.module-tab i {
    font-size: 0.9rem;
    line-height: 1;
    flex-shrink: 0;
}

/* شريط وسوم السينما — لا يُضغط عمودياً */
.acc-cinema-terms {
    height: auto !important;
    min-height: 48px !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    display: flex !important;
    align-items: center !important;
    padding-block: 4px !important;
    box-sizing: border-box !important;
}
.acc-cinema-term,
.acc-cinema-term--link {
    line-height: 1.35 !important;
    white-space: nowrap;
    min-height: 32px !important;
    padding-block: 7px !important;
    overflow: visible !important;
    align-items: center !important;
}

/* قائمة الموقع العلوية — أيقونة + نص كاملان */
.accmaa-site-menu--rail {
    min-height: 56px !important;
    height: auto !important;
    padding: 10px 12px !important;
    align-items: center !important;
    overflow: visible !important;
    background: linear-gradient(180deg, #ffffff 0%, #f3f7fc 100%) !important;
    border: 1px solid rgba(10, 54, 105, 0.14) !important;
}
.accmaa-site-menu--rail .accmaa-nav-top-link,
.accmaa-site-menu--rail .accmaa-mega-trigger {
    min-height: 48px !important;
    height: auto !important;
    padding: 10px 12px !important;
    align-items: center !important;
    line-height: 1.4 !important;
    overflow: visible !important;
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}
.accmaa-site-menu--rail .accmaa-nav-top-link:hover,
.accmaa-site-menu--rail .accmaa-mega-trigger:hover,
.accmaa-site-menu--rail .accmaa-nav-top-link.is-active,
.accmaa-site-menu--rail .accmaa-mega-item.open .accmaa-mega-trigger {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
    background: rgba(212, 175, 55, 0.22) !important;
}
.accmaa-site-menu--rail .accmaa-nav-icon-wrap,
.accmaa-site-menu--rail .accmaa-nav-icon-wrap.has-icon-bg {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    overflow: visible !important;
    border-radius: 12px !important;
}
.accmaa-site-menu--rail .accmaa-nav-icon-wrap i {
    font-size: 0.9rem !important;
    line-height: 1 !important;
}
.accmaa-site-menu--rail .accmaa-nav-top-link span,
.accmaa-site-menu--rail .accmaa-mega-trigger span {
    line-height: 1.35 !important;
    overflow: visible !important;
    white-space: nowrap;
}

/* بطاقات المحاور الخمسة — أيقونة ولافتة كاملتان */
.pillar-hub-banner-icon,
.pillar-hub-banner-icon.has-icon-bg {
    overflow: visible !important;
    width: 52px !important;
    height: 52px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
.pillar-hub-banner-icon i {
    font-size: 1.15rem !important;
    line-height: 1;
}
.pillar-hub-body h3 {
    line-height: 1.35;
    overflow: visible;
}

/* ─── صور الشعار ─── */
.brand-logo,
.brand-logo--official,
.topbar-logo,
.sidebar-logo,
.modal-logo {
    object-fit: contain !important;
    image-rendering: auto;
    max-width: 100%;
    height: auto;
}

/* ─── صور البطاقات والدورات ─── */
.instructor-card-banner img,
.choice-visual-thumb img,
.coming-soon-card-visual img,
.promo-carousel-slide img,
.hero-photo-slide img,
.hero-photo-mini img {
    object-fit: cover;
    object-position: center;
    image-rendering: auto;
}

/* ─── mega-nav & member nav ─── */
.mega-nav,
.member-nav,
.topbar-row--swapped {
    overflow-y: visible !important;
    align-items: center !important;
}

body.premium-ui .mega-nav {
    overflow-y: visible !important;
}

.mega-link,
.member-link,
.mega-flat-link,
.mega-trigger {
    align-items: center !important;
}

/* ─── منع قص الهيدر ─── */
.topbar-premium {
    overflow: visible !important;
    height: auto !important;
}

.topbar-shell {
    overflow: visible;
}

/* ─── موبايل ─── */
@media (max-width: 768px) {
    .has-icon-bg,
    .accmaa-icon-md,
    .pillar-icon.has-icon-bg {
        flex-shrink: 0;
    }

    .pillar-icon.has-icon-bg {
        width: 48px !important;
        height: 48px !important;
    }

    .pillar-icon.has-icon-bg i {
        font-size: 1.2rem !important;
    }

    .gift-card .g-icon.has-icon-bg {
        width: 52px !important;
        height: 52px !important;
    }

    .topbar-premium {
        overflow: visible !important;
    }

    body.guest-mode .main-wrap,
    body.member-mode .main-wrap,
    body.admin-mode .main-wrap {
        overflow-x: hidden;
        max-width: 100vw;
    }

    .coming-soon-rail-wrap,
    .instructors-marquee-wrap,
    .testimonials-marquee {
        -webkit-overflow-scrolling: touch;
    }
}

/* ─── تابلت ─── */
@media (min-width: 769px) and (max-width: 1024px) {
    .mega-nav-icon-wrap,
    .accmaa-icon-md {
        flex-shrink: 0;
    }
}

/* ─── ديسكتوب ─── */
@media (min-width: 1025px) {
    .dash-landing {
        max-width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .has-icon-bg:hover,
    .has-icon-bg:hover > i {
        transform: none !important;
    }
}


/* ---- accmaa-perf-dash.css ---- */
/**
 * ACCMAA — أداء الداشبورد: وضع متوازن · أقسام كسولة · بدون حركات ثقيلة
 */

/* ─── وضع متوازن (افتراضي) — سرعة + جمال ─── */
body.perf-balanced.premium-ui::before {
    animation: none !important;
    opacity: 0.55;
}

body.perf-balanced .hero-photo-slide.is-active img {
    animation: none !important;
}

body.perf-balanced .hero-photo-mini,
body.perf-balanced .hero-premium-badge,
body.perf-balanced .marquee-strip,
body.perf-balanced .cta-premium-orbs span,
body.perf-balanced .topbar-cta-pill::before,
body.perf-balanced .acc-cinema-slide img,
body.perf-balanced .acc-cinema-track {
    animation: none !important;
}

body.perf-balanced .acc-cinema-track {
    animation: accCinemaScroll 72s linear infinite !important;
}

body.perf-lite .acc-cinema-track,
body.perf-lite .acc-cinema-terms-track {
    animation: none !important;
}

body.perf-lite .acc-cinema-viewport {
    mask-image: none;
}

body.perf-balanced .hero-photo-strip {
    display: none !important;
}

body.perf-balanced .dash-landing::before {
    opacity: 0.2 !important;
}

/* ─── perf-lite (موبايل / اتصال ضعيف) ─── */
body.perf-balanced .accmaa-dash-zone:nth-child(n+3) {
    content-visibility: auto;
    contain-intrinsic-size: auto 300px;
}

body.perf-balanced .accmaa-organized-zones .accmaa-dash-zone {
    will-change: auto;
}

body.perf-lite .accmaa-spot-tile::after,
body.perf-lite .accmaa-spot-tile::before {
    display: none !important;
}

body.perf-lite .accmaa-spot-tile:hover {
    transform: none;
}

body.perf-lite .instructors-rail-track {
    animation: none !important;
}

/* ─── تسلسل الداشبورد — مناطق واضحة بدون تكرار ─── */
.dash-flow {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.dash-flow__zone {
    content-visibility: auto;
    contain-intrinsic-size: auto 420px;
}

.dash-flow__zone--hero {
    contain-intrinsic-size: auto 520px;
    content-visibility: visible;
}

.dash-flow__zone--stats,
.dash-flow__zone--promo {
    content-visibility: visible;
}

.dash-flow__zone--soon {
    contain-intrinsic-size: auto 380px;
}

.dash-zone-divider {
    height: 1px;
    margin: 0 clamp(16px, 4vw, 48px);
    background: linear-gradient(90deg, transparent, rgba(10, 54, 105, 0.08), transparent);
    border: none;
}

.dash-zone-label {
    display: block;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(10, 54, 105, 0.45);
    margin-bottom: 8px;
}


/* ---- accmaa-header-icons-fix.css ---- */
/**
 * Accmaa — هيدر الزائر: كامل · واضح · بدون قص
 */

/* ─── هيدر صلب — بدون blur أو صور خلفية ─── */
body.guest-mode .topbar,
body.guest-mode .topbar.topbar-premium,
body.guest-mode.premium-ui .topbar-premium,
body.marketing-header .topbar-premium {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: linear-gradient(180deg, #0a2647 0%, #061f3d 100%) !important;
    filter: none !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    display: block !important;
    overflow: visible !important;
    isolation: isolate;
    z-index: 300 !important;
}

body.guest-mode .topbar-visual-bg,
body.guest-mode .topbar-header-slider,
body.marketing-header .topbar-visual-bg,
body.guest-mode.premium-ui .topbar-premium .topbar-visual-bg {
    display: none !important;
    height: 0 !important;
    opacity: 0 !important;
}

body.guest-mode.premium-ui .topbar-premium:not(.is-scrolled) {
    border-radius: 0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.28) !important;
}

body.guest-mode.premium-ui .topbar-premium::after {
    display: none !important;
}

body.guest-mode .topbar-accent-bar {
    position: relative !important;
    top: auto !important;
    height: 3px !important;
    flex-shrink: 0;
    z-index: 4;
}

body.guest-mode .topbar-premium .topbar-shell,
body.marketing-header .topbar-premium .topbar-shell {
    overflow: visible !important;
    position: relative;
    z-index: 2;
    padding-top: 10px !important;
    padding-bottom: 12px !important;
    background: transparent !important;
}

body.guest-mode .topbar-row--swapped,
body.marketing-header .topbar-row--swapped {
    align-items: center !important;
    min-height: 60px !important;
    padding-block: 6px !important;
    overflow: visible !important;
    flex-wrap: nowrap !important;
}

body.guest-mode .topbar-row--swapped .mega-nav,
body.marketing-header .mega-nav,
body.guest-mode .mega-nav {
    overflow: visible !important;
    overflow-x: auto;
    overflow-y: visible !important;
    align-items: center !important;
    align-self: center !important;
    border-top: none !important;
    padding-block: 6px !important;
    max-height: none !important;
    min-height: 44px !important;
    flex-wrap: nowrap !important;
    scrollbar-width: none;
}
body.guest-mode .mega-nav::-webkit-scrollbar { display: none; }

body.guest-mode .mega-flat-link--clean,
body.marketing-header .mega-flat-link--clean {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    line-height: 1.35 !important;
    padding: 9px 12px !important;
    white-space: nowrap;
    flex-shrink: 0;
    min-height: 44px;
    box-sizing: border-box;
}

body.guest-mode .mega-flat-link--clean span {
    line-height: 1.35;
    padding-block: 2px;
}

/* ─── أيقونات القائمة — متناسقة مع الهيدر الكحلي ─── */
body.guest-mode .mega-nav-ico,
body.marketing-header .mega-nav-ico {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    min-width: 1.1rem;
    font-size: 0.95rem !important;
    color: var(--gold, #D4AF37) !important;
    line-height: 1;
    transform: none !important;
    filter: none !important;
}

body.guest-mode .mega-nav-icon-wrap,
body.marketing-header .mega-nav-icon-wrap {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 10px !important;
    background: rgba(212, 175, 55, 0.12) !important;
    border: 1px solid rgba(212, 175, 55, 0.28) !important;
    overflow: visible !important;
    transform: none !important;
    filter: none !important;
    flex-shrink: 0;
}

body.guest-mode .mega-nav-icon-wrap i,
body.marketing-header .mega-nav-icon-wrap i {
    font-size: 0.9rem !important;
    color: #D4AF37 !important;
    transform: none !important;
}

body.guest-mode .mega-flat-link--clean:hover .mega-nav-icon-wrap,
body.marketing-header .mega-flat-link--clean:hover .mega-nav-icon-wrap {
    background: rgba(212, 175, 55, 0.22) !important;
    border-color: rgba(212, 175, 55, 0.5) !important;
}

body.guest-mode .topbar-icon-btn,
body.marketing-header .topbar-icon-btn {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    width: 40px;
    height: 40px;
}
body.guest-mode .topbar-icon-btn i {
    font-size: 1rem;
}

body.guest-mode .topbar-tools {
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
}

body.guest-mode .topbar-start {
    align-items: center !important;
}

.topbar-visual-bg { z-index: 0 !important; pointer-events: none; }
.topbar-premium .topbar-shell { z-index: 2; position: relative; }

/* ─── تابلت — هيدر مضغوط + قائمة قابلة للتمرير ─── */
@media (min-width: 769px) and (max-width: 1280px) {
    body.guest-mode .topbar-row--swapped {
        gap: 6px !important;
        flex-wrap: nowrap !important;
    }
    body.guest-mode .topbar-row--swapped .mega-nav {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: 58vw;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-end !important;
        padding-inline: 4px !important;
    }
    body.guest-mode .mega-flat-link--clean {
        padding: 7px 9px !important;
        min-height: 40px !important;
        gap: 5px !important;
    }
    body.guest-mode .mega-flat-link--clean span {
        font-size: 0.7rem !important;
        max-width: 5.2em;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    body.guest-mode .mega-nav-icon-wrap {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }
    body.guest-mode .mega-trigger {
        padding: 7px 9px !important;
        font-size: 0.72rem !important;
    }
    body.guest-mode .mega-trigger-label {
        max-width: 4.8em;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    body.guest-mode .topbar-tools {
        flex-shrink: 0 !important;
        gap: 4px !important;
    }
    body.guest-mode .user-bar .btn-sm {
        padding: 6px 10px !important;
        font-size: 0.72rem !important;
    }
}

@media (max-width: 768px) {
    body.guest-mode.premium-ui .topbar-premium {
        overflow: visible !important;
        min-height: 56px;
    }
    body.guest-mode .topbar-premium .topbar-shell {
        padding-top: 8px !important;
        padding-bottom: 10px !important;
    }
}


/* ---- accmaa-topbar-creative.css ---- */
/**
 * Accmaa — شريط علوي إبداعي: زجاجي · منظّم · أنيق
 */

.topbar-tools--creative {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.topbar-tools-glass {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px 5px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(212, 175, 55, 0.28);
    box-shadow:
        0 4px 24px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.topbar-tools-cluster {
    display: flex;
    align-items: center;
    gap: 6px;
}

.topbar-tools-cluster--utility {
    padding-inline-start: 2px;
}

.topbar-tools-cluster--auth {
    padding-inline-end: 2px;
}

.topbar-tools-divider {
    width: 1px;
    height: 28px;
    flex-shrink: 0;
    background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.55), transparent);
    opacity: 0.85;
}

.topbar-icon-btn--glass {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(10, 54, 105, 0.1) !important;
    color: var(--primary, #0A3669) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.topbar-icon-btn--glass:hover {
    transform: translateY(-2px);
    border-color: rgba(212, 175, 55, 0.55) !important;
    box-shadow: 0 6px 18px rgba(212, 175, 55, 0.28);
}

.topbar-icon-btn--glass .notif-dot {
    top: 6px;
    inset-inline-start: 6px;
}

.user-bar--creative {
    display: flex;
    align-items: center;
    gap: 8px;
}

.user-bar--creative .btn-sm {
    border-radius: 999px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em;
    padding: 8px 16px !important;
    min-height: 38px;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.user-bar--creative .btn-outline {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.65) !important;
    color: var(--primary, #061f3d) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.user-bar--creative .btn-outline:hover {
    transform: translateY(-1px);
    border-color: rgba(212, 175, 55, 0.65) !important;
    background: #fff !important;
}

.user-bar--creative .btn-gold {
    background: linear-gradient(135deg, #f0d060 0%, #e8c547 45%, #ca8a04 100%) !important;
    color: #061f3d !important;
    border: none !important;
    box-shadow: 0 4px 18px rgba(212, 175, 55, 0.45);
    position: relative;
    overflow: hidden;
}

.user-bar--creative .btn-gold::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 55%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);
    animation: topbarGoldShimmer 3.2s ease-in-out infinite;
}

@keyframes topbarGoldShimmer {
    0%, 100% { left: -100%; }
    50% { left: 130%; }
}

.user-bar--creative .btn-gold:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 26px rgba(212, 175, 55, 0.55);
}

.topbar-menu-pill--creative {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    background: linear-gradient(135deg, #f0d060, #e8c547 52%, #c9a227) !important;
    color: #061f3d !important;
    font-weight: 900 !important;
    font-size: 0.82rem !important;
    box-shadow:
        0 4px 22px rgba(212, 175, 55, 0.42),
        0 0 0 3px rgba(212, 175, 55, 0.12);
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.topbar-menu-pill__ring {
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    border: 1px solid rgba(255, 255, 255, 0.35);
    pointer-events: none;
    opacity: 0.7;
}

.topbar-menu-pill--creative:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow:
        0 10px 32px rgba(212, 175, 55, 0.55),
        0 0 0 4px rgba(212, 175, 55, 0.18);
}

.topbar-menu-pill--creative i {
    font-size: 0.95rem;
}

/* مبدّل اللغة داخل الزجاج */
.topbar-tools-glass .topbar-lang-slot .lang-switch {
    border-radius: 999px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.35);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.topbar-tools-glass .lang-btn {
    min-height: 34px;
    font-size: 0.72rem;
    font-weight: 800;
}

/* سلة التسوق داخل مجموعة auth */
.user-bar--creative .cart-btn {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(10, 54, 105, 0.1) !important;
}

/* ─── تابلت ─── */
@media (min-width: 769px) and (max-width: 1280px) {
    .topbar-tools--creative {
        gap: 6px;
    }

    .topbar-tools-glass {
        padding: 4px 6px;
        gap: 4px;
    }

    .user-bar--creative .btn-sm {
        padding: 6px 12px !important;
        font-size: 0.72rem !important;
    }

    .topbar-menu-pill--creative {
        padding: 8px 14px !important;
    }
}

/* ─── جوال ─── */
@media (max-width: 768px) {
    .topbar-tools--creative {
        gap: 5px;
    }

    .topbar-tools-glass {
        padding: 3px 5px;
        gap: 3px;
    }

    .topbar-tools-divider {
        height: 22px;
    }

    .topbar-icon-btn--glass {
        width: 34px !important;
        height: 34px !important;
        border-radius: 10px !important;
    }

    .user-bar--creative .btn-outline {
        display: none;
    }

    .user-bar--creative .btn-gold span {
        display: none;
    }

    .user-bar--creative .btn-gold::before {
        content: '\f234';
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
    }

    .topbar-menu-pill--creative span:not(.topbar-menu-pill__ring) {
        display: none;
    }

    .topbar-menu-pill--creative {
        padding: 9px 12px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .user-bar--creative .btn-gold::after {
        animation: none;
    }

    .topbar-icon-btn--glass,
    .topbar-menu-pill--creative,
    .user-bar--creative .btn-sm {
        transition: none;
    }
}


/* ---- accmaa-brand-theme.css ---- */
/**
 * ACCMAA — ثيم العلامة (خلفية سكريّة + كحلي للنصوص + ذهبي للأيقونات)
 * هيدر كحلي · محتوى فاتح واضح
 */

:root {
    --bg: #faf6ee;
    --white: #ffffff;
    --text: #0A3669;
    --muted: #5c6b7a;
    --gold-light: rgba(212, 175, 55, 0.18);
    --accmaa-surface: #ffffff;
    --accmaa-surface-2: #faf6ee;
    --accmaa-surface-3: #fffef8;
    --accmaa-border: rgba(10, 54, 105, 0.1);
    --accmaa-text-primary: #0A3669;
    --accmaa-text-secondary: #475569;
    --accmaa-panel-bg: rgba(255, 255, 255, 0.97);
    --accmaa-panel-border: rgba(212, 175, 55, 0.22);
    --accmaa-site-bg: none;
    --dash-bg-image:
        radial-gradient(ellipse 90% 55% at 50% -8%, rgba(212, 175, 55, 0.12) 0%, transparent 55%),
        radial-gradient(ellipse 70% 50% at 100% 40%, rgba(10, 54, 105, 0.05) 0%, transparent 50%),
        radial-gradient(ellipse 60% 45% at 0% 80%, rgba(212, 175, 55, 0.08) 0%, transparent 48%);
}

body,
body.premium-ui {
    background-color: var(--accmaa-surface-2) !important;
    background-image: var(--dash-bg-image) !important;
    color: var(--text);
}

body.premium-ui .main-wrap,
body.guest-mode .main-wrap {
    background: transparent !important;
}

/* ─── الهيدر كحلي (هوية Accmaa) ─── */
body.guest-mode .topbar,
body.premium-ui .topbar-premium,
body.guest-mode.premium-ui .topbar-premium {
    background: linear-gradient(180deg, #0a2647 0%, #061f3d 100%) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.28) !important;
    box-shadow: 0 4px 24px rgba(10, 54, 105, 0.15) !important;
}

body.guest-mode.premium-ui .topbar-premium.has-header-slider .topbar-shell,
body.guest-mode .topbar-premium.has-header-slider .topbar-shell {
    background: linear-gradient(180deg, #0a2647 0%, #061f3d 100%) !important;
}

body.guest-mode .mega-trigger,
body.guest-mode .mega-flat-link {
    color: #f1f5f9 !important;
}

body.premium-ui .topbar-premium .mega-trigger,
body.premium-ui .topbar-premium .mega-flat-link {
    color: #0A3669 !important;
}

body.guest-mode .mega-trigger:hover,
body.guest-mode .mega-flat-link:hover {
    background: rgba(212, 175, 55, 0.16) !important;
    color: #faf3dc !important;
}

body.premium-ui .topbar-premium .mega-trigger:hover,
body.premium-ui .topbar-premium .mega-flat-link:hover {
    color: #061f3d !important;
}

body.guest-mode .topbar-icon-btn,
body.premium-ui .topbar-icon-btn {
    color: #f1f5f9 !important;
}

body.guest-mode .topbar-icon-btn:hover,
body.premium-ui .topbar-icon-btn:hover {
    background: rgba(212, 175, 55, 0.16) !important;
    color: var(--gold) !important;
}

body.guest-mode .breadcrumb,
body.guest-mode .breadcrumb-home,
body.premium-ui .breadcrumb {
    color: rgba(241, 245, 249, 0.75) !important;
}

body.guest-mode .user-bar-name,
body.premium-ui .topbar-tagline {
    color: rgba(241, 245, 249, 0.8) !important;
    -webkit-text-fill-color: rgba(241, 245, 249, 0.8) !important;
}

body.guest-mode .btn-outline,
body.premium-ui .topbar-premium .btn-outline {
    color: #faf3dc !important;
    border-color: rgba(212, 175, 55, 0.55) !important;
    background: transparent !important;
}

body.guest-mode .btn-outline:hover {
    background: rgba(212, 175, 55, 0.14) !important;
}

/* ─── داشبورد الزائر — سكري ─── */
body.guest-mode.premium-ui .dash-landing {
    background:
        radial-gradient(ellipse 100% 60% at 50% -10%, rgba(212, 175, 55, 0.1) 0%, transparent 52%),
        radial-gradient(ellipse 70% 50% at 100% 40%, rgba(10, 54, 105, 0.04) 0%, transparent 48%),
        linear-gradient(180deg, #fffef8 0%, #faf6ee 42%, #f5f0e6 100%) !important;
}

body.guest-mode.premium-ui .dash-landing::before {
    opacity: 0.22 !important;
}

body.guest-mode.premium-ui .coming-soon-section {
    background: linear-gradient(180deg, transparent 0%, rgba(250, 246, 238, 0.6) 50%, transparent 100%) !important;
}

.coming-soon-card,
.coming-soon-card--easyt {
    background: #ffffff !important;
    border-color: rgba(212, 175, 55, 0.22) !important;
    box-shadow: 0 12px 36px rgba(10, 54, 105, 0.08) !important;
}

.coming-soon-card-body strong {
    color: var(--primary) !important;
}

.coming-soon-card-body small {
    color: var(--muted) !important;
}

.coming-soon-head h2 {
    color: var(--primary) !important;
}

.coming-soon-head p {
    color: var(--muted) !important;
}

/* ─── أقسام الداشبورد — بطاقات سكريّة واضحة ─── */
body.guest-mode.premium-ui .dash-landing .section-block,
body.premium-ui.guest-mode .section-block {
    background: linear-gradient(165deg, #ffffff 0%, #fffef8 55%, #faf6ee 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 22px !important;
    box-shadow: 0 10px 32px rgba(10, 54, 105, 0.07) !important;
}

body.guest-mode.premium-ui .dash-landing .section-head h2,
body.guest-mode.premium-ui .landing-reasons .section-head h2,
body.guest-mode.premium-ui .landing-faq .section-head h2 {
    color: var(--primary) !important;
}

body.guest-mode.premium-ui .dash-landing .section-head p,
body.guest-mode.premium-ui .powers-eyebrow {
    color: #7a6318 !important;
    -webkit-text-fill-color: #7a6318 !important;
}

body.guest-mode.premium-ui .powers-eyebrow {
    background: rgba(212, 175, 55, 0.12) !important;
    border: 1px solid rgba(212, 175, 55, 0.28) !important;
    color: #9a7b1a !important;
}

/* ─── بطاقات ولوحات ─── */
body.premium-ui .panel,
body.premium-ui .content-panel,
body.premium-ui .panel-premium,
body.premium-ui .gov-table-wrap,
body.premium-ui .section-block,
body.premium-ui .main-inner:not(.tafqeet-page):not(:has(.dash-landing)) {
    background: var(--accmaa-panel-bg) !important;
    border-color: var(--accmaa-panel-border) !important;
    color: var(--text);
}

body.guest-mode.premium-ui .section-block {
    background: linear-gradient(165deg, #ffffff 0%, #fffef8 100%) !important;
    border-color: rgba(212, 175, 55, 0.2) !important;
}

body.premium-ui .page-title,
body.premium-ui h1,
body.premium-ui h2,
body.premium-ui h3,
body.premium-ui .section-head h2 {
    color: var(--primary) !important;
}

body.premium-ui p,
body.premium-ui .section-head p {
    color: var(--accmaa-text-secondary);
}

/* ─── قوائم منسدلة ─── */
.mega-dropdown,
.notif-panel,
.search-panel {
    background: #ffffff !important;
    border-color: rgba(10, 54, 105, 0.12) !important;
    color: var(--text) !important;
    box-shadow: 0 16px 48px rgba(10, 54, 105, 0.12) !important;
}

.mega-dropdown-head {
    background: linear-gradient(135deg, #f8fafc, #eef4fa) !important;
    border-bottom-color: var(--gold) !important;
    color: var(--primary) !important;
}

.mega-dropdown a,
.mega-dropdown button {
    color: var(--primary) !important;
}

.mega-dropdown a:hover {
    background: var(--gold-light) !important;
}

/* ─── نماذج ومودال ─── */
.modal-box,
.modal-auth {
    background: linear-gradient(180deg, #ffffff 0%, #fffef8 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.28) !important;
    color: var(--text) !important;
}

.modal-box label,
.auth-tab {
    color: var(--primary) !important;
}

.auth-tab.active {
    background: rgba(212, 175, 55, 0.15) !important;
    color: var(--primary) !important;
    border-color: var(--gold) !important;
}

.form-group input,
.form-group select,
.form-group textarea,
input[type="search"],
input[type="email"],
input[type="password"],
input[type="text"] {
    background: #ffffff !important;
    border-color: rgba(10, 54, 105, 0.15) !important;
    color: var(--primary) !important;
}

.form-group input::placeholder {
    color: #94a3b8 !important;
}

/* ─── شريط جانبي زائر ─── */
body.sidebar-open.guest-mode .sidebar {
    background: linear-gradient(180deg, #061f3d 0%, #0A3669 55%, #0d4a8a 100%) !important;
}

/* ─── إحصائيات وبطاقات داشبورد ─── */
body.premium-ui .stat-card,
body.premium-ui .dash-stat,
body.premium-ui .pillar-card,
body.premium-ui .brand-showcase-card,
body.premium-ui .choice-card-premium {
    background: #ffffff !important;
    border-color: rgba(212, 175, 55, 0.2) !important;
    color: var(--text);
    box-shadow: 0 8px 24px rgba(10, 54, 105, 0.06) !important;
}

body.premium-ui .stat-card strong,
body.premium-ui .pillar-card strong {
    color: var(--primary) !important;
}

/* ─── جداول ─── */
body.premium-ui table th {
    background: #f0f4f8 !important;
    color: var(--primary) !important;
}

body.premium-ui table td {
    border-color: rgba(10, 54, 105, 0.08) !important;
    color: var(--text);
}

/* ─── حالات فارغة ─── */
.empty-state,
.spotlight-empty:not(.spotlight-empty--themed),
.search-empty {
    background: linear-gradient(145deg, #ffffff 0%, #faf6ee 100%) !important;
    border-color: rgba(212, 175, 55, 0.25) !important;
    color: var(--muted) !important;
}

/* ─── شريط FX ─── */
.accmaa-fx-bar {
    background: linear-gradient(90deg, #061f3d, #0A3669) !important;
    color: #faf3dc !important;
}

@media (max-width: 768px) {
    body.guest-mode.premium-ui .topbar-premium {
        background: linear-gradient(180deg, #0a2647 0%, #061f3d 100%) !important;
    }
}

@media print {
    body { background: #fff !important; color: #000 !important; }
}

/* ═══ أزرار خضراء → ذهبي (هوية Accmaa) ═══ */
.accmaa-cinema-card--free .accmaa-cinema-card__btn--primary,
.accmaa-cinema-card__badge:not(.accmaa-cinema-card__badge--preview),
button.btn-free,
.btn-free,
.btn-success {
    background: var(--accmaa-gold-btn, linear-gradient(135deg, #e8c547 0%, #d4af37 52%, #ca8a04 100%)) !important;
    color: var(--accmaa-gold-btn-text, #061f3d) !important;
    box-shadow: 0 6px 16px var(--accmaa-gold-btn-shadow, rgba(212, 175, 55, 0.35)) !important;
    border-color: rgba(212, 175, 55, 0.4) !important;
}

.accmaa-cinema-card--free .accmaa-cinema-card__btn--primary:hover,
button.btn-free:hover,
.btn-free:hover,
.btn-success:hover {
    filter: brightness(1.06);
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.45) !important;
}

.accmaa-tier-free,
.hub-topic-badge.accmaa-tier-free {
    background: linear-gradient(135deg, #faf3dc, #f5e6b8) !important;
    color: #061f3d !important;
    border-color: rgba(212, 175, 55, 0.55) !important;
}


/* ---- accmaa-dashboard-pro.css ---- */
/* ═══════════════════════════════════════════════════════════
   Accmaa Dashboard Pro — contrast · zones · admin · tafqeet
   ═══════════════════════════════════════════════════════════ */

:root {
    --dash-pro-surface: #ffffff;
    --dash-pro-surface-2: #f4f7fb;
    --dash-pro-surface-3: #e8eef6;
    --dash-pro-ink: #0a2540;
    --dash-pro-ink-soft: #3d5a73;
    --dash-pro-ink-muted: #5c7289;
    --dash-pro-on-navy: #ffffff;
    --dash-pro-on-navy-soft: #D4AF37;
    --dash-pro-gold: #FFD54F;
    --dash-pro-gold-bg: rgba(201, 162, 39, 0.14);
    --dash-pro-border: rgba(10, 54, 105, 0.1);
    --dash-pro-shadow: 0 12px 40px rgba(6, 31, 61, 0.08);
    --dash-pro-radius: 18px;
    --dash-pro-radius-sm: 12px;
    --dash-pro-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* ─── Guest / member canvas ─── */
body.premium-ui .dash-landing,
body.premium-ui .dash-member-premium {
    --text: var(--dash-pro-ink);
    --muted: var(--dash-pro-ink-muted);
    color: var(--dash-pro-ink);
}

.dash-flow__zone {
    position: relative;
    padding: 4px 0;
}
.dash-flow__zone--hero { padding-top: 0; }
.dash-flow__zone--pillars {
    background: linear-gradient(180deg, var(--dash-pro-surface-2) 0%, var(--dash-pro-surface) 100%);
    border-radius: var(--dash-pro-radius);
    margin: 8px 0 20px;
    padding: 8px 0 20px;
    border: 1px solid var(--dash-pro-border);
}
.dash-flow__zone--tools {
    background: var(--dash-pro-surface);
    border: 1px solid var(--dash-pro-border);
    border-radius: var(--dash-pro-radius);
    padding: 12px 0;
}
.dash-zone-divider {
    border: none;
    height: 1px;
    margin: 28px 0;
    background: linear-gradient(90deg, transparent, var(--dash-pro-border), transparent);
}

/* Section headers — readable on any background */
.section-head h2,
.dash-section-title,
.pillar-hub h2,
.universe-head h2 {
    color: var(--dash-pro-ink) !important;
    text-shadow: none;
}
.section-head p,
.pillar-hub p,
.universe-head p {
    color: var(--dash-pro-ink-soft) !important;
}
.powers-eyebrow,
.dash-eyebrow {
    color: var(--dash-pro-gold) !important;
    font-weight: 800;
    letter-spacing: 0.06em;
}

/* Pillar cards — icon vs text contrast */
.pillar-card,
.pillar-hub-card,
.pillar-mod-tile {
    background: var(--dash-pro-surface) !important;
    border: 1px solid var(--dash-pro-border) !important;
    box-shadow: var(--dash-pro-shadow);
    transition: transform 0.3s var(--dash-pro-ease), box-shadow 0.3s, border-color 0.25s;
}
.pillar-card:hover,
.pillar-hub-card:hover {
    transform: translateY(-4px);
    border-color: rgba(201, 162, 39, 0.45) !important;
    box-shadow: 0 18px 48px rgba(10, 54, 105, 0.12);
}
.pillar-card h3,
.pillar-hub-card h3,
.pillar-mod-tile strong {
    color: var(--dash-pro-ink);
}
.pillar-card p,
.pillar-hub-card p,
.pillar-mod-tile small {
    color: var(--dash-pro-ink-soft);
}
.pillar-icon,
.pillar-mod-tile .accmaa-icon-wrap {
    background: linear-gradient(145deg, rgba(10, 54, 105, 0.08), var(--dash-pro-gold-bg));
    border: 1px solid rgba(201, 162, 39, 0.2);
    color: var(--primary);
}

/* Member welcome — high contrast */
.welcome-premium {
    background: linear-gradient(135deg, #061f3d 0%, #0a3669 55%, #1a5a9e 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: var(--dash-pro-shadow);
}
.welcome-premium h1,
.welcome-premium p {
    color: var(--dash-pro-on-navy) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.welcome-premium p { opacity: 0.92 !important; }
.welcome-premium .role-badge {
    background: var(--dash-pro-gold) !important;
    color: var(--dash-pro-ink) !important;
    font-weight: 800;
}
.progress-ring-premium {
    border-color: rgba(255, 255, 255, 0.25);
    color: var(--dash-pro-on-navy);
}

/* Member panels */
.panel-premium {
    background: var(--dash-pro-surface);
    border: 1px solid var(--dash-pro-border);
    border-radius: var(--dash-pro-radius);
    box-shadow: 0 6px 24px rgba(10, 54, 105, 0.05);
}
.panel-premium h3 {
    color: var(--dash-pro-ink);
    display: flex;
    align-items: center;
    gap: 10px;
}
.panel-premium h3 i {
    color: var(--dash-pro-gold);
    width: 36px; height: 36px;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--dash-pro-gold-bg);
    border-radius: 10px;
    font-size: 0.95rem;
}
.panel-premium p,
.panel-premium small,
.empty-hint {
    color: var(--dash-pro-ink-soft) !important;
}

/* Quick strip */
.dash-quick-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 0 0 20px;
}
.dash-quick-item {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    padding: 16px 10px;
    border-radius: var(--dash-pro-radius-sm);
    border: 1px solid var(--dash-pro-border);
    background: var(--dash-pro-surface);
    cursor: pointer;
    font-family: inherit;
    font-weight: 700;
    font-size: 0.78rem;
    color: var(--dash-pro-ink);
    transition: all 0.25s var(--dash-pro-ease);
}
.dash-quick-item i {
    width: 42px; height: 42px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(10, 54, 105, 0.1), var(--dash-pro-gold-bg));
    color: var(--primary);
    font-size: 1.1rem;
}
.dash-quick-item:hover {
    border-color: var(--dash-pro-gold);
    background: var(--dash-pro-gold-bg);
    transform: translateY(-2px);
}

.member-stat-premium {
    background: var(--dash-pro-surface);
    border: 1px solid var(--dash-pro-border);
    border-radius: var(--dash-pro-radius-sm);
}
.member-stat-premium strong { color: var(--dash-pro-ink); }
.member-stat-premium span { color: var(--dash-pro-ink-muted); }
.member-stat-premium i { color: var(--dash-pro-gold); }

/* Admin command strip on home */
.admin-home-strip {
    margin: 0 0 20px;
    padding: 18px 20px;
    border-radius: var(--dash-pro-radius);
    background: linear-gradient(135deg, #061f3d 0%, #0a3669 70%, rgba(201, 162, 39, 0.25) 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--dash-pro-on-navy);
    box-shadow: var(--dash-pro-shadow);
}
.admin-home-strip__head {
    display: flex; justify-content: space-between; align-items: center;
    flex-wrap: wrap; gap: 12px; margin-bottom: 14px;
}
.admin-home-strip__head h2 {
    margin: 0; font-size: 1.05rem;
    display: flex; align-items: center; gap: 10px;
    color: var(--dash-pro-on-navy);
}
.admin-home-strip__head h2 i { color: var(--dash-pro-gold); }
.admin-home-strip__head p {
    margin: 4px 0 0; font-size: 0.82rem;
    color: var(--dash-pro-on-navy-soft);
}
.admin-home-strip__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 10px;
}
.admin-home-tile {
    display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
    padding: 14px;
    border-radius: var(--dash-pro-radius-sm);
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.08);
    color: var(--dash-pro-on-navy);
    -webkit-text-fill-color: var(--dash-pro-on-navy);
    cursor: pointer;
    font-family: inherit;
    text-align: start;
    transition: background 0.25s, transform 0.25s, border-color 0.25s, box-shadow 0.25s;
}
/* Hover: keep dark navy card + gold border — never white text on light wash */
.admin-home-tile:hover,
.admin-home-tile:focus-visible {
    background: rgba(4, 22, 41, 0.78) !important;
    border-color: rgba(201, 162, 39, 0.72) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(201, 162, 39, 0.35);
    transform: translateY(-2px);
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}
.admin-home-tile:hover strong,
.admin-home-tile:hover small,
.admin-home-tile:focus-visible strong,
.admin-home-tile:focus-visible small {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    opacity: 1;
}
.admin-home-tile i {
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 12px;
    background: linear-gradient(145deg, var(--icon-tile-bg, #0A3669) 0%, var(--icon-tile-bg-b, #0d4688) 100%);
    color: var(--icon-glyph, #FFD54F);
    -webkit-text-fill-color: var(--icon-glyph, #FFD54F);
    font-size: 1rem;
    box-shadow: 0 4px 12px rgba(10, 54, 105, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.14);
    flex-shrink: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}
/* ألوان بلاط الإدارة الدوّارة — accmaa-icon-system.css (--icon-tile-1..6) */
.admin-home-tile:hover i,
.admin-home-tile:focus-visible i {
    transform: scale(1.04);
    color: var(--icon-glyph, #FFD54F) !important;
    -webkit-text-fill-color: var(--icon-glyph, #FFD54F) !important;
}
.admin-home-tile strong { font-size: 0.82rem; color: inherit; }
.admin-home-tile small { font-size: 0.72rem; opacity: 0.88; color: inherit; }

/* Lazy skeleton */
.accmaa-lazy-section {
    min-height: 120px;
    margin: 20px 0;
    border-radius: var(--dash-pro-radius);
    background: linear-gradient(90deg, var(--dash-pro-surface-2) 25%, var(--dash-pro-surface-3) 50%, var(--dash-pro-surface-2) 75%);
    background-size: 200% 100%;
    animation: dash-pro-shimmer 1.4s ease-in-out infinite;
    border: 1px solid var(--dash-pro-border);
}
@keyframes dash-pro-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
@media (prefers-reduced-motion: reduce) {
    .accmaa-lazy-section { animation: none; background: var(--dash-pro-surface-2); }
}

/* Logged-in bar polish */
.logged-site-bar {
    background: var(--dash-pro-surface);
    border: 1px solid var(--dash-pro-border);
    border-radius: var(--dash-pro-radius-sm);
    margin-bottom: 16px;
    box-shadow: 0 4px 16px rgba(10, 54, 105, 0.04);
}
.logged-site-greet { color: var(--dash-pro-ink-soft); }
.logged-site-greet strong { color: var(--dash-pro-ink); }

.zone-nav-pill {
    border: 1px solid var(--dash-pro-border);
    background: var(--dash-pro-surface-2);
    color: var(--dash-pro-ink);
    font-weight: 700;
}
.zone-nav-pill.active {
    background: var(--primary);
    color: var(--dash-pro-on-navy);
    border-color: var(--primary);
}
.zone-nav-pill i { color: inherit; }

/* Admin command center pro */
.gov-command-hero {
    background: linear-gradient(135deg, #061f3d, #0a3669);
    border-radius: var(--dash-pro-radius);
    padding: 22px 24px;
    margin-bottom: 20px;
    color: var(--dash-pro-on-navy);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.gov-command-hero h2 { color: var(--dash-pro-on-navy); margin: 0 0 8px; }
.gov-command-hero p { color: #D4AF37 !important; margin: 0; opacity: 1 !important; }

.cmd-center-tabs {
    display: flex; gap: 8px; flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 6px;
    background: var(--dash-pro-surface-2);
    border-radius: 14px;
    border: 1px solid var(--dash-pro-border);
}
.cmd-center-tab {
    flex: 1; min-width: 120px;
    padding: 12px 16px;
    border: none; border-radius: 10px;
    background: transparent;
    color: var(--dash-pro-ink-soft);
    font-family: inherit; font-weight: 700; font-size: 0.82rem;
    cursor: pointer;
    transition: all 0.25s;
    display: flex; align-items: center; justify-content: center; gap: 8px;
}
.cmd-center-tab i { color: var(--dash-pro-gold); }
.cmd-center-tab.active {
    background: var(--dash-pro-surface);
    color: var(--dash-pro-ink);
    box-shadow: 0 4px 12px rgba(10, 54, 105, 0.08);
}
.cmd-center-tab.active i { color: var(--primary); }

.admin-sidebar {
    background: var(--dash-pro-surface);
    border: 1px solid var(--dash-pro-border);
    border-radius: var(--dash-pro-radius);
}
.admin-sidebar-link {
    color: var(--dash-pro-ink-soft);
    border-radius: 10px;
    font-weight: 600;
}
.admin-sidebar-link:hover {
    background: var(--dash-pro-surface-2);
    color: var(--dash-pro-ink);
}
.admin-sidebar-link.active {
    background: var(--primary);
    color: var(--dash-pro-on-navy);
}
.admin-sidebar-link.active i { color: var(--dash-pro-gold); }

.kpi-card-premium {
    background: var(--dash-pro-surface);
    border: 1px solid var(--dash-pro-border);
    border-radius: var(--dash-pro-radius-sm);
}
.kpi-card-premium .label { color: var(--dash-pro-ink-muted); }
.kpi-card-premium strong { color: var(--dash-pro-ink); }

.org-hub-group__title {
    color: var(--dash-pro-ink);
    font-weight: 800;
    border-bottom: 2px solid var(--dash-pro-gold-bg);
    padding-bottom: 8px;
    margin-bottom: 12px;
}
.admin-hub-card {
    background: var(--dash-pro-surface);
    border: 1px solid var(--dash-pro-border);
    color: var(--dash-pro-ink);
}
.admin-hub-card i { color: var(--dash-pro-gold); }
.admin-hub-card:hover {
    background: var(--dash-pro-gold-bg);
    border-color: var(--dash-pro-gold);
}

/* Tafqeet Pro */
.tafqeet-page { max-width: 1100px; margin: 0 auto; }
.tafqeet-hero {
    background: linear-gradient(135deg, #061f3d 0%, #0a3669 50%, #1a5a9e 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: var(--dash-pro-shadow);
}
.tafqeet-hero h1 { color: var(--dash-pro-on-navy) !important; }
.tafqeet-hero p { color: var(--dash-pro-on-navy-soft) !important; opacity: 1 !important; }

.tafqeet-pro-layout {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(320px, 1.25fr);
    gap: 24px;
    align-items: start;
}
@media (max-width: 900px) {
    .tafqeet-pro-layout { grid-template-columns: 1fr; }
    .dash-quick-strip { grid-template-columns: repeat(2, 1fr); }
}

.tafqeet-form {
    background: var(--dash-pro-surface) !important;
    border: 1px solid var(--dash-pro-border) !important;
}
.tafqeet-currency-chips {
    display: flex; flex-wrap: wrap; gap: 8px;
    margin-top: 10px;
}
.tafqeet-cur-chip {
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid var(--dash-pro-border);
    background: var(--dash-pro-surface-2);
    color: var(--dash-pro-ink);
    font-family: inherit;
    font-weight: 700;
    font-size: 0.78rem;
    cursor: pointer;
    transition: all 0.2s;
}
.tafqeet-cur-chip:hover,
.tafqeet-cur-chip.active {
    border-color: var(--dash-pro-gold);
    background: var(--dash-pro-gold-bg);
    color: var(--dash-pro-ink);
}

.tafqeet-result-card {
    border: 1px solid var(--dash-pro-border) !important;
    background: var(--dash-pro-surface) !important;
}
.tafqeet-result-head {
    background: linear-gradient(90deg, rgba(10, 54, 105, 0.06), var(--dash-pro-gold-bg)) !important;
    color: var(--dash-pro-ink) !important;
}
.tafqeet-result-head span { font-weight: 800; }
.tafqeet-result-body {
    color: var(--dash-pro-ink) !important;
    font-size: 1.05rem;
    line-height: 1.85;
    min-height: 80px;
}
.tafqeet-result-ar .tafqeet-result-body { font-weight: 600; }
.tafqeet-meta-pill {
    background: var(--dash-pro-surface-2);
    color: var(--dash-pro-ink-soft);
    border: 1px solid var(--dash-pro-border);
}
.tafqeet-disclaimer {
    background: var(--dash-pro-surface-2) !important;
    border: 1px solid var(--dash-pro-border) !important;
    color: var(--dash-pro-ink-soft) !important;
}

.tafqeet-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 24px;
}
@media (max-width: 700px) { .tafqeet-features { grid-template-columns: 1fr; } }
.tafqeet-feature {
    padding: 16px;
    border-radius: var(--dash-pro-radius-sm);
    background: var(--dash-pro-surface);
    border: 1px solid var(--dash-pro-border);
    text-align: center;
}
.tafqeet-feature i {
    font-size: 1.4rem;
    color: var(--dash-pro-gold);
    margin-bottom: 8px;
}
.tafqeet-feature strong {
    display: block;
    color: var(--dash-pro-ink);
    font-size: 0.88rem;
    margin-bottom: 4px;
}
.tafqeet-feature span {
    font-size: 0.76rem;
    color: var(--dash-pro-ink-muted);
}

/* Hero ghost buttons — readable */
.hero-premium .btn-ghost-premium {
    color: var(--dash-pro-ink) !important;
    border: 1px solid var(--dash-pro-border);
    background: rgba(255, 255, 255, 0.85);
}
.hero-photo-cinema .hero-premium-content h1,
.hero-photo-cinema .hero-premium-sub {
    color: var(--dash-pro-on-navy) !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

@media (max-width: 768px) {
    .admin-home-strip__grid { grid-template-columns: repeat(2, 1fr); }
    .cmd-center-tab { min-width: 100%; }
}

/* ─── Dashboard sizing & rhythm ─── */
body.premium-ui .dash-member-premium,
body.premium-ui .dash-landing.dash-flow {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 12px 32px;
}
body.premium-ui .dash-member-premium .welcome-premium {
    margin-bottom: 16px;
    border-radius: var(--dash-pro-radius);
}
body.premium-ui .admin-shell {
    max-width: 1320px;
    margin: 0 auto;
}
body.premium-ui .main-inner.dash-admin {
    padding: 16px 20px 40px;
}

/* ─── Language switcher — واضح وديناميكي ─── */
.lang-switch {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px;
    border-radius: 999px;
    background: var(--dash-pro-surface-2, #eef2f7);
    border: 1px solid var(--dash-pro-border, rgba(10,54,105,0.12));
}
.lang-btn {
    min-width: 44px;
    padding: 6px 12px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--dash-pro-ink-soft, #5c7289);
    font-family: inherit;
    font-weight: 800;
    font-size: 0.76rem;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}
.lang-btn:hover {
    color: var(--dash-pro-ink, #0a2540);
    background: rgba(255,255,255,0.7);
}
.lang-btn.active {
    background: var(--primary, #0A3669);
    color: #fff;
    box-shadow: 0 2px 8px rgba(10,54,105,0.2);
}
.topbar-lang-slot { flex-shrink: 0; }

/* ═══ Platform harmony — طبقة واحدة · تباين · بدون شبح ═══ */

/* إلغاء تدرج شبح مزدوج على الداشبورد — نبقي طبقة coming-soon فقط */
body.guest-mode.premium-ui .dash-landing::before {
    opacity: 0.16 !important;
    z-index: 0 !important;
    pointer-events: none !important;
}
body.premium-ui.member-mode .dash-landing::before,
body.premium-ui.admin-mode .dash-landing::before {
    display: none !important;
    content: none !important;
}

/* بطاقات بخلفية صورة — نصوص واضحة */
body.premium-ui .pillar-card.has-card-bg::after,
body.premium-ui .explore-card.has-card-bg::after,
body.premium-ui .gift-card.has-card-bg::after,
body.premium-ui .portal-mod-card.has-card-bg::after,
body.premium-ui .dash-brand-card.has-card-bg::after {
    background: linear-gradient(to bottom,
        rgba(255,255,255,0.12) 0%,
        rgba(255,255,255,0.55) 45%,
        rgba(255,255,255,0.92) 100%) !important;
}
body.premium-ui .pillar-card.has-card-bg h3,
body.premium-ui .pillar-card.has-card-bg p,
body.premium-ui .explore-card.has-card-bg h3,
body.premium-ui .explore-card.has-card-bg p,
body.premium-ui .gift-card.has-card-bg h3,
body.premium-ui .gift-card.has-card-bg p,
body.premium-ui .portal-mod-card.has-card-bg strong,
body.premium-ui .portal-mod-card.has-card-bg small {
    color: var(--dash-pro-ink) !important;
    text-shadow: 0 1px 2px rgba(255,255,255,0.85);
}
body.premium-ui .pillar-card.has-card-bg p,
body.premium-ui .explore-card.has-card-bg p,
body.premium-ui .gift-card.has-card-bg p,
body.premium-ui .portal-mod-card.has-card-bg small {
    color: var(--dash-pro-ink-soft) !important;
}

/* أيقونات — إخفاء طبقة SVG الشبحية إن لم تُحمَّل */
.has-icon-bg .icon-bg-layer:empty,
.icon-bg-layer:not([src]):not([style*="background"]) {
    display: none !important;
}

/* داشبورد داخلي — تباين موحّد */
body.member-mode.premium-ui .welcome-premium,
body.admin-mode.premium-ui .welcome-premium {
    color: var(--dash-pro-ink);
}
body.member-mode.premium-ui .welcome-premium h1,
body.admin-mode.premium-ui .welcome-premium h1 {
    color: var(--dash-pro-ink) !important;
}
body.member-mode.premium-ui .welcome-premium p,
body.admin-mode.premium-ui .welcome-premium p {
    color: var(--dash-pro-ink-soft) !important;
}

/* لوحة الإدارة — نصوص على خلفيات داكنة */
.admin-shell .admin-card,
.admin-shell .cmd-center-panel {
    color: var(--dash-pro-ink);
}
.admin-shell .admin-card h3,
.admin-shell .cmd-center-panel h2,
.admin-shell .cmd-center-panel h3 {
    color: var(--dash-pro-ink) !important;
}
.admin-shell .admin-card p,
.admin-shell .cmd-center-panel p,
.admin-shell .text-muted {
    color: var(--dash-pro-ink-muted) !important;
}

/* أزرار شفافة على خلفيات فاتحة */
body.premium-ui .btn-ghost,
body.premium-ui .btn-outline {
    color: var(--dash-pro-ink) !important;
    border-color: var(--dash-pro-border);
}
body.premium-ui .btn-ghost:hover,
body.premium-ui .btn-outline:hover {
    background: var(--dash-pro-surface-2);
    color: var(--primary, #0A3669) !important;
}

/* هيدر داخلي (عضو/إدارة) */
body.member-mode .mega-flat-link--clean span,
body.admin-mode .mega-flat-link--clean span {
    color: var(--dash-pro-ink) !important;
    -webkit-text-fill-color: currentColor !important;
}
body.member-mode .topbar-brand-name,
body.admin-mode .topbar-brand-name {
    color: var(--primary, #0A3669) !important;
    -webkit-text-fill-color: currentColor !important;
}

/* ─── بدون فراغ تحت الهيدر — شريط مضحك + محتوى ملاصق ─── */
body.guest-mode.premium-ui .main-wrap {
    margin-top: var(--header-stack-h, var(--topbar-h, 118px)) !important;
    padding-top: 0 !important;
    min-height: calc(100dvh - var(--header-stack-h, var(--topbar-h, 118px)));
}
body.guest-mode.premium-ui .dash-landing {
    margin-top: 0;
    padding-top: 0;
}
body.guest-mode.premium-ui .dash-landing .hero-premium {
    margin-top: 0;
}
body.guest-mode.premium-ui .dash-flow__zone--hero {
    padding-top: 0;
}
.accmaa-boot-fallback {
    min-height: calc(100dvh - var(--header-stack-h, var(--topbar-h, 118px)));
}


/* ---- accmaa-arab-globe.css ---- */
/* ═══ كرة الوطن العربي — شبكة شعاعية · خريطة كاملة ═══ */

.arab-globe-stage {
    position: relative;
    width: 100%;
    max-width: min(520px, 100%);
    aspect-ratio: 1;
    margin: 0 auto;
}

.arab-globe-sphere {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background:
        radial-gradient(circle at 30% 22%, rgba(255,255,255,0.55), transparent 36%),
        radial-gradient(circle at 68% 70%, rgba(4, 18, 40, 0.72), transparent 48%),
        radial-gradient(circle at 50% 50%, #0d4a8a 0%, #0a3669 42%, #061f3d 100%);
    box-shadow:
        inset -18px -24px 48px rgba(0,0,0,0.45),
        inset 12px 14px 32px rgba(255,255,255,0.16),
        0 0 0 2px rgba(212,175,55,0.22),
        0 28px 64px rgba(6,31,61,0.48);
    overflow: hidden;
    animation: arabGlobeFloat 7s ease-in-out infinite;
    transform-style: preserve-3d;
}

.arab-globe-atmosphere {
    position: absolute;
    inset: -2%;
    border-radius: 50%;
    pointer-events: none;
    z-index: 6;
    box-shadow:
        inset 0 0 28px rgba(232, 197, 71, 0.12),
        0 0 40px rgba(100, 160, 220, 0.18);
    background: radial-gradient(circle at 28% 24%, rgba(180, 220, 255, 0.14), transparent 42%);
}

@keyframes arabGlobeFloat {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-8px) rotate(1.2deg); }
}

.arab-globe-grid {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 14px, rgba(212,175,55,0.14) 14px, rgba(212,175,55,0.14) 15px),
        repeating-linear-gradient(90deg, transparent, transparent 14px, rgba(212,175,55,0.11) 14px, rgba(212,175,55,0.11) 15px);
    mask-image: radial-gradient(circle, #000 62%, transparent 78%);
    animation: arabGlobeSpin 60s linear infinite;
}

@keyframes arabGlobeSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.arab-globe-map {
    position: absolute;
    inset: 6% 2% 10% 8%;
    width: 90%;
    height: 84%;
    z-index: 1;
    pointer-events: none;
    opacity: 1;
    filter: drop-shadow(0 0 14px rgba(232, 197, 71, 0.45));
    transform: perspective(520px) rotateX(8deg) rotateY(-6deg) scale(1.04);
    transform-origin: 55% 48%;
}

.arab-globe-latlong {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.55;
}

.arab-globe-parallel,
.arab-globe-meridian {
    fill: none;
    stroke: rgba(212, 175, 55, 0.28);
    stroke-width: 0.45;
}

.arab-globe-land {
    stroke: rgba(250, 243, 220, 0.65);
    stroke-width: 0.55;
    stroke-linejoin: round;
    opacity: 0.96;
}

.arab-globe-land-glow {
    pointer-events: none;
    opacity: 0.9;
}

.arab-globe-links {
    position: absolute;
    inset: 4%;
    width: 92%;
    height: 92%;
    pointer-events: none;
    z-index: 2;
}

.arab-globe-hub {
    fill: #e8c547;
    filter: url(#arabLinkGlow);
    animation: arabHubPulse 2.4s ease-in-out infinite;
}

.arab-globe-hub-ring {
    fill: none;
    stroke: rgba(232, 197, 71, 0.55);
    stroke-width: 0.5;
    animation: arabHubRing 2.4s ease-out infinite;
}

@keyframes arabHubPulse {
    0%, 100% { r: 3.2; opacity: 1; }
    50% { r: 4; opacity: 0.85; }
}

@keyframes arabHubRing {
    0% { r: 6; opacity: 0.7; }
    100% { r: 14; opacity: 0; }
}

.arab-globe-ray {
    fill: none;
    stroke: url(#arabGlobeGoldGrad);
    stroke-width: 0.85;
    stroke-linecap: round;
    stroke-dasharray: 2.5 6;
    opacity: 0.62;
    animation: arabRayFlow 2.2s linear infinite;
}

.arab-globe-ray--major {
    stroke-width: 1.45;
    opacity: 0.95;
    filter: url(#arabLinkGlow);
    stroke-dasharray: 3 5;
}

.arab-globe-hub-ring--2 {
    animation-delay: 0.6s;
    stroke: rgba(232, 197, 71, 0.35);
}

@keyframes arabRayFlow {
    from { stroke-dashoffset: 0; opacity: 0.4; }
    50% { opacity: 1; }
    to { stroke-dashoffset: -22; opacity: 0.4; }
}

.arab-globe-link {
    fill: none;
    stroke: rgba(250, 243, 220, 0.45);
    stroke-width: 0.55;
    stroke-linecap: round;
    stroke-dasharray: 4 9;
    animation: arabLinkPulse 3s linear infinite;
}

@keyframes arabLinkPulse {
    from { stroke-dashoffset: 0; opacity: 0.35; }
    50% { opacity: 0.75; }
    to { stroke-dashoffset: -26; opacity: 0.35; }
}

.arab-globe-node {
    position: absolute;
    left: var(--gx);
    top: var(--gy);
    transform: translate(-50%, -50%);
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
    font-family: inherit;
}

.arab-globe-node__pulse {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(232, 197, 71, 0.45);
    animation: arabNodeRing 2.6s ease-out infinite;
    animation-delay: var(--node-delay, 0s);
    pointer-events: none;
}

.arab-globe-node__beam {
    position: absolute;
    width: 2px;
    height: 18%;
    bottom: 50%;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(180deg, rgba(232,197,71,0.7), transparent);
    transform-origin: bottom center;
    opacity: 0;
    pointer-events: none;
}

.arab-globe-node.is-spotlight .arab-globe-node__beam {
    opacity: 0.85;
    animation: arabBeamPulse 1.8s ease-in-out infinite;
}

@keyframes arabBeamPulse {
    0%, 100% { opacity: 0.5; height: 14%; }
    50% { opacity: 1; height: 22%; }
}

@keyframes arabNodeRing {
    0% { transform: scale(0.5); opacity: 0.9; }
    100% { transform: scale(1.8); opacity: 0; }
}

.arab-globe-node__flag {
    width: clamp(30px, 4.5vw, 38px);
    height: clamp(22px, 3.4vw, 28px);
    border-radius: 4px;
    object-fit: cover;
    border: 2px solid rgba(255,255,255,0.75);
    box-shadow: 0 3px 12px rgba(0,0,0,0.4);
    opacity: 0.95;
    transform: scale(1);
    transition: opacity 0.2s, transform 0.2s, box-shadow 0.2s;
    position: relative;
    z-index: 2;
}

.arab-globe-node.is-spotlight .arab-globe-node__flag {
    opacity: 1;
    transform: scale(1.22);
    box-shadow: 0 0 20px rgba(232, 197, 71, 0.85);
    border-color: #e8c547;
}

.arab-globe-node.is-spotlight .arab-globe-node__label {
    opacity: 1;
    transform: translateY(0);
}

.arab-globe-node:hover .arab-globe-node__flag,
.arab-globe-node:focus-visible .arab-globe-node__flag {
    opacity: 1;
    transform: scale(1.12);
}

.arab-globe-node__label {
    font-size: clamp(0.58rem, 1.6vw, 0.68rem);
    font-weight: 800;
    color: #faf3dc;
    text-shadow: 0 1px 6px rgba(0,0,0,0.7);
    white-space: nowrap;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.2s, transform 0.2s;
}

.arab-globe-node:hover .arab-globe-node__label,
.arab-globe-node:focus-visible .arab-globe-node__label { opacity: 1; transform: translateY(0); }

.arab-globe-halo {
    position: absolute;
    inset: -6%;
    border-radius: 50%;
    border: 2px solid rgba(212,175,55,0.3);
    animation: arabHaloSpin 24s linear infinite reverse;
    pointer-events: none;
}

.arab-globe-halo--2 {
    inset: -12%;
    border-style: dashed;
    border-color: rgba(212,175,55,0.15);
    animation-duration: 36s;
    animation-direction: normal;
}

@keyframes arabHaloSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.arab-globe-count {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    text-align: center;
    color: #faf3dc;
    font-weight: 800;
    font-size: 0.78rem;
    text-shadow: 0 2px 10px rgba(0,0,0,0.55);
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(6, 31, 61, 0.55);
    border: 1px solid rgba(232, 197, 71, 0.35);
}

.arab-globe-count strong {
    display: block;
    font-size: clamp(1.4rem, 4vw, 1.85rem);
    color: #e8c547;
    line-height: 1.1;
}

.arab-homeland-section .arab-map-panel {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 12px;
    padding: clamp(16px, 3vw, 28px) !important;
}

.arab-map-visual {
    width: 100% !important;
    height: auto !important;
    min-height: min(380px, 72vw) !important;
    max-width: none !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arab-founded-ticker {
    overflow: hidden;
    margin-top: 8px;
    padding: 8px 0;
    border-top: 1px solid rgba(255,255,255,0.12);
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.arab-founded-ticker__track {
    display: flex;
    gap: 48px;
    width: max-content;
    animation: arabFoundedScroll 22s linear infinite;
    color: rgba(255,255,255,0.9);
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.arab-founded-ticker__track span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.arab-founded-ticker__track i {
    color: #4ade80;
}

@keyframes arabFoundedScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

html[dir="rtl"] .arab-founded-ticker__track {
    animation-name: arabFoundedScrollRtl;
}

@keyframes arabFoundedScrollRtl {
    0% { transform: translateX(0); }
    100% { transform: translateX(50%); }
}

@media (prefers-reduced-motion: reduce) {
    .arab-globe-sphere, .arab-globe-grid, .arab-globe-ray, .arab-globe-link,
    .arab-globe-node__pulse, .arab-globe-halo, .arab-founded-ticker__track {
        animation: none !important;
    }
}


/* ---- accmaa-translate.css ---- */
/* ═══ ترجمة Accmaa — Google-like ═══ */

.accmaa-translate-page--instant {
    padding-bottom: 24px;
}

.translate-topbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
    padding: 14px 16px;
    margin-bottom: 14px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: linear-gradient(135deg, rgba(6, 31, 61, 0.94) 0%, rgba(10, 54, 105, 0.9) 65%, rgba(201, 162, 39, 0.28) 100%);
}

.translate-topbar::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: var(--translate-hero-bg);
    background-size: cover;
    background-position: center;
    opacity: 0.22;
    pointer-events: none;
}

.translate-topbar > * {
    position: relative;
    z-index: 1;
}

.translate-topbar-icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #2563eb, #1d4ed8);
    border: 2px solid rgba(232, 197, 71, 0.45);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
    font-size: 1.45rem;
    color: #faf3dc;
    flex-shrink: 0;
}

.translate-topbar-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    font-size: 0.72rem;
    font-weight: 700;
}

.translate-topbar-text {
    flex: 1;
    min-width: 200px;
}

.translate-topbar-text h1 {
    margin: 0 0 4px;
    font-size: 1.08rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.3;
}

.translate-topbar-text p {
    margin: 0;
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.45;
    max-width: 560px;
}

.translate-topbar-feats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.translate-topbar-feats span {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.92);
}

.translate-topbar-feats i {
    color: #e8c547;
    margin-left: 4px;
}

.translate-section-body {
    margin-bottom: 12px;
}

@media (max-width: 768px) {
    .translate-topbar-feats { width: 100%; }
}

.accmaa-translate-page .translate-hero {
    text-align: center;
    margin-bottom: 20px;
}
.accmaa-translate-page .translate-hero h1 {
    color: #0A3669;
    margin: 0 0 8px;
}
.accmaa-translate-page .translate-hero p {
    color: #3d5a73;
    margin: 0;
}

.translate-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(212,175,55,0.18);
    color: #8a7020;
    font-size: 0.72rem;
    font-weight: 800;
    margin-bottom: 10px;
}

.translate-google-card {
    padding: 0 !important;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(10,54,105,0.1);
    box-shadow: 0 12px 40px rgba(10,54,105,0.08);
}

.translate-google-toolbar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: end;
    padding: 16px 18px 12px;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border-bottom: 1px solid rgba(10,54,105,0.08);
}

.translate-lang-bar label {
    display: block;
    font-size: 0.68rem;
    font-weight: 800;
    color: #8a7020;
    margin-bottom: 4px;
}

.translate-lang-select {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(10,54,105,0.14);
    padding: 10px 12px;
    font-family: inherit;
    font-size: 0.88rem;
    color: #0A3669;
    background: #fff;
}

.translate-swap {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid #d4af37;
    background: #fff;
    color: #0A3669;
    cursor: pointer;
    font-size: 1rem;
    margin-bottom: 2px;
    transition: transform 0.2s ease, background 0.2s ease;
}
.translate-swap:hover {
    transform: rotate(180deg);
    background: #faf6ee;
}

.translate-google-panes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 280px;
}

.translate-pane {
    display: flex;
    flex-direction: column;
    min-height: 280px;
}
.translate-pane--source {
    border-left: 1px solid rgba(10,54,105,0.08);
}

.translate-textarea,
.translate-result {
    flex: 1;
    width: 100%;
    border: none;
    padding: 18px;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.65;
    color: #0A3669;
    background: #fff;
    resize: none;
    min-height: 220px;
}

.translate-result {
    background: linear-gradient(180deg, #fffef8 0%, #faf6ee 100%);
    font-weight: 600;
    overflow: auto;
}

.translate-pane-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 14px 12px;
    border-top: 1px dashed rgba(10,54,105,0.08);
    background: #fafbfc;
}

.translate-char-count,
.translate-provider {
    font-size: 0.72rem;
    color: #3d5a73;
}

.translate-loading {
    color: #8a7020;
    font-size: 0.9rem;
}

.translate-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px 18px 18px;
    background: #fff;
    border-top: 1px solid rgba(10,54,105,0.06);
}

/* بطاقة الهدايا */
.gift-card-translate {
    border-color: rgba(10,54,105,0.22);
    background: linear-gradient(145deg, #ffffff 0%, #f0f7ff 100%);
}
.gift-card-translate .g-icon {
    background: linear-gradient(135deg, #0A3669 0%, #4285f4 55%, #d4af37 100%);
}
.gift-card-translate .free-tag {
    background: rgba(66,133,244,0.12);
    color: #0A3669;
}

.gift-translate-spotlight {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 18px 20px;
    margin-bottom: 18px;
    border-radius: 18px;
    border: 1px solid rgba(66,133,244,0.22);
    background: linear-gradient(135deg, rgba(66,133,244,0.08) 0%, rgba(212,175,55,0.1) 100%);
}
.gift-translate-spotlight h3 {
    margin: 0 0 6px;
    color: #0A3669;
    font-size: 1.1rem;
}
.gift-translate-spotlight p {
    margin: 0;
    color: #3d5a73;
    font-size: 0.88rem;
}

.buddy-gold-live {
    display: inline-block;
    margin-inline-start: 4px;
    padding: 1px 5px;
    border-radius: 4px;
    background: rgba(34,197,94,0.25);
    color: #86efac;
    font-size: 0.55rem;
    font-weight: 800;
    vertical-align: middle;
}

.fx-tick-item--gold .fx-tick-rate {
    color: #e8c547;
    font-weight: 800;
}

@media (max-width: 768px) {
    .translate-google-toolbar {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }
    .translate-swap {
        justify-self: center;
    }
    .translate-google-panes {
        grid-template-columns: 1fr;
    }
    .translate-pane--source {
        border-left: none;
        border-bottom: 1px solid rgba(10,54,105,0.08);
    }
    .gift-translate-spotlight {
        grid-template-columns: 1fr;
    }
}


/* ---- accmaa-buddy-panel.css ---- */
/* ═══ رفيق أكما — لوحة جانبية مضحكة (تفقيط · هدايا فقط) ═══ */

.gifts-layout-with-buddy {
    display: grid;
    grid-template-columns: 1fr minmax(200px, 272px);
    gap: clamp(14px, 2.5vw, 22px);
    align-items: start;
    max-width: 1280px;
    margin: 0 auto;
}

.gifts-layout-main {
    min-width: 0;
}

/* ─── اللوحة الجانبية ─── */
.accmaa-buddy-panel {
    position: sticky;
    top: calc(var(--header-stack-h, 118px) + 12px);
    border-radius: 22px;
    padding: 14px 12px 16px;
    background:
        radial-gradient(ellipse 80% 50% at 50% 0%, rgba(232, 197, 71, 0.22), transparent 55%),
        linear-gradient(165deg, #0c2340 0%, #143a66 45%, #0a2a4d 100%);
    border: 2px solid rgba(232, 197, 71, 0.45);
    box-shadow:
        0 16px 40px rgba(6, 31, 61, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
    overflow: hidden;
    text-align: center;
}

.accmaa-buddy-panel::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
    background-size: 18px 18px;
    pointer-events: none;
    opacity: 0.6;
}

.accmaa-buddy-panel__tag {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(232, 197, 71, 0.2);
    color: #faf3dc;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}
.accmaa-buddy-panel__tag i { color: #e8c547; }

/* ─── الشخصية — «فقّاط» المحاسب ─── */
.buddy-mascot {
    position: relative;
    z-index: 2;
    width: 140px;
    height: 150px;
    margin: 0 auto 10px;
}

.buddy-mascot__orbit {
    position: absolute;
    inset: 0;
    animation: buddyOrbitSpin 10s linear infinite;
}
.buddy-mascot__coin {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 900;
    font-size: 0.75rem;
    color: #061f3d;
    background: radial-gradient(circle at 30% 25%, #fff8dc, #d4af37);
    box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    transform: rotate(var(--ang, 0deg)) translateY(-58px) rotate(calc(-1 * var(--ang, 0deg)));
}
@keyframes buddyOrbitSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.buddy-mascot__head {
    position: absolute;
    left: 50%;
    top: 28px;
    transform: translateX(-50%);
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: linear-gradient(145deg, #fde68a, #fbbf24 55%, #d97706);
    border: 3px solid #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    animation: buddyHeadBob 2.2s ease-in-out infinite;
}
@keyframes buddyHeadBob {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(-5px); }
}

.buddy-mascot__eye {
    position: absolute;
    top: 32px;
    width: 14px;
    height: 16px;
    border-radius: 50%;
    background: #0a2540;
    animation: buddyBlink 4s ease-in-out infinite;
}
.buddy-mascot__eye--l { left: 22px; }
.buddy-mascot__eye--r { right: 22px; }
.buddy-mascot__eye::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 4px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
}
@keyframes buddyBlink {
    0%, 48%, 52%, 100% { transform: scaleY(1); }
    50% { transform: scaleY(0.12); }
}

.buddy-mascot__mouth {
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    width: 28px;
    height: 14px;
    border: 3px solid #0a2540;
    border-top: none;
    border-radius: 0 0 20px 20px;
    background: transparent;
    transition: border-radius 0.2s, height 0.2s;
}
.accmaa-buddy-panel.is-laughing .buddy-mascot__mouth {
    height: 18px;
    border-radius: 50%;
    border-top: 3px solid #0a2540;
    background: #0a2540;
}

.buddy-mascot__glasses {
    position: absolute;
    top: 28px;
    left: 50%;
    transform: translateX(-50%);
    width: 62px;
    height: 22px;
    border: 3px solid #0a3669;
    border-radius: 8px;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,0.3);
}
.buddy-mascot__glasses::before,
.buddy-mascot__glasses::after {
    content: '';
    position: absolute;
    top: 6px;
    width: 22px;
    height: 10px;
    border: 2px solid #0a3669;
    border-radius: 4px;
    background: rgba(255,255,255,0.35);
}
.buddy-mascot__glasses::before { left: 2px; }
.buddy-mascot__glasses::after { right: 2px; }

.buddy-mascot__hand {
    position: absolute;
    font-size: 1.6rem;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
    transform-origin: bottom center;
    z-index: 5;
}
.buddy-mascot__hand--wave {
    right: -4px;
    top: 52px;
    animation: buddyWave 1.2s ease-in-out infinite;
}
@keyframes buddyWave {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(22deg); }
    75% { transform: rotate(-8deg); }
}

.buddy-mascot__calc {
    position: absolute;
    left: -6px;
    bottom: 8px;
    width: 36px;
    height: 44px;
    border-radius: 8px;
    background: linear-gradient(180deg, #334155, #1e293b);
    border: 2px solid #64748b;
    font-size: 0.55rem;
    font-weight: 800;
    color: #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.35);
    animation: buddyCalcPulse 2s ease-in-out infinite;
}
@keyframes buddyCalcPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.06); }
}

/* فقاعة كلام */
.buddy-speech {
    position: relative;
    z-index: 2;
    margin: 0 4px 10px;
    padding: 10px 12px;
    border-radius: 16px;
    background: #fff;
    color: #0a2540;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.45;
    min-height: 3.2em;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    border: 2px solid #0a3669;
    transition: opacity 0.35s, transform 0.35s;
}
.buddy-speech.is-changing {
    opacity: 0;
    transform: scale(0.95);
}
.buddy-speech::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-bottom-color: #0a3669;
}
.buddy-speech::after {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-bottom-color: #fff;
}

.buddy-tip {
    position: relative;
    z-index: 2;
    font-size: 0.62rem;
    color: rgba(255,255,255,0.75);
    font-weight: 600;
    line-height: 1.4;
    padding: 0 6px;
}
.buddy-tip em {
    font-style: normal;
    color: #fcd34d;
    font-weight: 800;
}

.buddy-gold-ticker {
    position: relative;
    z-index: 2;
    margin-top: 10px;
    padding: 10px;
    border-radius: 14px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(232,197,71,0.35);
}
.buddy-gold-ticker__title {
    display: block;
    font-size: 0.62rem;
    font-weight: 800;
    color: #e8c547;
    margin-bottom: 8px;
}
.buddy-gold-row {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: 0.62rem;
    color: rgba(255,255,255,0.85);
    padding: 3px 0;
    border-bottom: 1px dashed rgba(255,255,255,0.12);
}
.buddy-gold-row:last-child { border-bottom: none; }
.buddy-gold-row strong { color: #faf3dc; font-variant-numeric: tabular-nums; }
.buddy-gold-loading, .buddy-gold-fail { font-size: 0.62rem; color: rgba(255,255,255,0.7); }

/* زر طي على الموبايل */
.buddy-mobile-toggle {
    display: none;
}

/* موبايل — ملصق عائم */
@media (max-width: 960px) {
    .gifts-layout-with-buddy {
        grid-template-columns: 1fr;
    }
    .accmaa-buddy-panel {
        position: fixed;
        bottom: 72px;
        left: 12px;
        z-index: 500;
        width: min(280px, calc(100vw - 24px));
        max-height: 0;
        opacity: 0;
        pointer-events: none;
        padding: 0;
        border: none;
        transform: translateY(12px) scale(0.92);
        transition: max-height 0.35s, opacity 0.3s, transform 0.3s, padding 0.3s;
    }
    html[dir="rtl"] .accmaa-buddy-panel {
        left: auto;
        right: 12px;
    }
    .accmaa-buddy-panel.is-open {
        max-height: 420px;
        opacity: 1;
        pointer-events: auto;
        padding: 14px 12px 16px;
        border: 2px solid rgba(232, 197, 71, 0.45);
        transform: translateY(0) scale(1);
    }
    .buddy-mobile-toggle {
        display: flex;
        position: fixed;
        bottom: 16px;
        left: 16px;
        z-index: 501;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        border-radius: 50%;
        border: 2px solid #e8c547;
        background: linear-gradient(145deg, #0a3669, #061f3d);
        color: #fde68a;
        font-size: 1.4rem;
        cursor: pointer;
        box-shadow: 0 8px 24px rgba(0,0,0,0.35);
        animation: buddyFabPulse 2.5s ease-in-out infinite;
    }
    html[dir="rtl"] .buddy-mobile-toggle {
        left: auto;
        right: 16px;
    }
    @keyframes buddyFabPulse {
        0%, 100% { box-shadow: 0 8px 24px rgba(0,0,0,0.35); }
        50% { box-shadow: 0 8px 28px rgba(232, 197, 71, 0.45); }
    }
    .buddy-mascot { width: 120px; height: 130px; }
}

@media (prefers-reduced-motion: reduce) {
    .buddy-mascot__orbit,
    .buddy-mascot__head,
    .buddy-mascot__hand--wave,
    .buddy-mascot__calc,
    .buddy-mobile-toggle {
        animation: none !important;
    }
}


/* ---- accmaa-dash-revamp.css ---- */
/* ═══════════════════════════════════════════════════════════
   Accmaa Dashboard Revamp — سينما محاسبية · هيرو ضخم · بento
   ═══════════════════════════════════════════════════════════ */

:root {
    --cinema-bar-h: 0px;
    --dash-revamp-radius: 22px;
    --dash-revamp-gold: #d4af37;
    --dash-revamp-navy: #061f3d;
}

/* ─── شريط الصور فوق الهيدر ─── */
.accmaa-accounting-cinema {
    position: fixed;
    top: var(--utility-bar-h, 0px);
    left: 0;
    right: 0;
    width: 100%;
    z-index: 248;
    height: clamp(72px, 9vw, 96px);
    overflow: hidden;
    background: linear-gradient(180deg, #041629 0%, #0a2647 55%, #061f3d 100%);
    border-bottom: 2px solid rgba(212, 175, 55, 0.45);
    box-shadow: 0 8px 28px rgba(6, 31, 61, 0.35);
}

.accmaa-accounting-cinema::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 40% 120% at 0% 50%, rgba(232, 197, 71, 0.12), transparent 55%),
        radial-gradient(ellipse 40% 120% at 100% 50%, rgba(96, 165, 250, 0.1), transparent 55%);
    pointer-events: none;
    animation: cinemaMeshPulse 8s ease-in-out infinite alternate;
}

.accmaa-accounting-cinema::after {
    content: '';
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #e8c547, #fff8dc, #e8c547, transparent);
    background-size: 200% 100%;
    animation: cinemaGoldSweep 4s linear infinite;
}

@keyframes cinemaMeshPulse {
    0% { opacity: 0.55; }
    100% { opacity: 1; }
}

@keyframes cinemaGoldSweep {
    0% { background-position: 200% center; }
    100% { background-position: -200% center; }
}

.accmaa-accounting-cinema[hidden] {
    display: none !important;
}

body.has-accounting-cinema {
    --cinema-bar-h: clamp(72px, 9vw, 96px);
}

body.has-accounting-cinema .topbar,
body.has-accounting-cinema .topbar.topbar-premium {
    top: calc(var(--utility-bar-h, 0px) + var(--cinema-bar-h, 0px)) !important;
}

.acc-cinema-inner {
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    position: relative;
}

.acc-cinema-head {
    position: absolute;
    top: 6px;
    right: 14px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(6, 31, 61, 0.82);
    border: 1px solid rgba(212, 175, 55, 0.4);
    color: #faf3dc;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    backdrop-filter: blur(6px);
}

.acc-cinema-pulse {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.6);
    animation: accCinemaPulse 2s ease-out infinite;
}

@keyframes accCinemaPulse {
    0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.55); }
    70% { box-shadow: 0 0 0 8px rgba(34, 197, 94, 0); }
    100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

.acc-cinema-viewport {
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.acc-cinema-track {
    display: flex;
    gap: 10px;
    width: max-content;
    padding: 8px 0 4px;
    animation: accCinemaScroll 48s linear infinite;
}

.acc-cinema-slide {
    flex: 0 0 auto;
    width: clamp(110px, 14vw, 168px);
    height: clamp(48px, 6vw, 62px);
    border-radius: 12px;
    overflow: hidden;
    border: 2px solid rgba(212, 175, 55, 0.35);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
    transform: perspective(400px) rotateY(-4deg);
    transition: transform 0.3s ease;
}

.acc-cinema-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: accCinemaKen 14s ease-in-out infinite alternate;
}

.acc-cinema-slide--photo img,
.acc-cinema-slide img {
    object-fit: cover;
    object-position: center;
    background: #0a2647;
}

.acc-cinema-term--link {
    background: rgba(6, 31, 61, 0.55);
    border: 1px solid rgba(212, 175, 55, 0.28);
    border-radius: 999px;
    padding: 1px 10px;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.2s, transform 0.2s, border-color 0.2s;
}

.acc-cinema-term--link:hover {
    background: rgba(212, 175, 55, 0.18);
    border-color: rgba(232, 197, 71, 0.55);
    transform: translateY(-1px);
}

.hero-photo-mini--themed {
    cursor: pointer;
    border: none;
    padding: 0;
    font: inherit;
    text-align: inherit;
    background: transparent;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.hero-photo-mini--themed:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
}

.hero-photo-mini--themed:focus-visible {
    outline: 2px solid #e8c547;
    outline-offset: 3px;
}

.acc-cinema-slide:nth-child(odd) img { animation-delay: -3s; }

@keyframes accCinemaScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes accCinemaKen {
    0% { transform: scale(1); }
    100% { transform: scale(1.12); }
}

.acc-cinema-terms {
    overflow: hidden;
    height: 18px;
    border-top: 1px solid rgba(212, 175, 55, 0.2);
    background: rgba(4, 22, 41, 0.65);
}

.acc-cinema-terms-track {
    display: flex;
    gap: 20px;
    width: max-content;
    padding: 2px 0;
    animation: accTermsScroll 28s linear infinite;
}

.acc-cinema-term {
    font-size: 0.58rem;
    font-weight: 800;
    color: #e8c547;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

@keyframes accTermsScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* ─── هيرو ضخم مع مدار محاسبي ─── */
.hero-premium--revamp {
    min-height: clamp(620px, 94vh, 1020px) !important;
    border-radius: 0 !important;
    box-shadow: 0 24px 64px rgba(6, 31, 61, 0.28);
    width: 100% !important;
    max-width: 100% !important;
}

.hero-premium--revamp .hero-photo-overlay {
    background:
        linear-gradient(108deg, rgba(4, 22, 41, 0.94) 0%, rgba(6, 31, 61, 0.82) 36%, rgba(10, 54, 105, 0.5) 58%, rgba(6, 31, 61, 0.42) 100%),
        linear-gradient(180deg, transparent 50%, rgba(4, 22, 41, 0.88) 100%);
}

.hero-premium--revamp .hero-premium-inner {
    padding: clamp(48px, 6vw, 88px) clamp(20px, 5vw, 64px) clamp(36px, 5vw, 56px);
    min-height: clamp(560px, 88vh, 920px);
    align-items: center;
}

.hero-premium--revamp .hero-premium h1 {
    font-size: clamp(2rem, 5.2vw, 3.6rem) !important;
    line-height: 1.15 !important;
}

.hero-premium--revamp .hero-premium-sub {
    font-size: clamp(1rem, 2vw, 1.15rem) !important;
    max-width: 540px;
}

.hero-floating-terms {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}

.hero-floating-terms span {
    position: absolute;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(212, 175, 55, 0.28);
    color: rgba(250, 243, 220, 0.75);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    animation: heroTermFloat 9s ease-in-out infinite;
    animation-delay: var(--term-delay, 0s);
}

.hero-floating-terms span:nth-child(1) { top: 12%; left: 8%; }
.hero-floating-terms span:nth-child(2) { top: 22%; right: 12%; }
.hero-floating-terms span:nth-child(3) { top: 55%; left: 4%; }
.hero-floating-terms span:nth-child(4) { top: 68%; right: 8%; }
.hero-floating-terms span:nth-child(5) { top: 38%; left: 42%; }
.hero-floating-terms span:nth-child(6) { top: 78%; left: 28%; }

@keyframes heroTermFloat {
    0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.65; }
    50% { transform: translateY(-12px) rotate(2deg); opacity: 1; }
}

.hero-orbit-stage {
    position: relative;
    min-height: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.hero-orbit-wrap {
    position: relative;
    width: min(100%, 300px);
    aspect-ratio: 1;
}

.hero-orbit-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px dashed rgba(212, 175, 55, 0.35);
    animation: heroOrbitSpin 24s linear infinite;
}

.hero-orbit-ring--2 {
    inset: 18%;
    animation-direction: reverse;
    animation-duration: 18s;
    border-style: solid;
    border-color: rgba(96, 165, 250, 0.25);
}

@keyframes heroOrbitSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.hero-orbit-core {
    position: absolute;
    inset: 32%;
    border-radius: 50%;
    background: linear-gradient(145deg, #d4af37 0%, #e8c547 50%, #c9a227 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
    color: #061f3d;
    box-shadow: 0 0 48px rgba(212, 175, 55, 0.45), inset 0 2px 0 rgba(255, 255, 255, 0.35);
    animation: heroCorePulse 3s ease-in-out infinite;
}

@keyframes heroCorePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.06); }
}

.hero-orbit-node {
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e8c547;
    font-size: 1rem;
    backdrop-filter: blur(4px);
    animation: heroNodeOrbit 12s linear infinite;
    animation-delay: var(--node-delay, 0s);
}

.hero-orbit-node--1 { top: 0; left: 50%; margin-left: -22px; --node-delay: 0s; }
.hero-orbit-node--2 { bottom: 8%; right: 0; --node-delay: -3s; }
.hero-orbit-node--3 { bottom: 8%; left: 0; --node-delay: -6s; }
.hero-orbit-node--4 { top: 38%; right: -4px; --node-delay: -9s; }
.hero-orbit-node--5 { top: 38%; left: -4px; --node-delay: -10.5s; }
.hero-orbit-node--6 { bottom: 42%; left: 50%; margin-left: -22px; --node-delay: -12s; }

@keyframes heroNodeOrbit {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

.hero-sector-rail {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 14px clamp(16px, 4vw, 40px) 18px;
    background: linear-gradient(180deg, transparent, rgba(4, 22, 41, 0.92));
}

.hero-sector-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(212, 175, 55, 0.35);
    color: #faf3dc;
    font-size: 0.78rem;
    font-weight: 700;
    backdrop-filter: blur(6px);
    transition: transform 0.2s, background 0.2s;
}

.hero-sector-pill i {
    color: var(--sector-color, #e8c547);
}

.hero-sector-pill:hover {
    transform: translateY(-2px);
    background: rgba(212, 175, 55, 0.16);
}

/* ─── بento وصول سريع ─── */
.dash-quick-bento {
    margin: clamp(20px, 3vw, 32px) clamp(14px, 4vw, 44px) 8px;
    padding: clamp(20px, 3vw, 28px);
    border-radius: var(--dash-revamp-radius);
    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 55%, #faf6ee 100%);
    border: 1px solid rgba(10, 54, 105, 0.1);
    box-shadow: 0 16px 48px rgba(10, 54, 105, 0.08);
}

.dash-quick-bento__head {
    margin-bottom: 18px;
}

.dash-quick-bento__head h2 {
    margin: 6px 0 4px;
    color: #0A3669;
    font-size: clamp(1.2rem, 2.5vw, 1.55rem);
}

.dash-quick-bento__head p {
    margin: 0;
    color: #3d5a73;
    font-size: 0.9rem;
}

.dash-bento-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.dash-bento-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 16px 14px;
    border-radius: 16px;
    border: 1px solid rgba(10, 54, 105, 0.1);
    background: #fff;
    cursor: pointer;
    font-family: inherit;
    text-align: start;
    transition: transform 0.25s ease, box-shadow 0.25s, border-color 0.2s;
    position: relative;
    overflow: hidden;
    min-height: 108px;
}

.dash-bento-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--bento-color, #0A3669) 0%, transparent 65%);
    opacity: 0.06;
    pointer-events: none;
}

.dash-bento-card:hover {
    transform: translateY(-4px);
    border-color: rgba(212, 175, 55, 0.45);
    box-shadow: 0 14px 36px rgba(10, 54, 105, 0.12);
}

.dash-bento-card--wide {
    grid-column: span 2;
    flex-direction: row;
    align-items: center;
    min-height: 96px;
}

.dash-bento-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(145deg, var(--bento-color, #0A3669), color-mix(in srgb, var(--bento-color) 70%, #000));
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
    box-shadow: 0 6px 16px color-mix(in srgb, var(--bento-color) 35%, transparent);
}

.dash-bento-card strong {
    display: block;
    color: #0A3669;
    font-size: 0.92rem;
    line-height: 1.35;
}

.dash-bento-card small {
    color: #5c7289;
    font-size: 0.72rem;
    line-height: 1.4;
}

.dash-bento-new {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 2px 7px;
    border-radius: 6px;
    background: #d4af37;
    color: #061f3d;
    font-size: 0.55rem;
    font-weight: 900;
}

/* ─── محاور — شبكة أوسع ─── */
.dash-landing--revamp .dash-flow__zone--pillars {
    margin: 12px clamp(10px, 3vw, 36px) 24px;
    padding: clamp(20px, 3vw, 32px) clamp(14px, 3vw, 28px);
    background: linear-gradient(165deg, #ffffff 0%, #f4f7fb 50%, #faf6ee 100%);
    border-radius: clamp(20px, 3vw, 28px);
    border: 1px solid rgba(212, 175, 55, 0.22);
    box-shadow: 0 20px 56px rgba(10, 54, 105, 0.09);
}

.dash-landing--revamp .pillar-grid-premium,
.dash-landing--revamp .pillar-hub .pillar-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(14px, 2.5vw, 22px);
}

.dash-landing--revamp .pillar-hub-card {
    border-radius: 20px !important;
    overflow: hidden;
}

.dash-landing--revamp .tools-strip-grid {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 14px;
}

.dash-landing--revamp .tool-strip-card {
    border-radius: 16px;
    min-height: 130px;
}

.dash-landing--revamp .dash-flow__zone--tools {
    margin: 0 clamp(10px, 3vw, 36px) 20px;
    padding: clamp(16px, 2.5vw, 24px);
    border-radius: var(--dash-revamp-radius);
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
    box-shadow: 0 12px 40px rgba(10, 54, 105, 0.07);
}

/* ─── responsive ─── */
@media (max-width: 1024px) {
    .dash-bento-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .dash-bento-card--wide {
        grid-column: span 2;
    }
    .hero-premium--revamp .hero-premium-inner {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .hero-premium--revamp .hero-premium-content {
        order: 1;
    }
    .hero-orbit-stage {
        order: 0;
        min-height: 260px;
    }
    .hero-premium--revamp .hero-premium-actions {
        justify-content: center;
    }
    .dash-landing--revamp .pillar-grid-premium {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .acc-cinema-head { display: none; }
    .dash-bento-grid { grid-template-columns: 1fr; }
    .dash-bento-card--wide { grid-column: span 1; flex-direction: column; align-items: flex-start; }
    .hero-sector-rail { gap: 6px; }
    .hero-sector-pill { font-size: 0.68rem; padding: 6px 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .acc-cinema-track,
    .acc-cinema-terms-track,
    .hero-orbit-ring,
    .hero-floating-terms span,
    .hero-orbit-node,
    .hero-orbit-core,
    .acc-cinema-slide img {
        animation: none !important;
    }
}

/* ═══ شعار Accmaa — واضح · بدون إطار · علامة مائية ═══ */
.topbar-start--logo-prominent {
    flex-shrink: 0;
    z-index: 3;
}

.topbar-brand-link--aqueous,
body.guest-mode .topbar-brand-link--aqueous,
body.premium-ui .topbar-brand-link--aqueous {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 4px 10px 4px 6px !important;
    border-radius: 0 !important;
}

.topbar-brand-link--aqueous:hover {
    background: transparent !important;
    transform: none !important;
}

.brand-logo--aqueous.topbar-logo,
.topbar-logo.brand-logo--aqueous,
body.guest-mode .brand-logo--aqueous.topbar-logo,
body.premium-ui .topbar-logo.brand-logo--aqueous {
    height: clamp(60px, 7.5vw, 80px) !important;
    max-width: min(240px, 30vw) !important;
    width: auto !important;
    object-fit: contain !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    mix-blend-mode: lighten;
    opacity: 0.92;
    filter: drop-shadow(0 3px 14px rgba(0, 0, 0, 0.28));
    image-rendering: auto;
}

.topbar-premium.is-scrolled .brand-logo--aqueous.topbar-logo {
    height: clamp(52px, 6vw, 64px) !important;
    max-width: min(200px, 26vw) !important;
}

.hero-logo-watermark {
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%);
    width: clamp(200px, 28vw, 420px);
    max-height: 55%;
    object-fit: contain;
    opacity: 0.1;
    pointer-events: none;
    z-index: 1;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none;
}

.dash-landing--revamp::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 38%;
    transform: translate(-50%, -50%);
    width: min(520px, 70vw);
    height: min(320px, 40vw);
    background: url('../images/Accmaa-logo-official.png') center / contain no-repeat;
    opacity: 0.035;
    pointer-events: none;
    z-index: 0;
}

.dash-landing--revamp {
    position: relative;
}

.dash-landing--revamp > .dash-flow__zone,
.dash-landing--revamp > .dash-quick-bento,
.dash-landing--revamp > .dash-translate-section,
.dash-landing--revamp > hr {
    position: relative;
    z-index: 1;
}

/* ═══ ترجمة الداشبورد — Google-like خارجي ═══ */
.dash-flow__zone--translate {
    margin: 8px clamp(10px, 3vw, 36px) 20px;
    padding: 0;
}

.dash-translate-section {
    display: grid;
    grid-template-columns: minmax(200px, 280px) 1fr;
    gap: 0;
    border-radius: clamp(20px, 3vw, 28px);
    background: linear-gradient(145deg, #ffffff 0%, #f8fbff 45%, #faf6ee 100%);
    border: 1px solid rgba(66, 133, 244, 0.22);
    box-shadow: 0 20px 56px rgba(10, 54, 105, 0.1);
    overflow: hidden;
}

.dash-translate-section__visual {
    position: relative;
    background: linear-gradient(165deg, #061f3d 0%, #0a3669 50%, #0d4a8a 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 20px;
    min-height: 100%;
}

.dash-translate-hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.18;
    pointer-events: none;
}

.dash-translate-hero-icon {
    position: relative;
    z-index: 2;
    width: clamp(120px, 18vw, 168px);
    height: clamp(120px, 18vw, 168px);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, rgba(255,255,255,0.2), rgba(232,197,71,0.15));
    border: 2px solid rgba(232, 197, 71, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 40px rgba(232, 197, 71, 0.25);
}

.dash-translate-hero-icon > i.fa-language {
    font-size: clamp(3rem, 8vw, 4.2rem);
    color: #e8c547;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.35));
}

.dash-translate-hero-orbit {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(6, 31, 61, 0.85);
    border: 1px solid rgba(232, 197, 71, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #faf3dc;
    font-size: 0.85rem;
    animation: dashTranslateOrbit 8s linear infinite;
}

.dash-translate-hero-orbit--1 { top: -8px; right: 8px; animation-delay: 0s; }
.dash-translate-hero-orbit--2 { bottom: 4px; left: -6px; animation-delay: -2.5s; }
.dash-translate-hero-orbit--3 { top: 42%; right: -14px; animation-delay: -5s; }

@keyframes dashTranslateOrbit {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

@media (max-width: 900px) {
    .dash-translate-section {
        grid-template-columns: 1fr;
    }
    .dash-translate-section__visual {
        min-height: 180px;
    }
}

.dash-translate-section__inner {
    padding: clamp(18px, 3vw, 28px);
}

.dash-translate-head h2 {
    color: #0A3669;
    margin: 6px 0 4px;
}

.dash-translate-head p {
    color: #3d5a73;
    margin: 0;
}

.dash-translate-section .translate-google-card--widget {
    margin-top: 12px;
    border-radius: 18px;
    box-shadow: 0 10px 32px rgba(10, 54, 105, 0.08);
}

.dash-translate-section .translate-textarea,
.dash-translate-section .translate-result {
    min-height: 160px;
}

@media (max-width: 768px) {
    .brand-logo--aqueous.topbar-logo,
    .topbar-logo.brand-logo--aqueous {
        height: 52px !important;
        max-width: 168px !important;
    }
    .hero-logo-watermark {
        width: min(240px, 55vw);
        opacity: 0.08;
    }
}


/* ---- accmaa-shell-global.css ---- */
/* ═══════════════════════════════════════════════════════════
   Accmaa Shell Global — drawer · عرض كامل · داشبورد منظم
   ═══════════════════════════════════════════════════════════ */

/* ─── عرض كامل — بدون فراغ جانبي على المنصة ─── */
html {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
}

body.premium-ui,
body.guest-mode.premium-ui,
body.guest-mode,
body.logged-site-home {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    --sidebar-w: 0px !important;
}

body.premium-ui .main-wrap,
body.guest-mode .main-wrap,
body.guest-mode.premium-ui .main-wrap,
body.logged-site-home.premium-ui .main-wrap,
body.guest-mode.guest-in-app.premium-ui .main-wrap,
body.sidebar-open.guest-mode.premium-ui .main-wrap {
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.premium-ui .topbar,
body.guest-mode .topbar,
body.premium-ui .topbar.topbar-premium,
body.guest-mode .topbar.topbar-premium {
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.premium-ui .accmaa-utility-stack {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
}

body.premium-ui #mainContent,
body.guest-mode #mainContent,
body.premium-ui .dash-landing,
body.premium-ui .dash-landing--revamp,
body.guest-mode .dash-landing--revamp {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    box-sizing: border-box !important;
}

body.guest-mode.premium-ui .hero-premium,
body.guest-mode.premium-ui .hero-premium--revamp,
body.guest-mode.premium-ui .hero-photo-cinema {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    border-radius: 0 !important;
}

body.guest-mode.premium-ui .hero-photo-slider,
body.guest-mode.premium-ui .hero-photo-slide,
body.guest-mode.premium-ui .hero-photo-slide img {
    width: 100% !important;
    max-width: 100% !important;
}

/* ─── القائمة الجانبية: مخفية دائماً حتى زر «القائمة» ─── */
body.premium-ui {
    --sidebar-w: 0px !important;
}

body.premium-ui .sidebar {
    width: min(300px, 92vw) !important;
    position: fixed !important;
    top: var(--header-stack-h, var(--topbar-h, 96px)) !important;
    right: 0 !important;
    height: calc(100dvh - var(--header-stack-h, var(--topbar-h, 96px))) !important;
    max-height: calc(100dvh - var(--header-stack-h, var(--topbar-h, 96px))) !important;
    transform: translateX(100%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 900 !important;
    box-shadow: -16px 0 48px rgba(0, 0, 0, 0.32) !important;
    transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body.premium-ui.sidebar-open .sidebar {
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

body.premium-ui.guest-in-app {
    --sidebar-w: 0px !important;
}

body.premium-ui.guest-in-app .sidebar {
    transform: translateX(100%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.premium-ui.guest-in-app.sidebar-open .sidebar {
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* طبقة تعتيم — ديسكتوب وموبايل */
.accmaa-sidebar-overlay {
    position: fixed;
    inset: 0;
    z-index: 850;
    background: rgba(6, 31, 61, 0.52);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    display: none;
    pointer-events: auto;
}
.accmaa-sidebar-overlay.is-visible {
    display: block;
}

body.premium-ui .topbar,
body.premium-ui .topbar.topbar-premium {
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

body.premium-ui .main-wrap {
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
}

/* زر القائمة — ظاهر لكل الأدوار */
body.premium-ui .topbar-menu-pill {
    display: inline-flex !important;
    flex-shrink: 0;
}

/* ─── الهيدر — لوجو متكامل بدون صندوق أبيض ─── */
body.guest-mode .topbar-brand-link,
body.logged-site-home .topbar-brand-link,
body.marketing-header .topbar-brand-link {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 2px 6px !important;
}

body.guest-mode .brand-logo-wrap--official,
body.logged-site-home .brand-logo-wrap--official {
    background: transparent !important;
    box-shadow: none !important;
}

/* الصفحة الرئيسية — بدون شريط فرعي مزدوج */
body.logged-site-home .topbar-sub {
    display: none !important;
}

body.logged-site-home.admin-mode .mega-nav,
body.logged-site-home.member-mode .mega-nav {
    display: flex !important;
}

body.logged-site-home .member-nav {
    display: none !important;
}

body.logged-site-home .logged-site-bar:not(.logged-site-bar--compact) {
    display: none !important;
}

/* شريط معاينة الإدارة — رفيع واحد */
.dash-admin-preview-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    padding: 7px clamp(12px, 3vw, 20px);
    background: linear-gradient(90deg, #041629, #0a3669 55%, #0d4a8a);
    color: #f1f5f9;
    font-size: 0.76rem;
    font-weight: 700;
    border-bottom: 1px solid rgba(212, 175, 55, 0.35);
}
.dash-admin-preview-strip__user {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #faf3dc;
    white-space: nowrap;
}
.dash-admin-preview-strip__user i { color: #D4AF37; }
.dash-admin-preview-strip__hint {
    flex: 1;
    text-align: center;
    color: rgba(255, 255, 255, 0.88);
    font-weight: 600;
    min-width: 0;
}
.dash-admin-preview-strip__hint i { color: #D4AF37; margin-inline-end: 4px; }

/* شريط داخلي مضغوط */
.logged-site-bar--compact {
    position: relative !important;
    top: auto !important;
    margin: 0 !important;
    padding: 8px clamp(12px, 3vw, 20px) !important;
    background: linear-gradient(90deg, #0a3669, #0d4a8a) !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
}
.logged-site-bar--compact .logged-site-bar-inner {
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
}
.logged-site-bar--compact .zone-navigator {
    display: none !important;
}
.logged-site-bar--compact .logged-site-greet {
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.92);
}
.logged-site-bar--compact .logged-site-greet strong { color: #fff; }
.logged-site-bar--compact .logged-site-actions .btn {
    padding: 5px 10px !important;
    font-size: 0.72rem !important;
}

/* ─── الداشبورد — بدون فراغات ─── */
body.logged-site-home .dash-landing,
body.guest-mode .dash-landing {
    margin: 0 !important;
    padding: 0 !important;
}

body.logged-site-home .dash-flow__zone--hero,
body.guest-mode .dash-flow__zone--hero {
    padding: 0 !important;
    margin: 0 !important;
}

body.logged-site-home .hero-premium,
body.logged-site-home .hero-photo-cinema,
body.guest-mode .hero-premium,
body.guest-mode .hero-photo-cinema {
    margin-top: 0 !important;
    border-radius: 0 !important;
}

body.guest-mode.premium-ui .main-wrap,
body.logged-site-home.premium-ui .main-wrap {
    margin-top: var(--header-stack-h, var(--topbar-h, 118px)) !important;
    padding: 0 !important;
    min-height: calc(100dvh - var(--header-stack-h, var(--topbar-h, 118px)));
}

.dash-preview-banner {
    padding: 6px 14px !important;
    font-size: 0.74rem !important;
    gap: 8px !important;
}

/* هيدر موحّد — صف واحد منظم */
body.guest-mode .topbar-row--swapped,
body.logged-site-home .topbar-row--swapped {
    align-items: center !important;
    gap: 8px !important;
    min-height: 56px !important;
}

body.guest-mode .mega-nav,
body.logged-site-home.admin-mode .mega-nav,
body.logged-site-home.member-mode .mega-nav {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-end !important;
    padding-inline: 4px !important;
}

html[dir="ltr"] body.guest-mode .mega-nav,
html[dir="ltr"] body.logged-site-home.admin-mode .mega-nav,
html[dir="ltr"] body.logged-site-home.member-mode .mega-nav {
    justify-content: flex-start !important;
}

body.logged-site-home .mega-flat-link--clean,
body.guest-mode .mega-flat-link--clean {
    padding: 8px 10px !important;
    min-height: 42px !important;
}

/* أقسام الداشبورد — إيقاع موحّد */
.dash-flow__zone {
    padding-block: 0 !important;
}
.dash-zone-divider {
    margin: 20px 0 !important;
}
.dash-landing .section-block {
    padding-inline: clamp(16px, 4vw, 48px) !important;
}

/* موبايل */
@media (max-width: 768px) {
    .dash-admin-preview-strip {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        padding: 6px 10px;
        font-size: 0.7rem;
    }
    .dash-admin-preview-strip__hint { order: -1; }
    .logged-site-bar--compact .logged-site-actions {
        justify-content: center;
        flex-wrap: wrap;
    }
    body.guest-mode .topbar-row--swapped,
    body.logged-site-home .topbar-row--swapped {
        min-height: 50px !important;
    }
}

@media (max-width: 480px) {
    .dash-admin-preview-strip .btn { width: 100%; }
    .logged-site-bar--compact .logged-site-actions .btn span {
        max-width: 72px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (min-width: 769px) and (max-width: 1280px) {
    body.guest-mode .mega-flat-link--clean span,
    body.logged-site-home .mega-flat-link--clean span {
        max-width: 4.8em;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

body.accmaa-sidebar-lock {
    overflow: hidden !important;
    touch-action: none;
}

/* ═══ تباين الهيدر — نصوص داكنة واضحة (ضد تعارضات الثيم) ═══ */
body.guest-mode .topbar-premium,
body.marketing-header .topbar-premium,
body.member-mode .topbar-premium,
body.admin-mode .topbar-premium,
body.logged-site-home .topbar-premium,
body.premium-ui .topbar-premium {
    background: linear-gradient(180deg, #ffffff 0%, #faf6ee 48%, #f4f8fc 100%) !important;
    border-bottom: 1px solid rgba(10, 54, 105, 0.1) !important;
    box-shadow: 0 4px 18px rgba(10, 54, 105, 0.07) !important;
    position: relative;
    overflow: hidden;
}

body.guest-mode .topbar-premium::before,
body.marketing-header .topbar-premium::before,
body.premium-ui .topbar-premium::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 55% 90% at 100% 0%, rgba(232, 197, 71, 0.14), transparent 58%),
        radial-gradient(ellipse 45% 80% at 0% 100%, rgba(10, 54, 105, 0.08), transparent 55%);
    pointer-events: none;
    animation: topbarMeshDrift 14s ease-in-out infinite alternate;
}

body.guest-mode .topbar-premium .topbar-shell,
body.marketing-header .topbar-premium .topbar-shell,
body.premium-ui .topbar-premium .topbar-shell {
    position: relative;
    z-index: 1;
}

@keyframes topbarMeshDrift {
    0% { transform: translateX(0); opacity: 0.7; }
    100% { transform: translateX(-2%); opacity: 1; }
}

body.guest-mode .topbar-visual-bg,
body.guest-mode .topbar-header-slider,
body.marketing-header .topbar-visual-bg {
    display: none !important;
}

body.guest-mode .topbar-accent-bar,
body.marketing-header .topbar-accent-bar,
body.member-mode .topbar-accent-bar,
body.admin-mode .topbar-accent-bar {
    background: linear-gradient(90deg, #0A3669, #D4AF37, #0A3669) !important;
}

body.guest-mode .mega-flat-link--clean,
body.guest-mode .mega-flat-link--clean span,
body.marketing-header .mega-flat-link--clean,
body.marketing-header .mega-flat-link--clean span,
body.logged-site-home .mega-flat-link--clean,
body.logged-site-home .mega-flat-link--clean span,
body.member-mode .mega-flat-link--clean,
body.member-mode .mega-flat-link--clean span,
body.admin-mode .mega-flat-link--clean,
body.admin-mode .mega-flat-link--clean span,
body.guest-mode .mega-trigger,
body.guest-mode .mega-trigger .mega-trigger-label,
body.guest-mode .mega-flat-link,
body.guest-mode .mega-flat-link > span,
body.marketing-header .mega-trigger,
body.marketing-header .mega-flat-link,
body.marketing-header .mega-flat-link > span,
body.premium-ui .mega-trigger,
body.premium-ui .mega-flat-link,
body.premium-ui .mega-flat-link > span,
body.premium-ui .mega-trigger .mega-trigger-label,
body.member-mode .member-link,
body.admin-mode .member-link,
body.member-mode .member-link span,
body.admin-mode .member-link span {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    opacity: 1 !important;
}

body.premium-ui .mega-flat-link--clean:hover,
body.premium-ui .mega-flat-link--clean:hover span,
body.guest-mode .mega-flat-link:hover,
body.guest-mode .mega-flat-link:hover span,
body.guest-mode .mega-trigger:hover,
body.guest-mode .mega-trigger:hover .mega-trigger-label,
body.marketing-header .mega-flat-link--clean:hover,
body.marketing-header .mega-flat-link--clean:hover span,
body.member-mode .member-link:hover,
body.admin-mode .member-link:hover {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
    background: rgba(212, 175, 55, 0.18) !important;
}

body.guest-mode .user-bar .btn-outline,
body.premium-ui .topbar-premium .btn-outline,
body.marketing-header .btn-outline {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    border-color: rgba(10, 54, 105, 0.35) !important;
    background: #fff !important;
}

body.guest-mode .user-bar .btn-outline:hover,
body.premium-ui .topbar-premium .btn-outline:hover,
body.marketing-header .btn-outline:hover {
    color: #061f3d !important;
    background: rgba(212, 175, 55, 0.14) !important;
}

body.guest-mode .topbar-icon-btn,
body.member-mode .topbar-icon-btn,
body.admin-mode .topbar-icon-btn,
body.marketing-header .topbar-icon-btn {
    background: #fff !important;
    border-color: rgba(10, 54, 105, 0.12) !important;
}

body.guest-mode .topbar-icon-btn,
body.guest-mode .topbar-icon-btn i,
body.member-mode .topbar-icon-btn i,
body.admin-mode .topbar-icon-btn i,
body.marketing-header .topbar-icon-btn i {
    color: #0A3669 !important;
}

body.guest-mode .breadcrumb,
body.guest-mode .breadcrumb-home,
body.member-mode .breadcrumb,
body.admin-mode .breadcrumb {
    color: #3d5a73 !important;
}

body.guest-mode .topbar-tagline,
body.marketing-header .topbar-tagline,
body.member-mode .topbar-tagline,
body.admin-mode .topbar-tagline {
    color: #5c7289 !important;
    -webkit-text-fill-color: #5c7289 !important;
}

body.guest-mode .lang-btn:not(.active),
body.premium-ui .lang-btn:not(.active) {
    color: #0A3669 !important;
}

body.guest-mode .user-bar-name,
body.member-mode .user-bar-name,
body.admin-mode .user-bar-name {
    color: #0A3669 !important;
}

body.guest-mode .topbar-brand-name,
body.marketing-header .topbar-brand-name {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    background: none !important;
}

/* ─── نصوص الداشبورد — ذهبي واضح على خلفية فاتحة ─── */
.powers-eyebrow,
.section-head .powers-eyebrow {
    color: #8a7020 !important;
}
.section-head h2,
.section-block h2,
.gift-card h4,
.pillar-card h3 {
    color: #0A3669 !important;
}
.section-head p,
.section-block p,
.gift-card p,
.content-panel p {
    color: #3d5a73 !important;
}
.gift-card .free-tag,
.btn-gold {
    color: #061f3d !important;
}

/* ═══ حماية التفاعل — طبقات زخرفية لا تمنع النقر ═══ */
.topbar-visual-bg,
.topbar-header-slider,
.hero-photo-overlay,
.hero-photo-slider,
.dash-landing::before,
.main-wrap::before,
.accmaa-buddy-panel::before,
.arab-globe-grid,
.arab-globe-halo,
.arab-globe-links,
.buddy-mascot,
.tax-inst-section-bg,
.choices-visual-bg,
.coming-soon-card-visual::after,
.pillar-card.has-card-bg::before {
    pointer-events: none !important;
}

.accmaa-sidebar-overlay:not(.is-visible) {
    display: none !important;
    pointer-events: none !important;
}

.arab-globe-node,
.mega-flat-link,
.member-link,
.gift-card,
.pillar-card,
.icon-btn,
.topbar-icon-btn,
.accmaa-buddy-panel,
.buddy-mobile-toggle {
    pointer-events: auto !important;
}

.arab-globe-node {
    z-index: 8 !important;
    cursor: pointer;
}

/* ═══ داشبورد منظم — كرة الوطن العربي ═══ */
.dash-flow__zone--arab-globe {
    padding: clamp(18px, 3.5vw, 36px) clamp(14px, 4vw, 44px);
    background: linear-gradient(180deg, rgba(250, 246, 238, 0.55) 0%, transparent 100%);
}

.arab-homeland-section {
    border-radius: 24px;
    border: 1px solid rgba(212, 175, 55, 0.22);
    background: linear-gradient(145deg, #ffffff 0%, #faf6ee 100%);
    box-shadow: 0 12px 36px rgba(10, 54, 105, 0.08);
    overflow: hidden;
}

.arab-homeland-grid {
    align-items: stretch;
}

/* ═══ وضوح بصري — تقليل البكسلة على الأيقونات ═══ */
.brand-logo,
.brand-logo--official,
.arab-flag-img,
.partner-logo,
.topbar-icon-btn i,
.mega-nav-icon-wrap i,
.has-icon-bg > i {
    image-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.topbar-icon-btn i,
.mega-nav-icon-wrap i,
.has-icon-bg > i {
    transform: none !important;
    filter: none !important;
}

/* ═══ وضوح النص — منصة كاملة على خلفيات فاتحة ═══ */
body.premium-ui .landing-stats-bar {
    background: linear-gradient(90deg, #061f3d, #0A3669 50%, #0d4a8a) !important;
    border: none !important;
    color: #fff !important;
}

body.premium-ui .landing-stat strong {
    color: #e8c547 !important;
    -webkit-text-fill-color: #e8c547 !important;
}

body.premium-ui .landing-stat span {
    color: rgba(255, 255, 255, 0.92) !important;
    opacity: 1 !important;
}

body.premium-ui .dash-landing .guide-card p,
body.premium-ui .dash-landing .guide-step,
body.premium-ui .guide-card p,
body.premium-ui .power-card h4,
body.premium-ui .power-card p,
body.premium-ui .choice-visual-tile strong,
body.premium-ui .choice-visual-tile small,
body.premium-ui .landing-reason-card strong,
body.premium-ui .landing-reason-card small,
body.premium-ui .faq-item summary,
body.premium-ui .faq-item p,
body.premium-ui .coming-soon-card-body strong,
body.premium-ui .coming-soon-card-body small,
body.premium-ui .live-spotlight-card h3,
body.premium-ui .live-spotlight-card p,
body.premium-ui .testimonial-card p,
body.premium-ui .testimonial-card cite,
body.premium-ui .page-title,
body.premium-ui .page-desc,
body.premium-ui .page-desc-inline,
body.premium-ui .hub-topic-card h4,
body.premium-ui .hub-topic-card p,
body.premium-ui .gift-card h4,
body.premium-ui .gift-card p,
body.premium-ui .pillar-card h3,
body.premium-ui .pillar-card p,
body.premium-ui .doctor-card h4,
body.premium-ui .doctor-card p,
body.premium-ui .path-card h4,
body.premium-ui .path-card p,
body.premium-ui .course-card h4,
body.premium-ui .course-card p,
body.premium-ui .contact-showcase-section h2,
body.premium-ui .contact-showcase-section p,
body.premium-ui .contact-icon-tile strong,
body.premium-ui .contact-icon-tile small,
body.premium-ui .arab-homeland-section h2,
body.premium-ui .arab-homeland-section p,
body.premium-ui .accmaa-translate-page h2,
body.premium-ui .accmaa-translate-page p,
body.premium-ui .form-group label,
body.premium-ui .panel-premium h3,
body.premium-ui .panel-premium p,
body.premium-ui .empty-state p,
body.premium-ui .empty-hint {
    opacity: 1 !important;
}

body.premium-ui .dash-landing .guide-card p,
body.premium-ui .power-card p,
body.premium-ui .choice-visual-tile small,
body.premium-ui .landing-reason-card small,
body.premium-ui .faq-item p,
body.premium-ui .coming-soon-card-body small,
body.premium-ui .live-spotlight-card p,
body.premium-ui .testimonial-card p,
body.premium-ui .page-desc,
body.premium-ui .page-desc-inline,
body.premium-ui .hub-topic-card p,
body.premium-ui .gift-card p,
body.premium-ui .pillar-card p,
body.premium-ui .doctor-card p,
body.premium-ui .path-card p,
body.premium-ui .course-card p,
body.premium-ui .section-head p,
body.premium-ui .section-block p,
body.premium-ui .contact-showcase-section p,
body.premium-ui .contact-icon-tile small,
body.premium-ui .arab-homeland-section p,
body.premium-ui .accmaa-translate-page p,
body.premium-ui .panel-premium p,
body.premium-ui .empty-state p,
body.premium-ui .empty-hint {
    color: #3d5a73 !important;
    -webkit-text-fill-color: #3d5a73 !important;
}

body.premium-ui .dash-landing .guide-step,
body.premium-ui .power-card h4,
body.premium-ui .choice-visual-tile strong,
body.premium-ui .landing-reason-card strong,
body.premium-ui .faq-item summary,
body.premium-ui .coming-soon-card-body strong,
body.premium-ui .live-spotlight-card h3,
body.premium-ui .page-title,
body.premium-ui .hub-topic-card h4,
body.premium-ui .gift-card h4,
body.premium-ui .pillar-card h3,
body.premium-ui .doctor-card h4,
body.premium-ui .path-card h4,
body.premium-ui .course-card h4,
body.premium-ui .section-head h2,
body.premium-ui .section-block h2,
body.premium-ui .contact-showcase-section h2,
body.premium-ui .contact-icon-tile strong,
body.premium-ui .arab-homeland-section h2,
body.premium-ui .accmaa-translate-page h2,
body.premium-ui .panel-premium h3,
body.premium-ui .form-group label {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    background: none !important;
}

body.premium-ui .breadcrumb span {
    color: #8a7020 !important;
    -webkit-text-fill-color: #8a7020 !important;
}

body.premium-ui .mega-dropdown-head,
body.premium-ui .mega-dropdown .mega-flat-link,
body.premium-ui .search-panel,
body.premium-ui .notif-panel {
    color: #0A3669 !important;
}

body.premium-ui .mega-dropdown .mega-flat-link span,
body.premium-ui .mega-dropdown .mega-flat-link small {
    color: #3d5a73 !important;
}

/* بطاقات «لماذا Accmaa» — نصوص داكنة على خلفية داكنة للبطاقة */
body.premium-ui .dash-landing .feature-item h4 {
    color: #faf3dc !important;
    -webkit-text-fill-color: #faf3dc !important;
}

body.premium-ui .dash-landing .feature-item p {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
}


/* ---- accmaa-text-clarity.css ---- */
/* ═══════════════════════════════════════════════════════════
   Accmaa Text Clarity — نصوص واضحة · ألوان قابلة للقراءة
   ═══════════════════════════════════════════════════════════ */

body.premium-ui .main-wrap {
    --acc-read-heading: #061f3d;
    --acc-read-body: #2d4a63;
    --acc-read-muted: #4a6578;
    --acc-read-accent: #7a6318;
    --acc-read-link: #0A3669;
}

/* ─── عناوين وأجسام — كل الصفحات الفاتحة ─── */
body.premium-ui .main-inner h1,
body.premium-ui .main-inner h2,
body.premium-ui .main-inner h3,
body.premium-ui .main-inner h4,
body.premium-ui .dash-landing h2,
body.premium-ui .dash-landing .section-head h3,
body.premium-ui .dash-landing .section-head h4,
body.premium-ui .section-head h2,
body.premium-ui .section-head h3,
body.premium-ui .section-block:not(.hero-premium):not(.cta-premium) > .section-head h2,
body.premium-ui .section-block:not(.hero-premium):not(.cta-premium) > .section-head h3,
body.premium-ui .section-block:not(.hero-premium):not(.cta-premium) > .section-head h4,
body.premium-ui .content-panel h2,
body.premium-ui .content-panel h3,
body.premium-ui .content-panel h4,
body.premium-ui .panel-premium h3,
body.premium-ui .page-title,
body.premium-ui .dash-bento-card strong,
body.premium-ui .tool-strip-card strong,
body.premium-ui .pillar-hub-card h3,
body.premium-ui .pillar-card h3,
body.premium-ui .gift-card h4,
body.premium-ui .power-card h4,
body.premium-ui .guide-card .guide-step,
body.premium-ui .choice-visual-tile strong,
body.premium-ui .hub-topic-card h4,
body.premium-ui .doctor-card h4,
body.premium-ui .path-card h4,
body.premium-ui .course-card h4,
body.premium-ui .landing-reason-card strong,
body.premium-ui .faq-item summary,
body.premium-ui .coming-soon-card-body strong,
body.premium-ui .live-spotlight-card h3,
body.premium-ui .contact-showcase-section h2,
body.premium-ui .contact-icon-tile strong,
body.premium-ui .dash-translate-head h2,
body.premium-ui .gift-cat-title,
body.premium-ui .gift-explore-cta h3,
body.premium-ui .form-group label {
    color: var(--acc-read-heading) !important;
    -webkit-text-fill-color: var(--acc-read-heading) !important;
    background: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

body.premium-ui .main-inner p,
body.premium-ui .section-head p,
body.premium-ui .section-block:not(.hero-premium):not(.cta-premium) > .section-head p,
body.premium-ui .content-panel p,
body.premium-ui .panel-premium p,
body.premium-ui .page-desc,
body.premium-ui .page-desc-inline,
body.premium-ui .dash-bento-card small,
body.premium-ui .tool-strip-card small,
body.premium-ui .pillar-hub-card p,
body.premium-ui .pillar-card p,
body.premium-ui .gift-card p,
body.premium-ui .power-card p,
body.premium-ui .guide-card p,
body.premium-ui .choice-visual-tile small,
body.premium-ui .hub-topic-card p,
body.premium-ui .doctor-card p,
body.premium-ui .path-card p,
body.premium-ui .course-card p,
body.premium-ui .landing-reason-card small,
body.premium-ui .faq-item p,
body.premium-ui .coming-soon-card-body small,
body.premium-ui .live-spotlight-card p,
body.premium-ui .testimonial-card p,
body.premium-ui .contact-showcase-section p,
body.premium-ui .contact-icon-tile small,
body.premium-ui .dash-translate-head p,
body.premium-ui .gift-cat-desc,
body.premium-ui .gift-disclaimer,
body.premium-ui .empty-state p,
body.premium-ui .empty-hint,
body.premium-ui .arab-homeland-section p,
body.premium-ui .accmaa-translate-page p,
body.premium-ui .translate-result,
body.premium-ui .translate-textarea,
body.premium-ui .translate-lang-select {
    color: var(--acc-read-body) !important;
    -webkit-text-fill-color: var(--acc-read-body) !important;
    opacity: 1 !important;
}

body.premium-ui .powers-eyebrow,
body.premium-ui .dash-eyebrow,
body.premium-ui .section-head .powers-eyebrow,
body.guest-mode.premium-ui .powers-eyebrow,
body.guest-mode.premium-ui .dash-landing .section-head p.powers-eyebrow {
    color: var(--acc-read-accent) !important;
    -webkit-text-fill-color: var(--acc-read-accent) !important;
    font-weight: 800 !important;
    opacity: 1 !important;
}

body.premium-ui .breadcrumb,
body.premium-ui .breadcrumb-home {
    color: var(--acc-read-muted) !important;
    -webkit-text-fill-color: var(--acc-read-muted) !important;
}

body.premium-ui .breadcrumb span {
    color: var(--acc-read-accent) !important;
    -webkit-text-fill-color: var(--acc-read-accent) !important;
}

body.premium-ui .main-inner a:not(.btn):not(.accmaa-social-chip):not(.contact-icon-tile),
body.premium-ui .content-panel a:not(.btn) {
    color: var(--acc-read-link) !important;
}

/* ─── استثناءات — خلفيات داكنة ─── */
body.premium-ui .hero-premium h1,
body.premium-ui .hero-premium h2,
body.premium-ui .hero-premium p,
body.premium-ui .hero-premium-sub,
body.premium-ui .hero-premium-badge,
body.premium-ui .hero-sector-pill,
body.premium-ui .cta-premium h3,
body.premium-ui .cta-premium p,
body.premium-ui .gift-hero-premium h1,
body.premium-ui .gift-hero-premium p,
body.premium-ui .gift-hero h1,
body.premium-ui .gift-hero p,
body.premium-ui .feature-item h4,
body.premium-ui .feature-item p,
body.premium-ui .accmaa-social-bar,
body.premium-ui .accmaa-social-bar .accmaa-social-chip,
body.premium-ui .landing-stats-bar,
body.premium-ui .landing-stats-bar span,
body.premium-ui .landing-stat strong {
    -webkit-text-fill-color: unset;
}

body.premium-ui .hero-premium h1,
body.premium-ui .hero-premium h1 .hero-line-accent {
    color: #faf3dc !important;
    -webkit-text-fill-color: #faf3dc !important;
}

body.premium-ui .hero-premium-sub {
    color: #e8edf4 !important;
    -webkit-text-fill-color: #e8edf4 !important;
}

body.premium-ui .gift-hero-premium h1,
body.premium-ui .gift-hero-premium p {
    color: #faf3dc !important;
    -webkit-text-fill-color: #faf3dc !important;
}

body.premium-ui .feature-item h4 {
    color: #faf3dc !important;
    -webkit-text-fill-color: #faf3dc !important;
}

body.premium-ui .feature-item p {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
}

/* ─── قوائم وبحث ─── */
body.premium-ui .mega-dropdown .mega-flat-link,
body.premium-ui .mega-dropdown-head,
body.premium-ui .search-panel,
body.premium-ui .notif-panel,
body.premium-ui .notif-item {
    color: var(--acc-read-heading) !important;
}

body.premium-ui .mega-dropdown .mega-flat-link small,
body.premium-ui .notif-item small {
    color: var(--acc-read-body) !important;
}

/* ─── بطاقات وصول سريع ─── */
body.premium-ui .dash-bento-card {
    background: #fff !important;
    border-color: rgba(10, 54, 105, 0.14) !important;
}

body.premium-ui .dash-quick-bento__head p,
body.premium-ui .dash-quick-bento__head h2 {
    color: var(--acc-read-heading) !important;
}

/* ─── أدوات المحاسب ─── */
body.premium-ui .tool-strip-card strong {
    font-weight: 800 !important;
}

body.premium-ui .tool-strip-card small {
    font-weight: 600 !important;
    color: var(--acc-read-muted) !important;
}

/* ─── هدايا — نصوص على خلفية فاتحة ─── */
body.premium-ui .gifts-hub-page .gift-card h4 {
    color: var(--acc-read-heading) !important;
}

body.premium-ui .gifts-hub-page .gift-card p {
    color: var(--acc-read-body) !important;
}

body.premium-ui .gift-card .free-tag {
    color: #061f3d !important;
    font-weight: 800 !important;
}

/* ─── تفقيط وترجمة ─── */
body.premium-ui .accmaa-translate-page h1,
body.premium-ui .accmaa-translate-page h2 {
    color: var(--acc-read-heading) !important;
}

body.premium-ui .translate-placeholder,
body.premium-ui .translate-char-count,
body.premium-ui .translate-provider {
    color: var(--acc-read-muted) !important;
}

/* ─── تناسق الألوان — خلفية كحلي = نص ذهبي/أبيض ─── */
body.premium-ui .dash-landing .cta-premium h3,
body.premium-ui .cta-premium h3 {
    color: #e8c547 !important;
    -webkit-text-fill-color: #e8c547 !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.35) !important;
}

body.premium-ui .dash-landing .cta-premium p,
body.premium-ui .cta-premium p {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    opacity: 1 !important;
}

body.premium-ui .cta-premium-eyebrow {
    color: #e8c547 !important;
    -webkit-text-fill-color: #e8c547 !important;
}

body.premium-ui .dash-landing .section-block .features-row .feature-item h4,
body.premium-ui .features-row .feature-item h4 {
    color: #faf3dc !important;
    -webkit-text-fill-color: #faf3dc !important;
}

body.premium-ui .dash-landing .section-block .features-row .feature-item p,
body.premium-ui .features-row .feature-item p {
    color: #e2e8f0 !important;
    -webkit-text-fill-color: #e2e8f0 !important;
    opacity: 1 !important;
}

body.premium-ui .site-footer-rich,
body.premium-ui .site-footer-global {
    color: #f1f5f9 !important;
}

body.premium-ui .site-footer-rich .footer-brand-col p,
body.premium-ui .site-footer-global .footer-brand p {
    color: rgba(248, 250, 252, 0.88) !important;
    -webkit-text-fill-color: rgba(248, 250, 252, 0.88) !important;
    opacity: 1 !important;
}

body.premium-ui .site-footer-rich .footer-col h4,
body.premium-ui .site-footer-global .footer-col h4 {
    color: #e8c547 !important;
    -webkit-text-fill-color: #e8c547 !important;
}

body.premium-ui .site-footer-rich .footer-link,
body.premium-ui .site-footer-global .footer-link,
body.premium-ui .site-footer-rich .footer-verify-link,
body.premium-ui .site-footer-global a.footer-link {
    color: rgba(248, 250, 252, 0.9) !important;
    -webkit-text-fill-color: rgba(248, 250, 252, 0.9) !important;
}

body.premium-ui .site-footer-rich .footer-link:hover,
body.premium-ui .site-footer-global .footer-link:hover,
body.premium-ui .site-footer-rich a.footer-link:hover {
    color: #faf3dc !important;
    -webkit-text-fill-color: #faf3dc !important;
}

body.premium-ui .site-footer-rich .site-footer-bottom,
body.premium-ui .site-footer-global .site-footer-bottom {
    color: rgba(248, 250, 252, 0.78) !important;
    opacity: 1 !important;
}

body.premium-ui .site-footer-rich .footer-made a,
body.premium-ui .site-footer-global .footer-made a {
    color: #e8c547 !important;
    -webkit-text-fill-color: #e8c547 !important;
}

body.premium-ui .footer-dev-credit {
    border-color: rgba(232, 197, 71, 0.42) !important;
}

body.premium-ui .footer-dev-role {
    color: #f0d060 !important;
    -webkit-text-fill-color: #f0d060 !important;
}

body.premium-ui .footer-dev-name {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.premium-ui .footer-dev-phone {
    color: rgba(248, 250, 252, 0.88) !important;
    -webkit-text-fill-color: rgba(248, 250, 252, 0.88) !important;
}

body.premium-ui .footer-dev-action,
body.premium-ui .footer-dev-action svg {
    -webkit-text-fill-color: unset !important;
    color: #fff !important;
}

body.premium-ui .footer-dev-num {
    color: rgba(248, 250, 252, 0.92) !important;
    -webkit-text-fill-color: rgba(248, 250, 252, 0.92) !important;
}

body.premium-ui .brand-logo--aqueous.footer-logo,
body.premium-ui .site-footer-rich .footer-logo.brand-logo--aqueous {
    max-height: 56px !important;
    width: auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    filter: drop-shadow(0 4px 18px rgba(0, 0, 0, 0.35));
}

/* خلفية ذهبية — نص أبيض/كحلي */
body.premium-ui .btn-gold,
body.premium-ui .btn.btn-gold {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
}


/* ---- accmaa-color-harmony.css ---- */
/* ═══════════════════════════════════════════════════════════
   Accmaa Color Harmony — تناسق · وضوح · تنظيم بصري
   قاعدة: كحلي → ذهبي/أبيض | فاتح → كحلي | ذهبي → كحلي
   ═══════════════════════════════════════════════════════════ */

:root {
    --acc-gold: #e8c547;
    --acc-gold-soft: #faf3dc;
    --acc-navy: #061f3d;
    --acc-navy-mid: #0a3669;
    --acc-on-navy: #f8fafc;
    --acc-on-light: #061f3d;
    --acc-on-gold: #061f3d;
    --acc-zone-gap: clamp(20px, 3.5vw, 36px);
}

/* ─── إيقاع الأقسام ─── */
body.guest-mode.premium-ui .dash-landing--revamp .dash-flow__zone {
    margin-bottom: var(--acc-zone-gap);
}

body.guest-mode.premium-ui .dash-landing--revamp .section-block.dash-zone {
    margin-inline: clamp(12px, 3vw, 40px);
    padding: clamp(22px, 3.5vw, 36px);
}

body.guest-mode.premium-ui .dash-landing--revamp .dash-zone-divider {
    margin: clamp(28px, 4vw, 48px) clamp(20px, 5vw, 80px);
    border: none;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.45), transparent);
    opacity: 1;
}

/* ─── بطاقات «لماذا Accmaa» ─── */
body.premium-ui .dash-landing--revamp .features-row {
    gap: clamp(14px, 2.5vw, 22px);
}

body.premium-ui .dash-landing--revamp .feature-item {
    padding: clamp(24px, 3vw, 32px) clamp(16px, 2.5vw, 22px);
    border-radius: 20px;
    background: linear-gradient(165deg, rgba(10, 54, 105, 0.95) 0%, rgba(6, 31, 61, 0.98) 100%) !important;
    border: 1px solid rgba(232, 197, 71, 0.28) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

body.premium-ui .dash-landing--revamp .feature-item:hover {
    transform: translateY(-6px);
    border-color: rgba(232, 197, 71, 0.5) !important;
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.28);
}

body.premium-ui .dash-landing--revamp .feature-item i {
    width: 68px;
    height: 68px;
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(232, 197, 71, 0.18), rgba(232, 197, 71, 0.06));
    border: 1px solid rgba(232, 197, 71, 0.35);
    color: var(--acc-gold) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

body.premium-ui .dash-landing--revamp .feature-item h4 {
    color: var(--acc-gold-soft) !important;
    -webkit-text-fill-color: var(--acc-gold-soft) !important;
    font-weight: 800;
    font-size: 1rem;
    line-height: 1.45;
}

body.premium-ui .dash-landing--revamp .feature-item p {
    color: var(--acc-on-navy) !important;
    -webkit-text-fill-color: var(--acc-on-navy) !important;
    opacity: 0.92 !important;
    line-height: 1.65;
    font-size: 0.86rem;
}

/* ─── صور الهيرو — محاسبة و AI ─── */
body.premium-ui .hero-photo-mini--themed img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

body.premium-ui .hero-photo-mini--themed {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    border: 2px solid rgba(232, 197, 71, 0.42);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}

body.premium-ui .hero-photo-mini--themed::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 45%, rgba(6, 31, 61, 0.82) 100%);
    pointer-events: none;
}

body.premium-ui .hero-photo-mini-tag {
    position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(6, 31, 61, 0.78);
    border: 1px solid rgba(232, 197, 71, 0.35);
    color: var(--acc-gold-soft) !important;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    backdrop-filter: blur(4px);
}

body.premium-ui .hero-photo-mini-tag i {
    color: var(--acc-gold) !important;
    font-size: 0.7rem;
}

/* ─── CTA — مستقبلك المهني ─── */
body.premium-ui .dash-landing--revamp .cta-premium {
    margin: var(--acc-zone-gap) clamp(12px, 3vw, 40px) 0;
    padding: clamp(40px, 5vw, 56px) clamp(24px, 4vw, 48px);
    border-radius: 24px;
    border: 1px solid rgba(232, 197, 71, 0.28);
    background: linear-gradient(145deg, #0a2647 0%, #061f3d 55%, #041629 100%) !important;
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.28);
}

body.premium-ui .dash-landing--revamp .cta-premium h3,
body.premium-ui .cta-premium h3 {
    color: var(--acc-gold) !important;
    -webkit-text-fill-color: var(--acc-gold) !important;
}

body.premium-ui .dash-landing--revamp .cta-premium p,
body.premium-ui .cta-premium p {
    color: var(--acc-on-navy) !important;
    -webkit-text-fill-color: var(--acc-on-navy) !important;
}

body.premium-ui .dash-landing--revamp .cta-premium .btn-gold {
    color: var(--acc-on-gold) !important;
    -webkit-text-fill-color: var(--acc-on-gold) !important;
    font-weight: 800;
    box-shadow: 0 10px 28px rgba(232, 197, 71, 0.35);
}

/* ─── الفوتر — منظم وواضح ─── */
body.premium-ui .site-footer-rich {
    margin-top: 0;
    padding: clamp(40px, 5vw, 56px) clamp(16px, 4vw, 28px) clamp(20px, 3vw, 28px);
    border-top: 3px solid rgba(232, 197, 71, 0.45);
    background: linear-gradient(180deg, #061f3d 0%, #041629 100%) !important;
}

body.premium-ui .site-footer-rich .footer-brand-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

body.premium-ui .site-footer-rich .footer-brand-col p {
    color: rgba(248, 250, 252, 0.9) !important;
    -webkit-text-fill-color: rgba(248, 250, 252, 0.9) !important;
    max-width: 28ch;
    line-height: 1.7;
    opacity: 1 !important;
}

body.premium-ui .site-footer-rich .footer-col h4 {
    color: var(--acc-gold) !important;
    -webkit-text-fill-color: var(--acc-gold) !important;
    font-size: 0.92rem;
    font-weight: 800;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(232, 197, 71, 0.22);
    margin-bottom: 14px;
}

body.premium-ui .site-footer-rich .footer-link,
body.premium-ui .site-footer-rich a.footer-link {
    color: rgba(248, 250, 252, 0.88) !important;
    -webkit-text-fill-color: rgba(248, 250, 252, 0.88) !important;
    padding: 6px 0;
    transition: color 0.2s ease, transform 0.2s ease;
}

body.premium-ui .site-footer-rich .footer-link:hover,
body.premium-ui .site-footer-rich a.footer-link:hover {
    color: var(--acc-gold-soft) !important;
    -webkit-text-fill-color: var(--acc-gold-soft) !important;
    transform: translateX(-3px);
}

body.premium-ui .site-footer-rich .footer-made a {
    color: var(--acc-gold) !important;
    -webkit-text-fill-color: var(--acc-gold) !important;
    text-decoration: none;
    font-weight: 700;
}

body.premium-ui .site-footer-rich .footer-made a:hover {
    text-decoration: underline;
}

body.premium-ui .site-footer-rich .footer-social-link {
    width: 46px;
    height: 46px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

body.premium-ui .site-footer-rich .footer-social-link:hover {
    transform: translateY(-3px) scale(1.06);
    border-color: rgba(255, 255, 255, 0.35);
}

body.premium-ui .brand-logo--aqueous.footer-logo {
    max-height: 64px !important;
    margin-bottom: 6px;
}

/* ─── منع تعارض brand-theme على الخلفيات الداكنة ─── */
body.premium-ui .cta-premium h3,
body.premium-ui .site-footer-rich h4,
body.premium-ui .site-footer-rich p,
body.premium-ui .feature-item h4,
body.premium-ui .feature-item p {
    background: none !important;
}

body.premium-ui .section-block > .section-head h2 {
    color: var(--acc-on-light) !important;
    -webkit-text-fill-color: var(--acc-on-light) !important;
}

body.premium-ui .section-block > .section-head p:not(.powers-eyebrow) {
    color: #2d4a63 !important;
    -webkit-text-fill-color: #2d4a63 !important;
}

@media (max-width: 800px) {
    body.premium-ui .site-footer-rich .site-footer-grid {
        gap: 24px;
    }

    body.premium-ui .hero-photo-mini-tag {
        font-size: 0.58rem;
    }
}


/* ---- accmaa-ultra-premium.css ---- */
/* ═══════════════════════════════════════════════════════════
   Accmaa Ultra Premium — داشبورد · هيدر · أيقونات · إدارة
   ═══════════════════════════════════════════════════════════ */

:root {
    --ultra-navy: #041629;
    --ultra-navy-mid: #0a3669;
    --ultra-gold: #e8c547;
    --ultra-gold-soft: #fff8dc;
    --ultra-glass: rgba(255, 255, 255, 0.82);
    --ultra-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --ultra-spring: cubic-bezier(0.34, 1.45, 0.64, 1);
    --ultra-section-gap: clamp(12px, 2vw, 22px);
    --ultra-pad-x: clamp(14px, 3vw, 32px);
}

/* ─── شريط تقدم التمرير ─── */
.accmaa-scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 0;
    z-index: 9998;
    background: linear-gradient(90deg, var(--ultra-gold), #fff8dc, var(--ultra-gold));
    background-size: 200% 100%;
    animation: ultraProgressShine 3s linear infinite;
    box-shadow: 0 0 12px rgba(232, 197, 71, 0.55);
    pointer-events: none;
    transition: width 0.08s linear;
}

@keyframes ultraProgressShine {
    0% { background-position: 200% center; }
    100% { background-position: -200% center; }
}

/* ─── خلفية حية للمنصة ─── */
body.ultra-premium::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(ellipse 80% 50% at 10% 0%, rgba(232, 197, 71, 0.07), transparent 55%),
        radial-gradient(ellipse 60% 40% at 95% 20%, rgba(96, 165, 250, 0.06), transparent 50%),
        radial-gradient(ellipse 70% 50% at 50% 100%, rgba(10, 54, 105, 0.05), transparent 60%),
        linear-gradient(180deg, #f8fafc 0%, #eef3f9 45%, #f4f7fb 100%);
    animation: ultraMeshDrift 18s ease-in-out infinite alternate;
}

@keyframes ultraMeshDrift {
    0% { opacity: 0.92; transform: scale(1); }
    100% { opacity: 1; transform: scale(1.02); }
}

body.ultra-premium .main-wrap {
    background: transparent !important;
}

/* ─── الهيدر — زجاجي + حافة ذهبية متحركة ─── */
body.ultra-premium .topbar-premium {
    transition: transform 0.4s var(--ultra-ease), box-shadow 0.4s, background 0.4s;
}

body.ultra-premium .topbar-premium::after {
    content: '';
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--ultra-gold), #fff, var(--ultra-gold), transparent);
    background-size: 200% 100%;
    animation: ultraGoldLine 5s linear infinite;
    opacity: 0.65;
    pointer-events: none;
}

@keyframes ultraGoldLine {
    0% { background-position: 200% center; }
    100% { background-position: -200% center; }
}

body.ultra-premium.accmaa-scrolled .topbar-premium {
    transform: translateY(0);
    box-shadow: 0 12px 40px rgba(6, 31, 61, 0.12);
}

body.ultra-premium .topbar-icon-btn,
body.ultra-premium .topbar-cta-pill {
    transition: transform 0.28s var(--ultra-spring), box-shadow 0.28s, background 0.25s, border-color 0.25s;
}

body.ultra-premium .topbar-icon-btn:hover,
body.ultra-premium .topbar-cta-pill:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 8px 22px rgba(10, 54, 105, 0.15);
}

body.ultra-premium .mega-flat-link--clean {
    position: relative;
    overflow: hidden;
}

body.ultra-premium .mega-flat-link--clean::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.45) 50%, transparent 60%);
    transform: translateX(-120%);
    transition: transform 0.55s var(--ultra-ease);
}

body.ultra-premium .mega-flat-link--clean:hover::after {
    transform: translateX(120%);
}

body.ultra-premium .mega-nav-icon-wrap {
    transition: transform 0.32s var(--ultra-spring), box-shadow 0.32s;
}

body.ultra-premium .mega-flat-link--clean:hover .mega-nav-icon-wrap {
    transform: rotate(-4deg) scale(1.08);
    box-shadow: 0 8px 20px rgba(201, 162, 39, 0.35);
}

/* ─── القائمة الجانبية — أيقونات dock ─── */
body.ultra-premium .icons-dock {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding: 10px 8px !important;
}

body.ultra-premium .icons-dock .icon-btn {
    aspect-ratio: 1;
    border-radius: 14px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(244, 247, 251, 0.9)) !important;
    border: 1px solid rgba(10, 54, 105, 0.08) !important;
    box-shadow: 0 4px 14px rgba(10, 54, 105, 0.06);
    transition: transform 0.3s var(--ultra-spring), box-shadow 0.3s, border-color 0.25s !important;
}

body.ultra-premium .icons-dock .icon-btn:hover,
body.ultra-premium .icons-dock .icon-btn.active {
    transform: translateY(-4px) scale(1.06);
    border-color: rgba(232, 197, 71, 0.55) !important;
    box-shadow: 0 10px 28px rgba(10, 54, 105, 0.14), 0 0 0 1px rgba(232, 197, 71, 0.2);
}

body.ultra-premium .icons-dock .icon-btn i,
body.ultra-premium .icons-dock .icon-btn .icon-bg-visual {
    transition: transform 0.3s var(--ultra-spring);
}

body.ultra-premium .icons-dock .icon-btn:hover .icon-bg-visual {
    transform: scale(1.08);
}

/* ─── الداشبورد — بدون فراغات · تدفق متماسك ─── */
body.ultra-premium .dash-landing.dash-flow,
body.ultra-premium .dash-member-premium {
    padding-inline: var(--ultra-pad-x);
    padding-bottom: clamp(24px, 4vw, 48px);
    gap: var(--ultra-section-gap);
    display: flex;
    flex-direction: column;
}

body.ultra-premium .dash-flow__zone {
    margin: 0 !important;
    padding: var(--ultra-section-gap) 0 !important;
    animation: ultraZoneIn 0.7s var(--ultra-ease) both;
    animation-delay: calc(var(--zone-i, 0) * 0.06s);
}

@keyframes ultraZoneIn {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

body.ultra-premium .dash-flow__zone--hero {
    padding-top: 0 !important;
    margin-inline: calc(var(--ultra-pad-x) * -1) !important;
    width: calc(100% + var(--ultra-pad-x) * 2);
    max-width: none;
}

body.ultra-premium .dash-zone-divider {
    margin: var(--ultra-section-gap) 0;
}

body.ultra-premium .section-block,
body.ultra-premium .dash-zone,
body.ultra-premium .pillar-hub,
body.ultra-premium .content-panel {
    border-radius: 20px;
    border: 1px solid rgba(10, 54, 105, 0.07);
    background: var(--ultra-glass);
    backdrop-filter: blur(12px) saturate(1.2);
    -webkit-backdrop-filter: blur(12px) saturate(1.2);
    box-shadow: 0 8px 32px rgba(6, 31, 61, 0.06);
}

/* ─── الهيرو — سينمائي أكثر ─── */
body.ultra-premium .hero-premium--revamp {
    min-height: clamp(420px, 58vh, 560px);
    border-radius: 0 0 clamp(24px, 4vw, 40px) clamp(24px, 4vw, 40px);
    overflow: hidden;
}

body.ultra-premium .hero-floating-terms span {
    animation-duration: 14s !important;
    font-weight: 800;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

body.ultra-premium .hero-premium-badge {
    animation: ultraBadgePulse 3s ease-in-out infinite;
}

@keyframes ultraBadgePulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(232, 197, 71, 0.35); }
    50% { box-shadow: 0 0 0 10px rgba(232, 197, 71, 0); }
}

body.ultra-premium .hero-sector-pill {
    transition: transform 0.28s var(--ultra-spring), box-shadow 0.28s;
}

body.ultra-premium .hero-sector-pill:hover {
    transform: translateY(-4px) scale(1.03);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}

/* ─── Bento — شبكة ممتلئة ─── */
body.ultra-premium .dash-bento-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin: var(--ultra-section-gap) 0;
    padding: 16px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(244, 247, 251, 0.85));
    border: 1px solid rgba(10, 54, 105, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

body.ultra-premium .dash-bento-card {
    min-height: 108px;
    animation: ultraBentoIn 0.55s var(--ultra-ease) both;
    animation-delay: calc(var(--bento-i, 0) * 0.05s);
}

@keyframes ultraBentoIn {
    from { opacity: 0; transform: scale(0.94) translateY(10px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

body.ultra-premium .dash-bento-card:hover {
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 16px 40px rgba(10, 54, 105, 0.14);
}

body.ultra-premium .dash-bento-icon {
    animation: ultraIconFloat 4s ease-in-out infinite;
    animation-delay: calc(var(--bento-i, 0) * 0.3s);
}

@keyframes ultraIconFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

/* ─── محاور · بطاقات ─── */
body.ultra-premium .pillar-grid-premium {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
    gap: 14px;
}

body.ultra-premium .pillar-card,
body.ultra-premium .choice-visual-tile,
body.ultra-premium .explore-card {
    transition: transform 0.35s var(--ultra-spring), box-shadow 0.35s !important;
}

body.ultra-premium .pillar-card:hover,
body.ultra-premium .choice-visual-tile:hover {
    transform: translateY(-8px) scale(1.01) !important;
}

body.ultra-premium .accmaa-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.65s var(--ultra-ease), transform 0.65s var(--ultra-ease);
}

body.ultra-premium .accmaa-reveal.is-inview {
    opacity: 1;
    transform: translateY(0);
}

/* ─── داشبورد العضو والإدارة ─── */
body.ultra-premium .welcome-premium {
    border-radius: 22px;
    position: relative;
    overflow: hidden;
}

body.ultra-premium .welcome-premium::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 60%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    animation: ultraWelcomeShine 6s ease-in-out infinite;
}

@keyframes ultraWelcomeShine {
    0%, 100% { transform: translateX(-30%) rotate(15deg); }
    50% { transform: translateX(30%) rotate(15deg); }
}

body.ultra-premium .member-stat-card,
body.ultra-premium .dash-stat-pill,
body.ultra-premium .admin-hub-card,
body.ultra-premium .kpi-card {
    border-radius: 16px;
    transition: transform 0.3s var(--ultra-spring), box-shadow 0.3s;
}

body.ultra-premium .member-stat-card:hover,
body.ultra-premium .admin-hub-card:hover,
body.ultra-premium .kpi-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 36px rgba(10, 54, 105, 0.12);
}

body.ultra-premium .admin-shell .panel-premium,
body.ultra-premium .admin-shell .panel {
    border-radius: 18px;
    border: 1px solid rgba(10, 54, 105, 0.08);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 6px 28px rgba(6, 31, 61, 0.05);
}

body.ultra-premium .gov-master-banner {
    border-radius: 18px;
    position: relative;
    overflow: hidden;
}

body.ultra-premium .gov-master-banner::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.06), transparent);
    animation: ultraGoldLine 4s linear infinite;
    pointer-events: none;
}

/* ─── شريط التواصل السريع ─── */
body.ultra-premium .contact-quick-bar {
    border-radius: 18px;
    background: linear-gradient(135deg, #061f3d, #0a3669);
    border: 1px solid rgba(232, 197, 71, 0.25);
}

body.ultra-premium .contact-quick-chip {
    transition: transform 0.25s var(--ultra-spring);
}

body.ultra-premium .contact-quick-chip:hover {
    transform: scale(1.04);
}

/* ─── تمرير سلس ─── */
html.ultra-smooth-scroll {
    scroll-behavior: smooth;
}

/* ─── موبايل ─── */
@media (max-width: 900px) {
    body.ultra-premium .dash-bento-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    body.ultra-premium .dash-bento-card--wide {
        grid-column: span 2;
    }
}

@media (max-width: 520px) {
    body.ultra-premium .dash-bento-grid {
        grid-template-columns: 1fr;
    }
    body.ultra-premium .dash-bento-card--wide {
        grid-column: span 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.ultra-premium::before,
    body.ultra-premium .topbar-premium::after,
    body.ultra-premium .hero-premium-badge,
    body.ultra-premium .dash-bento-icon,
    body.ultra-premium .welcome-premium::before {
        animation: none !important;
    }
    body.ultra-premium .accmaa-reveal {
        opacity: 1;
        transform: none;
    }
}


/* ---- accmaa-command-dashboard.css ---- */
/* ═══ Accmaa Command Dashboard — مركز قيادة · محاور · مصفوفة ═══ */

.accmaa-command-dash {
    margin: 0 0 36px;
    position: relative;
}

.cmd-dash-shell {
    background: linear-gradient(165deg, rgba(255,255,255,0.97) 0%, rgba(248,250,252,0.94) 50%, rgba(241,245,249,0.92) 100%);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 28px;
    padding: 28px 26px 22px;
    box-shadow:
        0 1px 0 rgba(255,255,255,0.9) inset,
        0 24px 64px rgba(15, 23, 42, 0.08),
        0 4px 16px rgba(15, 23, 42, 0.04);
    position: relative;
    overflow: hidden;
}

.cmd-dash-shell::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 60% 40% at 90% 0%, rgba(59, 130, 246, 0.06), transparent),
        radial-gradient(ellipse 50% 35% at 0% 100%, rgba(234, 179, 8, 0.05), transparent);
    pointer-events: none;
}

.cmd-dash-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 22px;
    position: relative;
}

.cmd-dash-head h2 {
    margin: 6px 0 8px;
    font-size: clamp(1.35rem, 2.5vw, 1.75rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--primary, #0f172a);
}

.cmd-dash-head p {
    margin: 0;
    color: var(--muted, #64748b);
    font-size: 0.92rem;
    max-width: 52ch;
    line-height: 1.55;
}

.cmd-dash-meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 0.78rem;
    color: var(--muted);
    padding: 12px 16px;
    background: rgba(15, 23, 42, 0.04);
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.cmd-dash-meta span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cmd-dash-meta i { color: var(--gold, #eab308); opacity: 0.9; }

/* ─── Journey rail ─── */
.cmd-journey {
    margin-bottom: 24px;
    position: relative;
}

.cmd-journey-track {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    position: relative;
}

.cmd-journey-step {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: rgba(255,255,255,0.7);
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 16px;
    cursor: pointer;
    text-align: start;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;
    position: relative;
    font-family: inherit;
    color: inherit;
}

.cmd-journey-step:hover,
.cmd-journey-step.is-current {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1);
    border-color: rgba(234, 179, 8, 0.35);
    background: #fff;
}

.cmd-journey-num {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--gold, #eab308), #f59e0b);
    color: var(--primary, #0f172a);
    font-size: 0.75rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cmd-journey-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    flex-shrink: 0;
}

.cmd-journey-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cmd-journey-text strong {
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.2;
}

.cmd-journey-text small {
    font-size: 0.7rem;
    color: var(--muted);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cmd-journey-connector {
    display: none;
}

/* ─── Zone tabs ─── */
.cmd-zone-nav {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 18px;
    padding: 6px;
    background: rgba(15, 23, 42, 0.04);
    border-radius: 18px;
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.cmd-zone-tab {
    flex: 1 1 calc(20% - 8px);
    min-width: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 14px 10px;
    border: none;
    border-radius: 14px;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    color: var(--muted);
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.cmd-zone-tab:hover {
    background: rgba(255,255,255,0.6);
    color: var(--primary);
}

.cmd-zone-tab.is-active {
    background: #fff;
    color: var(--primary);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
}

.cmd-zone-tab.is-active::after {
    content: '';
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 3px;
    border-radius: 2px;
    background: var(--zone-color, var(--gold));
}

.cmd-zone-tab-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--zone-color) 18%, white), color-mix(in srgb, var(--zone-color) 8%, white));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: var(--zone-color);
    transition: transform 0.25s ease;
}

.cmd-zone-tab.is-active .cmd-zone-tab-icon {
    transform: scale(1.08);
    box-shadow: 0 6px 16px color-mix(in srgb, var(--zone-color) 35%, transparent);
}

.cmd-zone-tab-label {
    font-size: 0.78rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
}

.cmd-zone-tab-count {
    font-size: 0.65rem;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
    font-weight: 600;
}

.cmd-zone-tab.is-active .cmd-zone-tab-count {
    background: color-mix(in srgb, var(--zone-color) 15%, white);
    color: var(--zone-color);
}

/* ─── Zone panels ─── */
.cmd-zone-panels {
    position: relative;
    min-height: 320px;
}

.cmd-zone-panel {
    display: none;
    animation: cmdPanelIn 0.45s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.cmd-zone-panel.is-active {
    display: block;
}

@keyframes cmdPanelIn {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

.cmd-zone-layout {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) 2fr;
    gap: 18px;
    margin-bottom: 16px;
}

.cmd-zone-hero {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #fff;
    display: flex;
    flex-direction: column;
}

.cmd-zone-banner {
    height: 100px;
    position: relative;
    overflow: hidden;
}

.cmd-zone-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cmd-zone-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 20%, color-mix(in srgb, var(--zone-color) 55%, #0f172a));
}

.cmd-zone-hero-body {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.cmd-zone-hero-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: color-mix(in srgb, var(--zone-color) 12%, white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    color: var(--zone-color);
}

.cmd-zone-step {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--zone-color);
    font-weight: 700;
}

.cmd-zone-hero-body h3 {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
}

.cmd-zone-hero-body p {
    margin: 0;
    font-size: 0.82rem;
    color: var(--muted);
    line-height: 1.5;
    flex: 1;
}

.cmd-zone-enter {
    align-self: flex-start;
    margin-top: auto;
}

/* ─── Icon matrix ─── */
.cmd-zone-matrix-wrap {
    background: rgba(255,255,255,0.85);
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 20px;
    padding: 16px;
}

.cmd-zone-matrix-title {
    margin: 0 0 14px;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--muted);
    display: flex;
    align-items: center;
    gap: 8px;
}

.cmd-matrix-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 10px;
}

.cmd-matrix-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px 12px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 16px;
    background: #fff;
    cursor: pointer;
    font-family: inherit;
    color: var(--primary);
    transition: all 0.22s ease;
    position: relative;
    overflow: hidden;
}

.cmd-matrix-cell::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, color-mix(in srgb, var(--cell-accent) 8%, transparent), transparent);
    opacity: 0;
    transition: opacity 0.22s ease;
}

.cmd-matrix-cell:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.1);
    border-color: color-mix(in srgb, var(--cell-accent) 40%, transparent);
}

.cmd-matrix-cell:hover::before { opacity: 1; }

.cmd-matrix-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    background: color-mix(in srgb, var(--cell-accent, #3b82f6) 12%, white);
    color: var(--cell-accent, #3b82f6);
    position: relative;
    z-index: 1;
}

.cmd-matrix-label {
    font-size: 0.78rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.25;
    position: relative;
    z-index: 1;
}

.cmd-matrix-go {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.55rem;
    opacity: 0;
    transform: translateX(4px);
    transition: all 0.22s ease;
}

.cmd-matrix-cell:hover .cmd-matrix-go {
    opacity: 1;
    transform: translateX(0);
}

/* ─── Module row ─── */
.cmd-module-row {
    padding-top: 14px;
    border-top: 1px dashed rgba(15, 23, 42, 0.1);
}

.cmd-module-row-label {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--muted);
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cmd-module-row-track {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cmd-module-chip {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
    font-family: inherit;
    color: var(--primary);
    transition: all 0.22s ease;
    flex: 1 1 200px;
    max-width: 280px;
}

.cmd-module-chip:hover {
    border-color: color-mix(in srgb, var(--cell-accent) 35%, transparent);
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08);
}

.cmd-module-chip .cmd-matrix-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.cmd-module-chip strong {
    display: block;
    font-size: 0.82rem;
}

.cmd-module-chip small {
    font-size: 0.68rem;
    color: var(--muted);
}

/* ─── Landing integration ─── */
.dash-landing--command {
    padding-bottom: 40px;
}

.dash-landing--command .dash-bento-grid,
.dash-landing--command .pillar-hub-enhanced {
    display: none !important;
}

.dash-landing--command .accmaa-command-dash {
    margin-top: 8px;
}

/* Member dashboard */
.dash-member-premium .accmaa-command-dash {
    margin: 24px 0 32px;
}

.dash-member-premium .cmd-dash-shell {
    padding: 22px 20px 18px;
}

/* ─── Responsive ─── */
@media (max-width: 1024px) {
    .cmd-zone-layout {
        grid-template-columns: 1fr;
    }

    .cmd-journey-track {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

@media (max-width: 640px) {
    .cmd-dash-shell {
        padding: 18px 14px 14px;
        border-radius: 20px;
    }

    .cmd-zone-nav {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .cmd-zone-tab {
        flex: 0 0 auto;
        min-width: 88px;
        padding: 10px 8px;
    }

    .cmd-journey-track {
        grid-template-columns: 1fr;
    }

    .cmd-matrix-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmd-dash-head {
        flex-direction: column;
    }
}

[dir="ltr"] .cmd-matrix-go i { transform: rotate(180deg); }
[dir="ltr"] .cmd-zone-enter i { transform: rotate(180deg); }

@media (prefers-reduced-motion: reduce) {
    .cmd-zone-panel,
    .cmd-matrix-cell,
    .cmd-journey-step,
    .cmd-zone-tab {
        animation: none !important;
        transition: none !important;
    }
}


/* ---- accmaa-nav-shell.css ---- */
/* ═══ Accmaa Nav — نمط نبراس: قائمة علوية بسيطة ═══ */

body.accmaa-nebras-nav #megaNav.mega-nav {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    overflow: visible;
}

.accmaa-main-nav {
    width: 100%;
}

.accmaa-nav-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.accmaa-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    border: none;
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--primary, #0f172a);
    transition: all 0.2s ease;
    white-space: nowrap;
}

.accmaa-nav-link i {
    font-size: 0.82rem;
    opacity: 0.75;
}

.accmaa-nav-link:hover,
.accmaa-nav-link.is-active {
    background: rgba(15, 23, 42, 0.06);
    color: var(--primary);
}

.accmaa-nav-link.is-active {
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.35);
}

.accmaa-nav-link--gateway {
    background: linear-gradient(135deg, var(--gold, #eab308), #f59e0b);
    color: var(--primary, #0f172a);
}

.accmaa-nav-link--gateway:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(234, 179, 8, 0.35);
}

.accmaa-nav-gateway-li {
    margin-right: auto;
    margin-left: 0;
}

[dir="ltr"] .accmaa-nav-gateway-li {
    margin-right: 0;
    margin-left: auto;
}

/* Sidebar dock — grouped by pillar */
.dock-nebras-group {
    margin-bottom: 16px;
}

.dock-nebras-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--lane-color, var(--muted));
    margin-bottom: 8px;
    padding: 0 4px;
}

.dock-nebras-items {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.dock-nebras-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--primary);
    text-align: start;
    transition: all 0.2s ease;
}

.dock-nebras-btn i {
    width: 28px;
    text-align: center;
    color: var(--lane-color, var(--gold));
}

.dock-nebras-btn:hover,
.dock-nebras-btn.active {
    border-color: var(--lane-color, var(--gold));
    background: color-mix(in srgb, var(--lane-color, var(--gold)) 6%, white);
}

.dock-nebras-btn.locked { opacity: 0.45; }

body.accmaa-nebras-nav .topbar-row-main {
    align-items: center;
}

@media (max-width: 1100px) {
    .accmaa-nav-menu {
        overflow-x: auto;
        flex-wrap: nowrap;
        scrollbar-width: none;
        padding-bottom: 4px;
    }
    .accmaa-nav-link span { display: none; }
    .accmaa-nav-link { padding: 8px 11px; }
    .accmaa-nav-link--gateway span { display: inline; }
}

@media (max-width: 640px) {
    .accmaa-nav-gateway-li { display: none; }
}


/* ---- accmaa-dashboard-v2.css ---- */
/* ═══ Accmaa Gateway — بوابة رقمية بنمط نبراس ═══ */

/* Trust strip */
.accmaa-trust-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin: 0 0 28px;
    padding: 16px 18px;
    background: linear-gradient(135deg, rgba(10, 54, 105, 0.04), rgba(234, 179, 8, 0.06));
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 20px;
}

.accmaa-trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.accmaa-trust-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gold, #eab308);
    font-size: 1.1rem;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
    flex-shrink: 0;
}

.accmaa-trust-item strong {
    display: block;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.2;
}

.accmaa-trust-item small {
    display: block;
    font-size: 0.68rem;
    color: var(--muted);
    line-height: 1.3;
}

/* Gateway section */
.accmaa-gateway.site-structure {
    position: relative;
    padding: 8px 0 32px;
}

.accmaa-gateway::before {
    content: '';
    position: absolute;
    inset: -20px 0 auto;
    height: 100px;
    background: radial-gradient(ellipse 70% 80% at 50% 0%, rgba(10, 54, 105, 0.06), transparent);
    pointer-events: none;
}

.accmaa-gateway-head.section-title {
    text-align: center;
    margin-bottom: 28px;
}

.accmaa-gateway-head h2 {
    margin: 8px 0 10px;
    font-size: clamp(1.35rem, 2.5vw, 1.85rem);
    font-weight: 800;
    letter-spacing: -0.02em;
}

.accmaa-gateway-head p {
    margin: 0 auto;
    max-width: 58ch;
    color: var(--muted);
    font-size: 0.92rem;
    line-height: 1.55;
}

/* Lanes */
.accmaa-lanes {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.accmaa-lane {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 22px;
    padding: 20px 22px 22px;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.06);
    border-top: 4px solid var(--lane-color, var(--gold));
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    animation: accmaaLaneIn 0.55s ease both;
    animation-delay: calc(var(--lane-i, 0) * 0.07s);
}

.accmaa-lane:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.1);
}

@keyframes accmaaLaneIn {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

.accmaa-lane-head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px dashed rgba(15, 23, 42, 0.1);
}

.accmaa-lane-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: color-mix(in srgb, var(--lane-color) 14%, white);
    color: var(--lane-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.accmaa-lane-titles {
    flex: 1;
    min-width: 180px;
}

.accmaa-lane-titles h3 {
    margin: 0 0 4px;
    font-size: 1.05rem;
    font-weight: 800;
}

.accmaa-lane-titles p {
    margin: 0;
    font-size: 0.82rem;
    color: var(--muted);
    line-height: 1.45;
}

.accmaa-lane-enter {
    align-self: center;
}

/* Spotlight cards grid */
.accmaa-lane-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}

.accmaa-spot-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    min-height: 130px;
    padding: 18px 16px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--lane-color) 8%, #fff), #fff);
    cursor: pointer;
    font-family: inherit;
    text-align: start;
    color: var(--primary);
    overflow: hidden;
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease;
    isolation: isolate;
}

.accmaa-spot-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, 0.35) 50%, transparent 62%);
    transform: translateX(-120%);
    transition: transform 0.5s ease;
    pointer-events: none;
}

.accmaa-spot-card:hover {
    transform: translateY(-5px) scale(1.01);
    box-shadow: 0 16px 36px color-mix(in srgb, var(--lane-color) 22%, transparent);
    border-color: color-mix(in srgb, var(--lane-color) 35%, transparent);
}

.accmaa-spot-card:hover::after {
    transform: translateX(120%);
}

.accmaa-spot-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: color-mix(in srgb, var(--lane-color) 16%, white);
    color: var(--lane-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    position: relative;
    z-index: 1;
}

.accmaa-spot-body {
    position: relative;
    z-index: 1;
}

.accmaa-spot-body strong {
    display: block;
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 4px;
}

.accmaa-spot-body small {
    font-size: 0.68rem;
    color: var(--muted);
    font-weight: 600;
}

/* Gateway CTA row */
.accmaa-gateway-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

/* Hide old layouts */
.dash-landing--nebras .dash-v2,
.dash-landing--nebras .accmaa-command-dash,
.dash-landing--nebras #accmaaDashV2,
.dash-landing--nebras .dash-bento-grid,
.dash-landing--nebras #pillarHub,
.dash-landing--nebras .pillar-hub-enhanced {
    display: none !important;
}

.dash-member-premium .accmaa-gateway {
    margin: 20px 0 28px;
}

[dir="ltr"] .accmaa-lane-enter i { transform: rotate(180deg); }

@media (max-width: 900px) {
    .accmaa-trust-strip {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .accmaa-trust-strip {
        grid-template-columns: 1fr;
    }
    .accmaa-lane {
        padding: 16px;
        border-radius: 18px;
    }
    .accmaa-lane-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .accmaa-spot-card {
        min-height: 110px;
        padding: 14px 12px;
    }
    .accmaa-lane-head {
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .accmaa-lane { animation: none !important; }
    .accmaa-spot-card { transition: none !important; }
}


/* ---- accmaa-site-nav.css ---- */
/* ═══ Accmaa Site Nav — قائمة علوية + شجرة منسدلة ═══ */

body.accmaa-site-nav-mode #megaNav.mega-nav {
    flex: 1 1 auto;
    min-width: 0;
    overflow: visible;
    position: relative;
    z-index: 12;
    pointer-events: auto !important;
}

.accmaa-site-nav,
.accmaa-site-menu,
.accmaa-mega-item {
    pointer-events: auto !important;
}

.accmaa-site-nav { width: 100%; }

.accmaa-site-menu,
.accmaa-site-menu--rail {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.accmaa-site-menu::-webkit-scrollbar,
.accmaa-site-menu--rail::-webkit-scrollbar {
    display: none;
}

.accmaa-site-menu > li,
.accmaa-site-menu--rail > li {
    flex: 0 0 auto;
}

.accmaa-nav-top-link,
.accmaa-mega-trigger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    border: none;
    border-radius: 10px;
    background: transparent;
    cursor: pointer;
    pointer-events: auto !important;
    position: relative;
    z-index: 3;
    font-family: inherit;
    font-size: 0.84rem;
    font-weight: 700;
    color: #e8c547;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.accmaa-nav-top-link:hover,
.accmaa-nav-top-link.is-active,
.accmaa-mega-trigger:hover,
.accmaa-mega-item.open .accmaa-mega-trigger {
    background: rgba(10, 54, 105, 0.07);
    color: var(--primary);
}

.accmaa-mega-item.open .accmaa-mega-trigger {
    box-shadow: inset 0 -2px 0 var(--nav-accent, var(--gold));
}

.accmaa-mega-chevron {
    font-size: 0.55rem;
    opacity: 0.6;
    transition: transform 0.2s;
}

.accmaa-mega-item.open .accmaa-mega-chevron { transform: rotate(180deg); }

.accmaa-mega-item { position: relative; }

.accmaa-mega-panel {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 280px;
    max-width: min(92vw, 720px);
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 16px;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.14);
    padding: 14px 16px;
    z-index: 1200;
    animation: accmaaMegaIn 0.22s ease;
}

[dir="ltr"] .accmaa-mega-panel { right: auto; left: 0; }

.accmaa-mega-item.open .accmaa-mega-panel { display: block; }

@keyframes accmaaMegaIn {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

.accmaa-mega-group { margin-bottom: 12px; }
.accmaa-mega-group:last-child { margin-bottom: 0; }

.accmaa-mega-group-title {
    display: block;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--gold);
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.accmaa-mega-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.accmaa-mega-list--cols {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
}

.accmaa-mega-link {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 10px;
    border: none;
    border-radius: 10px;
    background: transparent;
    cursor: pointer;
    pointer-events: auto !important;
    position: relative;
    z-index: 3;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--primary);
    text-align: start;
    transition: background 0.15s;
}

.accmaa-mega-link:hover {
    background: rgba(10, 54, 105, 0.06);
}

.accmaa-mega-link i {
    width: 18px;
    text-align: center;
    opacity: 0.7;
    font-size: 0.72rem;
}

/* Organized Dashboard */
.accmaa-organized-dash {
    margin: 0 0 36px;
}

.accmaa-organized-head {
    text-align: center;
    margin-bottom: 20px;
}

.accmaa-organized-head h2 {
    margin: 8px 0 8px;
    font-size: clamp(1.3rem, 2.4vw, 1.75rem);
    font-weight: 800;
}

.accmaa-organized-head p {
    margin: 0 auto;
    max-width: 56ch;
    color: var(--muted);
    font-size: 0.9rem;
}

.accmaa-organized-quick {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-bottom: 24px;
    padding: 12px;
    background: rgba(15, 23, 42, 0.04);
    border-radius: 16px;
}

.accmaa-organized-zones {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.accmaa-dash-zone {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
    border-right: 4px solid var(--zone-color, var(--gold));
}

[dir="ltr"] .accmaa-dash-zone { border-right: none; border-left: 4px solid var(--zone-color, var(--gold)); }

.accmaa-dash-zone-head {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--zone-color) 8%, white), #fff);
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.accmaa-dash-zone-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: color-mix(in srgb, var(--zone-color) 14%, white);
    color: var(--zone-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.accmaa-dash-zone-head h3 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
}

.accmaa-dash-zone-body {
    padding: 16px 20px 20px;
}

.accmaa-dash-subgroup {
    margin-bottom: 16px;
}

.accmaa-dash-subgroup:last-child { margin-bottom: 0; }

.accmaa-dash-subgroup-title {
    margin: 0 0 10px;
    font-size: 0.78rem;
    font-weight: 800;
    color: var(--zone-color);
    padding-bottom: 6px;
    border-bottom: 1px dashed rgba(15, 23, 42, 0.1);
}

.accmaa-dash-leaves {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.accmaa-dash-leaves--grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 8px;
}

.accmaa-dash-leaf {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: rgba(248, 250, 252, 0.8);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--primary);
    transition: all 0.2s ease;
    text-align: start;
}

.accmaa-dash-leaf:hover {
    border-color: var(--zone-color, var(--gold));
    background: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
}

.accmaa-dash-leaf i {
    color: var(--zone-color, var(--gold));
    font-size: 0.85rem;
}

/* Hide old layouts */
.dash-landing--organized .accmaa-gateway,
.dash-landing--organized .accmaa-organized-dash ~ .dash-flow__zone--contacts-quick,
.dash-landing--organized #contactQuickBar {
    display: none !important;
}

#accmaa-contact-zone { scroll-margin-top: calc(var(--header-stack-h, 100px) + 16px); }

@media (max-width: 1100px) {
    .accmaa-site-menu {
        overflow-x: auto;
        flex-wrap: nowrap;
        scrollbar-width: none;
        padding-bottom: 4px;
    }
    .accmaa-mega-list--cols { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .accmaa-dash-leaves--grid { grid-template-columns: 1fr; }
    .accmaa-mega-panel {
        position: fixed;
        right: 8px;
        left: 8px;
        min-width: auto;
        max-width: none;
    }
}

/* هيدر داكن — أقسام القائمة ذهبية واضحة */
body.guest-mode .topbar-premium .accmaa-nav-top-link,
body.guest-mode .topbar-premium .accmaa-mega-trigger,
body.guest-mode .topbar-premium .accmaa-nav-top-link > span:not(.accmaa-nav-icon-wrap),
body.guest-mode .topbar-premium .accmaa-mega-trigger > span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron),
body.logged-site-home .topbar-premium .accmaa-nav-top-link,
body.logged-site-home .topbar-premium .accmaa-mega-trigger,
body.logged-site-home .topbar-premium .accmaa-nav-top-link > span:not(.accmaa-nav-icon-wrap),
body.logged-site-home .topbar-premium .accmaa-mega-trigger > span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron) {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    opacity: 1 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

body.guest-mode .topbar-premium .accmaa-nav-top-link:hover,
body.guest-mode .topbar-premium .accmaa-mega-trigger:hover,
body.guest-mode .topbar-premium .accmaa-mega-item.open .accmaa-mega-trigger,
body.guest-mode .topbar-premium .accmaa-nav-top-link.is-active,
body.logged-site-home .topbar-premium .accmaa-nav-top-link:hover,
body.logged-site-home .topbar-premium .accmaa-mega-trigger:hover {
    color: #FFF8DC !important;
    -webkit-text-fill-color: #FFF8DC !important;
    background: rgba(212, 175, 55, 0.18) !important;
}


/* ---- accmaa-dash-world.css ---- */
/* ═══ Accmaa Dashboard World-Class — بطاقات spotlight · أزرار premium ═══ */

.accmaa-organized-dash {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.5) 0%, transparent 120px);
    border-radius: 28px;
    padding: 8px 0 24px;
}

.accmaa-organized-head {
    padding: 0 8px 8px;
}

.accmaa-organized-quick {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 12px;
    padding: 16px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.06);
    margin-bottom: 28px;
}

/* ─── بطاقات داشبورد — أيقونات إبداعية has-icon-bg ─── */
.accmaa-dash-leaf--creative {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 72px;
    padding: 12px 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: linear-gradient(135deg, #fff 0%, color-mix(in srgb, var(--zone-color, var(--gold)) 5%, #fff) 100%);
    cursor: pointer;
    font-family: inherit;
    text-align: start;
    color: var(--primary);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    position: relative;
    overflow: hidden;
}

.accmaa-dash-leaf--creative::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 40%, rgba(255,255,255,0.45) 50%, transparent 60%);
    transform: translateX(-120%);
    transition: transform 0.5s ease;
    pointer-events: none;
}

.accmaa-dash-leaf--creative:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--zone-color) 35%, transparent);
    box-shadow: 0 12px 28px color-mix(in srgb, var(--zone-color) 15%, rgba(15, 23, 42, 0.1));
}

.accmaa-dash-leaf--creative:hover::before {
    transform: translateX(120%);
}

.accmaa-dash-icon.has-icon-bg,
.accmaa-dash-zone-icon.has-icon-bg {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 16px color-mix(in srgb, var(--zone-color, var(--gold)) 22%, transparent);
}

.accmaa-dash-icon.has-icon-bg > i,
.accmaa-dash-zone-icon.has-icon-bg > i {
    font-size: 1.2rem;
    color: var(--primary);
    position: relative;
    z-index: 2;
}

.accmaa-dash-leaf-body {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.accmaa-dash-leaf-body strong {
    display: block;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.35;
    margin-bottom: 2px;
}

.accmaa-dash-leaf-body small {
    font-size: 0.68rem;
    color: var(--muted);
    font-weight: 600;
}

.accmaa-dash-leaf-go {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6rem;
    color: var(--zone-color, var(--gold));
    opacity: 0;
    transform: translateX(4px);
    transition: all 0.22s ease;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.accmaa-dash-leaf--creative:hover .accmaa-dash-leaf-go {
    opacity: 1;
    transform: translateX(0);
}

.accmaa-organized-quick .accmaa-dash-leaf--creative {
    min-height: 76px;
}

.accmaa-dash-zone-head .accmaa-dash-zone-icon.has-icon-bg {
    width: 56px;
    height: 56px;
    border-radius: 16px;
}

[dir="ltr"] .accmaa-dash-leaf-go i { transform: rotate(180deg); }

/* Spotlight tile — legacy fallback */
.accmaa-spot-tile {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    min-height: 118px;
    padding: 16px 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: linear-gradient(145deg, #fff 0%, color-mix(in srgb, var(--tile-color, var(--gold)) 6%, #fff) 100%);
    cursor: pointer;
    font-family: inherit;
    text-align: start;
    color: var(--primary);
    overflow: hidden;
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease, border-color 0.28s ease;
    isolation: isolate;
}

.accmaa-spot-tile::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, color-mix(in srgb, var(--tile-color) 12%, transparent), transparent 55%);
    opacity: 0;
    transition: opacity 0.25s;
    pointer-events: none;
}

.accmaa-spot-tile::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, 0.4) 50%, transparent 62%);
    transform: translateX(-120%);
    transition: transform 0.55s ease;
    pointer-events: none;
}

.accmaa-spot-tile:hover {
    transform: translateY(-5px);
    border-color: color-mix(in srgb, var(--tile-color) 40%, transparent);
    box-shadow: 0 18px 40px color-mix(in srgb, var(--tile-color) 18%, rgba(15, 23, 42, 0.12));
}

.accmaa-spot-tile:hover::before { opacity: 1; }
.accmaa-spot-tile:hover::after { transform: translateX(120%); }

.accmaa-spot-tile-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: color-mix(in srgb, var(--tile-color) 16%, white);
    color: var(--tile-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--tile-color) 20%, transparent);
    position: relative;
    z-index: 1;
}

.accmaa-spot-tile-body {
    position: relative;
    z-index: 1;
    flex: 1;
}

.accmaa-spot-tile-body strong {
    display: block;
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 3px;
}

.accmaa-spot-tile-body small {
    font-size: 0.68rem;
    color: var(--muted);
    font-weight: 600;
}

.accmaa-spot-tile-arrow {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.55rem;
    opacity: 0;
    transform: translateX(4px);
    transition: all 0.22s ease;
    z-index: 1;
}

.accmaa-spot-tile:hover .accmaa-spot-tile-arrow {
    opacity: 1;
    transform: translateX(0);
}

/* Zone cards */
.accmaa-dash-zone {
    border-radius: 24px;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.07);
    content-visibility: auto;
    contain-intrinsic-size: auto 280px;
}

.accmaa-dash-zone-head {
    padding: 18px 22px;
}

.accmaa-dash-zone-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    box-shadow: 0 6px 16px color-mix(in srgb, var(--zone-color) 22%, transparent);
}

.accmaa-dash-leaves,
.accmaa-dash-leaves--grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px;
}

.accmaa-dash-subgroup-title {
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* Quick bar tiles use spot-tile class */
.accmaa-organized-quick .accmaa-spot-tile {
    min-height: 100px;
}

[dir="ltr"] .accmaa-spot-tile-arrow i { transform: rotate(180deg); }

@media (max-width: 640px) {
    .accmaa-dash-leaves--grid,
    .accmaa-organized-quick {
        grid-template-columns: repeat(2, 1fr);
    }
    .accmaa-spot-tile { min-height: 100px; padding: 14px 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .accmaa-spot-tile { transition: none !important; }
    .accmaa-spot-tile::after { display: none; }
}


/* ---- accmaa-governance-hub.css ---- */
/* ACCMAA — مركز الحوكمة الحي */
.gov-live-hub {
    margin: 0 0 28px;
    padding: 24px;
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(10, 54, 105, 0.06), rgba(212, 175, 55, 0.08));
    border: 1px solid rgba(10, 54, 105, 0.12);
    box-shadow: 0 12px 40px rgba(10, 54, 105, 0.08);
}

.gov-live-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}

.gov-live-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--gold);
    letter-spacing: 0.02em;
}

.gov-live-head h2 {
    margin: 6px 0 4px;
    font-size: 1.35rem;
    color: var(--primary);
}

.gov-live-head p {
    margin: 0;
    color: var(--muted);
    font-size: 0.9rem;
    max-width: 560px;
}

.gov-live-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(10, 54, 105, 0.1);
    font-size: 0.85rem;
    font-weight: 600;
}

.gov-live-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #bdc3c7;
    animation: gov-pulse 2s infinite;
}

.gov-live-dot.is-live { background: #27ae60; }
.gov-live-dot.is-offline { background: #e74c3c; animation: none; }

@keyframes gov-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.gov-live-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.gov-live-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 16px 12px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(10, 54, 105, 0.08);
    transition: transform 0.2s, box-shadow 0.2s;
}

.gov-live-stat:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(10, 54, 105, 0.1);
}

.gov-live-stat i {
    font-size: 1.2rem;
    color: var(--stat-accent);
    margin-bottom: 8px;
}

.gov-live-stat strong {
    font-size: 1.5rem;
    color: var(--primary);
    line-height: 1.1;
}

.gov-live-stat small {
    margin-top: 4px;
    font-size: 0.78rem;
    color: var(--muted);
}

.gov-live-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.gov-live-action {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(10, 54, 105, 0.1);
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
    text-align: right;
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
    font-family: inherit;
}

.gov-live-action:hover {
    border-color: var(--gold);
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.15);
    transform: translateY(-1px);
}

.gov-live-action-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(10, 54, 105, 0.08), rgba(212, 175, 55, 0.12));
    color: var(--primary);
    flex-shrink: 0;
}

.gov-live-action-text {
    flex: 1;
    min-width: 0;
}

.gov-live-action-text strong {
    display: block;
    font-size: 0.92rem;
    color: var(--primary);
}

.gov-live-action-text small {
    display: block;
    font-size: 0.75rem;
    color: var(--muted);
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gov-live-action-go {
    color: var(--gold);
    font-size: 0.85rem;
    opacity: 0.7;
}

.gov-live-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding-top: 12px;
    border-top: 1px dashed rgba(10, 54, 105, 0.12);
}

.gov-live-meta {
    font-size: 0.8rem;
    color: var(--muted);
}

.cms-json-editor {
    width: 100%;
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 0.82rem;
    padding: 14px;
    border: 2px solid #e8eef4;
    border-radius: 12px;
    background: #fafbfc;
    resize: vertical;
    line-height: 1.5;
}

.cms-json-editor:focus {
    outline: none;
    border-color: var(--gold);
}

@media (max-width: 640px) {
    .gov-live-hub { padding: 16px; }
    .gov-live-actions { grid-template-columns: 1fr; }
}


/* ---- accmaa-dash-cinema-cards.css ---- */
/* ═══ ACCMAA — بطاقات سينمائية (نمط الدورات المرجعي) ═══ */

.accmaa-organized-dash {
    background:
        radial-gradient(ellipse 80% 50% at 50% 0%, rgba(212, 175, 55, 0.07), transparent 55%),
        linear-gradient(180deg, #f1f5f9 0%, #f8fafc 120px, transparent 240px);
    border-radius: 28px;
    padding: 8px 0 32px;
}

.accmaa-organized-head {
    text-align: center;
    padding: 0 16px 12px;
}

.accmaa-organized-head h2 {
    font-size: clamp(1.25rem, 2.4vw, 1.75rem);
    font-weight: 900;
    color: #0A3669;
    margin: 8px 0;
}

.accmaa-organized-head p {
    max-width: 62ch;
    margin: 0 auto;
    color: #64748b;
    line-height: 1.6;
}

.accmaa-organized-quick {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: clamp(14px, 2vw, 20px);
    padding: 0 clamp(8px, 2vw, 16px) 28px;
    background: transparent;
    border: none;
    box-shadow: none;
    margin-bottom: 8px;
}

.accmaa-cinema-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: clamp(14px, 2vw, 20px);
}

.accmaa-cinema-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.07);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.accmaa-cinema-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
}

.accmaa-cinema-card--featured {
    background: linear-gradient(165deg, #0a2647 0%, #061f3d 100%);
    border-color: rgba(212, 175, 55, 0.35);
}

.accmaa-cinema-card--featured .accmaa-cinema-card__title {
    color: #fff;
}

.accmaa-cinema-card--featured .accmaa-cinema-card__btn--ghost {
    background: rgba(255, 255, 255, 0.12);
    color: #e8c547;
    border-color: rgba(232, 197, 71, 0.35);
}

.accmaa-cinema-card__media {
    position: relative;
    height: clamp(168px, 22vw, 208px);
    overflow: hidden;
    background: linear-gradient(135deg, #0a2647 0%, #1a5a9e 100%);
}

.accmaa-cinema-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.45s ease;
    image-rendering: auto;
}

.accmaa-cinema-card__icon.has-icon-bg {
    background-size: cover;
    background-position: center;
    image-rendering: auto;
}

.accmaa-cinema-card:hover .accmaa-cinema-card__media img {
    transform: scale(1.05);
}

.accmaa-cinema-card__media-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(6, 31, 61, 0.05) 0%, rgba(6, 31, 61, 0.35) 100%);
    pointer-events: none;
}

.accmaa-cinema-card__icon {
    position: absolute;
    bottom: 12px;
    right: 12px;
    width: clamp(56px, 7.5vw, 68px);
    height: clamp(56px, 7.5vw, 68px);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(10, 54, 105, 0.35);
    color: #e8c547;
    font-size: clamp(1.15rem, 2vw, 1.35rem);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28), 0 0 0 2px rgba(232, 197, 71, 0.45);
    overflow: hidden;
    z-index: 2;
}

.accmaa-cinema-card__icon.has-icon-bg {
    background-size: cover;
    background-position: center;
}

.accmaa-cinema-card__icon.has-icon-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(6, 31, 61, 0.15) 0%, rgba(6, 31, 61, 0.55) 100%);
    pointer-events: none;
    z-index: 1;
}

.accmaa-cinema-card__icon.has-icon-bg > i {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: clamp(1.1rem, 1.8vw, 1.3rem);
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.55);
}

.accmaa-dash-zone-head .accmaa-dash-zone-icon.has-icon-bg {
    width: clamp(64px, 8vw, 76px);
    height: clamp(64px, 8vw, 76px);
    border-radius: 18px;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--zone-color, var(--gold)) 28%, transparent);
    background-size: cover;
    background-position: center;
}

.accmaa-dash-zone-head .accmaa-dash-zone-icon.has-icon-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(6, 31, 61, 0.1), rgba(6, 31, 61, 0.45));
    pointer-events: none;
}

.accmaa-dash-zone-head .accmaa-dash-zone-icon.has-icon-bg > i {
    position: relative;
    z-index: 2;
    font-size: 1.35rem;
    color: #fff;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

.accmaa-cinema-card__badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    padding: 4px 10px;
    border-radius: 8px;
    background: var(--accmaa-gold-btn, linear-gradient(135deg, #e8c547, #d4af37));
    color: var(--accmaa-gold-btn-text, #061f3d);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    box-shadow: 0 4px 12px var(--accmaa-gold-btn-shadow, rgba(212, 175, 55, 0.35));
}

.accmaa-cinema-card__title {
    margin: 0;
    padding: 14px 14px 10px;
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.45;
    color: #0f172a;
    text-align: center;
    min-height: 3.2em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accmaa-cinema-card__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 0 12px 14px;
    margin-top: auto;
}

.accmaa-cinema-card__btn {
    border: none;
    border-radius: 999px;
    padding: 10px 12px;
    font-family: inherit;
    font-size: 0.76rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    white-space: nowrap;
}

.accmaa-cinema-card__btn:hover {
    transform: translateY(-1px);
}

.accmaa-cinema-card__btn--ghost {
    background: #eef2ff;
    color: #3730a3;
    border: 1px solid rgba(99, 102, 241, 0.15);
}

.accmaa-cinema-card__btn--primary {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #fff;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.28);
}

.accmaa-cinema-card--featured .accmaa-cinema-card__btn--primary {
    background: linear-gradient(135deg, #eab308, #ca8a04);
    color: #061f3d;
    box-shadow: 0 6px 16px rgba(234, 179, 8, 0.35);
}

.accmaa-cinema-card--free .accmaa-cinema-card__btn--primary {
    background: var(--accmaa-gold-btn, linear-gradient(135deg, #e8c547, #d4af37 52%, #ca8a04));
    color: var(--accmaa-gold-btn-text, #061f3d);
    box-shadow: 0 6px 16px var(--accmaa-gold-btn-shadow, rgba(212, 175, 55, 0.35));
}

.accmaa-cinema-card--free .accmaa-cinema-card__btn--primary:hover {
    filter: brightness(1.06);
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.45);
}

.accmaa-dash-zone {
    margin-bottom: clamp(24px, 3vw, 36px);
    padding: clamp(16px, 2.5vw, 22px);
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 22px;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.05);
}

.accmaa-dash-zone-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px dashed rgba(15, 23, 42, 0.1);
}

.accmaa-dash-zone-head h3 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 900;
    color: var(--zone-color, #0A3669);
}

.accmaa-dash-zone-icon.has-icon-bg {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--zone-color, var(--gold)) 25%, transparent);
    position: relative;
}

.accmaa-dash-subgroup {
    margin-bottom: 20px;
}

.accmaa-dash-subgroup:last-child {
    margin-bottom: 0;
}

.accmaa-dash-subgroup-title {
    margin: 0 0 12px;
    font-size: 0.78rem;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.accmaa-organized-foot {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    padding: 24px 16px 8px;
    margin-top: 8px;
}

.accmaa-organized-foot .btn {
    min-width: min(220px, 100%);
    justify-content: center;
}

.accmaa-organized-foot .btn-outline {
    border-width: 2px;
    font-weight: 800;
}

/* ─── Nested dashboard: category hub → photo cards (brand-gallery style) ─── */
.accmaa-organized-dash--hub .accmaa-dash-category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
    gap: clamp(12px, 1.8vw, 16px);
    padding: 8px 4px 4px;
    max-width: 1100px;
    margin-inline: auto;
}

.accmaa-dash-category-card--visual {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: inherit;
    padding: 0;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    font-family: inherit;
    box-shadow: 0 8px 24px rgba(10, 54, 105, 0.08);
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.accmaa-dash-category-card--visual:hover {
    transform: translateY(-5px);
    border-color: color-mix(in srgb, var(--zone-color, var(--gold)) 45%, transparent);
    box-shadow: 0 16px 36px rgba(10, 54, 105, 0.14);
}

.accmaa-dash-category-card__visual {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: linear-gradient(135deg, #0a2647 0%, #1a5a9e 100%);
}

.accmaa-dash-category-card__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.45s ease;
}

.accmaa-dash-category-card--visual:hover .accmaa-dash-category-card__visual img {
    transform: scale(1.06);
}

.accmaa-dash-category-card__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(6, 31, 61, 0.08) 0%, rgba(6, 31, 61, 0.52) 100%);
    pointer-events: none;
}

.accmaa-dash-category-card__icon {
    position: absolute;
    bottom: 10px;
    inset-inline-end: 10px;
    width: clamp(52px, 6.5vw, 62px);
    height: clamp(52px, 6.5vw, 62px);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(10, 54, 105, 0.42);
    color: #e8c547;
    font-size: clamp(1.1rem, 1.8vw, 1.3rem);
    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.28),
        0 0 0 2px rgba(232, 197, 71, 0.45);
    overflow: hidden;
    z-index: 2;
}

.accmaa-dash-category-card__icon.has-icon-bg {
    background-size: cover;
    background-position: center;
}

.accmaa-dash-category-card__icon.has-icon-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(6, 31, 61, 0.12), rgba(6, 31, 61, 0.55));
    pointer-events: none;
    z-index: 1;
}

.accmaa-dash-category-card__icon.has-icon-bg > i {
    position: relative;
    z-index: 2;
    color: #fff;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.55);
}

.accmaa-dash-category-card__count {
    position: absolute;
    top: 8px;
    inset-inline-start: 8px;
    z-index: 3;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--primary, #061f3d);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.accmaa-dash-category-card__foot {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 12px 14px;
    align-items: flex-start;
    text-align: start;
}

.accmaa-dash-category-card__title {
    font-size: 0.88rem;
    font-weight: 900;
    color: var(--primary, #061f3d);
    line-height: 1.35;
}

.accmaa-dash-category-card__enter {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--zone-color, #0A3669);
    opacity: 0.88;
}

.accmaa-dash-category-card__enter i {
    font-size: 0.6rem;
    transition: transform 0.22s ease;
}

.accmaa-dash-category-card--visual:hover .accmaa-dash-category-card__enter i {
    transform: translateX(-3px);
}

html[dir="ltr"] .accmaa-dash-category-card--visual:hover .accmaa-dash-category-card__enter i {
    transform: translateX(3px);
}

/* legacy horizontal pill — kept for fallback */
.accmaa-dash-category-card:not(.accmaa-dash-category-card--visual) {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    text-align: start;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(212, 175, 55, 0.28);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(250, 243, 220, 0.55));
    box-shadow: 0 8px 24px rgba(10, 54, 105, 0.08);
    cursor: pointer;
    font-family: inherit;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.accmaa-dash-category-card:not(.accmaa-dash-category-card--visual):hover {
    transform: translateY(-2px);
    border-color: var(--zone-color, var(--gold));
    box-shadow: 0 12px 32px rgba(10, 54, 105, 0.12);
}

.accmaa-dash-category-card__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.accmaa-dash-category-card__meta {
    font-size: 0.72rem;
    color: #64748b;
    font-weight: 600;
}

.accmaa-dash-category-card__chev {
    color: var(--zone-color, var(--gold));
    opacity: 0.85;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.accmaa-organized-dash--nested {
    padding-top: 4px;
}

.accmaa-dash-zone-detail-top {
    max-width: 1100px;
    margin: 0 auto 12px;
    padding: 0 8px;
}

.accmaa-dash-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(212, 175, 55, 0.45);
    background: rgba(255, 255, 255, 0.9);
    color: var(--primary, #061f3d);
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

.accmaa-dash-back-btn:hover {
    background: #fff9e8;
    transform: translateX(2px);
}

.accmaa-dash-zone-lead {
    margin: 4px 0 0;
    font-size: 0.82rem;
    color: #64748b;
    font-weight: 600;
}

@media (max-width: 640px) {
    .accmaa-cinema-grid,
    .accmaa-organized-quick,
    .accmaa-organized-dash--hub .accmaa-dash-category-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .accmaa-cinema-card__media {
        height: 120px;
    }

    .accmaa-dash-category-card__visual {
        aspect-ratio: 4 / 3;
    }

    .accmaa-dash-category-card__icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }

    .accmaa-dash-category-card__foot {
        padding: 10px 10px 12px;
    }

    .accmaa-dash-category-card__title {
        font-size: 0.78rem;
    }

    .accmaa-cinema-card__title {
        font-size: 0.78rem;
        padding: 10px 8px 8px;
        min-height: 2.8em;
    }

    .accmaa-cinema-card__btn {
        font-size: 0.68rem;
        padding: 8px 6px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .accmaa-cinema-card,
    .accmaa-cinema-card__media img,
    .accmaa-dash-category-card--visual,
    .accmaa-dash-category-card__visual img {
        transition: none !important;
    }
}


/* ---- accmaa-orbit-showcase.css ---- */
/* ═══ ACCMAA — عرض مداري 6 محاور حول الشعار ═══ */

.accmaa-orbit-showcase {
    position: relative;
    padding: clamp(28px, 4vw, 48px) clamp(12px, 3vw, 24px) clamp(12px, 2vw, 24px);
    margin-bottom: clamp(20px, 3vw, 36px);
    background:
        radial-gradient(ellipse 90% 70% at 50% 100%, rgba(10, 54, 105, 0.06), transparent 65%),
        linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: clamp(20px, 3vw, 28px);
    overflow: hidden;
}

.accmaa-orbit-showcase__head {
    text-align: center;
    max-width: 72ch;
    margin: 0 auto clamp(16px, 2.5vw, 28px);
}

.accmaa-orbit-showcase__lead {
    margin: 0;
    font-size: clamp(0.92rem, 1.6vw, 1.05rem);
    line-height: 1.75;
    color: #334155;
    font-weight: 600;
}

.accmaa-orbit-stage {
    position: relative;
    height: clamp(320px, 46vw, 460px);
    margin: 0 auto;
    max-width: 980px;
}

.accmaa-orbit-rings {
    position: absolute;
    inset: 10% 12% 18%;
    pointer-events: none;
}

.accmaa-orbit-ring {
    position: absolute;
    inset: 0;
    border: 1.5px solid rgba(96, 165, 250, 0.32);
    border-radius: 50%;
    transform: rotateX(66deg);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.45) inset;
}

.accmaa-orbit-ring--mid {
    inset: 12% 10%;
    border-color: rgba(147, 197, 253, 0.38);
}

.accmaa-orbit-ring--inner {
    inset: 24% 20%;
    border-color: rgba(212, 175, 55, 0.35);
}

.accmaa-orbit-stage--live .accmaa-orbit-ring--outer {
    animation: accmaaOrbitRingSpin 52s linear infinite;
}

.accmaa-orbit-stage--live .accmaa-orbit-ring--mid {
    animation: accmaaOrbitRingSpin 40s linear infinite reverse;
}

.accmaa-orbit-stage--live .accmaa-orbit-ring--inner {
    animation: accmaaOrbitRingSpin 28s linear infinite;
}

@keyframes accmaaOrbitRingSpin {
    from { transform: rotateX(66deg) rotateZ(0deg); }
    to { transform: rotateX(66deg) rotateZ(360deg); }
}

.accmaa-orbit-core {
    position: absolute;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
    z-index: 6;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    pointer-events: none;
}

.accmaa-orbit-core-shadow {
    position: absolute;
    bottom: -18px;
    left: 50%;
    width: 140px;
    height: 28px;
    transform: translateX(-50%);
    background: radial-gradient(ellipse, rgba(10, 54, 105, 0.28) 0%, transparent 72%);
    filter: blur(4px);
    pointer-events: none;
}

.accmaa-orbit-core-disk {
    width: clamp(96px, 12vw, 128px);
    height: clamp(96px, 12vw, 128px);
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    position: relative;
    z-index: 2;
    box-shadow:
        0 0 0 3px rgba(212, 175, 55, 0.45),
        0 16px 40px rgba(10, 54, 105, 0.16);
    clip-path: circle(50% at 50% 50%);
    -webkit-clip-path: circle(50% at 50% 50%);
}

.accmaa-orbit-core-logo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 50%;
    background: transparent;
    padding: 0;
    box-shadow: none;
}

.accmaa-orbit-core-tag {
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #0A3669;
    background: rgba(255, 255, 255, 0.92);
    padding: 4px 12px;
    border-radius: 999px;
    border: 1px solid rgba(212, 175, 55, 0.35);
}

/* Rotor: 6 moons evenly around the logo */
.accmaa-orbit-rotor {
    position: absolute;
    left: 50%;
    top: 48%;
    width: 0;
    height: 0;
    z-index: 4;
    transform-origin: 0 0;
}

.accmaa-orbit-stage--live .accmaa-orbit-rotor {
    animation: accmaaOrbitRotorSpin 48s linear infinite;
}

@keyframes accmaaOrbitRotorSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.accmaa-orbit-moon {
    --orbit-r: clamp(118px, 30vw, 198px);
    position: absolute;
    left: 0;
    top: 0;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    font-family: inherit;
    width: 0;
    height: 0;
    transform:
        rotate(calc(var(--orbit-i) * 60deg))
        translateY(calc(var(--orbit-r) * -1));
    transform-origin: 0 0;
    z-index: 5;
}

.accmaa-orbit-moon-spin {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    transform: translate(-50%, -50%) rotate(calc(var(--orbit-i) * -60deg));
    transform-origin: center center;
}

.accmaa-orbit-stage--live .accmaa-orbit-moon-spin {
    animation: accmaaOrbitMoonUpright 48s linear infinite;
}

@keyframes accmaaOrbitMoonUpright {
    from { transform: translate(-50%, -50%) rotate(calc(var(--orbit-i) * -60deg)); }
    to { transform: translate(-50%, -50%) rotate(calc(var(--orbit-i) * -60deg - 360deg)); }
}

/* Circular moon chips — no square tiles / purple bezels */
.accmaa-orbit-moon-chip {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: radial-gradient(circle at 30% 28%, #1a5a9e 0%, #0A3669 70%);
    color: #e8c547;
    font-size: 1.15rem;
    box-shadow:
        0 0 0 2px rgba(232, 197, 71, 0.55),
        0 10px 22px rgba(10, 54, 105, 0.22);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.accmaa-orbit-moon-chip i {
    color: #e8c547 !important;
    -webkit-text-fill-color: #e8c547 !important;
    filter: none !important;
    opacity: 1 !important;
}

.accmaa-orbit-moon-label {
    font-size: 0.68rem;
    font-weight: 800;
    color: #0A3669;
    text-align: center;
    line-height: 1.2;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.92);
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid rgba(10, 54, 105, 0.1);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.accmaa-orbit-moon-free {
    font-size: 0.52rem;
    font-weight: 900;
    padding: 2px 6px;
    border-radius: 999px;
    background: linear-gradient(135deg, #e8c547, #d4af37);
    color: #061f3d;
}

.accmaa-orbit-moon:hover .accmaa-orbit-moon-chip,
.accmaa-orbit-moon:focus-visible .accmaa-orbit-moon-chip {
    transform: scale(1.08);
    box-shadow:
        0 0 0 3px rgba(232, 197, 71, 0.75),
        0 14px 28px rgba(10, 54, 105, 0.28);
}

/* Legacy sat selectors (cached HTML) → hide old square cards if any */
.accmaa-orbit-sats,
.accmaa-orbit-sat {
    display: none !important;
}

@media (max-width: 720px) {
    .accmaa-orbit-stage {
        height: auto;
        min-height: 0;
        padding-bottom: 8px;
    }

    .accmaa-orbit-rings { display: none; }

    .accmaa-orbit-core {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        margin: 0 auto 18px;
    }

    .accmaa-orbit-rotor {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        height: auto;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px 10px;
        padding: 4px 2px 8px;
        animation: none !important;
    }

    .accmaa-orbit-moon {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        height: auto;
        transform: none !important;
    }

    .accmaa-orbit-moon-spin {
        position: relative;
        left: auto;
        top: auto;
        transform: none !important;
        animation: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .accmaa-orbit-stage--live .accmaa-orbit-ring,
    .accmaa-orbit-stage--live .accmaa-orbit-rotor,
    .accmaa-orbit-stage--live .accmaa-orbit-moon-spin {
        animation: none !important;
    }
}


/* ---- accmaa-guest-preview.css ---- */
/* ACCMAA — معاينة الزائر + upsell */

.guest-preview-panel {
    background: linear-gradient(135deg, rgba(10, 54, 105, 0.06), rgba(212, 175, 55, 0.08));
    border: 1px solid rgba(212, 175, 55, 0.28);
    border-radius: 16px;
    padding: 16px 18px;
    margin-bottom: 18px;
}

.guest-preview-lead {
    margin: 8px 0 12px;
    font-weight: 600;
    color: #334155;
    line-height: 1.65;
}

.guest-preview-bullets {
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
    display: grid;
    gap: 8px;
}

.guest-preview-bullets li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.88rem;
    color: #0A3669;
}

.guest-preview-bullets li i {
    color: var(--gold, #d4af37);
    margin-top: 3px;
}

.accmaa-tier-preview,
.accmaa-cinema-card__badge--preview {
    background: linear-gradient(135deg, #0ea5e9, #0A3669) !important;
    color: #fff !important;
}

.guest-preview-upsell {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 14px;
    border-radius: 14px;
    background: rgba(10, 54, 105, 0.92);
    color: #fff;
    margin-top: 8px;
}

.guest-preview-upsell-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(212, 175, 55, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e8c547;
    flex-shrink: 0;
}

.guest-preview-upsell-body strong {
    display: block;
    margin-bottom: 4px;
}

.guest-preview-upsell-body p {
    margin: 0 0 10px;
    font-size: 0.84rem;
    opacity: 0.92;
    line-height: 1.5;
}

.guest-preview-upsell-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.guest-preview-locked-lessons {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border-radius: 12px;
    background: rgba(10, 54, 105, 0.08);
    color: #0A3669;
    font-weight: 700;
    font-size: 0.84rem;
}

.accmaa-nav-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
}

.accmaa-nav-icon-wrap > i {
    position: relative;
    z-index: 2;
    font-size: 0.78rem;
    color: #e8c547;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
}

.accmaa-orbit-sat-icon.has-icon-bg {
    background-size: cover !important;
    background-position: center;
    overflow: hidden;
}

.accmaa-orbit-sat-icon.has-icon-bg > i {
    position: relative;
    z-index: 2;
}

.accmaa-orbit-sat-photo {
    opacity: 0.38;
}

.accmaa-cinema-card--preview {
    border-color: rgba(14, 165, 233, 0.35);
}


/* ---- accmaa-side-rails.css ---- */
/* ═══════════════════════════════════════════════════════════
   Accmaa — أشرطة علوية أفقية + هيدر ضيف كبير
   (استبدال التخطيط العمودي الجانبي)
   ═══════════════════════════════════════════════════════════ */

:root {
    --side-rails-w: 0px;
}

/* ─── تثبيت الأشرطة العلوية — تبقى معك أثناء التمرير ─── */
.accmaa-utility-stack {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1200;
    width: 100%;
}

.accmaa-accounting-cinema {
    position: fixed;
    top: var(--utility-bar-h, 0px);
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1190;
}

body.has-accounting-cinema .topbar,
body.has-accounting-cinema .topbar.topbar-premium {
    top: calc(var(--utility-bar-h, 0px) + var(--cinema-bar-h, 0px)) !important;
}

body.guest-mode .topbar.topbar-premium,
body.guest-mode.premium-ui .topbar-premium {
    position: fixed !important;
    left: 0;
    right: 0;
    z-index: 1100;
}

/* ─── الهيدر كحلي دائماً — بدون أبيض عند التمرير ─── */
body.guest-mode .topbar,
body.guest-mode .topbar.topbar-premium,
body.guest-mode.premium-ui .topbar-premium,
body.guest-mode.premium-ui .topbar-premium.is-scrolled,
body.guest-mode:not(.guest-in-app) .topbar-premium:not(.is-scrolled),
body.guest-mode:not(.guest-in-app) .topbar-premium.is-scrolled,
body.marketing-header .topbar-premium,
body.marketing-header .topbar-premium.is-scrolled {
    background: linear-gradient(180deg, #0a2647 0%, #061f3d 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.28) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.22) !important;
}

body.guest-mode .topbar-premium .topbar-shell,
body.guest-mode.premium-ui .topbar-premium .topbar-shell,
body.guest-mode.premium-ui .topbar-premium.is-scrolled .topbar-shell,
body.guest-mode.accmaa-site-nav-mode .topbar-premium .topbar-shell {
    background: transparent !important;
}

body.guest-mode #megaNav.mega-nav,
body.guest-mode.accmaa-site-nav-mode #megaNav.mega-nav {
    background: transparent !important;
}

/* ─── هيدر ضيف كبير ومناسب للصفحة ─── */
body.guest-mode .topbar-premium .topbar-shell {
    padding-block: clamp(14px, 2.2vw, 22px);
    padding-inline: clamp(16px, 3vw, 32px);
}

body.guest-mode .topbar-row-main {
    min-height: clamp(88px, 10vw, 112px);
    align-items: center;
    gap: clamp(12px, 2vw, 20px);
}

body.guest-mode .brand-logo--aqueous.topbar-logo,
body.guest-mode .topbar-logo.brand-logo--aqueous {
    height: clamp(72px, 9vw, 96px) !important;
    max-width: min(280px, 34vw) !important;
}

body.guest-mode .topbar-tagline {
    font-size: clamp(0.78rem, 1.4vw, 0.92rem);
    line-height: 1.45;
    max-width: min(420px, 38vw);
}

body.guest-mode .mega-flat-link,
body.guest-mode .mega-trigger {
    font-size: clamp(0.82rem, 1.3vw, 0.94rem);
    padding: 10px 14px;
}

body.guest-mode.accmaa-site-nav-mode .accmaa-nav-top-link,
body.guest-mode.accmaa-site-nav-mode .accmaa-mega-trigger {
    font-size: clamp(0.84rem, 1.4vw, 0.96rem);
    padding: 10px 14px;
}

body.guest-mode.accmaa-site-nav-mode .topbar-premium {
    min-height: clamp(96px, 11vw, 120px) !important;
}

body.guest-mode.accmaa-site-nav-mode .topbar-premium .topbar-shell {
    padding-block: clamp(16px, 2.4vw, 24px);
}

body.guest-mode .topbar-premium.is-scrolled .brand-logo--aqueous.topbar-logo {
    height: clamp(52px, 6.5vw, 68px) !important;
    max-width: min(210px, 28vw) !important;
}

body.guest-mode .topbar-premium.is-scrolled .topbar-row-main {
    min-height: clamp(64px, 8vw, 80px);
}

@media (max-width: 900px) {
    body.guest-mode .topbar-row-main {
        min-height: 64px;
    }

    body.guest-mode .brand-logo--aqueous.topbar-logo {
        height: clamp(48px, 12vw, 58px) !important;
        max-width: min(180px, 42vw) !important;
    }

    body.guest-mode .topbar-tagline {
        display: none;
    }

    /* شريط السينما — مخفي على الموبايل لتوفير مساحة الشاشة */
    .accmaa-accounting-cinema {
        display: none !important;
    }

    body.accmaa-header-compact .topbar-premium.is-scrolled .topbar-row-main {
        min-height: 56px;
    }
}

.accmaa-utility-stack,
#accmaaPromoBar,
.accmaa-accounting-cinema {
    transition: transform 0.3s ease, opacity 0.3s ease, max-height 0.3s ease, visibility 0.3s ease;
}

/* ─── عند النزول: إخفاء السينما والعملات — يبقى الهيدر فقط ─── */
body.accmaa-header-compact .accmaa-utility-stack,
body.accmaa-header-compact #accmaaPromoBar,
body.accmaa-header-compact .accmaa-accounting-cinema {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    max-height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

body.accmaa-header-compact.has-accounting-cinema .topbar,
body.accmaa-header-compact.has-accounting-cinema .topbar.topbar-premium,
body.accmaa-header-compact .topbar.topbar-premium,
body.accmaa-header-compact .topbar {
    top: 0 !important;
}

/* ─── القائمة العلوية — ذهبي واضح على الهيدر الداكن ─── */
body.guest-mode.premium-ui .accmaa-nav-top-link,
body.guest-mode.premium-ui .accmaa-mega-trigger,
body.guest-mode.accmaa-site-nav-mode .accmaa-nav-top-link,
body.guest-mode.accmaa-site-nav-mode .accmaa-mega-trigger,
body.guest-mode.premium-ui .accmaa-nav-top-link span,
body.guest-mode.premium-ui .accmaa-mega-trigger span,
body.guest-mode.accmaa-site-nav-mode .accmaa-nav-top-link span,
body.guest-mode.accmaa-site-nav-mode .accmaa-mega-trigger span {
    color: #e8c547 !important;
    -webkit-text-fill-color: #e8c547 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

body.guest-mode.premium-ui .accmaa-nav-top-link i:not(.accmaa-mega-chevron):not(.fa-chevron-down),
body.guest-mode.premium-ui .accmaa-mega-trigger i:not(.accmaa-mega-chevron):not(.fa-chevron-down),
body.guest-mode.accmaa-site-nav-mode .accmaa-nav-top-link i:not(.accmaa-mega-chevron):not(.fa-chevron-down),
body.guest-mode.accmaa-site-nav-mode .accmaa-mega-trigger i:not(.accmaa-mega-chevron):not(.fa-chevron-down) {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    opacity: 1 !important;
}

body.guest-mode.premium-ui .accmaa-nav-top-link:hover,
body.guest-mode.premium-ui .accmaa-mega-trigger:hover,
body.guest-mode.premium-ui .accmaa-mega-item.open .accmaa-mega-trigger,
body.guest-mode.accmaa-site-nav-mode .accmaa-nav-top-link:hover,
body.guest-mode.accmaa-site-nav-mode .accmaa-mega-trigger:hover,
body.guest-mode.accmaa-site-nav-mode .accmaa-nav-top-link.is-active,
body.guest-mode.accmaa-site-nav-mode .accmaa-mega-item.open .accmaa-mega-trigger {
    color: #fff8dc !important;
    -webkit-text-fill-color: #fff8dc !important;
    background: rgba(212, 175, 55, 0.22) !important;
}

body.guest-mode.premium-ui .topbar-premium.is-scrolled .accmaa-nav-top-link,
body.guest-mode.premium-ui .topbar-premium.is-scrolled .accmaa-mega-trigger,
body.guest-mode.accmaa-site-nav-mode .topbar-premium.is-scrolled .accmaa-nav-top-link,
body.guest-mode.accmaa-site-nav-mode .topbar-premium.is-scrolled .accmaa-mega-trigger,
body.guest-mode.premium-ui .topbar-premium.is-scrolled .accmaa-nav-top-link span,
body.guest-mode.premium-ui .topbar-premium.is-scrolled .accmaa-mega-trigger span,
body.guest-mode.accmaa-site-nav-mode .topbar-premium.is-scrolled .accmaa-nav-top-link span,
body.guest-mode.accmaa-site-nav-mode .topbar-premium.is-scrolled .accmaa-mega-trigger span {
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
}

body.guest-mode.premium-ui .accmaa-mega-chevron {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    opacity: 1 !important;
}

@media (max-width: 900px) {
    body.accmaa-header-compact .topbar-premium.is-scrolled .topbar-row-main {
        min-height: 56px;
    }
}


/* ---- accmaa-horizon-dash.css ---- */
/* ═══════════════════════════════════════════════════════════
   ACCMAA Horizon Dashboard — تصميم جديد بالكامل
   ═══════════════════════════════════════════════════════════ */

:root {
    --hz-navy: #061f3d;
    --hz-navy-mid: #0A3669;
    --hz-gold: #c9a227;
    --hz-gold-light: #f0d875;
    --hz-surface: #ffffff;
    --hz-muted: #64748b;
    --hz-border: rgba(6, 31, 61, 0.08);
    --hz-radius: 20px;
    --hz-shadow: 0 12px 40px rgba(6, 31, 61, 0.08);
}

/* ─── إخفاء تراكم الطبقات القديمة ─── */
body.accmaa-horizon-active .dash-landing--revamp:not(.hz-dash),
body.accmaa-horizon-active .accmaa-organized-dash,
body.accmaa-horizon-active .accmaa-gateway,
body.accmaa-horizon-active .cmd-journey,
body.accmaa-horizon-active .hero-premium--revamp {
    display: none !important;
}

body.accmaa-horizon-active #mainContent {
    background:
        radial-gradient(ellipse 80% 50% at 100% 0%, rgba(201, 162, 39, 0.06), transparent 50%),
        radial-gradient(ellipse 60% 40% at 0% 100%, rgba(10, 54, 105, 0.05), transparent 45%),
        linear-gradient(180deg, #eef2f7 0%, #f8fafc 40%, #eef2f7 100%);
    min-height: calc(100dvh - var(--header-stack-h, 76px));
}

/* ─── الحاوية الرئيسية ─── */
.hz-dash {
    width: 100%;
    max-width: min(1200px, calc(100vw - 24px));
    margin: 0 auto;
    padding: 16px 12px 40px;
    box-sizing: border-box;
}

.hz-dash .gov-live-hub {
    margin-bottom: 20px;
    border-radius: var(--hz-radius);
}

/* ─── الهيرو ─── */
.hz-hero {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 20px;
    min-height: clamp(180px, 22vw, 240px);
    padding: 28px 28px 28px 32px;
    border-radius: calc(var(--hz-radius) + 4px);
    overflow: hidden;
    background: linear-gradient(135deg, var(--hz-navy) 0%, var(--hz-navy-mid) 55%, #134074 100%);
    box-shadow: var(--hz-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    margin-bottom: 24px;
}

.hz-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.18;
    mix-blend-mode: luminosity;
}

.hz-hero-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, rgba(6, 31, 61, 0.92) 0%, rgba(6, 31, 61, 0.55) 55%, rgba(6, 31, 61, 0.35) 100%);
}

.hz-hero-content {
    position: relative;
    z-index: 2;
    max-width: 560px;
}

.hz-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(201, 162, 39, 0.18);
    border: 1px solid rgba(201, 162, 39, 0.35);
    color: var(--hz-gold-light);
    font-size: 0.72rem;
    font-weight: 700;
    margin-bottom: 12px;
}

.hz-hero h1 {
    margin: 0 0 10px;
    font-size: clamp(1.35rem, 3.2vw, 2rem);
    font-weight: 800;
    color: #fff;
    line-height: 1.35;
}

.hz-hero h1 em {
    display: block;
    font-style: normal;
    color: var(--hz-gold-light);
    font-size: 0.92em;
}

.hz-hero-content > p {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.92rem;
    line-height: 1.75;
    max-width: 480px;
}

.hz-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

.hz-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 20px;
    border-radius: 12px;
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    border: none;
    transition: transform 0.2s, box-shadow 0.2s;
}

.hz-btn--gold {
    background: linear-gradient(135deg, var(--hz-gold) 0%, #e8c547 100%);
    color: var(--hz-navy);
    box-shadow: 0 6px 20px rgba(201, 162, 39, 0.35);
}

.hz-btn--gold:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(201, 162, 39, 0.45);
}

.hz-btn--ghost {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.hz-btn--ghost:hover {
    background: rgba(255, 255, 255, 0.16);
}

.hz-hero-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.hz-stat {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.78rem;
}

.hz-stat i { color: var(--hz-gold-light); }

.hz-stat strong {
    font-size: 1.1rem;
    color: #fff;
}

.hz-stat small { opacity: 0.75; }

.hz-hero-visual {
    position: relative;
    z-index: 2;
    width: clamp(80px, 12vw, 120px);
    height: clamp(80px, 12vw, 120px);
    flex-shrink: 0;
}

.hz-hero-orbit {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, rgba(201, 162, 39, 0.25), rgba(255, 255, 255, 0.08));
    border: 2px solid rgba(201, 162, 39, 0.45);
    box-shadow: 0 0 40px rgba(201, 162, 39, 0.2);
    animation: hzOrbitPulse 4s ease-in-out infinite;
}

.hz-hero-orbit i {
    font-size: 2rem;
    color: var(--hz-gold-light);
}

@keyframes hzOrbitPulse {
    0%, 100% { transform: scale(1); box-shadow: 0 0 30px rgba(201, 162, 39, 0.15); }
    50% { transform: scale(1.05); box-shadow: 0 0 50px rgba(201, 162, 39, 0.3); }
}

/* ─── الوصول السريع ─── */
.hz-section-label {
    font-size: 0.78rem;
    font-weight: 800;
    color: var(--hz-navy-mid);
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.hz-section-label i { color: var(--hz-gold); }

.hz-quick {
    margin-bottom: 28px;
}

.hz-quick-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

.hz-quick-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 14px 8px;
    border: 1px solid var(--hz-border);
    border-radius: 16px;
    background: var(--hz-surface);
    cursor: pointer;
    font-family: inherit;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s;
    box-shadow: 0 4px 14px rgba(6, 31, 61, 0.04);
}

.hz-quick-tile:hover {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--hz-accent, var(--hz-gold)) 40%, transparent);
    box-shadow: 0 12px 28px rgba(6, 31, 61, 0.1);
}

.hz-quick-icon.has-icon-bg {
    width: 44px;
    height: 44px;
    border-radius: 12px;
}

.hz-quick-tile span {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--hz-navy);
    text-align: center;
    line-height: 1.3;
}

/* ─── المحور الرئيسي (Hub) ─── */
.hz-hub {
    background: var(--hz-surface);
    border-radius: calc(var(--hz-radius) + 2px);
    border: 1px solid var(--hz-border);
    box-shadow: var(--hz-shadow);
    overflow: hidden;
    margin-bottom: 32px;
}

.hz-hub-head {
    padding: 24px 24px 12px;
    border-bottom: 1px solid var(--hz-border);
}

.hz-eyebrow {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 800;
    color: var(--hz-gold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.hz-hub-head h2 {
    margin: 0 0 4px;
    font-size: 1.35rem;
    color: var(--hz-navy);
}

.hz-hub-head p {
    margin: 0;
    font-size: 0.88rem;
    color: var(--hz-muted);
}

.hz-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 12px 16px;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border-bottom: 1px solid var(--hz-border);
    overflow-x: auto;
    scrollbar-width: none;
}

.hz-tabs::-webkit-scrollbar { display: none; }

.hz-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 16px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--hz-muted);
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.hz-tab i {
    font-size: 0.85rem;
    color: var(--hz-accent, var(--hz-navy-mid));
    opacity: 0.7;
}

.hz-tab.is-active {
    background: var(--hz-surface);
    color: var(--hz-navy);
    border-color: color-mix(in srgb, var(--hz-accent, var(--hz-gold)) 35%, transparent);
    box-shadow: 0 4px 14px rgba(6, 31, 61, 0.08);
}

.hz-tab.is-active i { opacity: 1; }

.hz-panels {
    padding: 20px 20px 28px;
    min-height: 280px;
}

.hz-panel {
    display: none;
    animation: hzFadeIn 0.35s ease;
}

.hz-panel.is-active { display: block; }

@keyframes hzFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.hz-panel-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px dashed var(--hz-border);
}

.hz-panel-icon.has-icon-bg {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    flex-shrink: 0;
}

.hz-panel-head h3 {
    margin: 0 0 2px;
    font-size: 1.1rem;
    color: var(--hz-navy);
}

.hz-panel-head p {
    margin: 0;
    font-size: 0.78rem;
    color: var(--hz-muted);
}

.hz-group { margin-bottom: 22px; }

.hz-group:last-child { margin-bottom: 0; }

.hz-group-title {
    margin: 0 0 10px;
    font-size: 0.72rem;
    font-weight: 800;
    color: var(--hz-accent, var(--hz-navy-mid));
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding-inline-start: 4px;
}

.hz-tile-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    gap: 10px;
}

.hz-tile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--hz-border);
    border-radius: 14px;
    background: linear-gradient(160deg, #fff 0%, color-mix(in srgb, var(--hz-accent, #0A3669) 4%, #fff) 100%);
    cursor: pointer;
    font-family: inherit;
    text-align: start;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s;
    position: relative;
    overflow: hidden;
}

.hz-tile::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 42%, rgba(255,255,255,0.5) 50%, transparent 58%);
    transform: translateX(-120%);
    transition: transform 0.5s ease;
    pointer-events: none;
}

.hz-tile:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--hz-accent) 30%, transparent);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--hz-accent) 12%, rgba(6, 31, 61, 0.08));
}

.hz-tile:hover::after { transform: translateX(120%); }

.hz-icon.has-icon-bg {
    width: 48px;
    height: 48px;
    border-radius: 13px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--hz-accent, var(--hz-gold)) 18%, transparent);
}

.hz-icon.has-icon-bg > i {
    font-size: 1.1rem;
    position: relative;
    z-index: 2;
}

.hz-tile strong {
    font-size: 0.78rem;
    font-weight: 800;
    color: var(--hz-navy);
    line-height: 1.35;
    position: relative;
    z-index: 1;
}

.hz-tile small {
    font-size: 0.62rem;
    color: var(--hz-muted);
    font-weight: 600;
    position: relative;
    z-index: 1;
}

/* ─── CTA & Footer ─── */
.hz-cta {
    margin: 32px 0 24px;
    padding: 32px 24px;
    border-radius: var(--hz-radius);
    background: linear-gradient(135deg, var(--hz-navy) 0%, var(--hz-navy-mid) 100%);
    text-align: center;
}

.hz-cta h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 1.2rem;
}

.hz-cta p {
    margin: 0 0 16px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
}

.hz-footer {
    text-align: center;
    padding: 20px;
    font-size: 0.82rem;
    color: var(--hz-muted);
}

/* ─── تواصل — دمج أنظف ─── */
.hz-dash .contact-showcase-section {
    border-radius: var(--hz-radius);
    margin-top: 8px;
    border: 1px solid var(--hz-border);
    box-shadow: var(--hz-shadow);
}

/* ─── responsive ─── */
@media (max-width: 1024px) {
    .hz-quick-grid { grid-template-columns: repeat(3, 1fr); }
    .hz-tile-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}

@media (max-width: 768px) {
    .hz-dash {
        max-width: 100%;
        padding: 12px 10px 32px;
    }

    .hz-hero {
        grid-template-columns: 1fr;
        padding: 22px 20px;
        min-height: auto;
    }

    .hz-hero-visual { display: none; }

    .hz-quick-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }

    .hz-tabs { padding: 10px 12px; }

    .hz-tab span { font-size: 0.72rem; }

    .hz-panels { padding: 16px 14px 24px; }

    .hz-tile-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
    .hz-quick-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
    .hz-hero-orbit { animation: none; }
    .hz-panel { animation: none; }
    .hz-tile::after { display: none; }
}


/* ---- accmaa-logo-watermark.css ---- */
/**
 * Accmaa — دائرة اللوجو الداخلية فقط (الحلقة السوداء) · بدون إطار أبيض فارغ خارجها
 */

/* جودة عرض اللوجو في كامل المنصة */
img.brand-logo,
img.sidebar-logo,
img.topbar-logo,
img.modal-logo,
img.footer-logo,
img.about-logo,
img.hero-orbit-core-logo,
img.accmaa-orbit-core-logo,
img.accmaa-brand-intro-logo,
img[data-accmaa-logo] {
    image-rendering: auto !important;
    -ms-interpolation-mode: bicubic;
    backface-visibility: hidden;
    transform: translateZ(0);
    max-width: 100%;
}

/* ===== الغلاف الدائري (الهيدر — إن وُجد) ===== */
.topbar-brand-link--aqueous {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: clamp(56px, 7vw, 72px) !important;
    height: clamp(56px, 7vw, 72px) !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: none !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.16) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

body.guest-mode .topbar-premium.is-scrolled .topbar-brand-link--aqueous {
    width: clamp(52px, 6.5vw, 68px) !important;
    height: clamp(52px, 6.5vw, 68px) !important;
    padding: 0 !important;
}

.logo-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 14px 12px 12px !important;
}

/* قاعدة اللوجو: بدون قصّ دائري على الصورة نفسها */
img.brand-logo.brand-logo--disk,
img.topbar-logo,
img.sidebar-logo,
img.modal-logo,
img.about-logo,
img.footer-logo,
img.brand-logo--official,
img.brand-logo--aqueous {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    box-sizing: border-box !important;
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}

.topbar-brand-link--aqueous .topbar-logo,
.topbar-brand-link--aqueous img.brand-logo {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    aspect-ratio: auto !important;
}

/* سايدبار — دائرة اللوجو الداخلية تملأ المكان بدون إطار أبيض فارغ */
.logo-box .sidebar-logo,
aside .sidebar-logo,
.sidebar .sidebar-logo {
    width: 112px !important;
    height: 112px !important;
    max-width: 112px !important;
    max-height: 112px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18) !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    object-position: center center !important;
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 auto !important;
}

/* نص تحت اللوجو — واضح على الخلفية الداكنة */
.logo-box small,
#sidebarSubtitle {
    opacity: 1 !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    display: block !important;
    margin-top: 10px !important;
    color: #e8c547 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    max-width: 92%;
}

/* مودال / من نحن / فوتر — الدائرة الداخلية فقط تملأ الفتحة */
.modal-logo,
.about-logo,
.footer-logo {
    width: 108px !important;
    height: 108px !important;
    max-width: 120px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 50% !important;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.14) !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
}

.footer-logo {
    width: 92px !important;
    height: 92px !important;
    padding: 0 !important;
}

.brand-logo-wrap,
.brand-logo-wrap--official,
.topbar-start--logo-prominent {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.brand-logo-wrap--official {
    padding: 0 !important;
}

.brand-logo-wrap::after,
.brand-logo-wrap--official::after {
    display: none !important;
}

/* هيرو أوربت — الدائرة الداخلية تملأ القرص بدون حلقة بيضاء فارغة */
.hero-orbit-core-disk,
.accmaa-orbit-core-disk {
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    border-radius: 50% !important;
}

.hero-orbit-core-logo,
.accmaa-orbit-core-logo {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    clip-path: none !important;
}

/* دخلة المنصة — الدائرة الداخلية فقط تملأ المكان */
.accmaa-brand-intro-logo-wrap {
    width: 148px !important;
    height: 148px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

.accmaa-brand-intro-logo {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.dash-landing--organized,
.accmaa-pdf-tools-page,
.tafqeet-page,
.gifts-hub {
    position: relative;
}

.dash-landing--organized::before,
.accmaa-pdf-tools-page::before,
.tafqeet-page::before,
.gifts-hub::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 12%;
    transform: translateX(-50%);
    width: min(420px, 55vw);
    height: min(280px, 36vw);
    pointer-events: none;
    z-index: 0;
    background: url('../images/Accmaa-logo-official-hq.png') center / contain no-repeat;
    opacity: 0.04;
}

@media (max-width: 900px) {
    .logo-box .sidebar-logo,
    aside .sidebar-logo,
    .sidebar .sidebar-logo {
        width: 96px !important;
        height: 96px !important;
        max-width: 96px !important;
        max-height: 96px !important;
        padding: 0 !important;
    }

    .topbar-brand-link--aqueous {
        width: clamp(48px, 14vw, 64px) !important;
        height: clamp(48px, 14vw, 64px) !important;
        padding: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .topbar-brand-link--aqueous {
        transition: none;
    }
}


/* ---- accmaa-accounting-insights.css ---- */
/* Accmaa — معلومات محاسبية ديناميكية مكان دائرة اللوجو */

.topbar-start--insights {
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-width: min(260px, 28vw);
    max-width: min(380px, 36vw);
    flex: 0 1 auto;
    justify-content: flex-start;
}

.topbar-home-chip {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #e8c547, #d4af37);
    color: #061f3d !important;
    font-weight: 800;
    font-size: 0.82rem;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(212, 175, 55, 0.35);
    letter-spacing: 0.02em;
}

.topbar-home-chip:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
}

.topbar-acct-insights {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    height: 56px;
    padding: 6px 12px 6px 14px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06));
    border: 1px solid rgba(232, 197, 71, 0.35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
    overflow: hidden;
    backdrop-filter: blur(8px);
}

.topbar-acct-insights__badge {
    position: absolute;
    top: 4px;
    inset-inline-start: 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.62rem;
    font-weight: 800;
    color: #e8c547 !important;
    letter-spacing: 0.02em;
    z-index: 2;
}

.topbar-acct-insights__badge i {
    font-size: 0.68rem;
}

.topbar-acct-insights__track {
    position: relative;
    height: 100%;
    padding-top: 14px;
}

.topbar-acct-insights__text {
    margin: 0;
    position: absolute;
    inset-inline: 0;
    top: 16px;
    font-size: clamp(0.72rem, 1.15vw, 0.86rem);
    font-weight: 800;
    line-height: 1.4;
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.45s ease, transform 0.45s ease;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-inline-end: 4px;
}

.topbar-acct-insights__text.is-active {
    opacity: 1;
    transform: translateY(0);
    position: relative;
    top: 0;
}

.topbar-acct-insights__text.is-exit {
    opacity: 0;
    transform: translateY(-8px);
}

.topbar-acct-insights__text.is-enter {
    opacity: 0;
    transform: translateY(10px);
}

/* إخفاء دائرة اللوجو القديمة إن وُجدت بالخطأ */
.topbar-start--insights .topbar-brand-link--aqueous,
.topbar-row-main .topbar-brand-link--aqueous {
    display: none !important;
}

body.guest-mode .topbar-premium.is-scrolled .topbar-acct-insights {
    height: 48px;
}

body.guest-mode .topbar-premium.is-scrolled .topbar-acct-insights__text {
    font-size: 0.72rem;
}

@media (max-width: 1100px) {
    .topbar-start--insights {
        min-width: min(340px, 42vw);
        max-width: 46vw;
    }
}

/* تابلت + موبايل: صف كامل حتى لا تُقصّ المعلومة */
@media (max-width: 900px) {
    body.guest-mode .topbar-row--swapped .topbar-start.topbar-start--insights,
    body.guest-mode .topbar-row-main .topbar-start.topbar-start--insights,
    .topbar-start.topbar-start--insights {
        order: 3 !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-top: 4px !important;
        gap: 8px !important;
    }

    .topbar-start--insights .topbar-home-chip {
        display: none !important;
    }

    .topbar-acct-insights {
        width: 100%;
        height: auto !important;
        min-height: 58px;
        padding: 8px 12px 10px;
        overflow: visible;
    }

    .topbar-acct-insights__track {
        height: auto;
        min-height: 2.6em;
        padding-top: 16px;
    }

    .topbar-acct-insights__text,
    .topbar-acct-insights__text.is-active {
        position: relative !important;
        top: 0 !important;
        inset: auto !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        display: block !important;
        -webkit-line-clamp: unset !important;
        font-size: 0.78rem !important;
        line-height: 1.45 !important;
        color: #ffffff !important;
    }
}

@media (max-width: 640px) {
    .topbar-acct-insights {
        min-height: 62px;
        border-radius: 14px;
    }
    .topbar-acct-insights__text,
    .topbar-acct-insights__text.is-active {
        font-size: 0.74rem !important;
    }
}


/* ---- accmaa-header-row-fix.css ---- */
/**
 * Accmaa — صف الهيدر الأفقي المنظم (استعادة تخطيط أمس)
 * يُحمَّل آخر CSS بعد launch-polish
 */

@media (min-width: 769px) {
    body.guest-mode .topbar-row--swapped,
    body.logged-site-home .topbar-row--swapped,
    body.admin-mode .topbar-row--swapped,
    body.member-mode .topbar-row--swapped,
    .topbar-row--swapped {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .topbar-row--swapped .topbar-start,
    .topbar-row--swapped .topbar-start--insights {
        flex: 0 0 auto !important;
        order: 1 !important;
        flex-shrink: 0 !important;
        min-width: min(240px, 24vw) !important;
        max-width: min(440px, 40vw) !important;
    }

    .topbar-row--swapped .mega-nav,
    #megaNav.mega-nav {
        flex: 1 1 auto !important;
        order: 2 !important;
        min-width: 0 !important;
        max-width: none !important;
        width: auto !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        justify-content: flex-end !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .topbar-row--swapped .mega-nav::-webkit-scrollbar,
    #megaNav.mega-nav::-webkit-scrollbar {
        display: none;
    }

    .topbar-row--swapped .topbar-tools {
        flex: 0 0 auto !important;
        order: 3 !important;
        margin-inline-start: auto !important;
    }

    .accmaa-site-menu,
    .accmaa-site-menu--rail {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 4px !important;
        width: max-content !important;
        min-width: min(100%, max-content) !important;
        max-width: none !important;
    }

    .accmaa-site-menu > li,
    .accmaa-site-menu--rail > li {
        flex: 0 0 auto !important;
        width: auto !important;
    }
}

@media (max-width: 768px) {
    body.guest-mode .topbar-row--swapped,
    body.logged-site-home .topbar-row--swapped {
        flex-wrap: wrap !important;
    }

    .topbar-row--swapped .mega-nav,
    #megaNav.mega-nav {
        flex: 1 1 100% !important;
        width: 100% !important;
        order: 10 !important;
    }
}

/* تثبيت الهيدر — لا يطفو فوق الداشبورد */
body.guest-mode .topbar.topbar-premium,
body.logged-site-home .topbar.topbar-premium,
body.admin-mode .topbar.topbar-premium,
body.member-mode .topbar.topbar-premium {
    position: fixed !important;
    top: var(--utility-bar-h, 0px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1100 !important;
}

body.has-accounting-cinema .topbar.topbar-premium {
    top: calc(var(--utility-bar-h, 0px) + var(--cinema-bar-h, 0px)) !important;
}


/* ---- accmaa-gold-copy.css ---- */
/**
 * Accmaa — ط§ظ„ظ†طµ ط§ظ„ط±طµط§طµظٹ → ط°ظ‡ط¨ظٹ ط¹ظ„ظ‰ ظ…ط³طھظˆظ‰ ط§ظ„ظ…ظ†طµط©
 * + ط¥ط®ظپط§ط، ط§ظ„ظƒطھط§ط¨ط© ط§ظ„ط¨ظٹط¶ط§ط، ط§ظ„ظ…طھط³ط±ظ‘ط¨ط© ظ…ظ† ط®ظ„ظپظٹط§طھ ط§ظ„ط£ظٹظ‚ظˆظ†ط§طھ
 * + طھظ„ظˆظٹظ† ط§ظ„ط£ظٹظ‚ظˆظ†ط§طھ ط£ط­ط§ط¯ظٹظ‘ط© ط§ظ„ظ„ظˆظ†
 */
:root {
    --muted: #FFD54F;
    --muted-strong: #FFE082;
    --icon-glyph: #FFD54F;
    --icon-glyph-bright: #FFE082;
    --text-soft: #b8960f;
}

/* ظƒظ„ ط§ظ„ظ†طµظˆطµ ط§ظ„ط«ط§ظ†ظˆظٹط© / ط§ظ„ظˆطµظپظٹط© */
.page-desc,
.page-desc-inline,
.welcome-premium-content > p,
.dash-member-premium .welcome-premium p,
.welcome-premium p,
.section-head p,
.section-block > p,
.panel-premium > p,
.content-panel > p,
.empty-state p,
.empty-hint,
.admin-empty,
.gov-command-hero p,
.role-scope-card p,
.gov-hub-tile small,
.mega-dropdown-head small,
.resource-body small,
.kpi-card-premium .label,
.member-stat-premium span,
.landing-reason-card small,
.faq-item p,
.faq-cta p,
.live-spotlight-desc,
.testimonial-card p,
.hub-topic-card p,
.gift-card p,
.pillar-card p,
.doctor-card p,
.path-card p,
.course-card p,
.power-card p,
.guide-card p,
.coming-soon-card-body small,
.contact-icon-tile small,
.accmaa-orbit-showcase__lead,
.accmaa-dir-meta,
.accmaa-meet-rating em,
.accmaa-prof-empty,
.visitors-last-hit,
.visitors-period-card small,
.accmaa-dash-zone-lead,
.accmaa-dash-category-card__enter,
.logged-site-greet {
    color: var(--muted-strong) !important;
    -webkit-text-fill-color: var(--muted-strong) !important;
    opacity: 1 !important;
}

/* ط£ظ‡ظ„ط§ظ‹ Accmaa — ط§ظ„ظ†طµ ط§ظ„ط³ظپظ„ظٹ ط°ظ‡ط¨ظٹ ظˆط§ط¶ط­ ط¹ظ„ظ‰ ط§ظ„ظƒط­ظ„ظٹ */
.welcome-premium p,
.welcome-premium-content > p,
.dash-member-premium .welcome-premium p,
body.premium-ui .welcome-premium p,
body.ultra-premium .welcome-premium p {
    color: #E8C547 !important;
    -webkit-text-fill-color: #E8C547 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35) !important;
    font-weight: 600 !important;
}

body.premium-ui .page-desc,
body.premium-ui .page-desc-inline,
body.premium-ui .dash-landing .guide-card p,
body.premium-ui .power-card p,
body.premium-ui .choice-visual-tile small,
body.premium-ui .landing-reason-card small,
body.premium-ui .faq-item p,
body.premium-ui .coming-soon-card-body small,
body.premium-ui .live-spotlight-card p,
body.premium-ui .testimonial-card p,
body.premium-ui .hub-topic-card p,
body.premium-ui .gift-card p,
body.premium-ui .pillar-card p,
body.premium-ui .doctor-card p,
body.premium-ui .path-card p,
body.premium-ui .course-card p,
body.premium-ui .section-head p,
body.premium-ui .section-block p,
body.premium-ui .contact-showcase-section p,
body.premium-ui .contact-icon-tile small,
body.premium-ui .arab-homeland-section p,
body.premium-ui .accmaa-translate-page p,
body.premium-ui .panel-premium p,
body.premium-ui .empty-state p,
body.premium-ui .empty-hint,
body.ultra-premium .page-desc,
body.ultra-premium .page-desc-inline {
    color: var(--muted-strong) !important;
    -webkit-text-fill-color: var(--muted-strong) !important;
}

/* ط¹ظ†ط§ظˆظٹظ† ط´ط¨ظƒط© ط§ظ„طھطµظپط­ → ط°ظ‡ط¨ظٹ ظˆط§ط¶ط­ */
body.premium-ui .choice-visual-body strong,
body.premium-ui .portal-mod-card h4,
body.premium-ui .pillar-mod-tile strong,
body.premium-ui .dash-brand-card strong,
body.premium-ui .gift-card h4,
body.premium-ui .accmaa-dash-category-card__title,
.choice-visual-body strong,
.portal-mod-card h4,
.pillar-mod-tile strong,
.accmaa-dash-category-card__title {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
}

body.premium-ui .choice-visual-body small,
body.premium-ui .portal-mod-card p,
body.premium-ui .portal-mod-meta,
body.premium-ui .pillar-mod-tile small,
.choice-visual-body small,
.portal-mod-meta {
    color: #FFE082 !important;
    -webkit-text-fill-color: #FFE082 !important;
}

[style*="color:var(--muted)"],
[style*="color: var(--muted)"] {
    color: var(--muted-strong) !important;
}

/* â•گâ•گâ•گ ط¥ط®ظپط§ط، ط§ظ„ظƒطھط§ط¨ط© ط§ظ„ظ…ط­ظپظˆط±ط© ط¯ط§ط®ظ„ ط§ظ„طµظˆط± ظپظ‚ط· — طھط³ظ…ظٹط§طھ ط§ظ„ط£ظٹظ‚ظˆظ†ط§طھ طھط¨ظ‚ظ‰ ط¸ط§ظ‡ط±ط© â•گâ•گâ•گ */
.icon-btn .dock-zone-tag,
.icons-dock .dock-zone-tag,
.sections-zone-badge,
.icon-new-badge,
.has-icon-bg .icon-caption,
.has-icon-bg .icon-overlay-text,
.icon-bg-visual .icon-caption,
.choice-visual-thumb .choice-thumb-caption,
.pillar-mod-tile .tile-ghost-label,
.studio-feature-card__visual-shade + .ghost-label,
.accmaa-cinema-card__ghost,
.accmaa-dash-category-card__ghost {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
}

/* ط·ط¨ظ‚ط© ظ„ظ…ط¹ط© ط®ظپظٹظپط© ظپظ‚ط· — ظ„ط§ طھط؛ط·ظٹط© ظƒط­ظ„ظٹط© طھط·ظ…ط³ ط£ظ„ظˆط§ظ† ط§ظ„ط¨ظ„ط§ط· ط§ظ„ظ…ظ„ظˆظ† */
.icon-bg-visual.has-icon-bg::after,
.has-icon-bg.icon-bg-visual::after,
.accmaa-cinema-card__icon.has-icon-bg::after,
.accmaa-dash-category-card__icon.has-icon-bg::after,
.accmaa-dash-zone-icon.has-icon-bg::after,
.section-icon-wrap.has-icon-bg::after,
.choice-visual-thumb::after,
.choice-thumb-icon.has-icon-bg::after,
.g-icon.has-icon-bg::after,
.accmaa-orbit-sat-icon.has-icon-bg::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, transparent 48%, rgba(0, 0, 0, 0.08) 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: inherit !important;
    color: transparent !important;
}

/* ط¸ظ„ ط£ظ‚ظˆظ‰ ط¹ظ„ظ‰ ط£ط؛ظ„ظپط© ط§ظ„ط¨ط·ط§ظ‚ط§طھ ظ„ط¥ط®ظپط§ط، ط£ظٹ ظƒطھط§ط¨ط© ط¯ط§ط®ظ„ ط§ظ„طµظˆط±ط© */
.accmaa-cinema-card__media-shade,
.accmaa-dash-category-card__shade {
    background: linear-gradient(
        180deg,
        rgba(6, 31, 61, 0.28) 0%,
        rgba(6, 31, 61, 0.12) 35%,
        rgba(6, 31, 61, 0.55) 100%
    ) !important;
}

.accmaa-orbit-sat-photo {
    position: absolute !important;
    inset: 0 !important;
}
.accmaa-orbit-sat-photo::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(160deg, rgba(6, 31, 61, 0.45), rgba(10, 54, 105, 0.72)) !important;
    z-index: 1 !important;
    display: block !important;
}

.icon-bg-visual,
.section-icon-wrap.has-icon-bg,
.g-icon.has-icon-bg,
.choice-visual-thumb,
.choice-thumb-icon.has-icon-bg,
.accmaa-orbit-sat-icon.has-icon-bg {
    position: relative;
    overflow: hidden;
}

.icon-bg-visual > i,
.has-icon-bg > i,
.section-icon-wrap.has-icon-bg > i,
.g-icon.has-icon-bg > i,
.accmaa-cinema-card__icon.has-icon-bg > i,
.accmaa-dash-category-card__icon.has-icon-bg > i,
.choice-thumb-icon > i,
.accmaa-orbit-sat-icon > i {
    position: relative;
    z-index: 2 !important;
}

/* طھط³ظ…ظٹط§طھ ط£ظٹظ‚ظˆظ†ط§طھ ط§ظ„ظ‚ط§ط¦ظ…ط©: ط¸ط§ظ‡ط±ط© ط¯ط§ط¦ظ…ط§ظ‹ (ط¯ظٹط³ظƒطھظˆط¨ + ظ…ظˆط¨ط§ظٹظ„) */
.icons-dock .icon-btn {
    aspect-ratio: auto !important;
    min-height: 72px;
    height: auto !important;
    overflow: visible !important;
}
.icons-dock .icon-btn .icon-btn-label,
.icons-dock .icon-btn.has-card-bg .icon-btn-label,
body.premium-ui .icons-dock .icon-btn .icon-btn-label,
body.ultra-premium .icons-dock .icon-btn .icon-btn-label {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: clamp(0.62rem, 2.6vw, 0.78rem) !important;
    line-height: 1.2 !important;
    max-height: none !important;
    overflow: hidden !important;
    white-space: normal !important;
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    text-shadow: none !important;
    position: relative !important;
    z-index: 3 !important;
    font-weight: 800 !important;
    padding: 2px 3px 0 !important;
    width: 100%;
    text-align: center;
}

@media (max-width: 900px) {
    .icons-dock .dock-zone-tag,
    .sections-zone-badge,
    .icon-new-badge {
        display: none !important;
    }
    .icons-dock .icon-btn {
        min-height: 68px;
        padding: 6px 4px 8px !important;
    }
    .icons-dock .icon-btn .icon-btn-label {
        font-size: 0.64rem !important;
    }
}

/* â•گâ•گâ•گ ط´ط±ظٹط· ط§ظ„ط¥ط¬ط±ط§ط،ط§طھ: ظƒظ„ ط§ظ„ط£ط²ط±ط§ط± ط°ظ‡ط¨ظٹط© ظˆط§ط¶ط­ط© â•گâ•گâ•گ */
.logged-site-actions .btn,
.logged-site-actions .btn-outline,
.logged-site-actions .btn-sm,
.dash-admin-preview-strip .btn {
    background: linear-gradient(135deg, #E8C547, #D4AF37) !important;
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
    border: 1px solid rgba(10, 54, 105, 0.12) !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 14px rgba(212, 175, 55, 0.35) !important;
}
.logged-site-actions .btn i,
.dash-admin-preview-strip .btn i {
    color: #061f3d !important;
}

/* â•گâ•گâ•گ ط£ظٹظ‚ظˆظ†ط§طھ ط§ظ„ط´ط±ظٹط· + ط§ظ„ط£ظˆط±ط¨طھ: ط¨ظ„ط§ط· ظ…ظ„ظˆظ† ط§ط­طھط±ط§ظپظٹ + ط±ظ…ط² ط°ظ‡ط¨ظٹ ظ…ظˆط­ظ‘ط¯ â•گâ•گâ•گ */
.icons-dock .icon-bg-visual.has-icon-bg,
.icons-dock .has-icon-bg.icon-bg-visual,
.accmaa-orbit-sat-icon.has-icon-bg,
.accmaa-orbit-sat-icon {
    background-image: linear-gradient(145deg, var(--icon-tile-bg, #0A3669), var(--icon-tile-bg-b, #0d4688)) !important;
    background-color: var(--icon-tile-bg, #0A3669) !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(10, 54, 105, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

.icons-dock .icon-bg-visual.has-icon-bg::after,
.accmaa-orbit-sat-icon.has-icon-bg::after {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, transparent 50%, rgba(0, 0, 0, 0.06) 100%) !important;
    display: block !important;
    opacity: 1 !important;
}

body.premium-ui .icons-dock .icon-btn,
body.ultra-premium .icons-dock .icon-btn {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}

body.premium-ui .icons-dock .icon-btn .icon-bg-visual > i,
body.premium-ui .icons-dock .icon-btn .has-icon-bg > i,
body.ultra-premium .icons-dock .icon-btn .icon-bg-visual > i,
body.ultra-premium .icons-dock .icon-btn .has-icon-bg > i,
.icons-dock .icon-bg-visual > i,
.icons-dock .has-icon-bg > i,
.accmaa-orbit-sat-icon > i,
.accmaa-orbit-sat-icon.has-icon-bg > i {
    color: var(--icon-glyph, #FFD54F) !important;
    -webkit-text-fill-color: var(--icon-glyph, #FFD54F) !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28) !important;
    font-size: 1.15rem !important;
    position: relative !important;
    z-index: 3 !important;
}

/* ط£ظٹظ‚ظˆظ†ط§طھ ط§ظ„ظ€ dock / ط§ظ„ط£ظˆط±ط¨طھ — ط£ظ„ظˆط§ظ† ط¯ظˆظ‘ط§ط±ط© ط¹ط¨ط± accmaa-icon-system.css (#C9A227 glyph) */
/* navy-gold-only alternating removed — multi-color tokens in :root --icon-tile-* */

.promo-billboard-sub:empty,
.promo-billboard-sub:blank {
    display: none !important;
}

.promo-level-badge--tool {
    background: linear-gradient(135deg, #E8C547, #D4AF37) !important;
    color: #061f3d !important;
    font-weight: 800;
}

/* â•گâ•گâ•گ ط£ظٹظ‚ظˆظ†ط§طھ ط§ظ„ط´ط¨ظƒط§طھ — ط¨ظ„ط§ط· ظ…ظ„ظˆظ† ط¯ظˆظ‘ط§ط± + ط±ظ…ط² ط°ظ‡ط¨ظٹ (accmaa-icon-system) â•گâ•گâ•گ */
.choice-thumb-icon,
.portal-mod-icon,
.pillar-explore-modules .accmaa-icon-wrap {
    border-color: transparent !important;
    box-shadow: 0 4px 12px rgba(10, 54, 105, 0.25);
}

.choice-thumb-icon i,
.portal-mod-icon i,
.pillar-mod-tile .accmaa-icon-wrap i,
.pillar-mod-icon i,
.g-icon i,
.accmaa-icon-md > i,
.accmaa-icon-wrap > i,
.section-icon-wrap > i,
.accmaa-cinema-card__icon > i,
.accmaa-dash-category-card__icon > i,
.dash-quick-item i,
.explore-card .icon-wrap i {
    color: var(--icon-glyph, #FFD54F) !important;
    -webkit-text-fill-color: var(--icon-glyph, #FFD54F) !important;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}

/* ط£ظٹظ‚ظˆظ†ط§طھ FA — ط®ظ„ظپظٹط© ظ…ظ† ظ†ط¸ط§ظ… ط§ظ„ط£ظ„ظˆط§ظ† ط§ظ„ط¯ظˆظ‘ط§ط± */
.portal-mod-icon {
    background: linear-gradient(145deg, var(--icon-tile-bg, #0A3669), var(--icon-tile-bg-b, #1a5a9e)) !important;
    color: var(--icon-glyph, #FFD54F) !important;
    border: none;
    box-shadow: 0 6px 16px rgba(10, 54, 105, 0.2);
}

.pillar-mod-tile .accmaa-icon-wrap,
.pillar-icon,
.dash-quick-item i {
    background: linear-gradient(145deg, var(--icon-tile-bg, #0A3669), var(--icon-tile-bg-b, #0d4688)) !important;
    border: none !important;
    color: var(--icon-glyph, #FFD54F) !important;
    -webkit-text-fill-color: var(--icon-glyph, #FFD54F) !important;
}

/* ط±ظ…ظˆط² ط§ظ„ظ€ dock ط°ظ‡ط¨ظٹط© ظ…ظˆط­ظ‘ط¯ط© — ط£ظ„ظˆط§ظ† ط§ظ„ط¨ظ„ط§ط· ظپظٹ icon-system */
.icons-dock .icon-btn .icon-bg-visual > i,
.icons-dock .icon-btn .has-icon-bg > i {
    color: var(--icon-glyph, #FFD54F) !important;
    -webkit-text-fill-color: var(--icon-glyph, #FFD54F) !important;
}

.accmaa-cinema-card__icon,
.accmaa-dash-category-card__icon {
    background: linear-gradient(145deg, rgba(10, 54, 105, 0.75), rgba(26, 90, 158, 0.85)) !important;
    border: 2px solid rgba(232, 197, 71, 0.7) !important;
    color: #E8C547 !important;
}

/* â•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گ
   طھظ†ط§ط³ظ‚ ط§ظ„ظƒطھط§ط¨ط© ط¹ظ„ظ‰ ظƒط§ظ…ظ„ ط§ظ„ظ…ظ†طµط©
   ظپط§طھط­: ط¹ظ†ط§ظˆظٹظ† ط£ط³ظˆط¯ ط؛ط§ظ…ظ‚ آ· طھظپط§طµظٹظ„ ط°ظ‡ط¨ظٹ
   ظƒط­ظ„ظٹ ط؛ط§ظ…ظ‚: ط¹ظ†ط§ظˆظٹظ† ط°ظ‡ط¨ظٹ/ظƒط±ظٹظ…ظٹ آ· طھظپط§طµظٹظ„ ط°ظ‡ط¨ظٹ
   â•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گâ•گ */
body.premium-ui {
    --acc-heading: #061f3d;
    --acc-detail: #C9A227;
    --acc-on-dark-heading: #E8C547;
    --acc-on-dark-detail: #F5E6B8;
}

/* ط®ظ„ظپظٹط§طھ ظپط§طھط­ط© — ط±ط£ط³ ط£ط³ظˆط¯ ط؛ط§ظ…ظ‚ */
body.premium-ui .main-inner:not(.accmaa-pay-direct) .page-title,
body.premium-ui .content-panel .page-title,
body.premium-ui .panel .page-title,
body.premium-ui .section-head h2,
body.premium-ui .section-head h3,
body.premium-ui .panel-premium h3,
body.premium-ui .accmaa-why-pay h2,
body.premium-ui .accmaa-plan-card h3,
body.premium-ui .accmaa-pay-product h3,
body.premium-ui .accmaa-pay-main .panel h3 {
    color: var(--acc-heading) !important;
    -webkit-text-fill-color: var(--acc-heading) !important;
}

/* طھظپط§طµظٹظ„ ط°ظ‡ط¨ظٹط© ط¹ظ„ظ‰ ط§ظ„ظپط§طھط­ */
body.premium-ui .main-inner .page-desc,
body.premium-ui .main-inner .page-desc-inline,
body.premium-ui .section-head p,
body.premium-ui .panel-premium > p,
body.premium-ui .accmaa-why-pay article p,
body.premium-ui .accmaa-plan-card > p,
body.premium-ui .accmaa-pay-footnote {
    color: var(--acc-detail) !important;
    -webkit-text-fill-color: var(--acc-detail) !important;
    opacity: 1 !important;
}

/* ط£ط³ط·ط­ ظƒط­ظ„ظٹط© ط؛ط§ظ…ظ‚ط© — ظ†طµ ط°ظ‡ط¨ظٹ ظˆط§ط¶ط­ (ظ…ط¯ظپظˆط¹ط§طھ آ· طھط±ط­ظٹط¨ آ· ط£ط¨ط·ط§ظ„) */
.accmaa-pay-hero,
.accmaa-pay-hero .page-title,
.accmaa-pay-hero .page-title i,
.accmaa-pay-hero h1,
.accmaa-pay-hero h2,
body.premium-ui .accmaa-pay-hero .page-title,
body.premium-ui .accmaa-pay-hero .page-title i,
body.ultra-premium .accmaa-pay-hero .page-title,
body.premium-ui .welcome-premium h1,
body.premium-ui .welcome-premium .page-title,
.gov-command-hero h2,
.gov-command-hero h3 {
    color: var(--acc-on-dark-heading) !important;
    -webkit-text-fill-color: var(--acc-on-dark-heading) !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35) !important;
    opacity: 1 !important;
}

.accmaa-pay-hero .page-desc,
.accmaa-pay-hero p,
.accmaa-pay-eyebrow,
body.premium-ui .accmaa-pay-hero .page-desc,
body.premium-ui .accmaa-pay-hero p,
body.premium-ui .accmaa-pay-eyebrow,
body.ultra-premium .accmaa-pay-hero .page-desc,
body.premium-ui .welcome-premium p,
.gov-command-hero p {
    color: var(--acc-on-dark-detail) !important;
    -webkit-text-fill-color: var(--acc-on-dark-detail) !important;
    opacity: 1 !important;
}

.accmaa-pay-hero .accmaa-pay-eyebrow {
    color: #E8C547 !important;
    -webkit-text-fill-color: #E8C547 !important;
    letter-spacing: 0.08em;
    font-weight: 800;
}

/* ط¨ظˆط§ط¨ط© ط§ظ„ظˆط­ط¯ط© آ· ط§ظ„ط¥ط¯ط§ط±ط© آ· ط§ظ„ط­ظˆظƒظ…ط© — ظ†طµ ط°ظ‡ط¨ظٹ ظˆط§ط¶ط­ ط¹ظ„ظ‰ ط§ظ„ظƒط­ظ„ظٹ */
body.premium-ui .module-chrome,
body.premium-ui .module-chrome-text,
body.premium-ui .module-chrome-text h2,
body.premium-ui .main-inner .module-chrome h2,
body.premium-ui .main-inner .module-chrome-text h2,
body.premium-ui .gov-command-hero,
body.premium-ui .gov-command-hero h2,
body.premium-ui .main-inner .gov-command-hero h2,
body.ultra-premium .module-chrome-text h2,
body.ultra-premium .gov-command-hero h2 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35) !important;
}

body.premium-ui .module-chrome-text p,
body.premium-ui .module-chrome-eyebrow,
body.premium-ui .module-chrome-stat span,
body.premium-ui .main-inner .module-chrome p,
body.premium-ui .main-inner .module-chrome-text p,
body.premium-ui .gov-command-hero p,
body.premium-ui .main-inner .gov-command-hero p,
body.premium-ui .gov-command-hero-text p,
body.ultra-premium .module-chrome-text p,
body.ultra-premium .gov-command-hero p,
body.premium-ui .dash-admin .gov-command-hero p {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    opacity: 1 !important;
}

body.premium-ui .module-chrome-stat strong {
    color: #E8C547 !important;
    -webkit-text-fill-color: #E8C547 !important;
}

/* ط¨ظˆط§ط¨ط© ط§ظ„ظ…ط­ظˆط± — ط¹ظ†ظˆط§ظ† ط£ط¨ظٹط¶ آ· طھظپط§طµظٹظ„ ط°ظ‡ط¨ظٹط© ط¹ظ„ظ‰ ط§ظ„ظƒط­ظ„ظٹ (ظ„ط§ طھظڈظ„ط؛ظ‰ ط¨ظ€ premium-ui) */
body.premium-ui .pillar-dest-hero h1,
body.premium-ui .main-inner .pillar-dest-hero h1,
body.ultra-premium .pillar-dest-hero h1,
body.premium-ui .pillar-dest-brief h3,
body.premium-ui .main-inner .pillar-dest-brief h3 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.3) !important;
    opacity: 1 !important;
}
body.premium-ui .pillar-dest-hero p,
body.premium-ui .pillar-dest-hero-text > p,
body.premium-ui .main-inner .pillar-dest-hero p,
body.premium-ui .pillar-dest-eyebrow,
body.premium-ui .pillar-dest-brief p,
body.ultra-premium .pillar-dest-hero p,
body.ultra-premium .pillar-dest-brief p {
    color: #E8C547 !important;
    -webkit-text-fill-color: #E8C547 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}
body.premium-ui .pillar-dest-hero-icon,
body.premium-ui .pillar-dest-hero-icon i {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    opacity: 1 !important;
}

/* ط£ظٹ ط³ط·ط­ ظƒط­ظ„ظٹ ظ…ط´ط§ط¨ظ‡ ط¯ط§ط®ظ„ ط§ظ„ظ…ط­طھظˆظ‰ */
body.premium-ui .main-inner [class*="-hero"]:not(.hero-premium) h1,
body.premium-ui .main-inner [class*="-hero"]:not(.hero-premium) h2,
body.premium-ui .gov-command-hero h2 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
body.premium-ui .course-detail-hero h1 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
body.premium-ui .course-detail-lead,
body.premium-ui .course-detail-spec {
    color: #E8C547 !important;
    -webkit-text-fill-color: #E8C547 !important;
}
body.premium-ui .course-detail-meta li {
    color: rgba(255,255,255,.92) !important;
    -webkit-text-fill-color: rgba(255,255,255,.92) !important;
}
body.premium-ui .course-detail-panel h2,
body.premium-ui .course-detail-points li {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}
body.premium-ui .course-detail-panel p {
    color: #4a6578 !important;
    -webkit-text-fill-color: #4a6578 !important;
}

body.premium-ui .pillar-dest-brief__learn h4,
body.premium-ui .pillar-dest-brief__who h4 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
body.premium-ui .pillar-dest-brief__who p {
    color: rgba(255,255,255,.95) !important;
    -webkit-text-fill-color: rgba(255,255,255,.95) !important;
}
.pillar-dest-brief__learn h4,
.pillar-dest-brief__who h4 {
    margin: 0 0 8px; color: #fff !important; -webkit-text-fill-color: #fff !important;
    font-size: .92rem; font-weight: 800;
}
.course-journey__label {
    color: #0A3669;
}
body.premium-ui .course-journey__label,
body.premium-ui .course-journey__step strong {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}
body.premium-ui .course-journey__step em {
    color: #4a6578 !important;
    -webkit-text-fill-color: #4a6578 !important;
}
body.premium-ui .curriculum-course-spec {
    color: #E8C547 !important;
    -webkit-text-fill-color: #E8C547 !important;
}


/* ---- accmaa-ui-layout-fix.css ---- */
/**
 * Accmaa — إصلاح الهيدر + القائمة الجانبية (مقصوص · بكسل · ألوان)
 * يُحمَّل آخر CSS
 */

/* ═══ ديسكتوب: معلومة محاسبية يمين · القائمة في الوسط · الأدوات يسار (RTL) ═══ */
@media (min-width: 769px) {
    .topbar-row--swapped .topbar-start,
    .topbar-row--swapped .topbar-start--insights {
        order: 1 !important;
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
        min-width: min(260px, 26vw) !important;
        max-width: min(440px, 40vw) !important;
    }

    .topbar-row--swapped .mega-nav,
    #megaNav.mega-nav {
        order: 2 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .topbar-row--swapped .topbar-tools {
        order: 3 !important;
        flex: 0 0 auto !important;
        margin-inline-start: auto !important;
    }

    html[dir="ltr"] .topbar-row--swapped .topbar-start,
    html[dir="ltr"] .topbar-row--swapped .topbar-start--insights {
        order: 1 !important;
    }

    html[dir="ltr"] .topbar-row--swapped .mega-nav {
        order: 2 !important;
    }

    html[dir="ltr"] .topbar-row--swapped .topbar-tools {
        order: 3 !important;
        margin-inline-start: auto !important;
    }

    /* أقسام القائمة — حجم موحّد وواضح */
    .accmaa-nav-top-link,
    .accmaa-mega-trigger {
        padding: 7px 10px !important;
        gap: 5px !important;
        font-size: clamp(0.72rem, 1.05vw, 0.84rem) !important;
    }

    .accmaa-nav-icon-wrap,
    .mega-nav-icon-wrap {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        border-radius: 10px !important;
        flex-shrink: 0 !important;
        transform: none !important;
        filter: none !important;
        overflow: visible !important;
    }

    .accmaa-nav-icon-wrap i,
    .mega-nav-icon-wrap i.fas,
    .mega-nav-icon-wrap i.fab {
        font-size: 0.88rem !important;
        transform: none !important;
        -webkit-font-smoothing: antialiased;
    }
}

/* ═══ معلومة محاسبية — نص كامل بدون قص ═══ */
.topbar-start--insights {
    min-width: min(260px, 28vw) !important;
    max-width: min(440px, 42vw) !important;
}

.topbar-acct-insights {
    overflow: visible !important;
    min-height: 56px;
    height: auto !important;
}

.topbar-acct-insights__track {
    height: auto !important;
    min-height: 2.5em;
    padding-top: 14px;
}

.topbar-acct-insights__text,
.topbar-acct-insights__text.is-active {
    position: relative !important;
    top: 0 !important;
    inset: auto !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.4 !important;
    font-size: clamp(0.7rem, 1vw, 0.84rem) !important;
}

body.guest-mode .topbar-premium.is-scrolled .topbar-acct-insights {
    height: auto !important;
    min-height: 48px;
}

/* ═══ نصوص كحلي — تصفح / بطاقات / dock ═══ */
.dock-zone-tag,
.icons-dock .dock-zone-tag {
    color: var(--primary, #0A3669) !important;
    -webkit-text-fill-color: var(--primary, #0A3669) !important;
    opacity: 1 !important;
}

.accmaa-dash-category-card__enter,
.accmaa-dash-category-card__enter i {
    color: var(--primary, #0A3669) !important;
    -webkit-text-fill-color: var(--primary, #0A3669) !important;
}

.icons-dock .icon-btn .icon-btn-label {
    color: var(--primary, #0A3669) !important;
    -webkit-text-fill-color: var(--primary, #0A3669) !important;
    font-weight: 800;
}

/* ═══ القائمة الجانبية — تحت الهيدر · قابلة للتمرير · أيقونات متزنة ═══ */
body.premium-ui .sidebar,
body.guest-mode .sidebar,
body.member-mode .sidebar,
body.admin-mode .sidebar {
    top: var(--header-stack-h, var(--topbar-h, 96px)) !important;
    height: calc(100dvh - var(--header-stack-h, var(--topbar-h, 96px))) !important;
    max-height: calc(100dvh - var(--header-stack-h, var(--topbar-h, 96px))) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    display: flex !important;
    flex-direction: column !important;
}

body.premium-ui.sidebar-open .sidebar,
body.sidebar-open.guest-mode .sidebar,
body.sidebar-open.member-mode .sidebar,
body.sidebar-open.admin-mode .sidebar {
    overflow-y: auto !important;
}

.sidebar .logo-box {
    flex-shrink: 0;
    padding-top: 12px !important;
}

.sidebar .icons-dock {
    flex-shrink: 0;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    padding: 10px 10px 12px !important;
    overflow: visible !important;
}

.sidebar .sections-panel {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 20px !important;
}

.sidebar .icon-btn {
    aspect-ratio: auto !important;
    min-height: 88px;
    padding: 10px 6px 8px !important;
    gap: 5px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: visible !important;
    transform: none !important;
}

.sidebar .icon-btn .icon-bg-visual,
.sidebar .icon-btn .icon-bg-visual.has-icon-bg {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 12px !important;
    transform: none !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
}

.sidebar .icon-btn .icon-bg-visual img,
.sidebar .icon-btn .has-icon-bg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    image-rendering: auto !important;
}

.sidebar .icon-btn i {
    font-size: 1rem !important;
    transform: none !important;
    -webkit-font-smoothing: antialiased;
}

.sidebar .icon-btn .icon-btn-label {
    font-size: 0.62rem !important;
    line-height: 1.25 !important;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accmaa-sidebar-overlay {
    top: var(--header-stack-h, var(--topbar-h, 96px)) !important;
}

/* ═══ موبايل: هيدر كحلي · أدوات لا تُقص ═══ */
@media (max-width: 768px) {
    body.guest-mode.premium-ui .topbar-premium {
        background: linear-gradient(180deg, #0a2647 0%, #061f3d 100%) !important;
    }

    body.guest-mode .topbar-row--swapped .topbar-tools {
        flex-wrap: nowrap !important;
        max-width: calc(100vw - 56px) !important;
        overflow: visible !important;
    }

    body.guest-mode .user-bar .btn-sm {
        padding: 6px 8px !important;
        font-size: 0.68rem !important;
        white-space: nowrap;
    }

    body.guest-mode .topbar-start.topbar-start--insights {
        order: 10 !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 6px !important;
    }

    .sidebar .icons-dock {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
        padding: 8px 8px 10px !important;
    }

    .sidebar .icon-btn {
        min-height: 82px;
        padding: 8px 4px 6px !important;
    }

    .sidebar .icon-btn .icon-bg-visual,
    .sidebar .icon-btn .icon-bg-visual.has-icon-bg {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }

    .accmaa-organized-dash--hub .accmaa-dash-category-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        padding: 8px 6px 12px !important;
    }

    .accmaa-dash-category-card__icon {
        width: 40px !important;
        height: 40px !important;
        bottom: 8px !important;
        inset-inline-end: 8px !important;
        transform: none !important;
    }
}

@media (max-width: 480px) {
    body.guest-mode .user-bar .btn-outline span {
        display: none;
    }

    body.guest-mode .user-bar .btn-outline::before {
        content: 'دخول';
        font-weight: 700;
    }
}


/* ---- accmaa-launch-polish.css ---- */
/**
 * ACCMAA — صقل الإطلاق: دهبي فاتح لامع + رجوع + ملء الشاشة + موبايل
 * يُحمَّل آخراً تقريباً لتجاوز أي #c9a227 / #D4AF37 / #C9A227 مطفي
 */
:root {
    --gold: #FFD54F;
    --gold-bright: #FFE082;
    --gold-deep: #E6B422;
    --icon-glyph: #FFD54F;
    --icon-glyph-bright: #FFE082;
    --muted: #FFD54F;
    --muted-strong: #FFE082;
}

/* ═══ أيقونات ذهبية فاتحة — تجاوز عدواني لكل الرموز ═══ */
.has-icon-bg > i,
.has-icon-bg .icon-bg-visual > i,
.icon-bg-visual > i,
.accmaa-icon-shell > i,
.accmaa-icon-wrap > i,
.accmaa-icon-md > i,
.accmaa-nav-icon-wrap i,
.accmaa-nav-top-link i:not(.accmaa-mega-chevron),
.accmaa-mega-trigger i:not(.accmaa-mega-chevron),
.accmaa-mega-link i,
.mega-nav-ico,
.mega-nav-icon-wrap i,
.mega-flat-link i,
.icons-dock .icon-btn i,
.icons-dock .icon-btn .icon-bg-visual > i,
.icons-dock .icon-btn .has-icon-bg > i,
.accmaa-orbit-sat-icon i,
.accmaa-orbit-sat-icon > i,
.admin-home-tile i,
.admin-sidebar-link i,
.choice-thumb-icon i,
.portal-mod-icon i,
.pillar-mod-tile .accmaa-icon-wrap i,
.pillar-mod-icon i,
.g-icon i,
.gift-card .g-icon.has-icon-bg i,
.accmaa-dash-category-card__icon i,
.accmaa-cinema-card__icon > i,
.module-tab i,
.member-link i,
.section-icon-wrap > i,
.dash-quick-item i,
.explore-card .icon-wrap i,
.contact-icon-tile__glyph i,
.fx-tick-rate,
.acc-cinema-term,
.acc-cinema-term--link,
body.guest-mode .accmaa-nav-top-link i:not(.accmaa-mega-chevron),
body.guest-mode .accmaa-mega-trigger i:not(.accmaa-mega-chevron),
body.guest-mode.premium-ui .accmaa-nav-top-link i:not(.accmaa-mega-chevron),
body.guest-mode.premium-ui .accmaa-mega-trigger i:not(.accmaa-mega-chevron),
body.guest-mode.accmaa-site-nav-mode .accmaa-nav-top-link i:not(.accmaa-mega-chevron),
body.guest-mode.accmaa-site-nav-mode .accmaa-mega-trigger i:not(.accmaa-mega-chevron),
body.logged-site-home .accmaa-nav-top-link i:not(.accmaa-mega-chevron),
body.logged-site-home .accmaa-mega-trigger i:not(.accmaa-mega-chevron),
body.admin-mode .accmaa-nav-top-link i:not(.accmaa-mega-chevron),
body.admin-mode .accmaa-mega-trigger i:not(.accmaa-mega-chevron),
body.member-mode .accmaa-nav-top-link i:not(.accmaa-mega-chevron),
body.member-mode .accmaa-mega-trigger i:not(.accmaa-mega-chevron),
body.guest-mode .mega-nav-icon-wrap i,
body.marketing-header .mega-nav-icon-wrap i,
.accmaa-site-menu--rail .accmaa-nav-icon-wrap i,
.accmaa-site-menu--rail .accmaa-nav-top-link:hover .accmaa-nav-icon-wrap i,
.accmaa-site-menu--rail .accmaa-mega-trigger:hover .accmaa-nav-icon-wrap i,
.accmaa-site-menu--rail .accmaa-mega-item.open .accmaa-nav-icon-wrap i,
.accmaa-nav-top-link:hover .accmaa-nav-icon-wrap i,
.accmaa-mega-trigger:hover .accmaa-nav-icon-wrap i,
.accmaa-mega-item.open .accmaa-nav-icon-wrap i,
.accmaa-mega-link:hover .accmaa-nav-icon-wrap i {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
}

.fx-bar-label,
.fx-tick-rate,
.acc-cinema-term:hover,
.acc-cinema-term--link:hover {
    color: #FFE082 !important;
    -webkit-text-fill-color: #FFE082 !important;
}

/* عناوين/نصوص كانت تبقى مطفية (#C9A227) رغم صقل الأيقونات */
body.premium-ui .choice-visual-body strong,
body.premium-ui .portal-mod-card h4,
body.premium-ui .pillar-mod-tile strong,
body.premium-ui .dash-brand-card strong,
body.premium-ui .gift-card h4,
body.premium-ui .accmaa-dash-category-card__title,
body.premium-ui .power-card h4,
body.premium-ui .choice-visual-tile strong,
body.premium-ui .landing-reason-card strong,
body.premium-ui .hub-topic-card h4,
body.premium-ui .contact-icon-tile strong,
body.guest-mode .choice-visual-body strong,
body.guest-mode .portal-mod-card h4,
body.guest-mode .pillar-mod-tile strong,
body.guest-mode .accmaa-dash-category-card__title,
.choice-visual-body strong,
.portal-mod-card h4,
.pillar-mod-tile strong,
.dash-brand-card strong,
.gift-card h4,
.accmaa-dash-category-card__title,
.power-card h4,
.choice-visual-tile strong,
.landing-reason-card strong,
.hub-topic-card h4,
.contact-icon-tile strong {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
}

body.premium-ui .choice-visual-body small,
body.premium-ui .portal-mod-card p,
body.premium-ui .portal-mod-meta,
body.premium-ui .pillar-mod-tile small,
body.premium-ui .dash-brand-card small,
body.premium-ui .gift-card p,
body.guest-mode .choice-visual-body small,
body.guest-mode .portal-mod-meta,
.choice-visual-body small,
.portal-mod-meta,
.pillar-mod-tile small,
.dash-brand-card small {
    color: #E6B422 !important;
    -webkit-text-fill-color: #E6B422 !important;
}

/* أيقونات SVG/مسارات داخل أغلفة الأيقونة */
.has-icon-bg svg,
.icon-bg-visual svg,
.accmaa-icon-shell svg,
.accmaa-nav-icon-wrap svg,
.mega-nav-icon-wrap svg,
.icons-dock .icon-btn svg {
    color: #FFD54F !important;
    fill: #FFD54F !important;
    stroke: #FFD54F !important;
}

/* ═══ زر الرجوع في مسار التنقل ═══ */
.accmaa-nav-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-inline-end: 10px;
    padding: 5px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 213, 79, 0.55);
    background: rgba(10, 54, 105, 0.08);
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    font-weight: 700;
    font-size: 0.82rem;
    cursor: pointer;
    line-height: 1.2;
    vertical-align: middle;
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.15s ease;
}
.accmaa-nav-back i {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    font-size: 0.78rem;
}
.accmaa-nav-back:hover,
.accmaa-nav-back:focus-visible {
    background: rgba(255, 213, 79, 0.28);
    border-color: #FFD54F;
    outline: none;
    transform: translateY(-1px);
}
.accmaa-nav-back[hidden],
.accmaa-nav-back.is-empty {
    display: none !important;
}
#breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    min-width: 0;
}

/* ═══ ملء عرض الشاشة — اختيارات / أقسام / شبكات / هيدر ═══ */
.choices-visual-inner,
.tax-inst-inner,
.dash-pillar-explore,
.accmaa-organized-dash--hub,
.accmaa-organized-dash--nested,
.pillar-explore-stack,
.learning-spotlight,
.section-block.reveal-section,
.main-inner,
.content-panel,
.dash-landing,
.accmaa-site-shell,
.topbar-premium,
.topbar-row-main,
.accmaa-utility-stack,
.accmaa-fun-ticker,
.icons-dock,
.icons-dock-inner {
    max-width: none !important;
    width: 100% !important;
    box-sizing: border-box;
}

.choices-visual-inner,
.tax-inst-inner,
.accmaa-organized-dash--hub,
.accmaa-organized-dash--nested,
.main-inner {
    padding-inline: clamp(10px, 1.8vw, 22px) !important;
}

.accmaa-organized-dash--hub .accmaa-dash-category-grid {
    max-width: none !important;
    width: 100% !important;
    margin-inline: 0 !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
}

@media (min-width: 1100px) {
    .accmaa-organized-dash--hub .accmaa-dash-category-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
    .choices-visual-grid,
    .pillar-explore-modules.choices-visual-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1400px) {
    .accmaa-organized-dash--hub .accmaa-dash-category-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
}

/* شريط الذهب والاختصارات والسينما — عرض كامل */
.accmaa-fx-bar,
.accmaa-promo-bar,
.acc-cinema,
.acc-cinema-inner,
.acc-cinema-terms,
.topbar-premium .topbar-inner,
.accmaa-site-menu--rail {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}

.accmaa-fx-bar {
    padding-inline: clamp(6px, 1.2vw, 14px) !important;
    gap: 8px !important;
}

.fx-marquee-wrap {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.fx-source {
    max-width: min(280px, 28vw) !important;
}

.acc-cinema-terms {
    justify-content: stretch !important;
}

.acc-cinema-terms-track {
    gap: clamp(10px, 1.6vw, 22px) !important;
    padding-inline: clamp(6px, 1vw, 14px) !important;
}

/* أدوات الهدايا — عرض أوضح بدون قصّ */
.accmaa-pdf-tools-page,
body.tafqeet-active .main-inner.tafqeet-page--instant,
.accmaa-translate-page {
    max-width: min(1400px, 100%) !important;
    width: 100% !important;
    box-sizing: border-box;
    overflow: visible !important;
}

.accmaa-pdf-tool-grid {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
}

.accmaa-pdf-tool-card,
.tafqeet-page,
.accmaa-translate-page {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* عرض موحّد للعضو/الأدمن + قريباً + الهدايا */
.dash-member-premium,
.dash-admin-premium,
.coming-soon-inner,
.accmaa-buddy-layout,
.instructors-showcase-inner,
.meet-instructors-inner,
.brand-gallery-grid {
    max-width: none !important;
    width: 100% !important;
    box-sizing: border-box;
}

.coming-soon-inner,
.dash-admin-premium,
.dash-member-premium {
    padding-inline: clamp(10px, 1.8vw, 22px) !important;
}

/* نصوص الحالات الفارغة — مقروءة (كحلي) وليس ذهب مطفي */
.empty-state p,
.empty-hint,
.admin-empty,
.erp-empty-state .page-desc,
.curriculum-empty {
    color: #3d5a73 !important;
    -webkit-text-fill-color: #3d5a73 !important;
}

.erp-empty-state h4 {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}

/* ═══ موبايل — dock / breadcrumb / mega / رجوع ═══ */
@media (max-width: 900px) {
    .main-inner,
    .choices-visual-inner,
    .tax-inst-inner,
    .accmaa-organized-dash--hub,
    .dash-admin-premium,
    .dash-member-premium,
    .coming-soon-inner {
        padding-inline: 10px !important;
    }

    .icons-dock,
    .icons-dock-inner {
        padding-inline: 6px !important;
    }

    .icons-dock .icon-btn {
        min-width: 0;
    }

    .icons-dock-grid,
    .icons-dock .dock-grid,
    .icons-dock-inner {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
    }

    #breadcrumb {
        gap: 2px 4px;
        font-size: 0.78rem;
    }

    .accmaa-nav-back {
        padding: 4px 10px;
        font-size: 0.76rem;
        margin-inline-end: 6px;
    }

    .accmaa-nav-back .accmaa-nav-back-label {
        max-width: 4.5em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .topbar-premium .topbar-row-main,
    .accmaa-site-menu--rail {
        padding-inline: 6px !important;
        gap: 4px !important;
    }

    .accmaa-mega-panel,
    .accmaa-mega-dropdown,
    .mega-panel {
        width: min(100vw - 12px, 100%) !important;
        max-width: calc(100vw - 12px) !important;
        inset-inline: 6px !important;
        left: 6px !important;
        right: 6px !important;
    }

    .accmaa-organized-dash--hub .accmaa-dash-category-grid,
    .choices-visual-grid,
    .pillar-explore-modules.choices-visual-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .accmaa-fx-bar {
        flex-wrap: wrap;
        padding-inline: 6px !important;
    }

    .fx-source {
        max-width: 100% !important;
    }
}

@media (max-width: 520px) {
    .accmaa-organized-dash--hub .accmaa-dash-category-grid {
        grid-template-columns: 1fr !important;
    }

    .choices-visual-grid,
    .pillar-explore-modules.choices-visual-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* ═══════════════════════════════════════════════════════════
   20260807eq — دهبي لامع + شريط رجوع داخل التدفق + قتل الفراغات
   يجب أن يبقى هذا الملف آخر stylesheet
   ═══════════════════════════════════════════════════════════ */
:root {
    --icon-glyph: #FFD54F !important;
    --icon-glyph-bright: #FFE082 !important;
    --gold: #FFD54F !important;
    --muted: #FFD54F !important;
    --muted-strong: #FFE082 !important;
}

/* كل أيقونات الميجا / الهب / الشيبس — بدون opacity مطفي */
.mega-panel i,
.mega-menu i,
.site-nav i,
.nav-mega i,
.accmaa-mega-panel i,
.accmaa-mega-panel--portal i,
.accmaa-mega-link i,
.accmaa-mega-link .accmaa-nav-icon-wrap i,
.accmaa-mega-link .accmaa-nav-icon-wrap.has-icon-bg > i,
.accmaa-mega-trigger i,
.accmaa-mega-trigger .accmaa-nav-icon-wrap i,
.accmaa-nav-top-link .accmaa-nav-icon-wrap i,
.accmaa-site-menu--rail .accmaa-nav-icon-wrap i,
[class*="mega"] .fa,
[class*="mega"] i,
.hub-topic-card i,
.pillar-mod-tile i,
.tool-strip-card i,
.choice-visual-tile i,
.portal-mod-card i,
.nav-card i,
.course-axis i,
.axis-chip i,
.pill-chip i,
.pillar-dest-sibling i,
.pillar-dest-hero-icon i,
.pillar-dest-tool i,
.pillar-hub-banner-icon i,
.module-tab i,
.icons-dock i,
.orbit-icon i,
.floating-icon i,
.accmaa-orbit-sat-icon i,
svg.icon,
.icon-tile i,
.has-icon-bg > i,
.has-icon-bg .icon-bg-visual > i,
.accmaa-icon-shell > i,
.accmaa-icon-wrap > i,
.accmaa-nav-icon-wrap i,
.mega-nav-icon-wrap i,
.mega-nav-ico,
.acc-cinema-term,
.acc-cinema-term--link {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    opacity: 1 !important;
    filter: none !important;
}

.accmaa-mega-link:hover i,
.accmaa-mega-link:hover .accmaa-nav-icon-wrap i,
.accmaa-mega-trigger:hover .accmaa-nav-icon-wrap i,
.accmaa-mega-item.open .accmaa-mega-trigger .accmaa-nav-icon-wrap i,
.pillar-dest-sibling:hover i {
    color: #FFE082 !important;
    -webkit-text-fill-color: #FFE082 !important;
    opacity: 1 !important;
}
/* سينما: عند الهوفر نص كحلي على خلفية ذهبية فاتحة */
.acc-cinema-term--link:hover,
.acc-cinema-term--link:focus-visible {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
}

/* الشيب النشط يبقى ذهبياً لامعاً على الخلفية الكحلية */
.pillar-dest-sibling.active i,
.module-tab.active i {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
}

/* ═══ رجوع عائم قابل للسحب (Messenger-style) — الشريط اللاصق مخفي ═══ */
.accmaa-back-chrome,
#accmaaBackChrome,
.accmaa-back-chrome[hidden],
#accmaaBackChrome[hidden],
.accmaa-back-chrome.is-home,
#accmaaBackChrome.is-home {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    overflow: hidden !important;
}

.main-wrap {
    overflow: visible !important;
}

#accmaaBackFab,
.accmaa-back-fab {
    position: fixed !important;
    z-index: 9200 !important;
    inset-inline-start: 14px;
    bottom: max(18px, env(safe-area-inset-bottom, 0px) + 14px);
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    border: 2.5px solid #FFD54F !important;
    background: linear-gradient(160deg, #0A3669 0%, #072a52 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 10px 28px rgba(4, 24, 48, 0.42), 0 0 0 3px rgba(255, 213, 79, 0.18) !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
    cursor: grab !important;
    touch-action: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    font-family: inherit !important;
    line-height: 1.05 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition: box-shadow 0.15s ease, transform 0.12s ease !important;
}
#accmaaBackFab.is-home,
#accmaaBackFab[hidden],
.accmaa-back-fab.is-home,
.accmaa-back-fab[hidden] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
#accmaaBackFab.is-dragging,
.accmaa-back-fab.is-dragging {
    cursor: grabbing !important;
    transform: scale(1.06) !important;
    box-shadow: 0 14px 34px rgba(4, 24, 48, 0.5), 0 0 0 4px rgba(255, 213, 79, 0.28) !important;
}
#accmaaBackFab i,
.accmaa-back-fab i {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    font-size: 1.05rem !important;
    line-height: 1 !important;
}
#accmaaBackFab .accmaa-back-fab-label,
.accmaa-back-fab .accmaa-back-fab-label {
    font-size: 0.62rem !important;
    font-weight: 800 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    letter-spacing: 0 !important;
    max-width: 46px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
#accmaaBackFab:hover,
#accmaaBackFab:focus-visible,
.accmaa-back-fab:hover,
.accmaa-back-fab:focus-visible {
    outline: none !important;
    border-color: #FFE082 !important;
    box-shadow: 0 12px 30px rgba(4, 24, 48, 0.48), 0 0 0 4px rgba(255, 213, 79, 0.26) !important;
}

.accmaa-nav-back {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ═══ قتل الفراغات بين أشرطة الهيدر والمحتوى (stamp es — specificity عالية) ═══ */
.accmaa-utility-stack,
.accmaa-promo-bar,
.accmaa-fx-bar,
.accmaa-accounting-cinema,
.acc-cinema,
.topbar,
.topbar.topbar-premium,
.topbar-shell,
.topbar-row-main,
.topbar-row--swapped,
#megaNav.mega-nav,
.accmaa-site-menu--rail,
.topbar-sub {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* main-wrap يحتاج إزاحة الهيدر الثابت فقط — بلا padding إضافي */
body.guest-mode.premium-ui .main-wrap,
body.logged-site-home.premium-ui .main-wrap,
body.guest-mode .main-wrap,
body.logged-site-home .main-wrap,
body.admin-mode .main-wrap,
body.member-mode .main-wrap,
.main-wrap {
    margin-top: var(--header-stack-h, var(--topbar-h, 118px)) !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-inline: 0 !important;
}

body.guest-mode.accmaa-site-nav-mode .topbar-premium,
body.guest-mode .topbar.topbar-premium,
body.logged-site-home .topbar.topbar-premium,
body.admin-mode .topbar.topbar-premium,
body.member-mode .topbar.topbar-premium {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
}

body.guest-mode .topbar-premium .topbar-shell,
body.guest-mode.accmaa-site-nav-mode .topbar-premium .topbar-shell,
body.logged-site-home .topbar-premium .topbar-shell,
body.admin-mode .topbar-premium .topbar-shell,
body.member-mode .topbar-premium .topbar-shell {
    padding-block: 3px 4px !important;
    padding-inline: clamp(6px, 1.2vw, 14px) !important;
}

body.guest-mode .topbar-row-main,
body.guest-mode .topbar-row--swapped,
body.logged-site-home .topbar-row-main,
body.logged-site-home .topbar-row--swapped,
body.guest-mode .topbar-premium.is-scrolled .topbar-row-main {
    min-height: 48px !important;
    padding-block: 0 !important;
    gap: 6px !important;
}

/* لوجو مضغوط — يتجاوز side-rails / watermark / scrolled */
body.guest-mode .topbar-brand-link--aqueous,
body.guest-mode .topbar-premium.is-scrolled .topbar-brand-link--aqueous,
body.logged-site-home .topbar-brand-link--aqueous,
body.admin-mode .topbar-brand-link--aqueous,
body.member-mode .topbar-brand-link--aqueous,
.topbar-brand-link--aqueous {
    width: clamp(52px, 6.5vw, 68px) !important;
    height: clamp(52px, 6.5vw, 68px) !important;
    padding: 4px !important;
}

/* شريط الميجا الأبيض — عرض كامل ومضغوط */
body.guest-mode .accmaa-site-menu--rail,
body.logged-site-home .accmaa-site-menu--rail,
body.admin-mode .accmaa-site-menu--rail,
body.member-mode .accmaa-site-menu--rail,
.accmaa-site-menu--rail,
#megaNav.mega-nav .accmaa-site-menu--rail {
    min-height: 42px !important;
    padding: 4px 6px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    border-radius: 12px !important;
}

body.guest-mode .accmaa-site-menu--rail .accmaa-nav-top-link,
body.guest-mode .accmaa-site-menu--rail .accmaa-mega-trigger,
.accmaa-site-menu--rail .accmaa-nav-top-link,
.accmaa-site-menu--rail .accmaa-mega-trigger {
    padding: 5px 7px !important;
    min-height: 36px !important;
}

/* بروـمو / عملات / سينما — بلا فراغات عمودية أو هوامش جانبية كبيرة */
.accmaa-utility-stack,
#accmaaPromoBar.accmaa-promo-bar,
.accmaa-promo-bar,
.accmaa-fx-bar,
.accmaa-accounting-cinema,
.acc-cinema,
.acc-cinema-inner {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    box-sizing: border-box !important;
}

.promo-bar-inner,
.promo-bar-inner--creative {
    max-width: none !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 4px clamp(6px, 1.2vw, 14px) !important;
}

.accmaa-fx-bar {
    min-height: 0 !important;
    padding-block: 2px !important;
    padding-inline: clamp(6px, 1.2vw, 12px) !important;
}

.accmaa-accounting-cinema,
.accmaa-accounting-cinema.accmaa-accounting-cinema--compact {
    min-height: 0 !important;
    height: auto !important;
}

.acc-cinema-terms {
    min-height: 34px !important;
    padding-block: 1px !important;
}

.acc-cinema-terms-track {
    padding-block: 2px !important;
    gap: clamp(8px, 1.2vw, 16px) !important;
}

/* شريط الرجوع اللاصق — معطّل لصالح الزر العائم */
.accmaa-back-chrome,
#accmaaBackChrome {
    display: none !important;
}

.main-inner,
.content-panel,
.module-chrome,
.pillar-dest-page,
.dash-landing,
.dash-flow__zone,
.dash-flow__zone--hero {
    margin-top: 0 !important;
    padding-top: clamp(6px, 1vw, 12px) !important;
}

.pillar-dest-siblings {
    margin-top: 4px !important;
    margin-bottom: 8px !important;
    gap: 6px !important;
}
.module-chrome-head {
    margin-bottom: 8px !important;
}
.module-tabs {
    margin-bottom: 6px !important;
    padding-top: 0 !important;
}

/* محتوى العرض الكامل — تقليل الهوامش الجانبية الكبيرة */
.main-inner,
.content-panel,
.dash-landing .section-block,
.choices-visual-inner,
.tax-inst-inner,
.accmaa-organized-dash--hub,
.accmaa-organized-dash--nested {
    max-width: none !important;
    width: 100% !important;
    padding-inline: clamp(8px, 1.4vw, 18px) !important;
}

@media (max-width: 900px) {
    .accmaa-back-chrome,
    #accmaaBackChrome {
        display: none !important;
    }
    body.guest-mode .topbar-row-main,
    body.guest-mode .topbar-row--swapped,
    body.guest-mode .topbar-premium.is-scrolled .topbar-row-main {
        min-height: 44px !important;
    }
    body.guest-mode .topbar-brand-link--aqueous,
    body.guest-mode .topbar-premium.is-scrolled .topbar-brand-link--aqueous,
    .topbar-brand-link--aqueous {
        width: clamp(46px, 13vw, 58px) !important;
        height: clamp(46px, 13vw, 58px) !important;
        padding: 3px !important;
    }
    .accmaa-site-menu--rail,
    body.guest-mode .accmaa-site-menu--rail {
        min-height: 40px !important;
        padding: 3px 4px !important;
        border-radius: 10px !important;
    }
    .accmaa-accounting-cinema,
    .accmaa-accounting-cinema.accmaa-accounting-cinema--compact {
        min-height: 0 !important;
    }
    .acc-cinema-terms {
        min-height: 32px !important;
    }
    .promo-bar-inner,
    .promo-bar-inner--creative {
        padding: 3px 8px !important;
        min-height: 0 !important;
    }
    .main-inner,
    .content-panel,
    .dash-landing .section-block {
        padding-inline: 8px !important;
        padding-top: 6px !important;
    }
}

/* ═══ 20260807et — تباين + شيفرون كحلي + أبطال داكنة ═══ */

/* A) شيفرون الميجا — كحلي على الشريط الأبيض (الأيقونات الملونة تبقى ذهبية) */
.accmaa-mega-chevron,
.accmaa-mega-trigger > .fa-chevron-down,
.accmaa-mega-trigger > .accmaa-mega-chevron,
.accmaa-site-menu--rail .accmaa-mega-chevron,
body.guest-mode .accmaa-mega-chevron,
body.guest-mode.premium-ui .accmaa-mega-chevron,
body.guest-mode.accmaa-site-nav-mode .accmaa-mega-chevron,
body.logged-site-home .accmaa-mega-chevron,
body.admin-mode .accmaa-mega-chevron,
body.member-mode .accmaa-mega-chevron,
body.marketing-header .accmaa-mega-chevron {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    opacity: 1 !important;
}

/* C) تفقيط — عنوان/وصف/أيقونة ذهبية-بيضاء على الشريط الكحلي */
body.premium-ui .tafqeet-topbar,
body.premium-ui .tafqeet-topbar-text,
body.premium-ui .main-inner .tafqeet-topbar h1,
body.premium-ui .main-inner .tafqeet-topbar-text h1,
body.premium-ui .tafqeet-hero h1,
body.premium-ui .main-inner .tafqeet-hero h1 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35) !important;
}
body.premium-ui .main-inner .tafqeet-topbar p,
body.premium-ui .main-inner .tafqeet-topbar-text p,
body.premium-ui .tafqeet-hero p,
body.premium-ui .main-inner .tafqeet-hero p,
body.premium-ui .tafqeet-topbar-badge,
body.premium-ui .tafqeet-topbar-feats span {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    opacity: 1 !important;
}
body.premium-ui .tafqeet-topbar h1 > i,
body.premium-ui .tafqeet-topbar-text h1 > i,
body.premium-ui .tafqeet-topbar-feats i,
body.premium-ui .tafqeet-topbar .fa-chevron-down,
body.premium-ui .tafqeet-topbar .fa-spell-check {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    opacity: 1 !important;
}

/* B) ترجمة Accmaa — عنوان + كرة أرضية ذهبية لامعة */
body.premium-ui .translate-topbar-text h1,
body.premium-ui .main-inner .translate-topbar-text h1,
body.premium-ui .translate-topbar-text h1 > i,
body.premium-ui .translate-topbar-text .fa-globe,
body.premium-ui .translate-topbar-icon,
body.premium-ui .translate-topbar-icon > i,
body.premium-ui .translate-topbar-icon .fa-language,
body.premium-ui .dash-translate-head h2,
body.premium-ui .dash-translate-head h2 > i {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    opacity: 1 !important;
}
body.premium-ui .main-inner .translate-topbar p,
body.premium-ui .main-inner .translate-topbar-text p,
body.premium-ui .translate-topbar-badge,
body.premium-ui .translate-topbar-feats span {
    color: #FFE082 !important;
    -webkit-text-fill-color: #FFE082 !important;
    opacity: 1 !important;
}
body.premium-ui .translate-topbar-icon {
    background: linear-gradient(145deg, #0A3669, #0B3A6E) !important;
    border-color: rgba(255, 213, 79, 0.65) !important;
}

/* F) كروم الإدارة / الأبطال الكحلية — عنوان أبيض · وصف ذهبي */
body.premium-ui .module-chrome,
body.premium-ui .module-chrome-text,
body.premium-ui .module-chrome-text h2,
body.premium-ui .main-inner .module-chrome h2,
body.premium-ui .main-inner .module-chrome-text h2,
body.premium-ui .gov-command-hero,
body.premium-ui .gov-command-hero h2,
body.premium-ui .main-inner .gov-command-hero h2,
body.premium-ui .command-header-premium,
body.premium-ui .command-header-premium h1,
body.premium-ui .main-inner .command-header-premium h1,
body.premium-ui .dash-admin-premium .command-header-premium h1,
body.premium-ui .admin-page-head .page-title,
body.ultra-premium .module-chrome-text h2,
body.ultra-premium .gov-command-hero h2 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35) !important;
}
body.premium-ui .module-chrome-text p,
body.premium-ui .module-chrome-eyebrow,
body.premium-ui .module-chrome-stat span,
body.premium-ui .main-inner .module-chrome p,
body.premium-ui .main-inner .module-chrome-text p,
body.premium-ui .gov-command-hero p,
body.premium-ui .main-inner .gov-command-hero p,
body.premium-ui .gov-command-hero-text p,
body.premium-ui .gov-command-hero .page-desc-inline,
body.premium-ui .command-header-premium p,
body.premium-ui .command-header-premium .dash-eyebrow,
body.premium-ui .main-inner .command-header-premium p,
body.premium-ui .dash-admin-premium .command-header-premium p,
body.premium-ui .admin-page-head .page-desc,
body.premium-ui .admin-eyebrow,
body.ultra-premium .module-chrome-text p,
body.ultra-premium .gov-command-hero p {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    opacity: 1 !important;
}
body.premium-ui .module-chrome-icon,
body.premium-ui .module-chrome-icon i,
body.premium-ui .command-crown-premium,
body.premium-ui .command-crown-premium i,
body.premium-ui .command-header-premium h1 > i {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    opacity: 1 !important;
}

/* G) هدايا / أشرطة أدوات داكنة — أبيض/ذهبي وليس رمادي على كحلي */
body.premium-ui .gift-hero-premium h1,
body.premium-ui .gift-hero h1,
body.premium-ui .pillar-dest-hero h1,
body.premium-ui .course-detail-hero h1,
body.premium-ui .main-inner .gift-hero-premium h1,
body.premium-ui .main-inner .gift-hero h1 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}
body.premium-ui .gift-hero-premium p,
body.premium-ui .gift-hero p,
body.premium-ui .pillar-dest-hero p,
body.premium-ui .pillar-dest-eyebrow,
body.premium-ui .course-detail-lead,
body.premium-ui .main-inner .gift-hero-premium p,
body.premium-ui .main-inner .gift-hero p {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    opacity: 1 !important;
}

/* ERP — أزرار الإجراءات مقروءة ومنظمة */
.erp-actions,
.erp-drawer-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
    min-width: 260px !important;
}
.erp-drawer-actions { margin-top: 12px; min-width: 0 !important; }
.erp-actions .btn,
.erp-drawer-actions .btn,
.erp-act-btn {
    white-space: nowrap !important;
    font-weight: 700 !important;
    min-height: 36px !important;
    padding-inline: 10px !important;
}
.erp-actions .btn i,
.erp-drawer-actions .btn i,
.erp-act-btn i { margin-inline-end: 4px; }
.erp-btn-danger { color: #b42318 !important; border-color: #f04438 !important; }
.erp-journal-table td.erp-actions { position: sticky; inset-inline-end: 0; background: #fff; z-index: 1; }

/* ERP — اختيار الحساب (typeahead) */
.erp-ac-wrap {
    position: relative;
    min-width: 180px;
    max-width: 320px;
}
.erp-ac-input {
    width: 100% !important;
    min-height: 40px;
}
.erp-ac-list {
    position: absolute;
    z-index: 40;
    inset-inline: 0;
    top: calc(100% + 2px);
    max-height: 220px;
    overflow: auto;
    margin: 0;
    padding: 4px 0;
    list-style: none;
    background: #fff;
    border: 1px solid #c5d0dc;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(10, 54, 105, 0.14);
    -webkit-overflow-scrolling: touch;
}
.erp-ac-list.hidden { display: none !important; }
.erp-ac-item {
    padding: 10px 12px;
    cursor: pointer;
    font-size: 0.92rem;
    line-height: 1.35;
    color: #0A3669;
}
.erp-ac-item:hover,
.erp-ac-item.is-active {
    background: #eef5ff;
}
.erp-ac-empty {
    padding: 10px 12px;
    color: #5b7086;
    font-size: 0.9rem;
}
.erp-col-account { min-width: 200px; }
.erp-entry-actions .btn-gold { order: 0; }

/* ═══════════════════════════════════════════════════════════
   20260807ey — unpost ERP · FAB only · mobile overflow · logout
   يجب أن يبقى هذا الملف آخر stylesheet
   ═══════════════════════════════════════════════════════════ */

/* —— تباين زائر: خلفيات داكنة → أبيض / ذهبي —— */
body.premium-ui .module-chrome,
body.premium-ui .module-chrome *,
body.premium-ui .gov-command-hero,
body.premium-ui .command-header-premium,
body.premium-ui .gift-hero-premium,
body.premium-ui .gift-hero,
body.premium-ui .pillar-dest-hero,
body.premium-ui .tafqeet-topbar,
body.premium-ui .translate-topbar,
body.premium-ui .course-detail-hero,
.accmaa-back-chrome,
.accmaa-back-chrome *,
.accmaa-fx-bar,
.accmaa-fx-bar .fx-bar-label,
.accmaa-fx-bar .fx-tick-rate,
.acc-cinema-term,
.acc-cinema-term--link,
.acc-cinema-head {
    opacity: 1 !important;
}

body.premium-ui .module-chrome h1,
body.premium-ui .module-chrome h2,
body.premium-ui .module-chrome-text h2,
body.premium-ui .gov-command-hero h1,
body.premium-ui .gov-command-hero h2,
body.premium-ui .command-header-premium h1,
body.premium-ui .gift-hero-premium h1,
body.premium-ui .gift-hero h1,
body.premium-ui .pillar-dest-hero h1,
body.premium-ui .tafqeet-topbar h1,
body.premium-ui .course-detail-hero h1,
body.premium-ui .admin-page-head .page-title,
.accmaa-back-chrome-btn,
.accmaa-back-chrome-seg {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35) !important;
}

body.premium-ui .module-chrome p,
body.premium-ui .module-chrome-text p,
body.premium-ui .module-chrome-eyebrow,
body.premium-ui .gov-command-hero p,
body.premium-ui .command-header-premium p,
body.premium-ui .command-header-premium .dash-eyebrow,
body.premium-ui .gift-hero-premium p,
body.premium-ui .gift-hero p,
body.premium-ui .pillar-dest-hero p,
body.premium-ui .tafqeet-topbar p,
body.premium-ui .translate-topbar p,
body.premium-ui .translate-topbar-text h1,
body.premium-ui .admin-page-head .page-desc,
body.premium-ui .admin-eyebrow,
.accmaa-fx-bar .fx-bar-label,
.accmaa-fx-bar .fx-tick-rate,
.acc-cinema-term,
.acc-cinema-term--link,
.acc-cinema-head {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    opacity: 1 !important;
}

/* —— خلفيات فاتحة → كحلي مقروء (لا رمادي مطفي) —— */
body.premium-ui .main-inner .page-desc:not(.module-chrome *),
body.premium-ui .dash-landing .page-desc,
body.premium-ui .choice-visual-body small,
body.premium-ui .portal-mod-meta,
body.premium-ui .pillar-mod-tile small,
body.premium-ui .hub-topic-card p,
body.premium-ui .accmaa-dash-zone-lead,
body.premium-ui .breadcrumb,
#breadcrumb,
#breadcrumb a,
#breadcrumb span,
.accmaa-orbit-showcase__lead,
.accmaa-dash-zone-lead,
.empty-state p,
.empty-hint,
.admin-empty {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    opacity: 1 !important;
}

/* قتل opacity المطفي على نصوص الجسم الشائعة */
body.premium-ui .page-desc,
body.premium-ui .section-lead,
body.premium-ui .dash-eyebrow,
body.premium-ui .card-meta,
body.premium-ui .muted,
body.premium-ui .text-muted,
body.premium-ui [class*="desc"]:not(i):not(.fa):not([class*="icon"]),
.icons-dock .icon-btn,
.icons-dock .icon-btn-label,
.accmaa-orbit-sat-label,
.pillar-mod-tile,
.choice-visual-tile,
.hub-topic-card,
.module-tab {
    opacity: 1 !important;
}

/* شيفرون الميجا — كحلي دائماً على الشريط الأبيض */
.accmaa-mega-chevron,
.accmaa-mega-trigger > .fa-chevron-down,
.accmaa-site-menu--rail .accmaa-mega-chevron {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    opacity: 1 !important;
}

/* —— موبايل ≤768: هيكل نظيف بلا تداخل —— */
@media (max-width: 768px) {
    /* ميجا / شريط الأقسام — تمرير أفقي كامل (LTR/RTL) بلا قصّ */
    body.guest-mode.accmaa-site-nav-mode .topbar-row--swapped .mega-nav,
    body.guest-mode.accmaa-site-nav-mode #megaNav.mega-nav,
    body.logged-site-home.accmaa-site-nav-mode #megaNav.mega-nav,
    body.admin-mode.accmaa-site-nav-mode #megaNav.mega-nav,
    body.member-mode.accmaa-site-nav-mode #megaNav.mega-nav,
    #megaNav.mega-nav,
    .mega-nav {
        display: block !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        order: 10 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-x: contain;
        touch-action: pan-x;
        justify-content: flex-start !important;
        scrollbar-width: thin;
    }

    .accmaa-site-nav--organized,
    #megaNav .accmaa-site-nav,
    #megaNav .accmaa-site-nav--organized {
        width: max-content !important;
        max-width: none !important;
        min-width: 100% !important;
        display: block !important;
        overflow: visible !important;
    }

    .accmaa-site-menu--rail,
    body.guest-mode .accmaa-site-menu--rail,
    body.accmaa-site-nav-mode .accmaa-site-menu--rail,
    #megaNav.mega-nav .accmaa-site-menu--rail {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 8px !important;
        width: max-content !important;
        max-width: none !important;
        min-width: 100% !important;
        min-height: 48px !important;
        padding: 6px 8px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        background: linear-gradient(180deg, #ffffff 0%, #f3f7fc 100%) !important;
    }

    .accmaa-site-menu--rail > li {
        flex: 0 0 auto !important;
        min-width: max-content !important;
        width: auto !important;
        scroll-snap-align: start;
    }

    .member-nav,
    #memberNav,
    .topbar-sub .member-nav {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-x: contain;
        touch-action: pan-x;
        scrollbar-width: thin;
        gap: 6px !important;
    }
    .member-nav .member-link,
    #memberNav .member-link {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }
    .member-link--logout {
        margin-inline-start: auto;
        color: #8a1f1f !important;
        -webkit-text-fill-color: #8a1f1f !important;
        background: rgba(192, 57, 43, 0.1) !important;
        border: 1px solid rgba(192, 57, 43, 0.28) !important;
        font-weight: 800 !important;
    }
    .member-link--logout i {
        color: #8a1f1f !important;
        -webkit-text-fill-color: #8a1f1f !important;
    }

    .accmaa-mobile-logout {
        display: block !important;
        margin-top: 12px !important;
        padding: 10px 0 4px !important;
        border-top: 1px solid rgba(10, 54, 105, 0.12) !important;
    }
    .accmaa-mobile-logout-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-height: 48px !important;
        padding: 12px 14px !important;
        border-radius: 12px !important;
        border: 2px solid rgba(192, 57, 43, 0.35) !important;
        background: linear-gradient(180deg, #fff5f4 0%, #ffe8e6 100%) !important;
        color: #8a1f1f !important;
        -webkit-text-fill-color: #8a1f1f !important;
        font: inherit !important;
        font-weight: 800 !important;
        font-size: 0.95rem !important;
        cursor: pointer !important;
    }
    .accmaa-mobile-logout-btn i {
        color: #8a1f1f !important;
        -webkit-text-fill-color: #8a1f1f !important;
    }

    .user-bar--creative #btnLogout,
    .user-bar--creative .user-bar-auth-btn#btnLogout {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-width: 44px !important;
        min-height: 40px !important;
        z-index: 5 !important;
    }
    .user-bar--creative #btnLogout .user-bar-auth-label {
        display: inline !important;
        font-size: 0.72rem !important;
        font-weight: 800 !important;
    }

    .accmaa-site-menu--rail .accmaa-nav-top-link,
    .accmaa-site-menu--rail .accmaa-mega-trigger {
        width: auto !important;
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 6px 10px !important;
        gap: 6px !important;
        color: #0A3669 !important;
        -webkit-text-fill-color: #0A3669 !important;
    }

    .accmaa-site-menu--rail .accmaa-nav-icon-wrap,
    .accmaa-site-menu--rail .accmaa-nav-icon-wrap.has-icon-bg {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        transform: none !important;
    }

    /* Dock الأيقونات — شبكة 3 أعمدة بمسافات واضحة */
    .sidebar .icons-dock,
    .icons-dock,
    .icons-dock-inner,
    #iconsDock {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .icons-dock .icon-btn,
    #iconsDock .icon-btn,
    .sidebar .icon-btn {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 72px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 8px 4px 10px !important;
        aspect-ratio: auto !important;
        overflow: visible !important;
        transform: none !important;
        opacity: 1 !important;
    }

    .icons-dock .icon-btn .icon-bg-visual,
    .icons-dock .icon-btn .has-icon-bg {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        transform: none !important;
    }

    .icons-dock .icon-btn .icon-btn-label {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 0.62rem !important;
        line-height: 1.25 !important;
        color: #0A3669 !important;
        -webkit-text-fill-color: #0A3669 !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 3 !important;
    }

    /* أوربت — شبكة بدل تراكب مطلق */
    .accmaa-orbit-stage {
        height: auto !important;
        min-height: 0 !important;
        perspective: none !important;
    }
    .accmaa-orbit-rings { display: none !important; }
    .accmaa-orbit-sats {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        transform: none !important;
        animation: none !important;
    }
    .accmaa-orbit-sat {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        transform: none !important;
        animation: none !important;
    }
    .accmaa-orbit-core {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        margin: 0 auto 12px !important;
    }

    /* داشبورد / أعمدة / بلاط — عمود واحد أو اثنين بمسافات */
    .accmaa-organized-dash--hub .accmaa-dash-category-grid,
    .accmaa-cinema-grid,
    .accmaa-organized-quick,
    .choices-visual-grid,
    .pillar-explore-modules.choices-visual-grid,
    .module-grid-portal,
    .gift-grid-9,
    .hub-topics,
    .dash-quick-strip,
    .brand-gallery-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: 100% !important;
    }

    .pillar-mod-tile,
    .choice-visual-tile,
    .portal-mod-card,
    .hub-topic-card,
    .accmaa-dash-category-card,
    .accmaa-cinema-card,
    .dash-quick-item,
    .gift-card {
        min-width: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        transform: none !important;
    }

    /* شيبس / تابات / أشرطة — لف أو تمرير أفقي */
    .module-tabs,
    .axis-chips,
    .pill-chips,
    .dash-hub-chips,
    .hub-chip-row,
    .logged-site-actions,
    .erp-actions {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        width: 100% !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .module-tab,
    .axis-chip,
    .pill-chip,
    .hub-chip {
        flex: 0 0 auto !important;
        min-height: 40px !important;
        padding: 8px 12px !important;
        white-space: nowrap;
    }

    /* FX / سينما / بروما — بدون فراغ ضخم */
    .accmaa-fx-bar,
    .accmaa-promo-bar,
    .accmaa-accounting-cinema,
    .accmaa-accounting-cinema.accmaa-accounting-cinema--compact {
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
    }
    .acc-cinema-terms {
        min-height: 28px !important;
        overflow-x: auto !important;
    }

    /* رجوع = زر عائم فقط */
    .accmaa-back-chrome,
    #accmaaBackChrome {
        display: none !important;
    }
    #accmaaBackFab,
    .accmaa-back-fab {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        min-height: 54px !important;
    }

    /* تنعيم وتباين موبايل */
    body,
    .main-wrap,
    .content-panel,
    .main-inner {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
    }
    .main-wrap,
    .main-inner,
    .content-panel,
    .topbar-shell,
    .topbar-row--swapped {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .main-wrap,
    .main-inner,
    .content-panel {
        overflow-x: clip !important;
    }

    body.guest-mode .main-wrap,
    body.logged-site-home .main-wrap,
    body.admin-mode .main-wrap,
    body.member-mode .main-wrap,
    .main-wrap {
        margin-top: var(--header-stack-h, var(--topbar-h, 108px)) !important;
        padding-top: 4px !important;
        padding-inline: 0 !important;
    }

    .main-inner,
    .content-panel,
    .choices-visual-inner,
    .dash-landing .section-block,
    .accmaa-organized-dash--hub {
        padding-inline: 10px !important;
        padding-top: 8px !important;
        gap: 12px !important;
    }

    /* لوحات الميجا المنسدلة — عرض الشاشة */
    .accmaa-mega-panel,
    .accmaa-mega-panel--portal,
    .accmaa-mega-dropdown,
    .mega-panel {
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: calc(100vw - 16px) !important;
        min-width: 0 !important;
    }
}

@media (max-width: 520px) {
    .accmaa-organized-dash--hub .accmaa-dash-category-grid,
    .accmaa-cinema-grid,
    .hub-topics,
    .dash-quick-strip {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .choices-visual-grid,
    .pillar-explore-modules.choices-visual-grid,
    .module-grid-portal,
    .gift-grid-9,
    .accmaa-organized-quick {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .icons-dock,
    .icons-dock-inner,
    #iconsDock,
    .sidebar .icons-dock {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .accmaa-orbit-sats {
        grid-template-columns: 1fr !important;
    }

    .accmaa-site-menu--rail .accmaa-nav-top-link span:not(.accmaa-nav-icon-wrap):not(.accmaa-more-ico),
    .accmaa-site-menu--rail .accmaa-mega-trigger span:not(.accmaa-nav-icon-wrap):not(.accmaa-more-ico) {
        max-width: 4.2em;
    }
}

@media (max-width: 380px) {
    .choices-visual-grid,
    .pillar-explore-modules.choices-visual-grid,
    .gift-grid-9 {
        grid-template-columns: 1fr !important;
    }
}

/* ═══ 20260807ey — شريط أدوات الهيدر: تمرير أفقي بلا قصّ + خروج ظاهر ═══ */
@media (max-width: 768px) {
    .topbar.topbar-premium,
    .topbar-premium,
    .topbar-shell {
        overflow: visible !important;
    }

    .topbar-row--swapped,
    .topbar-row-main.topbar-row--swapped {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    .topbar-tools--creative,
    .topbar-tools {
        order: 1 !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 6px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-x: contain;
        touch-action: pan-x;
        scrollbar-width: thin;
        padding-inline: 2px !important;
    }

    .topbar-tools-glass {
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 4px !important;
        width: max-content !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        overflow: visible !important;
        padding: 4px 6px !important;
    }

    .topbar-tools-cluster,
    .topbar-tools-cluster--utility,
    .topbar-tools-cluster--auth {
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 4px !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        overflow: visible !important;
    }

    .user-bar--creative,
    #userBar.user-bar--creative {
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 5px !important;
        max-width: none !important;
        width: auto !important;
        flex: 0 0 auto !important;
        overflow: visible !important;
    }

    .user-bar--creative #btnLogout,
    .user-bar--creative .user-bar-auth-btn#btnLogout,
    .user-bar--creative #btnLogin {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex-shrink: 0 !important;
        min-width: 44px !important;
        min-height: 40px !important;
        z-index: 6 !important;
    }

    .user-bar--creative #btnLogout .user-bar-auth-label {
        display: inline !important;
        font-size: 0.7rem !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
    }

    .topbar-menu-pill--creative {
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
    }

    #megaNav.mega-nav,
    .mega-nav {
        order: 2 !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x;
    }

    .topbar-start,
    .topbar-start--insights {
        order: 3 !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .member-nav,
    #memberNav {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x;
    }

    .member-link--logout,
    #btnLogoutMember {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex: 0 0 auto !important;
    }

    .accmaa-mobile-logout,
    .accmaa-mobile-logout-btn {
        display: flex !important;
        visibility: visible !important;
    }

    /* أيقونات أوضح — بلا تصغير ضبابي */
    .topbar-icon-btn--glass i,
    .user-bar--creative .avatar,
    .accmaa-site-menu--rail .accmaa-nav-icon-wrap i,
    .mega-nav-ico {
        -webkit-font-smoothing: antialiased !important;
        transform: none !important;
        filter: none !important;
        image-rendering: -webkit-optimize-contrast;
    }

    .erp-ac-wrap--filter {
        min-width: 160px;
        max-width: 100%;
        width: 100%;
    }
}

/* شريط الرجوع اللاصق — قتيل نهائي لصالح FAB فقط */
html body .accmaa-back-chrome,
html body #accmaaBackChrome,
html body #accmaaBackChrome[hidden],
html body #accmaaBackChrome.is-home,
html body .accmaa-back-chrome[hidden],
html body .accmaa-back-chrome.is-home {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    opacity: 0 !important;
    position: absolute !important;
    inset: auto !important;
    z-index: -1 !important;
    overflow: hidden !important;
}

html body #accmaaBackFab:not(.is-home):not([hidden]),
html body .accmaa-back-fab:not(.is-home):not([hidden]) {
    display: inline-flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: fixed !important;
    z-index: 9200 !important;
}

/* ═══════════════════════════════════════════════════════════
   20260807ez — موبايل: قائمة اختيارات كاملة · ضد البكسلة · إدارة مقروءة
   يجب أن يبقى هذا الملف آخر stylesheet
   ═══════════════════════════════════════════════════════════ */

/* C) إدارة — لوحات كحلية صلبة خلف النص الذهبي/الأبيض */
body.premium-ui .module-chrome,
body.ultra-premium .module-chrome,
body.admin-mode .module-chrome,
body.premium-ui .gov-command-hero,
body.ultra-premium .gov-command-hero,
body.admin-mode .gov-command-hero,
body.premium-ui .command-header-premium,
body.ultra-premium .command-header-premium,
body.admin-mode .command-header-premium,
body.premium-ui .admin-page-head,
body.admin-mode .admin-page-head,
body.premium-ui .gov-live-hub .gov-live-head,
body.admin-mode .erp-page-head,
body.premium-ui .dash-admin-premium .command-header-premium {
    background: #0A3669 !important;
    background-image: none !important;
    background-color: #0A3669 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(255, 213, 79, 0.35) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(6, 31, 61, 0.28) !important;
    position: relative !important;
    z-index: 1 !important;
    isolation: isolate;
}

body.premium-ui .admin-page-head,
body.admin-mode .admin-page-head {
    padding: 16px 18px !important;
    margin-bottom: 18px !important;
}

body.premium-ui .module-chrome::before,
body.premium-ui .module-chrome::after,
body.premium-ui .gov-command-hero::before,
body.premium-ui .gov-command-hero::after,
body.premium-ui .command-header-premium::before,
body.premium-ui .command-header-premium::after,
body.premium-ui .admin-page-head::before,
body.premium-ui .admin-page-head::after {
    opacity: 0 !important;
    content: none !important;
    background: none !important;
    display: none !important;
}

body.premium-ui .module-chrome h1,
body.premium-ui .module-chrome h2,
body.premium-ui .module-chrome-text h2,
body.premium-ui .gov-command-hero h1,
body.premium-ui .gov-command-hero h2,
body.premium-ui .command-header-premium h1,
body.premium-ui .admin-page-head .page-title,
body.admin-mode .admin-page-head .page-title,
body.premium-ui .admin-eyebrow,
body.premium-ui .module-chrome-icon,
body.premium-ui .module-chrome-icon i,
body.premium-ui .command-crown-premium,
body.premium-ui .command-crown-premium i {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    opacity: 1 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

body.premium-ui .module-chrome-text h2,
body.premium-ui .command-header-premium h1,
body.premium-ui .gov-command-hero h2,
body.premium-ui .admin-page-head .page-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.premium-ui .module-chrome p,
body.premium-ui .module-chrome-text p,
body.premium-ui .module-chrome-eyebrow,
body.premium-ui .gov-command-hero p,
body.premium-ui .gov-command-hero-text p,
body.premium-ui .command-header-premium p,
body.premium-ui .command-header-premium .dash-eyebrow,
body.premium-ui .admin-page-head .page-desc,
body.premium-ui .admin-eyebrow,
body.admin-mode .admin-page-head .page-desc {
    color: #FFE082 !important;
    -webkit-text-fill-color: #FFE082 !important;
    opacity: 1 !important;
}

/* عناوين إدارة ذهبية كانت على خلفية فاتحة مبقّعة — لوحة كحلية */
body.admin-mode .panel-premium > .page-title,
body.admin-mode .content-panel > .page-title,
body.premium-ui.admin-mode .main-inner > .page-title {
    display: inline-block;
    padding: 10px 14px;
    border-radius: 12px;
    background: #0A3669 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.admin-mode .panel-premium > .page-desc,
body.admin-mode .content-panel > .page-desc,
body.premium-ui.admin-mode .main-inner > .page-desc {
    display: inline-block;
    margin-top: 6px;
    padding: 8px 12px;
    border-radius: 10px;
    background: #0A3669 !important;
    color: #FFE082 !important;
    -webkit-text-fill-color: #FFE082 !important;
}

@media (max-width: 768px) {
    /* A) قائمة الاختيارات المكدّسة — كاملة بالتمرير بلا قصّ */
    .choices-visual-section,
    .dash-pillar-explore,
    .pillar-explore-stack,
    .choices-visual-inner {
        overflow: visible !important;
        max-height: none !important;
    }

    .choices-visual-grid,
    .pillar-explore-modules.choices-visual-grid,
    .module-grid-portal,
    .accmaa-orbit-sats,
    .icons-dock,
    .icons-dock-inner,
    #iconsDock {
        overflow: visible !important;
        max-height: none !important;
        gap: 12px !important;
        row-gap: 12px !important;
        align-content: start !important;
    }

    .sidebar .icons-dock,
    body.sidebar-open .sidebar .icons-dock,
    body.sidebar-open.admin-mode .sidebar .icons-dock,
    body.sidebar-open.member-mode .sidebar .icons-dock,
    body.sidebar-open.guest-mode .sidebar .icons-dock {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: min(58dvh, 520px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain;
        padding: 10px 8px 16px !important;
        gap: 10px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.sidebar-open.guest-mode .sidebar,
    body.sidebar-open.member-mode .sidebar,
    body.sidebar-open.admin-mode .sidebar,
    body.accmaa-sidebar-lock .sidebar {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .sidebar .icon-btn,
    .icons-dock .icon-btn,
    #iconsDock .icon-btn {
        min-height: 76px !important;
        height: auto !important;
        aspect-ratio: auto !important;
        transform: none !important;
        gap: 8px !important;
        padding: 10px 6px !important;
        overflow: visible !important;
    }

    body.ultra-premium .icons-dock .icon-btn:hover,
    body.ultra-premium .icons-dock .icon-btn.active,
    body.premium-ui .icons-dock .icon-btn:hover,
    body.premium-ui .icons-dock .icon-btn.active {
        transform: none !important;
    }

    .choice-visual-tile,
    .pillar-mod-tile,
    .portal-mod-card,
    .accmaa-orbit-sat-card,
    .accmaa-more-card,
    .accmaa-mega-link {
        min-height: 48px !important;
        transform: none !important;
    }

    .choice-visual-tile:hover,
    .pillar-mod-tile:hover,
    .portal-mod-card:hover {
        transform: none !important;
    }

    /* قوائم الميجا / المزيد — تمرير عمودي داخل الشاشة */
    .accmaa-mega-panel,
    .accmaa-mega-panel--more,
    .accmaa-mega-panel--portal,
    .accmaa-mega-item.open > .accmaa-mega-panel {
        max-height: min(72dvh, 560px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain;
        padding-bottom: 18px !important;
    }

    .accmaa-more-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .accmaa-site-menu--rail,
    #megaNav.mega-nav,
    .mega-nav,
    .member-nav,
    #memberNav,
    .topbar-tools,
    .topbar-tools--creative {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x;
    }

    /* B) ضد البكسلة — خط أوضح · بلا blur خلف النص · بلا تكبير صور صغيرة */
    html, body,
    .main-inner,
    .content-panel,
    .icons-dock,
    .member-nav,
    .accmaa-site-menu--rail,
    .module-chrome,
    .admin-page-head,
    .choice-visual-body,
    .icon-btn-label {
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        text-rendering: optimizeLegibility !important;
    }

    .icons-dock .icon-btn .icon-btn-label,
    #iconsDock .icon-btn .icon-btn-label,
    .sidebar .icon-btn .icon-btn-label {
        font-size: 0.75rem !important;
        line-height: 1.3 !important;
        font-weight: 800 !important;
        -webkit-line-clamp: 3;
        color: #0A3669 !important;
        -webkit-text-fill-color: #0A3669 !important;
    }

    .accmaa-site-menu--rail .accmaa-nav-top-link,
    .accmaa-site-menu--rail .accmaa-mega-trigger,
    .member-nav .member-link,
    .choice-visual-body strong,
    .pillar-mod-tile strong,
    .portal-mod-card strong {
        font-size: max(0.82rem, 13px) !important;
    }

    .choice-visual-body small,
    .pillar-mod-tile small,
    .portal-mod-meta,
    .accmaa-orbit-sat-label {
        font-size: max(0.78rem, 12px) !important;
        line-height: 1.4 !important;
    }

    .topbar-premium,
    .topbar-tools-glass,
    .user-bar--creative,
    .module-chrome,
    .gov-command-hero,
    .command-header-premium,
    .admin-page-head {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .icons-dock .icon-btn .icon-bg-visual,
    .icons-dock .icon-btn .has-icon-bg,
    .accmaa-nav-icon-wrap.has-icon-bg,
    .accmaa-orbit-sat-icon.has-icon-bg {
        background-size: cover !important;
        image-rendering: auto !important;
        transform: none !important;
        filter: none !important;
    }

    .icons-dock .icon-btn .icon-bg-visual > i,
    .icons-dock .icon-btn .has-icon-bg > i,
    .accmaa-nav-icon-wrap i,
    .accmaa-orbit-sat-icon > i {
        transform: none !important;
        filter: none !important;
        -webkit-font-smoothing: antialiased !important;
    }

    /* FAB رجوع + خروج — لا تراجع عن ey */
    html body .accmaa-back-chrome,
    html body #accmaaBackChrome {
        display: none !important;
    }
    html body #accmaaBackFab:not(.is-home):not([hidden]),
    html body .accmaa-back-fab:not(.is-home):not([hidden]) {
        display: inline-flex !important;
        z-index: 9200 !important;
    }
    .user-bar--creative #btnLogout,
    .member-link--logout,
    .accmaa-mobile-logout-btn {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* ═══ 20260810b — جرس الإشعارات + سينما للمسجّلين ═══ */
#notifToggle,
#notifToggle[data-action="toggle-notifications"],
#notifWrap,
.topbar-tools-cluster--utility {
    pointer-events: auto !important;
    position: relative;
    z-index: 10760;
}
#notifPanel.notif-panel--open,
body.accmaa-notif-open #notifPanel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 10820 !important;
}

/* سينما محاسبية ظاهرة لغير guest-mode أيضاً عند تفعيل CMS */
body.has-accounting-cinema #accmaaAccountingCinema:not([hidden]),
body.has-accounting-cinema .accmaa-accounting-cinema:not([hidden]) {
    display: block !important;
    visibility: visible !important;
    height: var(--accmaa-cinema-fixed-h, 52px) !important;
    min-height: var(--accmaa-cinema-fixed-h, 52px) !important;
    max-height: var(--accmaa-cinema-fixed-h, 52px) !important;
    overflow: hidden !important;
    margin: 0 !important;
}
body.has-accounting-cinema .acc-cinema-inner {
    display: flex !important;
    align-items: center;
    gap: 8px;
    height: 100%;
    padding-inline: clamp(6px, 1.2vw, 14px);
}
body:not(.guest-mode).has-accounting-cinema .acc-cinema-viewport,
body:not(.guest-mode).has-accounting-cinema .acc-cinema-track,
body:not(.guest-mode).has-accounting-cinema .acc-cinema-slide {
    display: none !important; /* شريط مصطلحات مضغوط مثل الزائر */
}
body.has-accounting-cinema .dash-flow__zone--promo,
body.has-accounting-cinema #promoCarouselSection {
    display: block !important;
    visibility: visible !important;
}


/* ---- accmaa-morning-restore.css ---- */
/**
 * Accmaa — استعادة صباح 20260807ey
 * شريط العملات · سينما · قائمة بيضاء كاملة · رجوع · شاشة إعلانات
 * يُحمَّل آخر CSS
 */

/* ═══ أشرطة العملات + الذهب + السينما — ظاهرة للزائر ═══ */
body.guest-mode .accmaa-utility-stack,
body.guest-mode #accmaaUtilityStack {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    overflow: visible !important;
    pointer-events: auto !important;
}

body.guest-mode .accmaa-fx-bar:not([hidden]),
body.guest-mode #accmaaFxBar:not([hidden]),
body.guest-mode .accmaa-gold-bar:not([hidden]),
body.guest-mode #accmaaGoldBar:not([hidden]) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 36px !important;
    max-height: none !important;
    pointer-events: auto !important;
}

body.guest-mode .accmaa-accounting-cinema:not([hidden]),
body.guest-mode #accmaaAccountingCinema:not([hidden]) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 44px !important;
    max-height: none !important;
    pointer-events: auto !important;
}

/* لا تُخفِ الشرائط عند التمرير — فقط promo اختياري */
body.guest-mode.accmaa-header-compact .accmaa-fx-bar:not([hidden]),
body.guest-mode.accmaa-header-compact .accmaa-accounting-cinema:not([hidden]),
body.guest-mode.accmaa-header-compact #accmaaFxBar:not([hidden]),
body.guest-mode.accmaa-header-compact #accmaaGoldBar:not([hidden]),
body.guest-mode.accmaa-header-compact #accmaaAccountingCinema:not([hidden]) {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    max-height: none !important;
}

body.guest-mode.accmaa-header-compact .accmaa-utility-stack {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: none !important;
}

/* ═══ ديسكتوب: صف 1 = معلومة + أدوات · صف 2 = القائمة الكاملة ═══ */
@media (min-width: 769px) {
    body.guest-mode .topbar-row--swapped,
    body.logged-site-home .topbar-row--swapped {
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 6px 8px !important;
    }

    body.guest-mode .topbar-row--swapped .topbar-start,
    body.guest-mode .topbar-row--swapped .topbar-start--insights {
        order: 1 !important;
        flex: 1 1 auto !important;
        min-width: min(280px, 32vw) !important;
        max-width: min(480px, 46vw) !important;
    }

    body.guest-mode .topbar-row--swapped .topbar-tools {
        order: 2 !important;
        flex: 0 0 auto !important;
        margin-inline-start: auto !important;
    }

    body.guest-mode .topbar-row--swapped .mega-nav,
    body.guest-mode #megaNav.mega-nav {
        order: 3 !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        overflow: visible !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body.guest-mode .accmaa-site-menu,
    body.guest-mode .accmaa-site-menu--rail,
    #megaNav.mega-nav .accmaa-site-menu--rail {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 6px !important;
        width: max-content !important;
        min-width: 100% !important;
        max-width: none !important;
        min-height: 46px !important;
        padding: 6px 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: thin;
        background: linear-gradient(180deg, #ffffff 0%, #f3f7fc 100%) !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
    }

    body.guest-mode .accmaa-site-menu--rail > li,
    .accmaa-site-menu--rail > li {
        flex: 0 0 auto !important;
    }

    body.guest-mode .accmaa-nav-top-link,
    body.guest-mode .accmaa-mega-trigger {
        padding: 6px 10px !important;
        font-size: clamp(0.72rem, 1vw, 0.84rem) !important;
        white-space: nowrap !important;
    }

    body.guest-mode .accmaa-nav-icon-wrap,
    body.guest-mode .mega-nav-icon-wrap {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        transform: none !important;
    }
}

/* ═══ شاشة الإعلانات — لوحة الداشبورد ═══ */
.promo-carousel-section,
.promo-billboard-section,
#promoCarouselSection,
.dash-flow__zone--promo,
.promo-carousel-wrap,
.promo-carousel-wrap--creative,
.promo-carousel-wrap--screen {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    min-height: clamp(220px, 32vw, 400px) !important;
}

.promo-carousel-slide.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2 !important;
}

.promo-carousel-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* ═══ زر الرجوع المتحرك (Messenger) ═══ */
#accmaaBackFab,
.accmaa-back-fab {
    position: fixed !important;
    z-index: 9200 !important;
    inset-inline-start: max(14px, env(safe-area-inset-left, 0px) + 10px) !important;
    bottom: max(18px, env(safe-area-inset-bottom, 0px) + 14px) !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    border: 2.5px solid #FFD54F !important;
    background: linear-gradient(160deg, #0A3669 0%, #072a52 100%) !important;
    color: #fff !important;
    box-shadow: 0 10px 28px rgba(4, 24, 48, 0.42), 0 0 0 3px rgba(255, 213, 79, 0.18) !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
    cursor: grab !important;
    touch-action: none !important;
    user-select: none !important;
    font-family: inherit !important;
    line-height: 1.05 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
}

#accmaaBackFab i,
.accmaa-back-fab i {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    font-size: 1.05rem !important;
}

#accmaaBackFab .accmaa-back-fab-label,
.accmaa-back-fab .accmaa-back-fab-label {
    font-size: 0.58rem !important;
    font-weight: 800 !important;
    color: #fff !important;
    max-width: 46px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#accmaaBackFab.is-home,
#accmaaBackFab[hidden],
.accmaa-back-fab.is-home,
.accmaa-back-fab[hidden] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#accmaaBackFab.is-dragging,
.accmaa-back-fab.is-dragging {
    cursor: grabbing !important;
    transform: scale(1.06) !important;
}

/* مسار رجوع داخل الهيدر */
body.guest-mode .topbar-sub:has(.accmaa-nav-back) {
    display: flex !important;
    min-height: 40px !important;
    padding: 4px 10px !important;
}

.accmaa-nav-back {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 213, 79, 0.5) !important;
    background: rgba(10, 54, 105, 0.85) !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 0.82rem !important;
    cursor: pointer !important;
    font-family: inherit !important;
}

.accmaa-nav-back i {
    color: #FFD54F !important;
}

/* نصوص المحتوى كحلي — لا تُلغى ألوان الهيدر الذهبية */
.page-desc,
.section-head p,
.landing-reason-card p,
.faq-item p,
.accmaa-dash-zone-lead,
.accmaa-organized-head p {
    color: var(--primary, #0A3669) !important;
    -webkit-text-fill-color: var(--primary, #0A3669) !important;
}

@media (max-width: 768px) {
    body.guest-mode .topbar-row--swapped .mega-nav,
    body.guest-mode #megaNav.mega-nav {
        order: 10 !important;
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    body.guest-mode .accmaa-site-menu--rail {
        min-height: 44px !important;
        padding: 4px 6px !important;
    }
}


/* ---- accmaa-courses-tree.css ---- */
/* ACCMAA — شجرة الدورات/الكورسات/الورش (تصفّح منظم · كحلي/ذهبي) */

.catalog-tree-page {
    --cat-navy: #0A3669;
    --cat-gold: #c9a227;
    max-width: 1100px;
}

.catalog-tree-head {
    margin-bottom: 12px;
}

.catalog-tree-blurb {
    margin: 4px 0 0;
    color: #5c6b7a;
    font-size: 0.95rem;
    line-height: 1.55;
    max-width: 40rem;
}

.catalog-soft-banner {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 12px 0 16px;
    padding: 12px 14px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(10, 54, 105, 0.06), rgba(201, 162, 39, 0.1));
    border: 1px solid rgba(10, 54, 105, 0.12);
    color: var(--cat-navy);
    font-size: 0.92rem;
    line-height: 1.55;
}

.catalog-soft-banner i { color: var(--cat-gold); margin-top: 3px; }

.catalog-type-bar,
.catalog-pillar-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 12px;
}

.catalog-type-chip,
.catalog-pillar-pill {
    appearance: none;
    border: 1px solid rgba(10, 54, 105, 0.18);
    background: #fff;
    color: var(--cat-navy);
    border-radius: 999px;
    padding: 7px 12px;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.catalog-type-chip:hover,
.catalog-pillar-pill:hover {
    border-color: var(--cat-navy);
    transform: translateY(-1px);
}

.catalog-type-chip.is-active {
    background: var(--cat-navy);
    border-color: var(--cat-navy);
    color: #fff;
}

.catalog-pillar-pill.is-active {
    background: color-mix(in srgb, var(--cat-accent, var(--cat-navy)) 12%, #fff);
    border-color: var(--cat-accent, var(--cat-navy));
    color: var(--cat-accent, var(--cat-navy));
}

.catalog-tree-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.catalog-branch {
    border: 1px solid rgba(10, 54, 105, 0.12);
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.98)),
        radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--cat-accent, #0A3669) 10%, transparent), transparent 55%);
    overflow: hidden;
}

.catalog-branch-summary {
    list-style: none;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 14px 16px;
    cursor: pointer;
    user-select: none;
}

.catalog-branch-summary::-webkit-details-marker { display: none; }

.catalog-branch-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--cat-accent, #0A3669) 14%, #fff);
    color: var(--cat-accent, #0A3669);
    font-size: 1.05rem;
}

.catalog-branch-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.catalog-branch-text strong {
    color: var(--cat-navy);
    font-size: 1.02rem;
}

.catalog-branch-text em {
    font-style: normal;
    color: #64748b;
    font-size: 0.86rem;
    line-height: 1.45;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.catalog-branch-count {
    min-width: 28px;
    height: 28px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-size: 0.8rem;
    font-weight: 700;
    background: rgba(201, 162, 39, 0.16);
    color: var(--cat-navy);
}

.catalog-branch-body {
    padding: 0 14px 14px;
    border-top: 1px dashed rgba(10, 54, 105, 0.1);
}

.catalog-item-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 10px;
    padding-top: 12px;
}

.catalog-item-card {
    appearance: none;
    border: 1px solid rgba(10, 54, 105, 0.12);
    background: #fff;
    border-radius: 12px;
    padding: 12px;
    text-align: start;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    gap: 6px 10px;
    cursor: pointer;
    color: inherit;
    font: inherit;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.catalog-item-card:hover {
    border-color: var(--cat-accent, var(--cat-navy));
    box-shadow: 0 8px 22px rgba(10, 54, 105, 0.08);
    transform: translateY(-1px);
}

.catalog-item-icon {
    grid-row: 1 / span 2;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--cat-accent, #0A3669) 12%, #fff);
    color: var(--cat-accent, #0A3669);
}

.catalog-item-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.catalog-item-body strong {
    color: var(--cat-navy);
    font-size: 0.94rem;
    line-height: 1.35;
}

.catalog-item-desc {
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.catalog-item-chip {
    grid-column: 2;
    justify-self: start;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(10, 54, 105, 0.08);
    color: var(--cat-navy);
}

.catalog-item-chip--workshop {
    background: rgba(217, 119, 6, 0.12);
    color: #b45309;
}

.catalog-item-chip--path {
    background: rgba(27, 107, 74, 0.12);
    color: #1b6b4a;
}

.catalog-empty {
    text-align: center;
    padding: 22px 12px 8px;
    color: #64748b;
}

.catalog-empty i {
    font-size: 1.6rem;
    color: var(--cat-gold);
    margin-bottom: 8px;
}

.catalog-empty p {
    margin: 0 auto 12px;
    max-width: 28rem;
    line-height: 1.6;
    font-size: 0.92rem;
}

.catalog-empty-actions,
.catalog-tree-foot {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.catalog-tree-foot {
    margin-top: 18px;
    padding-top: 12px;
    border-top: 1px solid rgba(10, 54, 105, 0.08);
}

@media (max-width: 720px) {
    .catalog-branch-summary {
        grid-template-columns: auto 1fr;
        gap: 10px;
    }
    .catalog-branch-count {
        grid-column: 2;
        justify-self: start;
    }
    .catalog-branch-text em {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .catalog-item-grid {
        grid-template-columns: 1fr;
    }
    .catalog-type-bar,
    .catalog-pillar-bar {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
    .catalog-type-chip,
    .catalog-pillar-pill {
        flex: 0 0 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .catalog-type-chip,
    .catalog-pillar-pill,
    .catalog-item-card {
        transition: none;
    }
}


/* ---- accmaa-languages.css ---- */
/* ACCMAA — محور اللغات */
.lang-hub-page { max-width: 1100px; margin: 0 auto; }
.lang-hub-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    margin-bottom: 22px;
}
.lang-hub-hero__media {
    border-radius: 18px;
    overflow: hidden;
    min-height: 160px;
    background: linear-gradient(135deg, #0A3669 0%, #0e7490 55%, #0A3669 100%);
    box-shadow: 0 10px 28px rgba(10, 54, 105, 0.18);
}
.lang-hub-hero__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 160px;
}
.lang-hub-eyebrow {
    margin: 0 0 6px;
    color: #0A3669;
    font-weight: 700;
    font-size: 0.85rem;
}
.lang-hub-intro {
    margin: 8px 0 0;
    color: #334155;
    line-height: 1.55;
    max-width: 36rem;
}
.lang-hub-tiles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 22px;
}
.lang-hub-tile {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 16px 16px 14px;
    border: 1px solid rgba(10, 54, 105, 0.12);
    border-radius: 16px;
    background: linear-gradient(165deg, #fff 0%, #f4f7fb 100%);
    color: #0A3669;
    text-align: start;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.lang-hub-tile:hover,
.lang-hub-tile.is-active {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--lang-accent, #0A3669) 55%, #e8c547);
    box-shadow: 0 10px 24px rgba(10, 54, 105, 0.12);
}
.lang-hub-tile__icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: color-mix(in srgb, var(--lang-accent, #0A3669) 12%, #fff);
    color: var(--lang-accent, #0A3669);
}
.lang-hub-tile strong { font-size: 1.05rem; }
.lang-hub-tile small { color: #64748b; font-size: 0.8rem; }
.lang-hub-tile__code {
    position: absolute;
    inset-inline-end: 12px;
    top: 12px;
    font-weight: 800;
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    color: #c9a227;
}
.lang-branch-panel {
    margin: 0 0 18px;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(10, 54, 105, 0.1);
    background: #fff;
}
.lang-branch-panel__head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}
.lang-branch-panel__head h2 {
    margin: 0;
    font-size: 1.15rem;
    color: #0A3669;
}
.lang-branch-panel__head p {
    margin: 4px 0 0;
    color: #64748b;
    font-size: 0.85rem;
}
.lang-branch-panel__icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: color-mix(in srgb, var(--lang-accent, #0A3669) 14%, #fff);
    color: var(--lang-accent, #0A3669);
    flex-shrink: 0;
}
.lang-branch-panel__code {
    margin-inline-start: auto;
    font-weight: 800;
    color: #c9a227;
}
.lang-branch-empty { padding: 28px 16px; }
.catalog-lang-nest {
    display: grid;
    gap: 12px;
    margin-top: 10px;
}
.catalog-lang-branch {
    border: 1px solid rgba(10, 54, 105, 0.1);
    border-radius: 14px;
    padding: 12px;
    background: #f8fafc;
}
.catalog-lang-branch__head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    color: #0A3669;
}
.catalog-lang-branch__head strong { font-size: 0.95rem; }
@media (max-width: 820px) {
    .lang-hub-hero { grid-template-columns: 1fr; }
    .lang-hub-tiles { grid-template-columns: 1fr; }
}