/* RUYA_ADMIN_DAILY_V1_20261006 */

.ruyaAdminDailyRoot{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  touch-action:pan-y;
}

.ruyaAdminDailyRoot *{
  box-sizing:border-box;
}

.ruyaAdminDaily-classes{
  height:calc(100dvh - 170px);
  max-height:calc(100dvh - 170px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:2px 2px 0;
}

.ruyaAdminDailyHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  flex:0 0 auto;
}

.ruyaAdminDailyHead small{
  display:block;
  margin:0 0 3px;
  font-size:10px;
  line-height:1;
  letter-spacing:.13em;
  font-weight:700;
  color:#8b94a7;
}

.ruyaAdminDailyHead h1{
  margin:0;
  font-size:25px;
  line-height:1.1;
  font-weight:650;
  letter-spacing:-.025em;
  color:#17233c;
}

.ruyaAdminDailyHead p{
  margin:5px 0 0;
  font-size:12px;
  line-height:1.35;
  color:#8791a4;
}

.ruyaAdminDailyHead.compact{
  margin-bottom:8px;
}

.ruyaAdminDailySearch{
  height:47px;
  flex:0 0 47px;
  border:1px solid #e3e8f0;
  border-radius:15px;
  background:#fff;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  box-shadow:0 8px 24px rgba(27,43,76,.055);
  color:#96a0b2;
}

.ruyaAdminDailySearch input{
  width:100%;
  height:100%;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  font:inherit;
  font-size:14px;
  color:#1d2942;
}

.ruyaAdminDailySearch input::placeholder{
  color:#a4adba;
}

.ruyaAdminDailyClasses,
.ruyaAdminDailySearchResults{
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:9px;
  flex:1 1 auto;
  overflow:hidden;
}

.ruyaAdminDailySectionHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:0 0 auto;
  padding:0 2px;
}

.ruyaAdminDailySectionHead b{
  font-size:13px;
  font-weight:650;
  color:#24314b;
}

.ruyaAdminDailySectionHead span{
  font-size:11px;
  color:#98a1b1;
}

.ruyaAdminClassGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  min-height:0;
  flex:1 1 auto;
  align-content:start;
}

.ruyaAdminClassCard{
  appearance:none;
  border:1px solid #e5eaf2;
  border-radius:16px;
  background:#fff;
  min-width:0;
  min-height:86px;
  padding:10px 7px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-shadow:0 7px 20px rgba(32,47,78,.055);
  -webkit-tap-highlight-color:transparent;
  overflow:hidden;
}

.ruyaAdminClassCard:active{
  transform:scale(.98);
}

.ruyaAdminClassCard.hasImage{
  padding:0 0 8px;
  justify-content:flex-start;
}

.ruyaAdminClassCard>img{
  width:100%;
  height:45px;
  object-fit:cover;
  display:block;
  margin-bottom:7px;
}

.ruyaAdminClassCopy{
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
}

.ruyaAdminClassCopy b{
  max-width:100%;
  font-size:11px;
  line-height:1.2;
  font-weight:650;
  color:#24314a;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.ruyaAdminClassCopy small{
  margin-top:4px;
  font-size:9px;
  color:#97a0b0;
}

.ruyaAdminStudentGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  align-content:start;
}

.ruyaAdminStudentGridFull{
  max-height:calc(100dvh - 220px);
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:2px 1px 80px;
  scrollbar-width:none;
}

.ruyaAdminStudentGridFull::-webkit-scrollbar{
  display:none;
}

.ruyaAdminStudentTile{
  appearance:none;
  border:1px solid #e7ebf2;
  border-radius:15px;
  background:#fff;
  min-width:0;
  min-height:106px;
  padding:10px 5px 9px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  box-shadow:0 7px 20px rgba(32,47,78,.05);
  -webkit-tap-highlight-color:transparent;
}

.ruyaAdminStudentTile:active{
  transform:scale(.98);
}

.ruyaAdminDailyAvatar{
  width:48px;
  height:48px;
  border-radius:50%;
  object-fit:cover;
  display:grid;
  place-items:center;
  margin:0 auto 7px;
  background:#edf4ff;
  border:2px solid #fff;
  box-shadow:0 0 0 1px #dfe7f2;
  font-size:17px;
  font-weight:650;
  color:#4f73a8;
}

.ruyaAdminDailyAvatar.large{
  width:56px;
  height:56px;
  margin:0;
  flex:0 0 56px;
}

.ruyaAdminStudentTile b{
  width:100%;
  font-size:10px;
  line-height:1.25;
  font-weight:650;
  color:#26324a;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ruyaAdminStudentTile small{
  width:100%;
  margin-top:3px;
  font-size:8.5px;
  line-height:1.2;
  color:#98a0af;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ruyaAdminDailyInlineEmpty,
.ruyaAdminDailyInlineError{
  border:1px dashed #dfe5ed;
  border-radius:14px;
  padding:18px;
  text-align:center;
  font-size:12px;
  color:#929baa;
  background:#fff;
}

.ruyaAdminDailyInlineError{
  border-color:#f1d3d6;
  background:#fff8f8;
  color:#a85862;
  margin:0 0 10px;
}

.ruyaAdminDaily-detail{
  min-height:0;
}

.ruyaAdminDailyDetailPage{
  padding-bottom:85px!important;
}

.ruyaAdminDailyDetailPage .ruyaDailyStudentCard{
  align-items:center;
}

.ruyaAdminDailyDetailPage .ruyaDailyStudentCopy{
  min-width:0;
}

.ruyaAdminDailyDetailPage .ruyaParentDailyStudentDates{
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

.ruyaAdminDailyDetailPage .ruyaParentDailyStudentDates::-webkit-scrollbar{
  display:none;
}

.ruyaAdminDailyNoteMeta{
  display:block!important;
  margin-top:4px!important;
  font-size:10px!important;
  color:#9aa3b3!important;
}

.ruyaAdminDailyLoadingLine{
  height:2px;
  border-radius:999px;
  margin:-2px 0 9px;
  overflow:hidden;
  background:#e9edf4;
}

.ruyaAdminDailyLoadingLine:after{
  content:"";
  display:block;
  width:35%;
  height:100%;
  border-radius:inherit;
  background:#6a83aa;
  animation:ruyaAdminDailyLoad 1s ease-in-out infinite alternate;
}

@keyframes ruyaAdminDailyLoad{
  from{transform:translateX(-20%)}
  to{transform:translateX(210%)}
}

.ruyaAdminDailyNoRecord{
  margin:0 0 10px;
}

.ruyaAdminGuidanceCard{
  border:1px solid #e8e4f3;
  border-radius:17px;
  background:#fbf9ff;
  padding:13px 14px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 18px;
  align-items:center;
  gap:11px;
  margin-top:10px;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.ruyaAdminGuidanceIcon{
  width:38px;
  height:38px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#f0ebfb;
  color:#78649e;
}

.ruyaAdminGuidanceCard>div{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.ruyaAdminGuidanceCard b{
  font-size:12px;
  font-weight:650;
  color:#362e4a;
}

.ruyaAdminGuidanceCard span:not(.ruyaAdminGuidanceIcon){
  margin-top:3px;
  font-size:11px;
  line-height:1.4;
  color:#706a7c;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ruyaAdminGuidanceCard small{
  margin-top:4px;
  font-size:9.5px;
  color:#9a92a8;
}

.ruyaAdminDailyModal{
  position:fixed;
  inset:0;
  z-index:15000;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:rgba(16,25,42,.38);
  padding:18px 14px max(18px,env(safe-area-inset-bottom));
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}

.ruyaAdminDailyModal>.ruyaDailySheet{
  width:min(100%,520px);
  max-height:min(76dvh,660px);
  overflow:auto;
}

.ruyaAdminDailyModalMeta{
  font-size:10px;
  font-weight:600;
  color:#8e98a9;
  margin:1px 0 8px;
}

.ruyaAdminGuidanceSheet{
  max-height:78dvh!important;
}

.ruyaAdminGuidanceTimeline{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:4px 0 14px;
}

.ruyaAdminGuidanceRecord{
  border:1px solid #e9e5f1;
  border-radius:14px;
  padding:12px;
  background:#fcfbff;
}

.ruyaAdminGuidanceRecord small{
  display:block;
  margin-bottom:5px;
  font-size:9px;
  color:#9b94a8;
}

.ruyaAdminGuidanceRecord b{
  display:block;
  margin-bottom:6px;
  font-size:12px;
  font-weight:650;
  color:#3e3650;
}

.ruyaAdminGuidanceRecord p{
  margin:4px 0 0;
  font-size:11px;
  line-height:1.5;
  color:#665f70;
}

.ruyaAdminGuidanceRecord p.sub{
  color:#898292;
}

.ruyaAdminDailyPhotoViewer{
  position:fixed;
  inset:0;
  z-index:17000;
  background:rgba(8,13,22,.94);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:34px 16px;
}

.ruyaAdminDailyPhotoViewer img{
  display:block;
  max-width:100%;
  max-height:88dvh;
  object-fit:contain;
  border-radius:12px;
}

.ruyaAdminDailyPhotoClose{
  position:absolute;
  top:max(16px,env(safe-area-inset-top));
  right:16px;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:25px;
  line-height:1;
}

@media (min-width:700px){
  .ruyaAdminDaily-classes{
    height:auto;
    max-height:none;
    min-height:520px;
  }

  .ruyaAdminClassCard{
    min-height:112px;
  }

  .ruyaAdminStudentTile{
    min-height:126px;
  }

  .ruyaAdminDailyAvatar{
    width:58px;
    height:58px;
  }
}