/* قارئ النسائم — تمرير عمودي متواصل */
.reader-body{
  margin:0; background:#0d130f; color:#e8f5e9;
  font-family:'Tajawal',system-ui,sans-serif;
  -webkit-user-select:none; user-select:none;
}
.reader-top{
  position:sticky; top:0; z-index:5;
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  padding:10px 16px; background:#14301f; border-bottom:1px solid #1f4a30;
}
.reader-back{ color:#a5d6a7; text-decoration:none; font-weight:700; white-space:nowrap; }
.reader-title{ font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; min-width:80px; }
.reader-counter{ color:#a5d6a7; font-variant-numeric:tabular-nums; white-space:nowrap; }

.reader-tools{ display:flex; align-items:center; gap:8px; }
.tool-btn{
  background:#0d130f; color:#e8f5e9; border:1px solid #2e7d32; border-radius:8px;
  min-width:36px; height:36px; padding:0 12px; font:inherit; font-weight:700; cursor:pointer;
}
.tool-btn:hover{ background:#1f4a30; }
.reader-tools input{
  width:64px; height:36px; text-align:center; border-radius:8px;
  border:1px solid #2e7d32; background:#0d130f; color:#fff; font:inherit;
}

.reader-viewer{
  --page-w:900px;
  display:flex; flex-direction:column; align-items:center; gap:16px;
  padding:18px 10px 70px;
}
.page-wrap{
  position:relative; width:min(var(--page-w),96vw); aspect-ratio:1 / 1.414;
  background:#10181c; border-radius:4px;
}
.page-img{
  width:100%; height:auto; display:block; border-radius:4px;
  box-shadow:0 6px 24px rgba(0,0,0,.45);
  pointer-events:none; -webkit-user-drag:none;
}

/* وضع نهاري */
.reader-body.light{ background:#f1f5ee; color:#1f2d23; }
.reader-body.light .reader-top{ background:#e8f0e2; border-bottom-color:#cfe0c8; }
.reader-body.light .reader-back,.reader-body.light .reader-title,.reader-body.light .reader-counter{ color:#1b5e20; }
.reader-body.light .tool-btn,.reader-body.light .reader-tools input,.reader-body.light .reader-tools select{ background:#fff; color:#1f2d23; border-color:#bcd6b3; }
.reader-body.light .tool-btn:hover{ background:#dcebd3; }
.reader-body.light .page-wrap{ background:#e3ebdc; }

/* لوحة العلامات المرجعية */
.bm-panel{ position:fixed; top:60px; left:16px; z-index:8; background:#14301f; border:1px solid #2e7d32;
  border-radius:10px; padding:8px; min-width:170px; max-height:62vh; overflow:auto; box-shadow:0 8px 30px rgba(0,0,0,.5); }
.reader-body.light .bm-panel{ background:#fff; border-color:#bcd6b3; }
.bm-row{ display:flex; gap:6px; align-items:center; margin-bottom:6px; }
.bm-go{ flex:1; background:transparent; color:inherit; border:1px solid #2e7d32; border-radius:8px; padding:6px 10px; cursor:pointer; font:inherit; }
.reader-body.light .bm-go{ border-color:#bcd6b3; }
.bm-del{ background:#e24b4a; color:#fff; border:0; border-radius:8px; width:30px; height:30px; cursor:pointer; }
.bm-empty{ color:#a5d6a7; padding:6px; text-align:center; }
.reader-body.light .bm-empty{ color:#5b6b60; }

/* سمة بُنية (sepia) */
.reader-body.sepia{background:#e9dcc3;color:#3b2f1c}
.reader-body.sepia .reader-top{background:#d8c6a4;border-bottom-color:#c5ad82}
.reader-body.sepia .reader-back,.reader-body.sepia .reader-title,.reader-body.sepia .reader-counter{color:#5a4326}
.reader-body.sepia .tool-btn,.reader-body.sepia .reader-tools input,.reader-body.sepia .reader-tools select{background:#f3e8d2;color:#3b2f1c;border-color:#c5ad82}
.reader-body.sepia .page-wrap{background:#dccdb0}

.preview-bar{position:sticky;top:56px;z-index:4;background:#fff8e1;color:#7a5c00;border-bottom:1px solid #ffe08a;padding:8px 16px;text-align:center;font-weight:700}
.preview-bar .btn{margin-inline-start:8px}

@media print{ body{ display:none !important; } }