/* IDARA — هوية الصفحات الداخلية (غرفة أمين · تحميل الفيديو · رفع الفواتير)
   نفس ألوان وشريط اللوحة /idara/ — 14/10/2026 */
@import url('/idara/f/cairo.css');
:root{
  --ground:#f7f8f5;--raise:#fff;--raise2:#f1f3ee;--line:#e2e2df;
  --ink:#343434;--ink-soft:#707070;--ink-dim:#9a9a94;
  --lime:#82c341;--lime-ink:#fff;--lime-dim:#4f8425;
  --warn:#9a6b11;--warn-bg:#fdf2dc;--stop:#bf3b2c;--stop-bg:#fdeceb;--ok:#4f8425;--ok-bg:#eaf4df;
  --sh:0 22px 60px rgba(40,40,40,.11);--sh-sm:0 9px 22px rgba(52,52,52,.12);--r:22px;
  --f:"Cairo","Segoe UI",system-ui,-apple-system,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body.ip{background:var(--ground);color:var(--ink);font:400 16px/1.65 var(--f);-webkit-text-size-adjust:100%;font-variant-numeric:tabular-nums}
body.ip input,body.ip button,body.ip select,body.ip textarea{font-family:var(--f)}
.ip-wrap{max-width:1100px;margin:0 auto;padding:0 16px 70px}
.ip-top{position:relative;display:flex;align-items:center;gap:13px;padding:14px 0 16px;border-bottom:1px solid var(--line);margin-bottom:26px}
.ip-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink)}
.ip-mark{display:block;width:40px;height:40px;border-radius:14px;background:#fff url('/assets/titanium-capsules-exact.png') center/72% no-repeat;box-shadow:var(--sh-sm);flex:none}
.ip-word{font-weight:800;font-size:19px;letter-spacing:-.01em;line-height:1.25}
.ip-idara .ip-pg{direction:rtl;display:inline-block;letter-spacing:0;color:var(--ink);font-size:17px;font-weight:800;margin-inline-start:14px;padding-inline-start:14px;border-inline-start:2px solid var(--line)}
.ip-idara{position:absolute;left:50%;transform:translateX(-50%);font-weight:800;font-size:17px;letter-spacing:.32em;color:#82c341;direction:ltr;white-space:nowrap}
.ip-idara sup{font-size:9px;letter-spacing:0;margin-inline-start:-.2em}
.ip-back{margin-inline-start:auto;font-size:13px;color:var(--ink-soft);text-decoration:none;border:1px solid var(--line);border-radius:9px;padding:6px 12px;background:var(--raise);white-space:nowrap}
.ip-back:hover{border-color:var(--lime);color:var(--lime-dim)}
.ip-eyebrow{display:inline-flex;font-size:12px;font-weight:700;color:var(--lime-dim);background:var(--ok-bg);border-radius:999px;padding:5px 13px;margin:0 0 10px}
.ip-h1{font-size:28px;font-weight:700;margin:0 0 4px;letter-spacing:-.02em}
.ip-sub{color:var(--ink-soft);font-size:14.5px;margin:0 0 22px;max-width:70ch;line-height:1.85}
.ip-card{background:var(--raise);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--sh)}
.ip-card h2{font-size:17px;font-weight:800;margin:0 0 14px;display:flex;align-items:center;gap:9px}
.ip-btn{font:inherit;font-size:16px;font-weight:700;border:0;border-radius:999px;padding:13px 26px;background:var(--lime);color:var(--lime-ink);cursor:pointer}
.ip-btn:hover{background:var(--lime-dim)}
.ip-btn:disabled{opacity:.6;cursor:wait}
.ip-note{border-radius:14px;padding:12px 15px;font-size:14px;line-height:1.75;margin:0 0 14px;word-break:break-word}
.ip-note.g{background:var(--ok-bg);color:var(--ok)}
.ip-note.s{background:var(--stop-bg);color:var(--stop)}
.ip-hint{font-size:12.5px;color:var(--ink-dim);margin-top:18px;padding-top:14px;border-top:1px solid var(--line);line-height:1.9}
@media(max-width:640px){.ip-word{font-size:15px}.ip-idara{display:none}.ip-h1{font-size:23px}.ip-card{padding:18px}}

/* Shared page identity: keep Arabic page names separate from IDARA letter spacing. */
.ip-idara{display:inline-flex;align-items:center;gap:2px;line-height:1.4;isolation:isolate}
.ip-idara sup{align-self:flex-start;margin:1px 0 0 -2px;font-size:9px;line-height:1.4}
.ip-idara .ip-pg{direction:rtl;unicode-bidi:isolate;display:block;letter-spacing:normal;line-height:1.5;margin:0 0 0 12px;padding:0 0 0 14px;border:0;border-left:1px solid var(--line);text-align:right;max-width:32vw;white-space:normal;overflow-wrap:break-word}
@media(min-width:641px) and (max-width:1000px){.ip-idara{font-size:14px;letter-spacing:.22em}.ip-idara .ip-pg{font-size:14px;max-width:24vw;margin-left:8px;padding-left:10px}.ip-word{font-size:16px}}
@media(max-width:640px){.ip-idara{display:none}}