/* RUYA_GUIDANCE_CALENDAR_SIMPLE_V1_20260926 */

.ruyaGuidanceCalendarSimpleBack{
  position:fixed!important;
  inset:0!important;
  z-index:2147483640!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  padding:
    max(18px,env(safe-area-inset-top,0px))
    15px
    max(18px,env(safe-area-inset-bottom,0px))!important;

  background:rgba(25,34,53,.52)!important;

  -webkit-backdrop-filter:blur(9px)!important;
  backdrop-filter:blur(9px)!important;

  overflow:hidden!important;
}

.ruyaGuidanceCalendarSimpleModal{
  position:relative!important;

  box-sizing:border-box!important;

  width:min(100%,460px)!important;
  max-width:460px!important;
  max-height:calc(100dvh - 42px)!important;

  margin:0!important;
  padding:22px 17px 15px!important;

  overflow-y:auto!important;
  overflow-x:hidden!important;

  border:1px solid #e6eaf1!important;
  border-radius:24px!important;

  background:#fff!important;

  box-shadow:
    0 24px 64px rgba(18,28,50,.24)!important;

  -webkit-overflow-scrolling:touch!important;
}

.ruyaGuidanceCalendarSimpleClose{
  position:absolute!important;

  top:12px!important;
  right:12px!important;

  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;

  display:grid!important;
  place-items:center!important;

  padding:0!important;

  border:1px solid #e5e9f0!important;
  border-radius:12px!important;

  background:#f7f8fb!important;
  color:#657187!important;

  font-size:22px!important;
  font-weight:500!important;
  line-height:1!important;
}

.ruyaGuidanceCalendarSimpleTitle{
  margin:7px 48px 17px 0!important;
  padding:0!important;

  color:#192a50!important;

  font-size:21px!important;
  font-weight:800!important;
  line-height:1.22!important;
  letter-spacing:-.025em!important;

  text-align:left!important;
}

.ruyaGuidanceCalendarSimpleContent{
  margin:0!important;

  padding:14px!important;

  border:1px solid #e8edf4!important;
  border-radius:16px!important;

  background:#f8f9fc!important;

  color:#34435d!important;

  font-size:14px!important;
  font-weight:500!important;
  line-height:1.55!important;

  text-align:left!important;

  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}

.ruyaGuidanceCalendarSimpleFiles{
  margin:11px 0 0!important;

  padding:12px!important;

  border:1px solid #e8edf4!important;
  border-radius:16px!important;

  background:#fff!important;
}

.ruyaGuidanceCalendarSimpleDone{
  width:100%!important;

  min-height:44px!important;

  margin:14px 0 0!important;
  padding:10px 14px!important;

  border:0!important;
  border-radius:14px!important;

  background:#203d86!important;
  color:#fff!important;

  font-size:13.5px!important;
  font-weight:750!important;

  box-shadow:none!important;
}

@media(max-width:380px){

  .ruyaGuidanceCalendarSimpleBack{
    padding-left:11px!important;
    padding-right:11px!important;
  }

  .ruyaGuidanceCalendarSimpleModal{
    padding-left:14px!important;
    padding-right:14px!important;
    border-radius:21px!important;
  }

  .ruyaGuidanceCalendarSimpleTitle{
    font-size:19px!important;
  }
}

@media(min-width:700px){

  .ruyaGuidanceCalendarSimpleModal{
    width:min(100%,500px)!important;
    max-width:500px!important;
    padding:25px 21px 18px!important;
  }
}