.ss-jcal {
  position: absolute; z-index: 100000; width: 260px; background: #fff;
  border: 1px solid #d7e4ee; border-radius: 12px; box-shadow: 0 12px 32px rgba(10,42,61,.16);
  padding: 8px; direction: rtl; font-family: iransansdn, Tahoma, sans-serif;
}
.ss-jcal-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.ss-jcal-head button, .ss-jcal-grid button, .ss-jcal-ok {
  border: 0; background: #f4f8fb; border-radius: 8px; cursor: pointer; font: inherit;
}
.ss-jcal-head button { width: 32px; height: 32px; }
.ss-jcal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; text-align: center; }
.ss-jcal-grid span { color: #5c7282; font-size: 12px; }
.ss-jcal-grid button { height: 30px; }
.ss-jcal-grid button.is-on { background: #0a2a3d; color: #fff; }
.ss-jcal-time { display: flex; gap: 6px; margin-top: 8px; }
.ss-jcal-time select { flex: 1; }
.ss-jcal-ok { width: 100%; margin-top: 8px; background: #0e7ec4; color: #fff; padding: 8px; }