/* יום-יומי · פאנל "תצוגה" (v20261012) — assets/js/reader-panel.js */
.rdp { position: fixed; z-index: 120; background: #fff; color: #16161c; font-family: Rubik, 'RD Heebo', Arial, sans-serif; direction: rtl;
  box-shadow: 0 10px 40px rgba(15,20,35,.18); display: flex; flex-direction: column; }
.rdp * { box-sizing: border-box; }
.rdp button { font-family: inherit; }
/* לוח בצד (מחשב) */
.rdp-dock { top: 0; bottom: 0; inset-inline-start: 0; width: 340px; border-inline-end: 1px solid #e7e9ef; box-shadow: none; animation: rdpIn .2s ease-out; }
html.rdp-docked body { padding-inline-start: 340px; }
html.rdp-docked .sd-ses, html.rdp-docked .ly-full { inset-inline-start: 340px !important; }
/* גיליון מלמטה (טלפון) — בלי רקע חוסם, כדי לראות את הטקסט משתנה */
.rdp-sheet { inset-inline: 0; bottom: 0; max-height: 58vh; border-radius: 20px 20px 0 0; padding-bottom: env(safe-area-inset-bottom); animation: rdpUp .22s ease-out; }
/* חלון צף */
.rdp-float { width: 300px; max-height: calc(100vh - 20px); border-radius: 18px; border: 1px solid #e3e6ec; animation: rdpIn .18s ease-out; }
.rdp-float .rdp-h { cursor: grab; } .rdp-float .rdp-h:active { cursor: grabbing; }
.rdp-float .rdp-b { min-height: 0; }
@keyframes rdpIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes rdpUp { from { transform: translateY(100%); } to { transform: none; } }

.rdp-h { display: flex; align-items: center; gap: 6px; padding: 14px 16px 12px; border-bottom: 1px solid #eef0f4; touch-action: none; user-select: none; }
.rdp-h > div { flex: 1; min-width: 0; } .rdp-h b { display: block; font-size: 1.12rem; } .rdp-h span { display: block; font-size: .8rem; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rdp-ic { width: 34px; height: 34px; border-radius: 10px; border: 1px solid #e7e9ef; background: #fff; cursor: pointer; font-size: .95rem; color: #3a3f4d; flex: none; }
.rdp-ic:hover { background: #f6f7fa; }
.rdp-b { overflow-y: auto; padding: 6px 16px 16px; flex: 1; }
.rdp-row { padding: 12px 0; border-bottom: 1px solid #f0f1f4; }
.rdp-row > label { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; font-size: .92rem; color: #3a3f4d; }
.rdp-row > label b { font-size: .9rem; color: #16161c; font-variant-numeric: tabular-nums; direction: ltr; }
.rdp-rng { display: flex; align-items: center; gap: 8px; }
.rdp-rng input[type=range] { flex: 1; -webkit-appearance: none; appearance: none; height: 6px; border-radius: 6px; background: #e8eaef; outline: none; direction: ltr; }
.rdp-rng input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 2px solid #15203A; box-shadow: 0 2px 6px rgba(0,0,0,.18); cursor: pointer; }
.rdp-rng input[type=range]::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 2px solid #15203A; cursor: pointer; }
.rdp-rng input[type=range]:focus-visible::-webkit-slider-thumb { outline: 3px solid #f4b7cb; }
.rdp-pm { width: 30px; height: 30px; border-radius: 9px; border: 1px solid #e3e6ec; background: #fff; cursor: pointer; font-weight: 700; color: #3a3f4d; flex: none; }
.rdp-play { width: 38px; height: 38px; border-radius: 12px; border: 1px solid #d9dde5; background: #fff; cursor: pointer; font-size: .85rem; flex: none; }
.rdp-play.on { background: #15203A; color: #fff; border-color: #15203A; }
.rdp-fonts { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; }
.rdp-fonts button { border: 1.5px solid #e3e6ec; background: #fff; border-radius: 12px; padding: 10px 8px; font-size: 1.02rem; cursor: pointer; color: #16161c; }
.rdp-fonts button.on { border-color: #15203A; box-shadow: inset 0 0 0 1px #15203A; }
.rdp-sw-row { display: flex; align-items: center; justify-content: space-between; font-size: .92rem; color: #3a3f4d; }
.rdp-sw { width: 46px; height: 26px; border-radius: 26px; border: 0; background: #d9dde5; position: relative; cursor: pointer; }
.rdp-sw::after { content: ''; position: absolute; top: 3px; inset-inline-end: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: .2s; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.rdp-sw[aria-checked="true"] { background: #2FBF84; } .rdp-sw[aria-checked="true"]::after { inset-inline-end: 23px; }
.rdp-seg { display: flex; border: 1px solid #e3e6ec; border-radius: 10px; overflow: hidden; }
.rdp-seg button { border: 0; background: #fff; padding: 7px 12px; font-size: .85rem; cursor: pointer; color: #3a3f4d; }
.rdp-seg button.on { background: #15203A; color: #fff; }
.rdp-reset { display: block; margin: 16px auto 0; border: 0; background: none; color: #6b7280; font-size: .92rem; cursor: pointer; padding: 8px 12px; border-radius: 10px; }
.rdp-reset:hover { background: #f6f7fa; color: #16161c; }
/* מזעור החלון הצף */
.rdp-mini { position: fixed; z-index: 120; width: 52px; height: 52px; border-radius: 50%; border: 0; background: #15203A; color: #fff; font: 800 1.05rem Arial, sans-serif; box-shadow: 0 8px 22px rgba(0,0,0,.25); cursor: pointer; }
.rdp-mini i { position: absolute; top: 4px; inset-inline-end: 4px; width: 10px; height: 10px; border-radius: 50%; background: #2FBF84; }
@media (max-width: 959px) { html.rdp-docked body { padding-inline-start: 0; } }
@media print { .rdp, .rdp-mini { display: none !important; } }