@page { size: A4 portrait; margin: 15mm 14mm; }
        * { box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; }
        body { margin:0; padding:0; background:#f1f5f9; color:#1e293b; font-size:10pt; line-height:1.6; }

        /* ════ SHARED ════ */
        .page { display:none !important; }
        .page.active { display:block !important; }
        #page-auth.active {
            display:flex !important;
            min-height:100vh;
            align-items:center;
            justify-content:center;
        }
        #page-users.active { display:block !important; }
        #page-editor.active { display:block !important; }
        #page-extension-editor.active { display:block !important; }
        #page-invoice.active { display:block !important; }
        #page-extension-invoice.active { display:block !important; }
        #page-pending.active {
            display:flex !important;
            min-height:100vh;
            align-items:center;
            justify-content:center;
        }
        #page-admin.active { display:block !important; }

        /* ════ PENDING PAGE ════ */
        #page-pending {
            min-height:100vh;
            background: linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);
            padding:20px;
        }
        .pending-box {
            background:#fff; border-radius:16px; width:100%; max-width:420px;
            padding:36px 32px; box-shadow:0 8px 40px rgba(0,0,0,.3); text-align:center;
        }
        .pending-icon { font-size:48px; margin-bottom:16px; }
        .pending-box h2 { font-size:16pt; color:#0f172a; margin:0 0 10px; }
        .pending-box p  { font-size:10pt; color:#64748b; margin:0 0 24px; line-height:1.6; }
        .pending-spinner {
            width:36px; height:36px; border:3px solid #e2e8f0;
            border-top-color:#0284c7; border-radius:50%;
            animation:spin .8s linear infinite; margin:0 auto 20px;
        }
        .pending-status {
            font-size:9.5pt; color:#475569; background:#f8fafc;
            border:1px solid #e2e8f0; border-radius:8px;
            padding:10px 14px; margin-bottom:20px;
        }
        .btn-pending-logout {
            width:100%; padding:11px; background:#f1f5f9;
            color:#64748b; border:1.5px solid #e2e8f0;
            border-radius:8px; font-size:10pt; cursor:pointer;
        }

        /* ════ ADMIN PAGE ════ */
        #page-admin {
            min-height:100vh;
            background: linear-gradient(135deg,#0f172a 0%,#1b2a40 100%);
            padding: 30px 20px;
        }
        .admin-wrapper { max-width:960px; margin:0 auto; }
        .admin-header {
            display:flex; align-items:center; justify-content:space-between;
            margin-bottom:28px; flex-wrap:wrap; gap:12px;
        }
        .admin-header h1 { font-size:20pt; color:#fff; margin:0; }
        .admin-header h1 span { color:#f59e0b; }
        .btn-admin-logout {
            background:rgba(255,255,255,.1); color:#94a3b8;
            border:1px solid rgba(255,255,255,.15); border-radius:7px;
            padding:9px 16px; font-size:9.5pt; cursor:pointer;
        }
        .btn-admin-logout:hover { background:rgba(255,255,255,.18); color:#fff; }
        .admin-section { margin-bottom:32px; }
        .admin-section-title {
            font-size:12pt; font-weight:bold; color:#fff; margin:0 0 14px;
            display:flex; align-items:center; gap:8px;
            padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,.1);
        }
        .admin-section-title .badge {
            display:inline-flex; align-items:center; justify-content:center;
            background:#0284c7; color:#fff; border-radius:99px;
            min-width:22px; height:22px; font-size:9pt; padding:0 6px;
        }
        .admin-section-title .badge.pending-badge { background:#f59e0b; }
        .admin-section-title .badge.rejected-badge { background:#ef4444; }
        .admin-card {
            background:#fff; border-radius:12px; padding:18px 22px;
            margin-bottom:12px; box-shadow:0 3px 14px rgba(0,0,0,.15);
            display:flex; align-items:center; justify-content:space-between;
            gap:14px; flex-wrap:wrap;
        }
        .admin-card-info { flex:1; min-width:160px; }
        .admin-card-info h3 { margin:0 0 3px; font-size:12pt; color:#0f172a; }
        .admin-card-info .uname { font-size:9pt; color:#64748b; direction:ltr; text-align:right; }
        .admin-card-info .pwd-hint {
            font-size:8.5pt; color:#7c3aed; background:#faf5ff;
            border:1px solid #e9d5ff; border-radius:4px;
            padding:2px 7px; display:inline-block; margin-top:4px;
            direction:ltr;
        }
        .admin-card-info .cdate { font-size:8pt; color:#94a3b8; margin-top:4px; }
        .admin-card-actions { display:flex; gap:8px; flex-wrap:wrap; }
        .btn-approve {
            padding:8px 18px; border-radius:7px; font-size:9.5pt;
            font-weight:bold; cursor:pointer; border:none;
            background:linear-gradient(135deg,#16a34a,#15803d); color:#fff;
        }
        .btn-approve:hover { opacity:.88; }
        .btn-reject {
            padding:8px 18px; border-radius:7px; font-size:9.5pt;
            font-weight:bold; cursor:pointer;
            background:#fef2f2; color:#ef4444; border:1px solid #fca5a5;
        }
        .btn-reject:hover { background:#ef4444; color:#fff; }
        .admin-empty {
            background:rgba(255,255,255,.06); border-radius:10px;
            color:#94a3b8; font-size:10pt; padding:20px;
            text-align:center;
        }

        /* ════ CONFIRM DIALOG ════ */
        .dialog-overlay {
            display:none; position:fixed; inset:0;
            background:rgba(0,0,0,.65); z-index:2000;
            align-items:center; justify-content:center; padding:20px;
        }
        .dialog-overlay.open { display:flex; }
        .dialog-box {
            background:#fff; border-radius:14px; width:100%; max-width:380px;
            padding:28px 24px; box-shadow:0 8px 40px rgba(0,0,0,.3);
            text-align:center;
        }
        .dialog-box h3 { margin:0 0 10px; font-size:14pt; color:#0f172a; }
        .dialog-box p  { font-size:10pt; color:#475569; margin:0 0 22px; line-height:1.6; }
        .dialog-btns { display:flex; gap:10px; }
        .btn-dialog-confirm {
            flex:1; padding:12px; background:linear-gradient(135deg,#16a34a,#15803d);
            color:#fff; border:none; border-radius:8px; font-size:11pt;
            font-weight:bold; cursor:pointer;
        }
        .btn-dialog-cancel {
            padding:12px 20px; background:#f1f5f9; color:#475569;
            border:1.5px solid #e2e8f0; border-radius:8px; font-size:11pt;
            font-weight:bold; cursor:pointer;
        }

        /* ════ ARABIC NAME WARNING ════ */
        .name-warning {
            background:#fffbeb; border:1px solid #fde68a; border-radius:7px;
            padding:9px 13px; font-size:9pt; color:#92400e;
            margin-bottom:14px; line-height:1.5;
        }

        /* ════ AUTH PAGE ════ */
        #page-auth {
            min-height:100vh;
            background: linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);
            padding:20px;
        }
        .auth-box {
            background:#fff; border-radius:16px; width:100%; max-width:420px;
            padding:36px 32px; box-shadow:0 8px 40px rgba(0,0,0,.3);
        }
        .auth-logo {
            text-align:center; margin-bottom:28px;
        }
        .auth-logo h1 { font-size:18pt; color:#0f172a; margin:0 0 4px; }
        .auth-logo h1 span { color:#0284c7; }
        .auth-logo p { font-size:9pt; color:#64748b; margin:0; }
        .auth-tabs {
            display:flex; border:1.5px solid #e2e8f0; border-radius:8px;
            overflow:hidden; margin-bottom:24px;
        }
        .auth-tab {
            flex:1; padding:10px; text-align:center; font-size:10pt; font-weight:bold;
            cursor:pointer; color:#64748b; background:#f8fafc; border:none;
            transition:all .15s;
        }
        .auth-tab.active { background:#0284c7; color:#fff; }
        .auth-form { display:none; }
        .auth-form.active { display:block; }
        .afield { display:flex; flex-direction:column; gap:5px; margin-bottom:16px; }
        .afield label { font-size:8.5pt; font-weight:bold; color:#475569; }
        .afield input {
            padding:11px 14px; border:1.5px solid #cbd5e1; border-radius:8px;
            font-size:11pt; color:#1e293b; background:#f8fafc;
            font-family:Arial,Helvetica,sans-serif; direction:ltr; text-align:left;
            transition:border-color .15s;
        }
        .afield input:focus { outline:none; border-color:#0284c7; box-shadow:0 0 0 3px rgba(2,132,199,.12); background:#fff; }
        .btn-auth {
            width:100%; padding:13px; background:linear-gradient(135deg,#0284c7,#0369a1);
            color:#fff; border:none; border-radius:8px; font-size:12pt;
            font-weight:bold; cursor:pointer; margin-top:4px;
            transition:opacity .15s;
        }
        .btn-auth:hover { opacity:.92; }
        .auth-error {
            background:#fef2f2; border:1px solid #fca5a5; color:#991b1b;
            border-radius:7px; padding:10px 14px; font-size:9.5pt;
            margin-bottom:14px; display:none; text-align:center;
        }
        .auth-error.show { display:block; }

        /* ════ USERS LIST PAGE ════ */
        #page-users {
            min-height:100vh;
            background: linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);
            padding: 30px 20px;
        }
        .users-wrapper { max-width:860px; margin:0 auto; }
        .users-header {
            display:flex; align-items:center; justify-content:space-between;
            margin-bottom:28px; flex-wrap:wrap; gap:12px;
        }
        .users-header h1 { font-size:20pt; color:#fff; margin:0; }
        .users-header h1 span { color:#38bdf8; }
        .users-header-actions { display:flex; gap:10px; align-items:center; }
        .btn-add-user {
            background: linear-gradient(135deg,#16a34a,#15803d);
            color:#fff; border:none; border-radius:8px;
            padding:11px 24px; font-size:11pt; font-weight:bold;
            cursor:pointer; display:flex; align-items:center; gap:8px;
        }
        .btn-add-user:hover { opacity:.9; transform:translateY(-1px); }
        .btn-logout {
            background:rgba(255,255,255,.1); color:#94a3b8;
            border:1px solid rgba(255,255,255,.15); border-radius:7px;
            padding:9px 16px; font-size:9.5pt; cursor:pointer;
        }
        .btn-logout:hover { background:rgba(255,255,255,.18); color:#fff; }

        /* ══════════════════════════════════════
           PROFILE CARD — رأس + جسم + ذيل
        ══════════════════════════════════════ */
        /* ══════════════════════════════════════
           PROFILE CARD
        ══════════════════════════════════════ */
        .user-card {
            border-radius:16px;
            margin-bottom:16px;
            box-shadow:0 4px 22px rgba(0,0,0,.13);
            overflow:hidden;
            display:flex; flex-direction:column;
            background: linear-gradient(175deg,#0f172a 0%,#1a2e4a 100%);
        }

        /* ── رأس البطاقة ── */
        .user-card-header {
            padding:14px 18px 12px;
            display:flex; align-items:center; justify-content:center;
            border-bottom:1px solid rgba(255,255,255,.08);
        }
        .user-card-header h3 {
            margin:0; font-size:13.5pt; font-weight:700;
            color:#f0f6ff; text-align:center;
            text-shadow:0 1px 6px rgba(0,0,0,.4);
            letter-spacing:.2px;
        }

        /* ══════════════════════════════════════════
           جسم البطاقة — نظام Flexbox صفوف مرنة
           3 صفوف (rows) كل صف = flex container
        ══════════════════════════════════════════ */
        .user-card-body {
            padding:10px 10px 6px;
            display:flex;
            flex-direction:column;
            gap:6px;
        }

        /* صف واحد من الأزرار */
        .card-btn-row {
            display:flex;
            flex-direction:row;
            gap:6px;
            width:100%;
        }

        /* ── الأزرار الأساسية ── */
        .btn-action {
            display:flex;
            flex-direction:row;
            align-items:center;
            justify-content:center;
            gap:5px;
            padding:9px 8px;
            border-radius:9px;
            font-size:7.8pt;
            font-weight:700;
            cursor:pointer;
            border:none;
            transition:all .16s;
            text-align:center;
            line-height:1.2;
            min-height:40px;
            white-space:nowrap;
            /* flex item داخل صف */
            flex:1 1 0;
            min-width:0;
        }
        .btn-action svg  { flex-shrink:0; width:13px; height:13px; }
        .btn-action span {
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
            min-width:0;
        }
        .btn-action:active { transform:scale(.95); opacity:.85; }

        /* ── تحكم بالحجم النسبي داخل الصف ──
           صف 1: الفاتورة(1) | محضر تمديد(1.4) | تصفية الحساب(1.8)
           صف 2 و 3: متساوية تلقائياً (flex:1 الافتراضي) */
        .btn-action.btn-sz-sm  { flex:1 1 0; }
        .btn-action.btn-sz-md  { flex:1.4 1 0; }
        .btn-action.btn-sz-lg  { flex:1.8 1 0; }

        /* ألوان الأزرار */
        .btn-edit-inv     { background:linear-gradient(135deg,#0284c7,#0369a1); color:#fff; }
        .btn-extend       { background:linear-gradient(135deg,#7c3aed,#6d28d9); color:#fff; }
        .btn-settlement   { background:linear-gradient(135deg,#0f766e,#0d9488); color:#fff; }
        .btn-verify       { background:linear-gradient(135deg,#0891b2,#0e7490); color:#fff; }
        .btn-confirm      { background:linear-gradient(135deg,#0f766e,#134e4a); color:#fff; }
        .btn-banktransfer { background:linear-gradient(135deg,#b45309,#d97706); color:#fff; }
        .btn-contract     { background:linear-gradient(135deg,#4f46e5,#6366f1); color:#fff; }
        .btn-compliance   { background:linear-gradient(135deg,#be185d,#db2777); color:#fff; }
        .btn-activate     { background:linear-gradient(135deg,#059669,#047857); color:#fff; }

        /* ── ذيل البطاقة: أيقونة حذف ── */
        .user-card-footer {
            padding:4px 10px 10px;
            display:flex;
            justify-content:flex-end;
            direction:rtl;
        }
        .btn-delete-card {
            background:none; border:none;
            color:rgba(255,255,255,.35);
            padding:6px;
            border-radius:8px;
            cursor:pointer;
            transition:all .18s;
            display:flex; align-items:center; justify-content:center;
        }
        .btn-delete-card:hover  { color:#ef4444; background:rgba(239,68,68,.12); }
        .btn-delete-card:active { transform:scale(.9); }

        /* ── نافذة تأكيد الحذف ── */
        .delete-modal-overlay {
            display:none; position:fixed; inset:0;
            background:rgba(0,0,0,.55); z-index:9999;
            align-items:center; justify-content:center;
            padding:20px;
        }
        .delete-modal-overlay.open { display:flex; }
        .delete-modal-box {
            background:#1e293b; border-radius:16px;
            padding:28px 24px; max-width:340px; width:100%;
            box-shadow:0 20px 60px rgba(0,0,0,.5);
            text-align:center;
            border:1px solid rgba(255,255,255,.1);
        }
        .delete-modal-box .del-icon {
            width:52px; height:52px; border-radius:50%;
            background:rgba(239,68,68,.15);
            display:flex; align-items:center; justify-content:center;
            margin:0 auto 16px;
            color:#ef4444;
        }
        .delete-modal-box h4 {
            margin:0 0 8px; color:#f1f5f9; font-size:13pt; font-weight:700;
        }
        .delete-modal-box p {
            margin:0 0 22px; color:#94a3b8; font-size:10pt; line-height:1.5;
        }
        .delete-modal-actions {
            display:flex; gap:10px;
        }
        .delete-modal-actions button {
            flex:1; padding:11px; border-radius:10px;
            font-size:10pt; font-weight:700; cursor:pointer;
            border:none; transition:all .16s;
        }
        .btn-del-cancel {
            background:rgba(255,255,255,.08); color:#cbd5e1;
        }
        .btn-del-cancel:hover { background:rgba(255,255,255,.14); }
        .btn-del-confirm {
            background:linear-gradient(135deg,#dc2626,#b91c1c);
            color:#fff;
        }
        .btn-del-confirm:hover { background:linear-gradient(135deg,#ef4444,#dc2626); }
            color:#fff; box-shadow:0 3px 8px rgba(8,145,178,.3);
        }

        /* ════ VERIFY EDITOR PAGE ════ */
        #page-verify-editor.active { display:block !important; }

        /* ════ VERIFY PREVIEW PAGE ════ */
        #page-verify-preview.active { display:block !important; }
        #page-verify-preview {
            min-height:100vh;
            background:#040a18;
            display:flex; flex-direction:column;
            align-items:center; padding:0;
        }
        .verify-back-bar {
            width:100%; background:#0f172a;
            padding:12px 20px;
            display:flex; align-items:center; gap:14px;
            box-shadow:0 2px 8px rgba(0,0,0,.5);
            position:sticky; top:0; z-index:999;
        }
        .verify-back-bar button {
            background:#1e3a5f; color:#fff;
            border:1px solid #38bdf8; border-radius:6px;
            padding:7px 18px; font-size:10pt; cursor:pointer;
        }
        .verify-back-bar button:hover { background:#0284c7; }
        /* responsive container من القالب الأصلي — بالضبط */
        .verify-responsive-container {
            width:100%; max-width:100vw;
            overflow:hidden;
            display:flex; justify-content:center; align-items:flex-start;
            direction:ltr;
        }
        .verify-img-wrapper {
            position:relative;
            width:3264px; height:2176px;
            flex-shrink:0;
        }
        .verify-img-wrapper img {
            width:3264px; height:2176px;
            display:block;
        }
        /* overlay elements — نفس CSS القالب بالضبط لا يُعدّل */
        .vov {
            position:absolute; white-space:nowrap;
            pointer-events:none;
            font-family:'Inter','Noto Sans Arabic',sans-serif;
            line-height:1;
            filter:blur(1.15px);
        }
        .vov-name {
            left:2402px; top:615px;
            color:rgba(255,255,255,0.95);
            font-size:45px; font-weight:700;
            display:flex; align-items:center;
        }
        .vov-verified-badge {
            display:inline-block; width:44px; height:44px;
            margin-left:12px; opacity:0.95;
            filter:drop-shadow(0 0 2px rgba(29,155,240,0.5));
        }
        .vov-earnings {
            right:125px; top:1022px;
            color:rgba(83,209,182,0.9);
            font-size:35px; font-weight:700;
            direction:ltr; text-align:right;
        }
        .vov-sub {
            right:117px; top:751px;
            color:rgba(83,209,182,0.9);
            font-size:35px; font-weight:700;
            direction:ltr; text-align:right;
        }
        .vov-wallet {
            left:2298px; top:918px;
            color:rgba(226,232,240,0.85);
            font-size:32.5px; font-weight:400; letter-spacing:0.5px;
        }
        .vov-bnb-header {
            left:1874px; top:350px;
            color:rgba(199,160,75,1);
            font-size:33.5px; font-weight:600;
        }
        .vov-bnb-warning {
            left:1081px; top:821px;
            color:rgba(199,160,75,1);
            font-size:34.5px; font-weight:700;
        }
        .vov-step1-wrap {
            left:336px; top:1219px;
            display:flex; flex-direction:column;
            align-items:center; transform:translateX(-50%);
        }
        .vov-step1-wrap .vstep-line {
            color:rgba(255,255,255,0.95);
            font-size:33.5px; font-weight:400; text-align:center;
        }
        .vov-step2-wrap {
            left:855px; top:1175px;
            display:flex; flex-direction:column; align-items:flex-start;
        }
        .vov-step2-wrap .vstep-line {
            color:rgba(255,255,255,0.95);
            font-size:33.5px; font-weight:400;
        }
        .vov-bnb-btn {
            left:128px; top:1518px;
            width:768px; height:102px;
            display:flex; align-items:center; justify-content:center;
            color:rgba(255,255,255,0.95);
            font-weight:600; font-size:35.5px; letter-spacing:0.5px;
        }
        .btn-verify-download {
            margin:16px 0 24px;
            padding:13px 50px; font-size:11pt; font-weight:bold;
            color:#fff;
            background:linear-gradient(135deg,#0052e0,#0036a3);
            border:none; border-radius:8px; cursor:pointer;
            box-shadow:0 4px 15px rgba(0,82,224,.4);
            font-family:Arial,Helvetica,sans-serif;
        }
        @media print {
            #page-verify-editor,#page-verify-preview { display:none !important; }
        }

        /* ════ CONFIRM BUTTON (القالب الرابع) ════ */
        .btn-confirm {
            background: linear-gradient(135deg,#7c3aed,#6d28d9);
            color:#fff; box-shadow:0 3px 8px rgba(109,40,217,.3);
        }

        /* ════ CONFIRM EDITOR PAGE ════ */
        #page-confirm-editor.active { display:block !important; }

        /* ════ CONFIRM PREVIEW PAGE ════ */
        #page-confirm-preview.active { display:block !important; }
        #page-confirm-preview {
            min-height:100vh;
            background:#020617;
            display:flex; flex-direction:column;
            align-items:center; padding:0;
        }
        .confirm-back-bar {
            width:100%; background:#0f172a;
            padding:12px 20px;
            display:flex; align-items:center; gap:14px;
            box-shadow:0 2px 8px rgba(0,0,0,.5);
            position:sticky; top:0; z-index:999;
        }
        .confirm-back-bar button {
            background:#1e3a5f; color:#fff;
            border:1px solid #7c3aed; border-radius:6px;
            padding:7px 18px; font-size:10pt; cursor:pointer;
        }
        .confirm-back-bar button:hover { background:#5b21b6; }
        /* responsive container بنفس نمط verify */
        .confirm-responsive-container {
            width:100%; max-width:100vw;
            overflow:hidden;
            display:flex; justify-content:center; align-items:flex-start;
            direction:ltr;
        }
        .confirm-img-wrapper {
            position:relative;
            width:3264px; height:2176px;
            flex-shrink:0;
        }
        .confirm-img-wrapper img {
            width:3264px; height:2176px;
            display:block;
        }
        /* ── overlay elements — مزامنة كاملة مع indexV4.html CSS ── */
        .cov {
            position:absolute; white-space:nowrap;
            pointer-events:none;
            font-family:'Inter','Noto Sans Arabic',sans-serif;
            line-height:1;
            filter:blur(1px);
        }
        /* LEFT PANEL — WITHDRAWAL DETAILS */
        .cov-right-val {
            color:rgba(255,255,255,0.95);
            font-size:26px; font-weight:400;
            direction:ltr; text-align:right;
        }
        .cov-bene-name  { top:696px;  right:1959px; font-size:30px;   }
        .cov-wallet     { top:782px;  right:1959px; font-size:28.5px; }
        .cov-sub-amount { top:857px;  right:1963px; font-size:29px;   }
        .cov-withdraw-amount {
            top:932px; right:1969px;
            color:rgba(72,187,120,1);
            font-size:30px; font-weight:700;
            direction:ltr; text-align:right;
        }
        .cov-country  { top:1010px; right:1970px; font-size:30px;   }
        .cov-txn-id   { top:1089px; right:1965px; font-size:32.8px; }
        .cov-requested{ top:1162px; right:1965px; font-size:30px;   }
        .cov-network  { top:1238px; right:1969px; font-size:31px;   }
        .cov-currency { top:1314px; right:1970px; font-size:30px;   }
        /* IMPORTANT NOTICE */
        .cov-notice-wrap {
            top:1543px; left:517px;
            width:210px; height:36px;
            display:flex; align-items:center; justify-content:center;
            overflow:hidden; direction:ltr;
        }
        .cov-notice-wrap span {
            color:rgba(233,239,253,0.8);
            font-weight:200;
            font-family:'Inter','Noto Sans Arabic',sans-serif;
            white-space:nowrap; text-align:center; display:block;
        }
        /* TRANSACTION SUMMARY */
        .cov-summary-box {
            top:1980px; height:60px;
            display:flex; align-items:center; justify-content:center;
            overflow:hidden; direction:ltr;
        }
        .cov-summary-box span {
            color:rgba(255,255,255,0.95);
            font-weight:700;
            font-family:'Inter','Noto Sans Arabic',sans-serif;
            text-align:center; white-space:nowrap; display:block;
        }
        .cov-sum-sub      { left:42px;  width:380px; }
        .cov-sum-withdraw { left:385px; width:380px; }
        .cov-sum-date     { left:715px; width:380px; }
        /* ════ CONTRACT BUTTON (القالب الخامس) ════ */
        .btn-contract {
            background: linear-gradient(135deg,#0369a1,#0284c7);
            color:#fff; box-shadow:0 3px 8px rgba(2,132,199,.3);
        }

        /* ════ CONTRACT EDITOR PAGE ════ */
        #page-contract-editor.active { display:block !important; }

        /* ════ CONTRACT PREVIEW PAGE ════ */
        #page-contract-preview.active { display:block !important; }
        #page-contract-preview {
            min-height:100vh;
            background:#020617;
            display:flex; flex-direction:column;
            align-items:center; padding:0;
        }
        .contract-back-bar {
            width:100%; background:#0f172a;
            padding:12px 20px;
            display:flex; align-items:center; gap:14px;
            box-shadow:0 2px 8px rgba(0,0,0,.5);
            position:sticky; top:0; z-index:999;
        }
        .contract-back-bar button {
            background:#1e3a5f; color:#fff;
            border:1px solid #0284c7; border-radius:6px;
            padding:7px 18px; font-size:10pt; cursor:pointer;
        }
        .contract-back-bar button:hover { background:#0369a1; }
        .contract-responsive-container {
            width:100%; max-width:100vw;
            overflow:hidden;
            display:flex; justify-content:center; align-items:flex-start;
            direction:ltr;
        }
        .contract-img-wrapper {
            position:relative;
            width:3264px; height:2176px;
            flex-shrink:0;
        }
        .contract-img-wrapper img {
            width:3264px; height:2176px;
            display:block;
        }
        /* ── overlay elements — مزامنة كاملة مع indexV3.html CSS ── */
        .ctov {
            position:absolute; white-space:nowrap;
            pointer-events:none;
            font-family:'Inter','Noto Sans Arabic',sans-serif;
            line-height:1;
            filter:blur(0.9px);
        }
        /* LEFT PANEL — WITHDRAWAL DETAILS */
        .ctov-right-val {
            color:rgba(230,234,240,1);
            font-size:31.8px; font-weight:400;
            direction:ltr; text-align:right;
        }
        .ctov-bene-name    { top:607px;  right:1939px; }
        .ctov-wallet       { top:700px;  right:1906px; }
        .ctov-sub-amount   { top:783px;  right:1900px; }
        .ctov-withdraw-amount {
            top:862px; right:1893px;
            color:rgba(74,222,128,1);
            font-size:33px; font-weight:700;
            direction:ltr; text-align:right;
        }
        .ctov-country  { top:945px;  right:1915px; font-size:34.6px; }
        .ctov-txn-id   { top:1026px; right:1910px; font-size:35px;   }
        .ctov-requested{ top:1105px; right:1910px; font-size:36px;   }
        /* OFFICIAL NOTICE */
        .ctov-notice-wrap {
            top:1734px; right:1118px;
            width:340px; height:32px;
            display:flex; align-items:center; justify-content:flex-end;
            overflow:hidden; direction:ltr;
        }
        .ctov-notice-wrap span {
            color:rgba(255,250,250,0.75);
            font-weight:600;
            font-family:'Inter','Noto Sans Arabic',sans-serif;
            white-space:nowrap; text-align:right; display:block;
        }
        /* TRANSACTION SUMMARY */
        .ctov-summary-box {
            top:1811px; height:40px;
            display:flex; align-items:center; justify-content:center;
            overflow:hidden; direction:ltr;
        }
        .ctov-summary-box span {
            color:rgba(255,255,255,0.95);
            font-weight:700;
            font-family:'Inter','Noto Sans Arabic',sans-serif;
            text-align:center; white-space:nowrap; display:block;
        }
        .ctov-sum-sub      { left:0px;   width:385px; }
        .ctov-sum-withdraw { left:285px; width:385px; }
        .ctov-sum-date     { left:567px; width:385px; }

        /* ════ COMPLIANCE BUTTON (القالب السادس) ════ */
        .btn-compliance {
            background: linear-gradient(135deg,#065f46,#047857);
            color:#fff; box-shadow:0 3px 8px rgba(4,120,87,.3);
        }

        /* ════ COMPLIANCE EDITOR PAGE ════ */
        #page-compliance-editor.active { display:block !important; }

        /* ════ COMPLIANCE PREVIEW PAGE ════ */
        #page-compliance-preview.active { display:block !important; }
        #page-compliance-preview {
            min-height:100vh;
            background:#020617;
            display:flex; flex-direction:column;
            align-items:center; padding:0;
        }
        .compliance-back-bar {
            width:100%; background:#0f172a;
            padding:12px 20px;
            display:flex; align-items:center; gap:14px;
            box-shadow:0 2px 8px rgba(0,0,0,.5);
            position:sticky; top:0; z-index:999;
        }
        .compliance-back-bar button {
            background:#1e3a5f; color:#fff;
            border:1px solid #047857; border-radius:6px;
            padding:7px 18px; font-size:10pt; cursor:pointer;
        }
        .compliance-back-bar button:hover { background:#065f46; }
        .compliance-responsive-container {
            width:100%; max-width:100vw;
            overflow:hidden;
            display:flex; justify-content:center; align-items:flex-start;
            direction:ltr;
        }
        .compliance-img-wrapper {
            position:relative;
            width:3264px; height:2176px;
            flex-shrink:0;
        }
        .compliance-img-wrapper img {
            width:3264px; height:2176px;
            display:block;
        }
        /* ── overlay elements — مزامنة كاملة مع indexV5.html CSS ── */
        .cmov {
            position:absolute; white-space:nowrap;
            pointer-events:none;
            font-family:'Inter','Noto Sans Arabic',sans-serif;
            line-height:1;
            filter:blur(1px);
        }
        /* LEFT COLUMN */
        .cmov-bene-name {
            left:236px; top:642px;
            color:rgba(255,255,255,0.95);
            font-size:33px; font-weight:600;
            direction:ltr;
        }
        .cmov-wallet-wrap {
            left:236px; top:776px;
            width:860px; height:34px;
            display:flex; align-items:center;
            overflow:hidden; direction:ltr;
        }
        .cmov-wallet-wrap span {
            color:rgba(255,255,255,0.95);
            font-size:32px; font-weight:400;
            font-family:'Inter','Noto Sans Arabic',sans-serif;
            white-space:nowrap; display:block;
        }
        .cmov-sub-amount {
            left:236px; top:912px;
            color:rgba(255,255,255,0.95);
            font-size:37.5px; font-weight:400;
            direction:ltr;
        }
        .cmov-withdraw-amount {
            left:236px; top:1045px;
            color:rgba(72,187,120,1);
            font-size:55px; font-weight:700;
            direction:ltr;
        }
        .cmov-country {
            left:301px; top:1184px;
            color:rgba(255,255,255,0.95);
            font-size:34px; font-weight:400;
            direction:ltr;
        }
        /* RIGHT COLUMN */
        .cmov-txn-wrap {
            left:1125px; top:642px;
            width:700px; height:34px;
            display:flex; align-items:center;
            overflow:hidden; direction:ltr;
        }
        .cmov-txn-wrap span {
            color:rgba(255,255,255,0.95);
            font-size:30px; font-weight:400;
            font-family:'Inter','Noto Sans Arabic',sans-serif;
            white-space:nowrap; display:block;
        }
        .cmov-date {
            left:1125px; top:776px;
            color:rgba(255,255,255,0.95);
            font-size:36px; font-weight:400;
            direction:ltr;
        }
        .cmov-network {
            left:1125px; top:912px;
            color:rgba(255,255,255,0.95);
            font-size:36px; font-weight:400;
            direction:ltr;
        }
        .cmov-currency {
            left:1125px; top:1045px;
            color:rgba(255,255,255,0.95);
            font-size:36px; font-weight:400;
            direction:ltr;
        }
        /* OFFICIAL NOTICE */
        .cmov-notice-wrap {
            top:1778px; right:1970px;
            width:340px; height:32px;
            display:flex; align-items:center; justify-content:flex-end;
            overflow:hidden; direction:ltr;
        }
        .cmov-notice-wrap span {
            color:rgba(255,255,255,0.8);
            font-weight:400;
            font-family:'Inter','Noto Sans Arabic',sans-serif;
            white-space:nowrap; text-align:right; display:block;
        }
        /* TRANSACTION SUMMARY */
        .cmov-sum-sub {
            left:152px; top:1460px;
            color:rgba(255,255,255,0.95);
            font-size:50px; font-weight:700;
            direction:ltr;
        }
        .cmov-sum-withdraw {
            left:939px; top:1460px;
            color:rgba(72,187,120,1);
            font-size:49px; font-weight:700;
            direction:ltr;
        }
        .cmov-sum-date {
            left:1690px; top:1460px;
            color:rgba(255,255,255,0.95);
            font-size:50px; font-weight:700;
            direction:ltr;
        }

        .no-users {
            text-align:center; color:#94a3b8; padding:40px 20px;
            background:rgba(255,255,255,.07); border-radius:12px;
            font-size:11pt;
        }

        /* ════ ADD USER MODAL ════ */
        .modal-overlay {
            display:none; position:fixed; inset:0;
            background:rgba(0,0,0,.6); z-index:1000;
            align-items:center; justify-content:center; padding:20px;
        }
        .modal-overlay.open { display:flex; }
        .modal-box {
            background:#fff; border-radius:14px; width:100%; max-width:520px;
            max-height:92vh; overflow-y:auto;
            box-shadow:0 8px 40px rgba(0,0,0,.25); padding:28px;
        }
        .modal-box h2 { margin:0 0 20px; font-size:14pt; color:#0f172a; border-bottom:2px solid #e2e8f0; padding-bottom:10px; }
        .mfield { display:flex; flex-direction:column; gap:5px; margin-bottom:14px; }
        .mfield label { font-size:8.5pt; font-weight:bold; color:#475569; text-transform:uppercase; letter-spacing:.5px; }
        .mfield input {
            padding:10px 13px; border:1.5px solid #cbd5e1; border-radius:7px;
            font-size:10pt; color:#1e293b; background:#f8fafc;
            font-family:Arial,Helvetica,sans-serif; direction:rtl;
        }
        .mfield input:focus { outline:none; border-color:#0284c7; background:#fff; }
        .mfield input[dir=ltr] { direction:ltr; text-align:left; }
        .suffix-wrap { display:flex; }
        .suffix-wrap input { border-radius:0 7px 7px 0; border-right:none; flex:1; }
        .suffix-wrap .sfx {
            background:#e2e8f0; color:#475569; font-size:9pt; font-weight:bold;
            padding:10px 10px; border:1.5px solid #cbd5e1; border-radius:7px 0 0 7px;
            white-space:nowrap; direction:ltr;
        }
        .modal-btns { display:flex; gap:10px; margin-top:20px; }
        .btn-create { flex:1; padding:12px; background:linear-gradient(135deg,#16a34a,#15803d); color:#fff; border:none; border-radius:8px; font-size:11pt; font-weight:bold; cursor:pointer; }
        .btn-cancel  { padding:12px 22px; background:#f1f5f9; color:#475569; border:1.5px solid #e2e8f0; border-radius:8px; font-size:11pt; font-weight:bold; cursor:pointer; }

        /* ════ EDITOR PAGE ════ */
        .editor-page-bg {
            min-height:100vh;
            background: linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);
            padding: 30px 20px;
        }
        .editor-wrapper { max-width:860px; margin:0 auto; }
        .editor-topbar { display:flex; align-items:center; gap:14px; margin-bottom:24px; }
        .btn-back-users { background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.2); border-radius:7px; padding:8px 16px; font-size:10pt; cursor:pointer; }
        .btn-back-users:hover { background:rgba(255,255,255,.18); }
        .editor-topbar h2 { color:#fff; margin:0; font-size:14pt; }
        .editor-topbar h2 span { color:#38bdf8; }
        .editor-topbar h2 span.ext-color { color:#a78bfa; }
        .editor-card { background:#fff; border-radius:12px; padding:24px 28px; margin-bottom:20px; box-shadow:0 4px 20px rgba(0,0,0,.15); }
        .editor-card h3 { font-size:11.5pt; color:#0f172a; margin:0 0 16px; padding-bottom:10px; border-bottom:2px solid #e2e8f0; display:flex; align-items:center; gap:8px; }
        .field-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
        .field-group { display:flex; flex-direction:column; gap:5px; }
        .field-group label { font-size:8.5pt; font-weight:bold; color:#475569; text-transform:uppercase; letter-spacing:.5px; }
        .field-group input {
            padding:10px 13px; border:1.5px solid #cbd5e1; border-radius:7px;
            font-size:10pt; color:#1e293b; background:#f8fafc;
            font-family:Arial,Helvetica,sans-serif; direction:rtl; width:100%;
        }
        .field-group input:focus { outline:none; border-color:#0284c7; background:#fff; }
        .field-group input[readonly] { background:#f0f9ff; color:#0369a1; font-weight:bold; cursor:default; }
        .fsuffix-wrap { display:flex; }
        .fsuffix-wrap input { border-radius:0 7px 7px 0; border-right:none; flex:1; direction:ltr; }
        .fsuffix-wrap .sfx { background:#e2e8f0; color:#475569; font-size:9pt; font-weight:bold; padding:10px 10px; border:1.5px solid #cbd5e1; border-radius:7px 0 0 7px; white-space:nowrap; direction:ltr; }
        .span2 { grid-column:span 2; }

        /* Save bar */
        .save-bar {
            position:sticky; bottom:0; left:0; right:0;
            background:#0f172a; padding:14px 20px;
            box-shadow:0 -4px 20px rgba(0,0,0,.3);
            display:flex; justify-content:center; gap:14px; z-index:100;
        }
        .btn-save-preview { display:none; padding:12px 36px; background:linear-gradient(135deg,#16a34a,#15803d); color:#fff; border:none; border-radius:8px; font-size:11pt; font-weight:bold; cursor:pointer; }
        .btn-save-preview.visible { display:inline-block !important; }
        .btn-preview-only { padding:12px 28px; background:linear-gradient(135deg,#0284c7,#0369a1); color:#fff; border:none; border-radius:8px; font-size:11pt; font-weight:bold; cursor:pointer; }

        /* ════ INVOICE PAGE ════ */
        .invoice-page-bg { background:#e5e7eb; min-height:100vh; }
        .back-btn-bar {
            position:sticky; top:0; z-index:999; width:100%;
            background:#0f172a; padding:12px 20px;
            display:flex; align-items:center; gap:14px;
            box-shadow:0 2px 8px rgba(0,0,0,.4);
        }
        .back-btn-bar button { background:#1e3a5f; color:#fff; border:1px solid #38bdf8; border-radius:6px; padding:7px 18px; font-size:10pt; cursor:pointer; }
        .back-btn-bar button:hover { background:#0284c7; }
        .back-btn-bar span { color:#94a3b8; font-size:9pt; }
        .invoice-scale-wrap { padding:20px 10px 40px; overflow-x:auto; }
        .invoice-sheet {
            width:1080px; min-width:1080px; max-width:1080px; margin:0 auto;
            background:#fff; box-shadow:0 4px 32px rgba(0,0,0,.22);
            padding:28px 28px 36px; border-radius:8px;
            box-sizing:border-box;
        }
        .invoice-container { max-width:100%; padding:0; overflow-x:visible; }

        /* Invoice content styles */
        .header-table { width:100%; border-collapse:collapse; margin-bottom:35px; }
        .logo-area { vertical-align:top; }
        .main-title { font-size:22pt; font-weight:bold; color:#0f172a; margin:0; letter-spacing:-.5px; }
        .main-title span { color:#0284c7; }
        .main-title span.ext-span { color:#c2410c; }
        .sub-title { font-size:8.5pt; color:#64748b; margin:4px 0 0; font-weight:600; text-transform:uppercase; letter-spacing:1px; }
        .meta-header-cell { text-align:left; vertical-align:top; }
        .doc-id { font-size:11pt; font-weight:bold; color:#0f172a; margin:0; }
        .doc-date { font-size:9.5pt; color:#475569; margin:4px 0 0; }
        .status-container { margin-top:10px; text-align:left; }
        .status-pill { background:#fef2f2; color:#991b1b; border:1px solid #fca5a5; padding:5px 12px; font-size:9pt; font-weight:bold; border-radius:4px; display:inline-block; }
        .status-pill-ext { background:#fff7ed; color:#c2410c; border:1px solid #fed7aa; padding:5px 12px; font-size:9pt; font-weight:bold; border-radius:4px; display:inline-block; }
        .grid-table { width:100%; border-collapse:collapse; margin-bottom:35px; }
        .grid-cell { width:50%; vertical-align:top; }
        .card-box { background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; padding:16px; min-height:150px; }
        .card-box h3 { margin:0 0 12px; font-size:10.5pt; color:#0f172a; font-weight:bold; border-bottom:1px solid #cbd5e1; padding-bottom:6px; }
        .card-box p { margin:6px 0; font-size:9.5pt; color:#334155; }
        .card-box p strong { color:#0f172a; }
        .table-header-title { font-size:11pt; font-weight:bold; color:#0f172a; margin:0 0 12px; }
        .data-table { width:100%; border-collapse:collapse; margin-bottom:30px; }
        .data-table th { background:#0f172a; color:#fff; font-weight:bold; font-size:9.5pt; padding:10px 14px; text-align:right; border:1px solid #0f172a; }
        .data-table td { padding:12px 14px; font-size:9.5pt; color:#334155; border-bottom:1px solid #e2e8f0; border-left:1px solid #e2e8f0; border-right:1px solid #e2e8f0; }
        .text-center { text-align:center !important; }
        .text-left   { text-align:left !important; }
        .financial-table { width:100%; border-collapse:collapse; margin-bottom:35px; }
        .financial-cell-left  { width:55%; vertical-align:top; padding-left:20px; }
        .financial-cell-right { width:45%; vertical-align:top; }
        .system-seal-box { border:1px dashed #cbd5e1; border-radius:6px; padding:12px; background:#fafafa; font-size:8.5pt; color:#64748b; line-height:1.4; }
        .system-seal-box strong { color:#334155; display:block; margin-bottom:4px; }
        .breakdown-table { width:100%; border-collapse:collapse; }
        .breakdown-table td { padding:8px 10px; font-size:9.5pt; color:#475569; }
        .breakdown-table .highlight-row { border-top:1px solid #cbd5e1; font-weight:bold; color:#0f172a; background:#f8fafc; }
        .breakdown-table .highlight-row td { padding:12px 10px; }
        .breakdown-table .final-amount { color:#b91c1c; font-size:13pt; font-weight:bold; }
        .regulatory-notice { background:#fffaf5; border:1px solid #ffedd5; border-right:4px solid #ea580c; padding:15px; border-radius:6px; margin-top:10px; }
        .regulatory-notice h4 { margin:0 0 6px; color:#c2410c; font-size:10pt; font-weight:bold; }
        .regulatory-notice p  { margin:0; font-size:9pt; color:#7c2d12; text-align:justify; line-height:1.5; }
        .regulatory-notice-ext { background:#fff5f5; border:1px solid #fee2e2; border-right:4px solid #ef4444; padding:15px; border-radius:6px; margin-top:10px; }
        .regulatory-notice-ext h4 { margin:0 0 6px; color:#991b1b; font-size:10pt; font-weight:bold; }
        .regulatory-notice-ext p  { margin:0; font-size:9pt; color:#7f1d1d; text-align:justify; line-height:1.5; }
        .footer-stamp { margin-top:40px; border-top:1px solid #e2e8f0; padding-top:15px; text-align:center; font-size:8pt; color:#94a3b8; text-transform:uppercase; letter-spacing:.5px; }

        /* ═══ صفحة تصفية الحساب — settlement preview ═══ */
        #page-settlement-preview.active { display:block !important; }
        .payment-status-bar {
            width:100%; background-color:#16a34a; color:#fff;
            text-align:center; padding:12px; font-size:13pt; font-weight:bold;
            border-radius:6px; margin-bottom:30px; letter-spacing:.5px;
            border:1px solid #15803d;
        }
        .audit-notice-box {
            background:#fffbeb; border:1px solid #fef3c7;
            border-right:4px solid #d97706; padding:15px;
            border-radius:6px; margin-top:10px;
        }
        .audit-notice-box h4 { margin:0 0 6px; color:#b45309; font-size:10pt; font-weight:bold; }
        .audit-notice-box p  { margin:0; font-size:9pt; color:#78350f; text-align:justify; line-height:1.5; }

        /* ═══ Settlement-specific layout overrides (matching Account_Settlement.html) ═══ */
        #page-settlement-preview .invoice-container { padding:5px; }
        #page-settlement-preview .grid-table       { margin-bottom:35px; }
        #page-settlement-preview .card-box         { min-height:150px; }
        #page-settlement-preview .system-seal-box  { margin-bottom:30px; }

        /* Settlement @page — used when printing settlement only via JS title trick */
        @media print {
            #page-settlement-preview.active ~ * { display:none !important; }
        }

        /* Loading overlay */
        #loading-overlay {
            position:fixed; inset:0; background:#0f172a;
            display:flex; align-items:center; justify-content:center;
            z-index:9999; transition:opacity .4s;
        }
        #loading-overlay.hide { opacity:0; pointer-events:none; }
        .loading-spinner { width:40px; height:40px; border:3px solid rgba(255,255,255,.2); border-top-color:#38bdf8; border-radius:50%; animation:spin .7s linear infinite; }
        @keyframes spin { to { transform:rotate(360deg); } }

        /* ════ PRINT ════ */
        @media print {
            .back-btn-bar,.save-bar,#loading-overlay { display:none !important; }
            html, body {
                margin:0 !important; padding:0 !important;
                background:#fff !important;
                width:auto !important; height:auto !important;
                overflow:visible !important;
                -webkit-print-color-adjust:exact !important;
                print-color-adjust:exact !important;
            }
            #page-users,#page-editor,#page-extension-editor,#page-auth,#page-pending,#page-admin,#page-verify-editor,#page-verify-preview,#page-confirm-editor,#page-confirm-preview { display:none !important; }
            #page-invoice.active,#page-extension-invoice.active {
                display:block !important; background:#fff !important;
                width:auto !important; padding:0 !important; margin:0 !important;
            }
            .invoice-page-bg { background:#fff !important; min-height:unset !important; }
            .invoice-scale-wrap { padding:0 !important; overflow:visible !important; }
            .invoice-sheet { width:auto !important; min-width:unset !important; max-width:100% !important; }

            /* The sheet is scaled by JS before print — so we only reset cosmetics */
            .invoice-sheet {
                box-shadow:none !important;
                border-radius:0 !important;
                background:#fff !important;
                padding:4mm !important;
                /* width/margin/transform are set by JS printWithScale() */
            }
            /* Settlement: bypass JS scale — let browser fit A4 naturally */
            #page-settlement-preview .invoice-sheet {
                width:100% !important;
                min-width:unset !important;
                max-width:100% !important;
                transform:none !important;
                margin:0 !important;
                padding:5px !important;
                box-shadow:none !important;
                border-radius:0 !important;
            }
            /* Force full A4 width when printing settlement */
            body.printing-settlement,
            body.printing-settlement html {
                width: 100% !important;
                max-width: 100% !important;
            }
            body.printing-settlement .invoice-scale-wrap {
                width: 100% !important;
                padding: 0 !important;
            }
            .invoice-container { max-width:100% !important; padding:0 !important; }
            #page-settlement-preview .invoice-container { padding:5px !important; }
            table { border-collapse:collapse !important; page-break-inside:avoid; }
            .card-box { min-height:unset !important; padding:8px !important;
                background:#f8fafc !important;
                -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }
            /* Settlement card-box preserves min-height for proper layout */
            #page-settlement-preview .card-box { min-height:150px !important; }
            .data-table th { background:#0f172a !important; color:#fff !important;
                -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }
            .breakdown-table .highlight-row { background:#f8fafc !important;
                -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }
            .breakdown-table .final-amount,.ext-profits-el,.ext-sum-profits-el { color:#b91c1c !important; }
            .inv-profits-el,.inv-sum-profits-el { color:#16a34a !important; }
            .regulatory-notice { background:#fffaf5 !important;
                border-right:4px solid #ea580c !important;
                -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }
            .regulatory-notice-ext { background:#fff5f5 !important;
                border-right:4px solid #ef4444 !important;
                -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }
            .system-seal-box { background:#fafafa !important;
                -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }
            #page-settlement-preview .system-seal-box { margin-bottom:30px !important; }
            #page-settlement-preview .grid-table     { margin-bottom:35px !important; }
            .payment-status-bar { background:#16a34a !important; color:#fff !important;
                -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }
            .audit-notice-box { background:#fffbeb !important;
                border-right:4px solid #d97706 !important;
                -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }
            .status-pill { background:#fef2f2 !important; color:#991b1b !important;
                -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }
            .status-pill-ext { background:#fff7ed !important; color:#c2410c !important;
                -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }
            .footer-stamp { margin-top:14px !important; }
        }

/* ═══════════════════════════════════════════════════════════════
   ACTIVATE BUTTON — القالب السابع (تفعيل المحفظة)
════════════════════════════════════════════════════════════════ */
.btn-activate {
    background: linear-gradient(135deg, #7c3aed, #6d28d9);
    color: #fff;
    border: none;
    border-radius: 7px;
    padding: 7px 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: opacity 0.2s;
    font-family: 'Noto Sans Arabic', sans-serif;
}
.btn-activate:hover { opacity: 0.85; }

/* ═══════════════════════════════════════════════════════════════
   PAGE — ACTIVATE PREVIEW
   صورة b6.jpg: 3264×2176 (نفس أبعاد b5.jpg)
   لكن EXPORT_W=3072, EXPORT_H=2046 في indexV6 (canvas الفعلي)
   نستخدم .contract-responsive-container و .contract-img-wrapper
   مع override للأبعاد
════════════════════════════════════════════════════════════════ */
.activate-responsive-container {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    direction: ltr;
}
.activate-img-wrapper {
    position: relative;
    width: 3072px;
    height: 2046px;
    flex-shrink: 0;
}
.activate-img-wrapper img {
    width: 3072px;
    height: 2046px;
    display: block;
}

/* ── overlay base ── */
.acov {
    position: absolute;
    white-space: nowrap;
    pointer-events: none;
    font-family: 'Inter', sans-serif;
    line-height: 1;
    filter: blur(0.8px);
    direction: ltr;
}

/* ══ ACCOUNT OVERVIEW — Investor Name (LEFT) ══
   x:126, y:1246, size:33, weight:500, color:rgba(226,232,240,1) */
.acov-investor-name-left {
    left: 126px;
    top: 1246px;
    color: rgba(226, 232, 240, 1);
    font-size: 33px;
    font-weight: 500;
}

/* ══ ACCOUNT OVERVIEW — Wallet Address (LEFT) ══
   x:130, y:1375, width:780, height:36, shrink */
.acov-wallet-left-wrap {
    left: 130px;
    top: 1375px;
    width: 780px;
    height: 36px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.acov-wallet-left-wrap span {
    color: rgba(226, 232, 240, 1);
    font-size: 28px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    white-space: nowrap;
    display: block;
}

/* ══ LINKED INVESTMENT PLATFORM — Investor Name (MID) ══
   x:1137, y:1183, size:34, weight:500 */
.acov-investor-name-mid {
    left: 1137px;
    top: 1183px;
    color: rgba(226, 232, 240, 1);
    font-size: 34px;
    font-weight: 500;
}

/* ══ LINKED INVESTMENT PLATFORM — Wallet Address (MID) ══
   x:1140, y:1327, width:780, height:36, shrink */
.acov-wallet-mid-wrap {
    left: 1140px;
    top: 1327px;
    width: 780px;
    height: 36px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.acov-wallet-mid-wrap span {
    color: rgba(226, 232, 240, 1);
    font-size: 29px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    white-space: nowrap;
    display: block;
}

/* ══ WITHDRAWAL AMOUNT ══
   x:474, y:1688, width:540, height:42, shrink
   color: rgba(255,255,255,1) */
.acov-withdrawal-wrap {
    left: 474px;
    top: 1688px;
    width: 540px;
    height: 42px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.acov-withdrawal-wrap span {
    color: rgba(255, 255, 255, 1);
    font-size: 36px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    white-space: nowrap;
    display: block;
}

/* ══ PREPAID PROCEDURES ══
   x:1670, y:1770, width:390, height:42, shrink
   color: rgba(74,222,128,1) أخضر */
.acov-prepaid-wrap {
    left: 1670px;
    top: 1770px;
    width: 390px;
    height: 42px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.acov-prepaid-wrap span {
    color: rgba(74, 222, 128, 1);
    font-size: 36px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    white-space: nowrap;
    display: block;
}

/* ══ 6 BNB كبير — ثابت (أحمر) ══
   x:2333, y:681, size:54, weight:700 */
.acov-bnb-big {
    left: 2333px;
    top: 681px;
    color: rgba(231, 76, 60, 1);
    font-size: 54px;
    font-weight: 700;
}

/* ══ 6 BNB صغير — ثابت (أحمر + نقطة بيضاء) ══
   x:675, y:840, size:38, weight:600 */
.acov-bnb-small {
    left: 675px;
    top: 840px;
    font-size: 38px;
    font-weight: 600;
}
.acov-bnb-small .bnb-red { color: rgba(231, 76, 60, 1); }
.acov-bnb-small .bnb-dot { color: rgba(226, 232, 240, 1); }

/* activate back bar — نفس contract-back-bar */
#page-activate-preview .contract-back-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: #0f172a;
    border-bottom: 1px solid #1e293b;
}

/* ════════════════════════════════════════════════════════
   BANK TRANSFER — القالب الثامن
   إحداثيات مطابقة لـ indexV2.html بالضبط
════════════════════════════════════════════════════════ */

/* ── زر دفع بنكي ── */
.btn-banktransfer {
    background: linear-gradient(135deg, #0369a1, #0284c7);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: opacity .15s;
    font-family: inherit;
    white-space: nowrap;
}
.btn-banktransfer:hover { opacity: .87; }

/* ── Container + Wrapper ── */
.banktransfer-responsive-container {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    direction: ltr;
}
.banktransfer-img-wrapper {
    position: relative;
    width: 3264px;
    height: 2176px;
    flex-shrink: 0;
}
.banktransfer-img-wrapper img {
    width: 3264px;
    height: 2176px;
    display: block;
}

/* ── Base overlay class ── */
.bkov {
    position: absolute;
    white-space: nowrap;
    pointer-events: none;
    font-family: 'Inter', 'Noto Sans Arabic', sans-serif;
    line-height: 1;
    filter: blur(0.8px);
    color: rgba(197, 201, 208, 1);
    direction: ltr;
}

/* ══ LEFT PANEL — Beneficiary Details (x:1065, color:rgba(197,201,208,1)) ══ */
.bkov-bene-name {
    left: 1065px;
    top: 966px;
    font-size: 30px;
    font-weight: 400;
}
.bkov-bank-name {
    left: 1065px;
    top: 1023px;
    font-size: 30px;
    font-weight: 400;
}
.bkov-iban {
    left: 1065px;
    top: 1084px;
    font-size: 30px;
    font-weight: 400;
}
.bkov-account-num {
    left: 1065px;
    top: 1144px;
    font-size: 30px;
    font-weight: 400;
}
.bkov-swift {
    left: 1065px;
    top: 1205px;
    font-size: 30px;
    font-weight: 400;
}
.bkov-branch {
    left: 1065px;
    top: 1262px;
    font-size: 30px;
    font-weight: 400;
}
.bkov-country {
    left: 1065px;
    top: 1323px;
    font-size: 30px;
    font-weight: 400;
}

/* ══ RIGHT PANEL — Transaction Status (right-aligned, direction:ltr) ══ */
.bkov-txn-id {
    right: 96px;
    top: 830px;
    font-size: 36px;
    font-weight: 400;
    text-align: right;
}
.bkov-txn-date {
    right: 97px;
    top: 910px;
    font-size: 36px;
    font-weight: 400;
    text-align: right;
}
.bkov-channel {
    right: 93px;
    top: 990px;
    font-size: 31.8px;
    font-weight: 400;
    text-align: right;
}
.bkov-amount {
    right: 100px;
    top: 1078px;
    font-size: 36px;
    font-weight: 400;
    text-align: right;
}
.bkov-requested-at {
    right: 100px;
    top: 1170px;
    font-size: 36px;
    font-weight: 400;
    text-align: right;
}

/* ── صفحة المحرر — banktransfer editor page ── */
#page-banktransfer-editor .editor-container,
#page-banktransfer-editor .editor-box {
    max-width: 540px;
    margin: 0 auto;
}

/* ── payment type selector in add-modal ── */
.payment-type-selector {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
}
.payment-type-selector button {
    flex: 1;
    padding: 9px 6px;
    border: 2px solid #334155;
    border-radius: 8px;
    background: #1e293b;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all .15s;
    font-family: inherit;
}
.payment-type-selector button.active {
    border-color: #3b82f6;
    background: rgba(59,130,246,.15);
    color: #93c5fd;
}

/* ── modal إضافة بيانات crypto/bank ── */
.extra-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.75);
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
}
.extra-modal-overlay.open {
    opacity: 1;
    pointer-events: all;
}
.extra-modal-box {
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 14px;
    padding: 22px 20px 18px;
    width: 100%;
    max-width: 420px;
    max-height: 90vh;
    overflow-y: auto;
}
.extra-modal-box h3 {
    font-size: 15px;
    font-weight: 700;
    color: #e2e8f0;
    margin-bottom: 14px;
    text-align: center;
}
.extra-modal-actions {
    display: flex;
    gap: 8px;
    margin-top: 14px;
}
.extra-modal-actions .btn-save-extra {
    flex: 1;
    padding: 10px;
    background: linear-gradient(135deg,#3b82f6,#2563eb);
    color:#fff;
    border:none;
    border-radius:8px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    font-family:inherit;
}
.extra-modal-actions .btn-skip-extra {
    padding: 10px 16px;
    background: #334155;
    color: #94a3b8;
    border:none;
    border-radius:8px;
    font-size:13px;
    cursor:pointer;
    font-family:inherit;
}

/* banktransfer preview back bar */
#page-banktransfer-preview .contract-back-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: #0f172a;
    border-bottom: 1px solid #1e293b;
}

/* ══════════════════════════════════════════
   PAGE — MISSING DATA (صفحة البيانات الناقصة)
══════════════════════════════════════════ */
#page-missing-data {
    background: #060d1a;
    min-height: 100vh;
}
.missing-data-bg {
    min-height: 100vh;
    background:
        radial-gradient(ellipse 80% 40% at 50% -10%, rgba(59,130,246,0.13) 0%, transparent 70%),
        #060d1a;
    padding: 0 0 60px 0;
}
.missing-data-topbar {
    display: flex;
    align-items: center;
    padding: 16px 24px;
    border-bottom: 1px solid #1e293b;
    background: rgba(6,13,26,0.85);
    backdrop-filter: blur(6px);
    position: sticky;
    top: 0;
    z-index: 10;
}
.missing-data-topbar-back {
    display: flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    color: #64748b;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 10px;
    border-radius: 8px;
    transition: color 0.2s, background 0.2s;
    font-family: 'Cairo', 'Tajawal', sans-serif;
}
.missing-data-topbar-back:hover {
    color: #f1f5f9;
    background: #1e293b;
}
.missing-data-wrapper {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    padding: 40px 20px 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
/* ── Header ── */
.missing-data-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding-bottom: 8px;
    border-bottom: 1px solid #1e293b;
}
.missing-data-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(239,68,68,0.12);
    border: 1px solid rgba(239,68,68,0.3);
    color: #f87171;
    font-size: 11.5px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 20px;
    letter-spacing: 0.4px;
    font-family: 'Cairo', 'Tajawal', sans-serif;
    margin-bottom: 4px;
}
.missing-data-title {
    font-size: 22px;
    font-weight: 800;
    color: #f1f5f9;
    margin: 0;
    line-height: 1.3;
    font-family: 'Cairo', 'Tajawal', sans-serif;
}
.missing-data-subtitle {
    font-size: 13.5px;
    color: #64748b;
    margin: 0;
    font-family: 'Cairo', 'Tajawal', sans-serif;
    line-height: 1.6;
}
/* ── Fields Card ── */
.missing-data-card {
    background: #0d1929;
    border: 1px solid #1e293b;
    border-radius: 18px;
    padding: 28px 28px 24px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.3);
}
.missing-data-card-title {
    font-size: 12px;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 20px 0;
    font-family: 'Cairo', 'Tajawal', sans-serif;
}
.missing-fields-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
.missing-fields-grid:has(.missing-field-row:only-child),
.missing-fields-grid.single-col {
    grid-template-columns: 1fr;
}
.missing-field-row {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.missing-field-row.full-width {
    grid-column: 1 / -1;
}
.missing-field-row label {
    font-size: 12.5px;
    color: #94a3b8;
    font-weight: 600;
    font-family: 'Cairo', 'Tajawal', sans-serif;
    padding-right: 2px;
}
.missing-field-wrap {
    position: relative;
}
.missing-field-input {
    background: #0a1525;
    border: 1.5px solid #1e293b;
    border-radius: 10px;
    padding: 12px 14px;
    color: #f1f5f9;
    font-size: 14px;
    font-family: 'Courier New', monospace;
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 0.3px;
}
.missing-field-input:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.15);
}
.missing-field-input.has-suffix {
    padding-left: 58px;
}
.missing-field-sfx {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    font-weight: 800;
    color: #3b82f6;
    pointer-events: none;
    background: #0f2040;
    border: 1px solid #1e3a5f;
    padding: 2px 6px;
    border-radius: 5px;
    letter-spacing: 0.5px;
}
/* ── Actions ── */
.missing-data-actions {
    display: flex;
    gap: 12px;
    align-items: center;
}
.btn-missing-submit {
    flex: 1;
    padding: 14px 20px;
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Cairo', 'Tajawal', sans-serif;
    transition: opacity 0.2s, transform 0.1s;
    box-shadow: 0 4px 16px rgba(59,130,246,0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.btn-missing-submit:hover  { opacity: 0.92; transform: translateY(-1px); }
.btn-missing-submit:active { transform: translateY(0); }
.btn-missing-cancel {
    padding: 14px 22px;
    background: #0d1929;
    color: #64748b;
    border: 1.5px solid #1e293b;
    border-radius: 12px;
    font-size: 13px;
    cursor: pointer;
    font-family: 'Cairo', 'Tajawal', sans-serif;
    transition: background 0.2s;
}
.btn-missing-cancel:hover { background: #334155; }

/* ══════════════════════════════════════════
   MODAL — SAVE SCOPE (modal-save-scope)
══════════════════════════════════════════ */
.scope-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9000;
    backdrop-filter: blur(4px);
}
.scope-modal-box {
    background: #111827;
    border: 1px solid #1e293b;
    border-radius: 16px;
    padding: 28px 24px 22px;
    width: 90%;
    max-width: 400px;
    position: relative;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0,0,0,0.6);
}
.scope-modal-icon {
    font-size: 34px;
    margin-bottom: 10px;
}
.scope-modal-title {
    font-size: 17px;
    font-weight: 700;
    color: #f1f5f9;
    margin: 0 0 8px 0;
    font-family: 'Cairo', 'Tajawal', sans-serif;
}
.scope-modal-desc {
    font-size: 12.5px;
    color: #94a3b8;
    margin: 0 0 20px 0;
    line-height: 1.6;
    font-family: 'Cairo', 'Tajawal', sans-serif;
}
.scope-modal-actions {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.btn-scope-current {
    flex: 1;
    padding: 11px 14px;
    background: #1e293b;
    color: #cbd5e1;
    border: 1px solid #334155;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: 'Cairo', 'Tajawal', sans-serif;
    transition: background 0.2s, border-color 0.2s;
}
.btn-scope-current:hover {
    background: #334155;
    border-color: #475569;
}
.btn-scope-all {
    flex: 1;
    padding: 11px 14px;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Cairo', 'Tajawal', sans-serif;
    transition: opacity 0.2s;
}
.btn-scope-all:hover { opacity: 0.9; }
.btn-scope-close {
    position: absolute;
    top: 12px;
    left: 14px;
    background: none;
    border: none;
    color: #64748b;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s, background 0.2s;
}
.btn-scope-close:hover {
    color: #f1f5f9;
    background: #1e293b;
}