/* «التقويم» (public/js/rs-date.js) for the platform's own pages (marketing site, platform admin, pay page); the store dashboard and storefront carry the same rules. */
.rsd{position:relative;display:block;width:100%}
.rsd-native{position:absolute!important;inset:0;width:100%!important;height:100%!important;opacity:0!important;pointer-events:none!important;z-index:-1}
.rsd-btn{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--line,#e7dfd9);border-radius:12px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:14px;text-align:start;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.rsd-btn:hover{border-color:var(--red,#ff4f01)}
.rsd-btn:focus-visible,.rsd-btn[aria-expanded=true]{outline:0;border-color:var(--red,#ff4f01);box-shadow:0 0 0 3px rgba(255,79,1,.14)}
.rsd-btn svg{flex:none;color:var(--red,#ff4f01)}
.rsd-btn span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rsd-btn.is-empty span{color:var(--muted,#8a7f84)}
.rsd-btn:disabled{opacity:.55;cursor:not-allowed}
.rsd-x{font-style:normal;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:var(--muted,#8a7f84);font-size:11px}
.rsd-x:hover{background:rgba(0,0,0,.06)}
.rsd-pop{position:absolute;z-index:1000;width:292px;max-width:calc(100vw - 16px);direction:rtl;background:#fff;color:#1f1a1d;border:1px solid #eadfd8;border-radius:18px;box-shadow:0 22px 50px -18px rgba(60,20,12,.45);padding:12px;font-size:14px;animation:rsdIn .16s ease-out}
@keyframes rsdIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rsd-pop{animation:none}}
.rsd-head{display:flex;align-items:center;justify-content:space-between;margin:-12px -12px 10px;padding:12px;border-radius:18px 18px 0 0;background:linear-gradient(135deg,#d94300,#ff7a33);color:#fff}
.rsd-head b{font-size:15px}
.rsd-head button{width:32px;height:32px;border:0;border-radius:10px;background:rgba(255,255,255,.18);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.rsd-head button:hover{background:rgba(255,255,255,.3)}
.rsd-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.rsd-dow{font-size:11.5px;font-weight:700;color:#8a7f84;padding:4px 0}
.rsd-day{height:34px;border:0;border-radius:10px;background:none;font:inherit;font-size:13.5px;font-variant-numeric:tabular-nums;cursor:pointer;color:inherit}
.rsd-day:hover{background:#fff0e8;color:#d94300}
.rsd-day.is-today{box-shadow:inset 0 0 0 1.5px #ff7a33;font-weight:700}
.rsd-day.is-on{background:linear-gradient(135deg,#d94300,#ff7a33);color:#fff;font-weight:700;box-shadow:none}
.rsd-day:disabled{opacity:.3;cursor:not-allowed;background:none;color:inherit}
.rsd-time{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px;border-radius:12px;background:#faf6f3}
.rsd-time svg{color:#d94300;flex:none}
.rsd-time label{display:grid;gap:2px;font-size:11.5px;color:#8a7f84;flex:1}
.rsd-time select{font:inherit;font-size:14px;padding:6px 8px;border:1px solid #eadfd8;border-radius:9px;background:#fff;color:#1f1a1d}
.rsd-foot{display:flex;gap:6px;margin-top:10px}
.rsd-foot button{flex:1;height:36px;border:1px solid #eadfd8;border-radius:10px;background:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:#1f1a1d}
.rsd-foot button:hover{border-color:#d94300;color:#d94300}
.rsd-foot .rsd-ok{background:linear-gradient(135deg,#d94300,#ff7a33);border:0;color:#fff}
.rsd-foot .rsd-ok:hover{color:#fff;filter:brightness(1.06)}