/* =====================================================================
   جولة 77: «حاسوب المنشأة» — زجاج وألوان قريبة من ويندوز 7 (بدون شعاراته)، عربي من اليمين.
   كمبيوتر: نوافذ تتسحب وتتكبّر · جوال بالعرض (compact): كل نافذة تفتح مكبّرة، والأيقونات أصغر.
   ===================================================================== */
.pc7 { position: fixed; inset: 0; z-index: 9000; background: #000; color: #1e1e1e; font-family: Tahoma, 'Segoe UI', 'Noto Sans Arabic', 'Noto Naskh Arabic', Arial, sans-serif; font-size: 13px; overflow: hidden; outline: none;
  -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.pc7.inbox { position: absolute; z-index: 5; border-radius: 6px; }
html.p7-lock, html.p7-lock body { overflow: hidden !important; }
.pc7 * { box-sizing: border-box; }
/* شريط التمرير: نحيف بلون الجهاز (مو شريط المتصفح الأبيض) */
.pc7 .p7-exitems, .pc7 .p7-side, .pc7 .p7-npt, .pc7 .p7-mlist, .pc7 .p7-mread, .pc7 .p7-pvimg, .pc7 .p7-sm-l, .pc7 .p7-sm-r { scrollbar-width: thin !important; scrollbar-color: #9fb3c9 transparent !important; }
.pc7 .p7-cm, .pc7 .p7-mptr { scrollbar-width: thin !important; scrollbar-color: #3a4656 transparent !important; }
:where(.pc7) button { font: inherit; color: inherit; cursor: pointer; }   /* بدون أولوية — ألوان الأزرار من كلاسها */
.p7-scr { position: absolute; inset: 0; }
.p7i { width: 32px; height: 32px; flex: none; display: block; } .p7i.xs { width: 16px; height: 16px; } .p7i.sm { width: 18px; height: 18px; } .p7i.md { width: 28px; height: 28px; } .p7i.lg { width: 44px; height: 44px; } .p7i.xl { width: 96px; height: 96px; }

/* ---------- التشغيل ---------- */
.p7-bios { position: absolute; inset: 0; padding: 28px 34px; background: #000; color: #c9c9c9; font: 15px/1.6 'Courier Prime', Consolas, Tahoma, 'Noto Sans Arabic', 'Noto Naskh Arabic', monospace; cursor: pointer; direction: ltr; text-align: left; }
.p7-bios pre { margin: 0; white-space: pre-wrap; font: inherit; unicode-bidi: plaintext; }
.p7-cur { display: inline-block; width: 10px; height: 18px; background: #c9c9c9; animation: p7Blink 1s steps(1) infinite; }
.p7-skip { position: absolute; bottom: 16px; left: 0; right: 0; text-align: center; color: #555; font: 12px Tahoma, sans-serif; direction: rtl; }
@keyframes p7Blink { 50% { opacity: 0 } }
.p7-splash { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; background: #000; color: #e8e8e8; font-size: 16px; }
.p7-splash.off { background: radial-gradient(70% 60% at 50% 45%, #10406e, #031427 70%); }
.p7-orb.big svg { width: 120px; height: 120px; filter: drop-shadow(0 0 30px #ff3b4a88); animation: p7Breath 2.4s ease-in-out infinite; }
@keyframes p7Breath { 50% { filter: drop-shadow(0 0 48px #ff3b4acc); transform: scale(1.04) } }
.p7-dots { display: flex; gap: 6px; } .p7-dots b { width: 7px; height: 7px; border-radius: 50%; background: #fff; opacity: .2; animation: p7Dot 1.2s infinite; } .p7-dots b:nth-child(2) { animation-delay: .2s } .p7-dots b:nth-child(3) { animation-delay: .4s }
@keyframes p7Dot { 40% { opacity: 1 } }
.p7-spin { display: inline-block; width: 26px; height: 26px; border-radius: 50%; border: 3px solid #ffffff33; border-top-color: #9fd6ff; animation: p7Spin .8s linear infinite; }
@keyframes p7Spin { to { transform: rotate(360deg) } }
.p7-bsod { position: absolute; inset: 0; background: #0b3d91; color: #fff; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 14px; padding: 8%; font-size: 17px; }
.p7-bsod b { font-size: 70px; font-weight: 400; }

/* ---------- الخلفيات ---------- */
.w-aurora { background: radial-gradient(60% 50% at 30% 30%, #4fb4ff66, transparent 70%), radial-gradient(70% 60% at 75% 70%, #1ee3c255, transparent 70%), linear-gradient(160deg, #0b4c8c, #072a55 55%, #04172f); }
.w-aurora::before { content: ''; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 30%, #ffffff1c 42%, transparent 48%), linear-gradient(115deg, transparent 52%, #9fe6ff22 58%, transparent 66%); pointer-events: none; }
.w-night { background: radial-gradient(1.2px 1.2px at 20% 30%, #fff, transparent), radial-gradient(1px 1px at 70% 20%, #fff, transparent), radial-gradient(1.4px 1.4px at 40% 70%, #dfe8ff, transparent), radial-gradient(1px 1px at 85% 60%, #fff, transparent), radial-gradient(1px 1px at 10% 85%, #fff, transparent), radial-gradient(80% 60% at 50% 110%, #1a3b6b, transparent), #050b18; background-size: 220px 180px, 260px 200px, 300px 240px, 240px 210px, 200px 200px, 100% 100%, 100% 100%; }
.w-facility { background: radial-gradient(60% 55% at 50% 45%, #3a0a0f, #120305 70%, #050102), #050102; }
.w-facility::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg, #ffffff06 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, #ffffff06 0 1px, transparent 1px 48px); }
.w-facility::after { content: '0'; position: absolute; left: 50%; top: 44%; transform: translate(-50%, -50%); font: 900 min(42vh, 360px)/1 'Courier Prime', monospace; color: #ff3b4a; opacity: .07; pointer-events: none; text-shadow: 0 0 60px #ff3b4a; }
.w-static { background: #1a1d22; }
.w-static::before { content: ''; position: absolute; inset: -50%; pointer-events: none; opacity: .18; background-image: repeating-radial-gradient(circle at 17% 32%, #fff 0 1px, transparent 1px 3px), repeating-radial-gradient(circle at 73% 61%, #fff 0 1px, transparent 1px 4px); animation: p7Noise .35s steps(3) infinite; }
@keyframes p7Noise { 33% { transform: translate(3%, -2%) } 66% { transform: translate(-2%, 3%) } }
.w-img { background-color: #000; background-size: cover; background-position: center; }

/* ---------- شاشة الدخول ---------- */
.p7-login { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; overflow: hidden; }
.p7-lg-in { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; padding: 10px; max-width: 92vw; }
.p7-tile { width: 130px; height: 130px; border-radius: 8px; display: grid; place-items: center; background: linear-gradient(160deg, #ffffffaa, #ffffff33); padding: 6px; box-shadow: 0 6px 24px #0008, inset 0 0 0 1px #ffffffaa; }
.p7-tile .p7i { width: 100%; height: 100%; border-radius: 4px; background: linear-gradient(180deg, #e2f1ff, #9ccbf1); }
.p7-login h2 { margin: 6px 0 0; font-weight: 400; font-size: 24px; text-shadow: 0 1px 8px #000c; }
.p7-lg-msg { margin: 0; font-size: 17px; text-shadow: 0 1px 6px #000; }
.p7-pass { display: flex; align-items: center; gap: 6px; margin-top: 6px; }
.p7-pass input { width: 230px; height: 30px; padding: 0 9px; border: 1px solid #1d4f7f; border-radius: 3px; background: #fff; color: #111; font: 14px Tahoma, sans-serif; box-shadow: inset 0 1px 3px #0003; user-select: text; -webkit-user-select: text; }
.p7-go { width: 32px; height: 32px; border-radius: 50%; border: 1px solid #0a3a68; background: radial-gradient(circle at 50% 30%, #8fd0ff, #1b6bc4 70%); color: #fff; font-size: 15px; box-shadow: 0 2px 6px #0007, inset 0 1px 0 #fff8; transform: scaleX(-1); }
.p7-pass.busy { opacity: .6; pointer-events: none; }
.p7-pass.shake { animation: p7Shake .35s; }
@keyframes p7Shake { 20%, 60% { transform: translateX(-8px) } 40%, 80% { transform: translateX(8px) } }
.p7-hint { background: none; border: 0; color: #cfe9ff; text-decoration: underline; font-size: 12px; }
.p7-hint-t { margin: 0; padding: 6px 12px; border-radius: 4px; background: #0006; color: #fff; font-size: 13px; max-width: 360px; }
.p7-lg-err { margin: 0; color: #ffd1d1; background: #7a0b12aa; padding: 4px 12px; border-radius: 3px; }
.p7-lg-lock { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 18px; border-radius: 6px; background: #0007; border: 1px solid #ffffff33; }
.p7-lg-lock b { font-size: 15px; } .p7-lg-lock span { font-size: 13px; color: #e2ecf6; } .p7-lg-lock em { color: #ffd166; font-style: normal; }
.p7-lg-lock.sm { padding: 6px 12px; background: #0005; } .p7-lg-lock.sm span { font-size: 12px; }
.p7-lg-foot { position: absolute; bottom: 0; inset-inline: 0; display: flex; align-items: center; justify-content: space-between; padding: 14px 22px; z-index: 1; }
.p7-brand { display: flex; align-items: center; gap: 10px; font-size: 18px; color: #fff; text-shadow: 0 1px 6px #000; } .p7-brand svg { width: 34px; height: 34px; }
.p7-pwr { width: 38px; height: 34px; border-radius: 4px; border: 1px solid #5a1a1a; background: linear-gradient(180deg, #e8785f, #b52a17 50%, #8c1408 51%, #c4442a); color: #fff; box-shadow: inset 0 1px 0 #ffc5b8, 0 1px 4px #0008; display: grid; place-items: center; }
.p7-pwr svg { width: 18px; height: 18px; }

/* ---------- سطح المكتب ---------- */
.p7-desk { position: absolute; inset: 0; overflow: hidden; }
.p7-icons { position: absolute; top: 6px; bottom: 46px; inset-inline-start: 4px; display: grid; grid-auto-flow: column; grid-template-rows: repeat(auto-fill, 86px); grid-auto-columns: 84px; gap: 2px; align-content: start; }
.p7-ic { position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 4px 2px; border: 1px solid transparent; border-radius: 3px; background: none; color: #fff; text-align: center; width: 80px; }
.p7-ic span { font-size: 12px; line-height: 1.25; text-shadow: 0 0 3px #000, 0 1px 2px #000, 0 0 6px #000; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; }
.p7-ic:hover { background: #8fc6ff33; border-color: #9fd3ff66; }
.p7-ic.sel { background: #5aa9ff55; border-color: #9fd3ffaa; }
.p7-ic.locked .p7i { filter: saturate(.55) brightness(.92); }
.p7-lk { position: absolute; top: 34px; inset-inline-end: 14px; width: 20px; height: 20px; border-radius: 50%; background: #fff; display: grid; place-items: center; box-shadow: 0 1px 3px #0008; }
.p7-nw { position: absolute; top: 4px; inset-inline-end: 14px; width: 11px; height: 11px; border-radius: 50%; background: #ff3b4a; border: 2px solid #fff; box-shadow: 0 0 8px #ff3b4a; }
.p7-wins { position: absolute; top: 0; inset-inline: 0; bottom: 40px; pointer-events: none; } .p7-wins > * { pointer-events: auto; }

/* ---------- النوافذ (زجاج) ---------- */
.p7-win { position: absolute; display: flex; flex-direction: column; min-width: 260px; min-height: 160px; padding: 0 7px 7px; border-radius: 7px 7px 4px 4px;
  background: linear-gradient(180deg, #b9d1eacc 0, #8fb2d6c4 26px, #7ea6cfbf 100%); border: 1px solid #1a2c40; box-shadow: inset 0 0 0 1px #ffffffa0, 0 8px 32px #000a; -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); }
.p7-win:not(.p7-act) { background: linear-gradient(180deg, #d7e3eecc, #c3d3e2c0); box-shadow: inset 0 0 0 1px #ffffff90, 0 4px 18px #0007; }
.p7-win.pop { animation: p7Pop .2s ease-out; }
@keyframes p7Pop { from { transform: scale(.94); opacity: 0 } }
.p7-win.max { left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; border-radius: 0; padding: 0 3px 3px; }
.p7-win.drag { opacity: .93; }
.p7-tb { display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 30px; flex: none; touch-action: none; cursor: default; }
.p7-tt { display: flex; align-items: center; gap: 7px; min-width: 0; padding-inline-start: 2px; }
.p7-tt b { font-weight: 400; font-size: 13px; color: #000; text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 4px #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.p7-ctl { display: flex; align-self: flex-start; direction: ltr; flex: none; }
.p7-ctl button { position: relative; width: 27px; height: 19px; border: 1px solid #3c5a7a; border-top: 0; background: linear-gradient(180deg, #f4f8fbdd, #c9d9eadd 45%, #a8c1dadd 50%, #c5d7e9dd); box-shadow: inset 0 1px 0 #fff9; }
.p7-ctl button + button { border-inline-start: 0; }
.p7-ctl .min { border-bottom-left-radius: 5px; } .p7-ctl .cls { width: 45px; border-bottom-right-radius: 5px; border-color: #5b1b14; background: linear-gradient(180deg, #e9a99c, #d47766 45%, #c4442a 50%, #d77a5d); }
.p7-ctl button:hover { filter: brightness(1.12); } .p7-ctl .cls:hover { background: linear-gradient(180deg, #ffb2a2, #ef6d55 45%, #e8401f 50%, #f08260); }
.p7-ctl i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.p7-ctl .min i { width: 9px; height: 3px; margin-top: 3px; background: #fff; border: 1px solid #333; }
.p7-ctl .max i { width: 9px; height: 8px; border: 1px solid #333; box-shadow: inset 0 0 0 1px #fff, inset 0 2px 0 1px #fff; }
.p7-ctl .cls i::before, .p7-ctl .cls i::after { content: ''; position: absolute; left: -6px; top: -1px; width: 12px; height: 3px; background: #fff; border: 1px solid #5b1b14; border-radius: 1px; transform: rotate(45deg); }
.p7-ctl .cls i::after { transform: rotate(-45deg); }
.p7-win:not(.p7-act) .p7-ctl button { opacity: .75; }
.p7-wb { flex: 1; min-height: 0; background: #fff; border: 1px solid #5c7590; box-shadow: 0 0 0 1px #ffffff80; overflow: hidden; display: flex; flex-direction: column; }
.p7-empty { color: #6b7684; text-align: center; padding: 26px 12px; margin: 0; display: flex; flex-direction: column; align-items: center; gap: 8px; }

/* المستكشف */
.p7-ex { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.p7-exbar { display: flex; align-items: center; gap: 6px; padding: 5px 6px; background: linear-gradient(180deg, #f6f9fc, #e3ebf4); border-bottom: 1px solid #b9c8d8; flex: none; }
.p7-nav { width: 26px; height: 26px; border-radius: 50%; border: 1px solid #4a6f97; background: radial-gradient(circle at 50% 30%, #d8ecff, #4c8fd1 70%); color: #fff; font-size: 12px; display: grid; place-items: center; box-shadow: inset 0 1px 0 #fff9; flex: none; }
.p7-nav.f { transform: scaleX(-1); }
.p7-nav:disabled { filter: grayscale(1) opacity(.5); cursor: default; }
.p7-addr { flex: 1; min-width: 0; display: flex; align-items: center; gap: 2px; height: 24px; padding: 0 6px; background: #fff; border: 1px solid #a4b5c8; border-radius: 2px; overflow: hidden; white-space: nowrap; }
.p7-addr button { background: none; border: 1px solid transparent; padding: 1px 5px; border-radius: 2px; font-size: 12px; } .p7-addr button:hover { background: #e5f3fb; border-color: #70c0e7; } .p7-addr i { color: #6b7684; font-style: normal; }
.p7-srch { width: 150px; height: 24px; display: flex; align-items: center; padding: 0 8px; background: #fff; border: 1px solid #a4b5c8; border-radius: 2px; color: #8a96a3; font-size: 12px; font-style: italic; white-space: nowrap; overflow: hidden; flex: none; }
.p7-excmd { display: flex; gap: 2px; padding: 3px 8px; background: linear-gradient(180deg, #f5f9fd, #dfe9f5); border-bottom: 1px solid #c4d1df; flex: none; }
.p7-excmd span { padding: 3px 9px; border-radius: 2px; font-size: 12px; color: #1e3a5a; } .p7-excmd span.dis { color: #9aa6b3; }
.p7-exmain { flex: 1; min-height: 0; display: flex; }
.p7-side { width: 168px; flex: none; overflow-y: auto; padding: 8px 4px; background: linear-gradient(180deg, #f8fbfe, #eef4fa); border-inline-end: 1px solid #d5dfea; display: flex; flex-direction: column; gap: 1px; }
.p7-side b { font-weight: 400; color: #1e3a8a; font-size: 12px; padding: 6px 8px 2px; }
.p7-side button { display: flex; align-items: center; gap: 6px; padding: 3px 10px; border: 1px solid transparent; border-radius: 2px; background: none; text-align: start; font-size: 12px; }
.p7-side button:hover { background: #e5f3fb; border-color: #a8d8f0; } .p7-side button.on { background: #cce8ff; border-color: #84c6ec; }
.p7-exitems { flex: 1; min-width: 0; overflow-y: auto; padding: 8px; display: grid; grid-template-columns: repeat(auto-fill, 92px); grid-auto-rows: 96px; gap: 4px; align-content: start; }
.p7-exitems .p7-ic { color: #1e1e1e; width: 90px; } .p7-exitems .p7-ic span { text-shadow: none; }
.p7-exitems .p7-ic:hover { background: #e5f3fb; border-color: #a8d8f0; } .p7-exitems .p7-ic.sel { background: #cce8ff; border-color: #84c6ec; }
.p7-exitems .p7-empty { grid-column: 1 / -1; }
.p7-exst { padding: 4px 10px; font-size: 12px; color: #4a5562; background: linear-gradient(180deg, #f1f5fa, #dde6f0); border-top: 1px solid #c4d1df; flex: none; }
/* المفكرة */
.p7-np { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.p7-menu { display: flex; gap: 2px; padding: 2px 4px; background: #f5f6f7; border-bottom: 1px solid #d9dde2; flex: none; } .p7-menu span { padding: 2px 8px; font-size: 12px; }
.p7-npt { flex: 1; overflow: auto; padding: 8px 12px; font: 15px/1.75 'Noto Naskh Arabic', 'Courier New', monospace; color: #111; user-select: text; -webkit-user-select: text; outline: none; }
.p7-npt p { margin: 0; white-space: pre-wrap; }
/* عارض الصور */
.p7-pv { display: flex; flex-direction: column; height: 100%; background: linear-gradient(180deg, #e9eff6, #cfdbe8); }
.p7-pvimg { flex: 1; min-height: 0; overflow: auto; display: grid; place-items: center; padding: 10px; }
.p7-pvimg img { max-width: 100%; max-height: 100%; box-shadow: 0 4px 18px #0005; transition: transform .2s; transform-origin: center; image-rendering: auto; }
.p7-cap { margin: 0; padding: 4px 12px; text-align: center; font-size: 13px; color: #24364a; }
.p7-pvbar { display: flex; justify-content: center; gap: 6px; padding: 6px; background: linear-gradient(180deg, #dfe8f2, #b9cbe0); border-top: 1px solid #9fb3c9; flex: none; }
.p7-pvbar button, .p7-btn { min-width: 72px; height: 24px; padding: 0 12px; border: 1px solid #707070; border-radius: 3px; background: linear-gradient(180deg, #f2f2f2, #ebebeb 45%, #dddddd 50%, #cfcfcf); box-shadow: inset 0 0 0 1px #fffc; font-size: 12px; }
.p7-pvbar button:hover, .p7-btn:hover { border-color: #3c7fb1; background: linear-gradient(180deg, #eaf6fd, #d9f0fc 45%, #bee6fd 50%, #a7d9f5); }
.p7-btn.def { border-color: #3c7fb1; box-shadow: inset 0 0 0 1px #48d4ff88; }
/* البريد */
.p7-ml { display: flex; height: 100%; min-height: 0; }
.p7-mside { width: 250px; flex: none; display: flex; flex-direction: column; border-inline-end: 1px solid #c9d5e2; background: #f6f9fc; min-height: 0; }
.p7-mside > b { display: flex; align-items: center; gap: 6px; padding: 8px 10px; font-weight: 700; color: #1e3a5a; background: linear-gradient(180deg, #eef4fa, #dde7f2); border-bottom: 1px solid #c9d5e2; font-size: 12px; }
.p7-mlist { flex: 1; overflow-y: auto; }
.p7-mrow { width: 100%; display: flex; gap: 8px; align-items: center; padding: 8px 10px; background: none; border: 0; border-bottom: 1px solid #e3e9f0; text-align: start; }
.p7-mrow span { display: flex; flex-direction: column; min-width: 0; } .p7-mrow b { font-weight: 400; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .p7-mrow small { color: #6b7684; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.p7-mrow.unread b { font-weight: 700; color: #0b3f7a; } .p7-mrow.locked { color: #7a8591; } .p7-mrow:hover { background: #e5f3fb; } .p7-mrow.on { background: #cce8ff; }
.p7-mread { flex: 1; min-width: 0; overflow-y: auto; padding: 12px 16px; user-select: text; -webkit-user-select: text; }
.p7-mread h3 { margin: 0 0 8px; font-size: 17px; font-weight: 400; color: #0b3f7a; }
.p7-mread dl { display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; margin: 0 0 10px; padding-bottom: 8px; border-bottom: 1px solid #e0e6ee; font-size: 12px; } .p7-mread dt { color: #6b7684; } .p7-mread dd { margin: 0; }
.p7-mbody { font: 15px/1.8 'Noto Naskh Arabic', Tahoma, serif; } .p7-mbody p { margin: 0; white-space: pre-wrap; }
/* موجّه الأوامر */
.p7-win.cm .p7-wb { background: #0c0c0c; border-color: #000; }
.p7-cm { flex: 1; overflow-y: auto; padding: 6px 8px; background: #0c0c0c; color: #c0c0c0; font: 14px/1.45 'Courier Prime', Consolas, Tahoma, 'Noto Sans Arabic', 'Noto Naskh Arabic', monospace; text-align: left; cursor: text; user-select: text; -webkit-user-select: text; }
.p7-cml { white-space: pre-wrap; word-break: break-word; min-height: 1.45em; unicode-bidi: plaintext; } .p7-cml.e { color: #ff7b72; } .p7-cml.d { color: #8b8b8b; } .p7-cml.g { color: #7ee787; }
.p7-cmf { display: flex; align-items: center; gap: 0; } .p7-cmf label { white-space: nowrap; } .p7-cmf.busy { opacity: .5; }
.p7-cmf input { flex: 1; min-width: 40px; background: transparent; border: 0; outline: none; color: #e6e6e6; font: inherit; caret-color: #e6e6e6; padding: 0 0 0 4px; user-select: text; -webkit-user-select: text; unicode-bidi: plaintext; }
/* مشغّل الوسائط */
.p7-win.mp .p7-wb { background: #000; }
.p7-mp { display: flex; flex-direction: column; height: 100%; min-height: 0; background: linear-gradient(180deg, #0d1a2b, #000 70%); color: #dfe8f2; }
.p7-mpvis { position: relative; height: 38%; min-height: 70px; flex: none; }
.p7-mpvis canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.p7-mpvis b { position: absolute; top: 8px; inset-inline-start: 12px; font-weight: 400; font-size: 12px; color: #9fc6ee; }
.p7-mptr { flex: 1; overflow-y: auto; padding: 8px 18px; font: 15px/1.9 'Noto Naskh Arabic', Tahoma, serif; scroll-behavior: smooth; }
.p7-mptr p { margin: 0; color: #5f7187; transition: color .3s; } .p7-mptr p.past { color: #9fb0c3; } .p7-mptr p.on { color: #fff; text-shadow: 0 0 10px #4fb4ff; }
.p7-mpbar { display: flex; align-items: center; gap: 10px; padding: 8px 12px; background: linear-gradient(180deg, #2a3442, #0e141c); border-top: 1px solid #44536a; flex: none; direction: ltr; }
.p7-mpp { width: 38px; height: 38px; border-radius: 50%; border: 1px solid #0a3a68; background: radial-gradient(circle at 50% 30%, #8fd0ff, #1b6bc4 70%); color: #fff; font-size: 14px; box-shadow: 0 0 12px #2f8fff66, inset 0 1px 0 #fff8; flex: none; }
.p7-mpt { font: 12px ui-monospace, monospace; color: #9fb0c3; min-width: 34px; }
.p7-mpseek { flex: 1; height: 6px; border-radius: 3px; background: #ffffff1f; cursor: pointer; position: relative; } .p7-mpseek i { position: absolute; inset-block: 0; left: 0; border-radius: 3px; background: linear-gradient(90deg, #1f6fc0, #8fd3ff); }
/* الحوارات */
.p7-dlg { position: absolute; inset: 0 0 40px; z-index: 99999; display: grid; place-items: center; background: #0003; }
.p7-win.dl { position: relative; width: min(420px, 94%); min-height: 0; }
.p7-dlb { display: flex; gap: 14px; padding: 16px 16px 12px; align-items: flex-start; user-select: text; -webkit-user-select: text; }
.p7-dlt { flex: 1; min-width: 0; } .p7-dlt p { margin: 0 0 6px; line-height: 1.6; } .p7-dlt ul { margin: 4px 0 0; padding-inline-start: 18px; color: #2b3a4a; } .p7-dlt li { margin: 2px 0; } .p7-dlt em { color: #8a5a00; font-style: normal; }
.p7-dlh { color: #5b6672; font-size: 12px; }
.p7-in { width: 100%; height: 28px; margin: 4px 0; padding: 0 8px; border: 1px solid #abadb3; border-radius: 2px; font: 13px Tahoma, sans-serif; user-select: text; -webkit-user-select: text; } .p7-in:focus { border-color: #3d7bad; outline: none; }
.p7-dlf { display: flex; justify-content: flex-start; gap: 8px; padding: 10px 14px; background: #f0f0f0; border-top: 1px solid #dfdfdf; flex-direction: row-reverse; }

/* ---------- شريط المهام ---------- */
.p7-bar { position: absolute; bottom: 0; inset-inline: 0; height: 40px; display: flex; align-items: center; gap: 4px; padding-inline: 4px 0; z-index: 9990;
  background: linear-gradient(180deg, #1c2a3cc8, #0b1420e0); border-top: 1px solid #ffffff40; box-shadow: inset 0 1px 0 #ffffff1a; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.p7-orbbtn { width: 50px; height: 40px; display: grid; place-items: center; background: none; border: 0; flex: none; padding: 0; }
.p7-orbbtn svg { width: 40px; height: 40px; margin-top: -4px; transition: filter .2s; filter: drop-shadow(0 0 4px #0009); } .p7-orbbtn:hover svg { filter: drop-shadow(0 0 10px #ff6b6b) brightness(1.15); }
.p7-pins, .p7-tasks { display: flex; gap: 2px; height: 100%; align-items: center; }
.p7-tasks { flex: 1; min-width: 0; overflow: hidden; }
.p7-pin, .p7-task { height: 36px; display: flex; align-items: center; gap: 6px; padding: 0 8px; border: 1px solid transparent; border-radius: 3px; background: none; color: #fff; flex: none; }
.p7-pin { width: 52px; justify-content: center; } .p7-pin .p7i { width: 28px; height: 28px; }
.p7-task { max-width: 170px; min-width: 44px; border-color: #ffffff30; background: linear-gradient(180deg, #ffffff22, #ffffff08); box-shadow: inset 0 1px 0 #ffffff33; }
.p7-task span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; }
.p7-task.on { background: linear-gradient(180deg, #ffffff44, #ffffff18); border-color: #ffffff66; }
.p7-pin:hover, .p7-task:hover { background: linear-gradient(180deg, #8fc6ff44, #ffffff10); border-color: #9fd3ff77; }
.p7-tray { display: flex; align-items: center; gap: 4px; height: 100%; padding-inline-start: 8px; border-inline-start: 1px solid #ffffff22; color: #fff; flex: none; }
.p7-ti { background: none; border: 0; color: #fff; font-size: 13px; width: 26px; height: 30px; display: grid; place-items: center; padding: 0; opacity: .85; } .p7-ti svg { width: 16px; height: 16px; }
.p7-ti:hover { opacity: 1; }
.p7-clock { display: flex; flex-direction: column; align-items: center; font-size: 12px; line-height: 1.2; min-width: 62px; } .p7-clock small { font-size: 11px; opacity: .85; }
.p7-peek { width: 14px; height: 100%; border-inline-start: 1px solid #ffffff33; background: linear-gradient(180deg, #ffffff18, #ffffff05); cursor: pointer; }
.p7-bal { position: absolute; bottom: 48px; inset-inline-end: 12px; z-index: 9995; width: min(300px, 80%); padding: 10px 28px 10px 12px; border-radius: 6px; background: linear-gradient(180deg, #fff, #eef3f8); border: 1px solid #76797c; box-shadow: 0 4px 16px #0007; color: #1e1e1e; animation: p7Pop .25s ease-out; }
.p7-bal b { display: flex; align-items: center; gap: 6px; font-size: 13px; } .p7-bal p { margin: 4px 0 0; font-size: 12px; color: #334; line-height: 1.5; }
.p7-bal button { position: absolute; top: 4px; inset-inline-end: 6px; border: 0; background: none; font-size: 16px; color: #666; }
/* قائمة ابدأ */
.p7-start { position: absolute; bottom: 40px; inset-inline-start: 0; z-index: 9993; width: min(420px, 96%); height: min(470px, calc(100% - 46px)); display: flex; border-radius: 7px 7px 0 0; overflow: hidden;
  background: linear-gradient(180deg, #304a68e6, #142236ee); border: 1px solid #000a; box-shadow: inset 0 0 0 1px #ffffff40, 0 6px 26px #000b; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 8px; gap: 6px; transform: translateY(8px); opacity: 0; transition: transform .16s, opacity .16s; }
.p7-start.on { transform: none; opacity: 1; }
.p7-sm-l { flex: 1.25; min-width: 0; display: flex; flex-direction: column; gap: 2px; padding: 6px; background: #fff; border-radius: 4px; border: 1px solid #2b3d52; overflow-y: auto; }
.p7-sm-l button { display: flex; align-items: center; gap: 8px; padding: 5px 8px; border: 1px solid transparent; border-radius: 3px; background: none; text-align: start; }
.p7-sm-l button:hover { background: linear-gradient(180deg, #eaf6fd, #d9f0fc); border-color: #a8d8f0; }
.p7-sm-l span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .p7-sm-l hr { width: 100%; border: 0; border-top: 1px solid #dde3ea; margin: 4px 0; } .p7-sm-l small { color: #1e3a8a; padding: 0 8px; font-size: 11px; }
.p7-sm-s { margin-top: auto; padding: 6px 10px; border: 1px solid #b6c2cf; border-radius: 2px; color: #8a96a3; font-style: italic; font-size: 12px; }
.p7-sm-r { flex: 1; display: flex; flex-direction: column; gap: 2px; color: #fff; padding: 4px 2px; min-width: 0; overflow-y: auto; }
.p7-sm-u { align-self: center; width: 56px; height: 56px; border-radius: 6px; background: linear-gradient(160deg, #ffffffaa, #ffffff33); display: grid; place-items: center; margin: -4px 0 4px; box-shadow: 0 2px 8px #0007; }
.p7-sm-r button { background: none; border: 1px solid transparent; border-radius: 3px; padding: 6px 10px; text-align: start; color: #fff; font-size: 13px; text-shadow: 0 1px 2px #000; }
.p7-sm-r button:hover { background: linear-gradient(180deg, #ffffff33, #ffffff11); border-color: #ffffff55; }
.p7-sm-name { font-weight: 700; }
.p7-sm-off { margin-top: auto !important; display: flex; align-items: center; gap: 8px; justify-content: center; border-color: #5a1a1a !important; background: linear-gradient(180deg, #e8785f, #b52a17 50%, #8c1408 51%, #c4442a) !important; box-shadow: inset 0 1px 0 #ffc5b8; }
.p7-sm-off svg { width: 15px; height: 15px; }

/* ---------- الجوال بالعرض / الشاشات الصغيرة ---------- */
.pc7.compact .p7-icons { grid-template-rows: repeat(auto-fill, 70px); grid-auto-columns: 70px; }
.pc7.compact .p7-ic { width: 68px; padding: 2px 1px; } .pc7.compact .p7-ic .p7i.lg { width: 34px; height: 34px; } .pc7.compact .p7-ic span { font-size: 11px; }
.pc7.compact .p7-lk { top: 26px; inset-inline-end: 10px; width: 17px; height: 17px; } .pc7.compact .p7-nw { inset-inline-end: 10px; }
.pc7.compact .p7-side { display: none; } .pc7.compact .p7-srch { display: none; } .pc7.compact .p7-excmd { display: none; }
.pc7.compact .p7-exitems { grid-template-columns: repeat(auto-fill, 78px); grid-auto-rows: 80px; } .pc7.compact .p7-exitems .p7-ic { width: 76px; }
.pc7.compact .p7-tile { width: 92px; height: 92px; } .pc7.compact .p7-login h2 { font-size: 19px; margin: 0; }
.pc7.compact .p7-mside { width: 200px; }
.pc7.compact .p7-pin { width: 42px; } .pc7.compact .p7-task { max-width: 120px; }
.pc7.compact .p7-start { width: min(380px, 96%); }
.pc7.tiny .p7-bar { height: 34px; } .pc7.tiny .p7-wins { bottom: 34px; } .pc7.tiny .p7-icons { bottom: 38px; } .pc7.tiny .p7-start { bottom: 34px; height: calc(100% - 38px); } .pc7.tiny .p7-bal { bottom: 40px; } .pc7.tiny .p7-dlg { bottom: 34px; }
.pc7.tiny .p7-orbbtn svg { width: 34px; height: 34px; margin-top: -2px; } .pc7.tiny .p7-pin, .pc7.tiny .p7-task { height: 30px; }
.pc7.tiny .p7-tb { height: 26px; } .pc7.tiny .p7-lg-in { gap: 5px; } .pc7.tiny .p7-tile { width: 70px; height: 70px; } .pc7.tiny .p7-lg-foot { padding: 6px 12px; }
.pc7.tiny .p7-mpvis { height: 30%; } .pc7.tiny .p7-sm-u { display: none; }
@media (max-width: 560px) { .pc7 .p7-mside { width: 42%; } .pc7 .p7-clock small { display: none; } }
@media (prefers-reduced-motion: reduce) { .pc7 *, .pc7 *::before, .pc7 *::after { animation: none !important; transition: none !important; } }

/* حقول الإدخال: قواعد اللعبة العامة (input:not(...)) أقوى من كلاس وحده — نثبّت شكل الجهاز */
.pc7 .p7-pass input, .pc7 input.p7-in { background: #fff !important; color: #111 !important; border: 1px solid #8e9aa8 !important; border-radius: 2px !important; padding: 0 8px !important; box-shadow: inset 0 1px 2px #0002 !important; height: 28px; font: 14px Tahoma, sans-serif !important; transition: none; }
.pc7 .p7-pass input { width: 230px !important; border-color: #1d4f7f !important; height: 30px; }
.pc7 input.p7-in:focus, .pc7 .p7-pass input:focus { border-color: #3d7bad !important; box-shadow: inset 0 1px 2px #0002, 0 0 0 1px #9fd3ff !important; }
.pc7 .p7-cmf input { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 0 0 4px !important; width: auto !important; border-radius: 0 !important; color: #e6e6e6 !important; font: inherit !important; }
.p7-win.dl .p7-wb { flex: none; }

/* ============ جولة 79: سطح المكتب المصغّر (قسم «القصة» بالأرشيف) ============
   نفس الجهاز (الخلفية والأيقونات وشريط المهام) داخل الصفحة — مو ملء الشاشة. دبل كلك (أو لمسة بالجوال) يفتح الجهاز كامل */
.pc7.mini { position: relative; inset: auto; z-index: auto; width: 100%; height: clamp(240px, 46vh, 360px); border-radius: 8px; border: 1px solid #000; overflow: hidden;
  box-shadow: 0 0 0 1px #ffffff14, 0 14px 34px #000a; outline: none; font-size: 13px; }
.pc7.mini .p7-scr { position: absolute; inset: 0; }
.pc7.mini .w-facility::after { font-size: min(30vh, 200px); }
.pc7.mini .p7-icons { bottom: 42px; }
.pc7.mini .p7-ic { cursor: pointer; }
.pc7.mini .p7-ic:hover { background: #ffffff1c; border-color: #ffffff38; }
.pc7.mini .p7-ic.sel { background: #3d7dd84d; border-color: #8ab8f080; }
.pc7.mini .p7-ic:focus-visible { outline: 1px dotted #fff; outline-offset: -2px; }
.pc7.mini .p7-bar { pointer-events: none; }
.pc7.mini .p7-orbbtn { display: inline-flex; }
.pc7.mini .p7-mlock { position: absolute; inset-inline-start: 104px; inset-inline-end: 12px; margin-inline: auto; width: max-content; max-width: calc(100% - 116px); top: calc(50% - 20px); transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; gap: 6px;
  padding: 14px 22px; border-radius: 10px; background: linear-gradient(#ffffff1f, #ffffff0a); border: 1px solid #ffffff2e; box-shadow: 0 8px 28px #0009; color: #fff; text-align: center; cursor: pointer;
  backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
.pc7.mini .p7-mlock b { font-size: 15px; text-shadow: 0 1px 3px #000; }
.pc7.mini .p7-mlock span { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; opacity: .9; }
.pc7.mini .p7-mlock:hover { border-color: #8ab8f0aa; }
.pc7.mini .p7-tile.sm { width: 64px; height: 64px; }
@media (max-height: 480px) { .pc7.mini .p7-mlock { inset-inline-start: 84px; padding: 10px 14px; gap: 4px; } .pc7.mini .p7-tile.sm { width: 46px; height: 46px; }
  .pc7.mini .p7-lk { top: 22px; inset-inline-end: 12px; width: 16px; height: 16px; } .pc7.mini .p7-nw { inset-inline-end: 12px; } }
@media (max-height: 480px) { .pc7.mini { height: clamp(200px, 58vh, 260px); } .pc7.mini .p7-icons { grid-template-rows: repeat(auto-fill, 70px); grid-auto-columns: 70px; }
  .pc7.mini .p7-ic { width: 68px; padding: 2px 1px; } .pc7.mini .p7-ic .p7i.lg { width: 32px; height: 32px; } .pc7.mini .p7-ic span { font-size: 11px; } .pc7.mini .p7-bar { height: 34px; } .pc7.mini .p7-icons { bottom: 36px; } }

/* =====================================================================
   جولة 83: الثيمات · صورة المستخدم · الأيقونات بأماكن (والسحب) · تاريخ الملف · قفل المحاولات · الخلل المقصود
   ===================================================================== */
.p7-icons.abs { display: block; inset-inline-end: 4px; }
.p7-icons.abs > .p7-ic { position: absolute; width: 80px; transition: inset-inline-start .14s ease, top .14s ease; touch-action: none; }
.pc7.compact .p7-icons.abs > .p7-ic { width: 68px; }
.p7-icons.abs > .p7-ic.drag { transition: none; z-index: 5; opacity: .85; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .5)); cursor: grabbing; }
.p7-dt { display: block; font-size: 10px; opacity: .65; margin-top: 1px; font-variant-numeric: tabular-nums; }
.p7-tile img.p7-av, .p7-sm-u img.p7-av { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; display: block; }
/* الثيمات */
.pc7.th-basic .p7-bar, .pc7.th-basic .p7-win > .p7-tb { background: linear-gradient(#cfdcec, #b7c9df) !important; color: #1b2a3a; }
.pc7.th-basic .p7-win { box-shadow: 0 2px 10px rgba(0, 0, 0, .35); }
.pc7.th-classic .p7-bar { background: #c0c0c0 !important; border-top: 2px solid #fff; color: #000; }
.pc7.th-classic .p7-win { border-radius: 0 !important; border: 2px outset #dfdfdf; }
.pc7.th-classic .p7-win > .p7-tb { background: linear-gradient(90deg, #000080, #1084d0) !important; color: #fff; border-radius: 0 !important; }
.pc7.th-classic .p7-start { border-radius: 0 !important; }
.pc7.th-blood .p7-bar { background: linear-gradient(#2a0b0b, #120404) !important; border-top: 1px solid #5a1616; }
.pc7.th-blood .p7-win > .p7-tb { background: linear-gradient(#4a1010, #250707) !important; color: #ffd6d6; }
.pc7.th-blood .p7-win { border-color: #6b1a1a !important; box-shadow: 0 0 22px rgba(160, 20, 20, .35); }
.pc7.th-blood .p7-orbbtn { filter: hue-rotate(150deg) saturate(1.6); }
/* قفل المحاولات */
.p7-lockout { position: absolute; inset: 0; z-index: 9000; display: grid; place-items: center; background: rgba(0, 0, 0, .86); animation: p7lo .25s steps(3); }
.p7-lo-in { width: min(440px, 92%); padding: 18px 20px; border: 1px solid #e2342e; background: #0b0303; color: #ff6b5e; font-family: ui-monospace, Consolas, monospace; box-shadow: 0 0 30px rgba(226, 52, 46, .25); }
.p7-lo-in b { display: block; letter-spacing: .08em; font-size: 12px; margin-bottom: 10px; color: #ff8a7a; }
.p7-lo-in pre { margin: 0 0 12px; white-space: pre-wrap; font: inherit; font-size: 14px; line-height: 1.8; color: #ffd0cb; direction: rtl; }
.p7-lo-in p { margin: 0; font-size: 12px; color: #a65b55; } .p7-lo-in em { font-style: normal; color: #ff6b5e; font-variant-numeric: tabular-nums; }
@keyframes p7lo { from { opacity: 0; } }
/* الخلل */
.pc7.p7-flick .p7-scr { animation: p7flick .5s steps(2) both; }
@keyframes p7flick { 0% { filter: none; } 20% { filter: brightness(1.8) contrast(1.4); transform: translateX(-2px); } 40% { filter: brightness(.25); } 60% { filter: invert(.85) hue-rotate(160deg); transform: translateX(3px); } 80% { filter: brightness(.6); } 100% { filter: none; transform: none; } }
.p7-gtx { color: #e2342e !important; text-shadow: 1px 0 #00e1ff, -1px 0 #ff2a2a; }
@media (prefers-reduced-motion: reduce) { .pc7.p7-flick .p7-scr { animation: none; } .p7-icons.abs > .p7-ic { transition: none; } }