/* ==========================================================
   RUYA PORTAL · TEACHER DAILY · FINAL REFERENCE V1
   ========================================================== */

.ruyaDailyFinal{
  width:min(100%,760px);
  margin:0 auto;
  padding:8px 14px 118px;
  color:#173679;
  background:#fff;
}

.ruyaDailyFinal *,
.ruyaDailyFinal *::before,
.ruyaDailyFinal *::after{
  box-sizing:border-box;
}

.ruyaDailyFinal button,
.ruyaDailyFinal input,
.ruyaDailyFinal textarea{
  font:inherit;
}


/* title */

.ruyaDailyTitleRow{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  margin-bottom:9px;
}

.ruyaDailyTitleCopy h1{
  margin:0;
  color:#173679;
  font-size:22px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.4px;
}

.ruyaDailyTitleCopy p{
  margin:5px 0 0;
  color:#8a98b8;
  font-size:12px;
  line-height:1.2;
}

.ruyaDailyDateCard{
  flex:0 0 auto;
  width:112px;
  min-height:43px;
  padding:7px 8px;
  display:grid;
  grid-template-columns:24px 1fr;
  gap:6px;
  align-items:center;
  border:1px solid #e8e5f7;
  border-radius:13px;
  background:#f8f7ff;
}

.ruyaDailyDateCard>svg{
  width:21px;
  height:21px;
  color:#5f80ed;
}

.ruyaDailyDateCard b{
  display:block;
  color:#29468e;
  font-size:9px;
  line-height:1.1;
  font-weight:800;
}

.ruyaDailyDateCard span{
  display:block;
  margin-top:2px;
  color:#7c89aa;
  font-size:8px;
  text-transform:capitalize;
}


/* student */

.ruyaDailyStudentCard{
  min-height:75px;
  padding:10px 11px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border:1px solid #e5e9f1;
  border-radius:16px;
  background:#fff;
  box-shadow:0 3px 12px rgba(43,59,95,.035);
}

.ruyaDailyStudentPhoto,
.ruyaDailyStudentFallback{
  width:52px!important;
  height:52px!important;
  border-radius:50%!important;
}

.ruyaDailyStudentPhoto{
  display:block;
  object-fit:cover;
}

.ruyaDailyStudentFallback{
  display:grid;
  place-items:center;
  background:#f0ebff;
  color:#7e27f5;
  font-size:19px;
  font-weight:850;
}

.ruyaDailyStudentCopy{
  min-width:0;
}

.ruyaDailyStudentCopy>b{
  display:block;
  overflow:hidden;
  color:#173679;
  font-size:14px;
  line-height:1.15;
  font-weight:800;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.ruyaDailyStudentCopy>span{
  display:block;
  margin-top:3px;
  color:#8794b2;
  font-size:9px;
  font-weight:600;
}

.ruyaDailyStudentCopy>small{
  display:block;
  margin-top:5px;
  color:#9ba6bf;
  font-size:7.5px;
  font-weight:650;
}

.ruyaDailyStudentCopy>small.complete{
  color:#30a866;
}

.ruyaDailyStudentArrows{
  display:flex;
  gap:5px;
}

.ruyaDailyStudentArrows button{
  appearance:none;
  width:31px;
  height:31px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid #e2e7f0;
  border-radius:10px;
  background:#fff;
  color:#6c7da3;
}

.ruyaDailyStudentArrows svg{
  width:16px;
  height:16px;
}

.ruyaDailyStudentArrows button:disabled{
  opacity:.25;
}


/* messages */

.ruyaDailyMessage{
  margin-top:7px;
  padding:8px 10px;
  border-radius:11px;
  font-size:9px;
  line-height:1.3;
}

.ruyaDailyMessage.loading{
  background:#f4f6fa;
  color:#7583a4;
}

.ruyaDailyMessage.error{
  background:#fff1f3;
  color:#b23d54;
}

.ruyaDailyMessage.success{
  background:#effaf3;
  color:#278554;
}


/* 2x2 tracking */

.ruyaDailyTrackingGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-top:7px;
}

.ruyaDailyTrackCard{
  min-width:0;
  min-height:96px;
  padding:9px 8px 7px;
  border:1px solid;
  border-radius:15px;
}

.ruyaDailyTrackCard.breakfast{
  border-color:#f2e5b7;
  background:#fffdf5;
  --accent:#f2aa00;
}

.ruyaDailyTrackCard.lunch{
  border-color:#f5d7de;
  background:#fffafb;
  --accent:#ef4767;
}

.ruyaDailyTrackCard.snack{
  border-color:#e9ddfb;
  background:#fcf9ff;
  --accent:#7e32ef;
}

.ruyaDailyTrackCard.sleep{
  border-color:#d7e5fa;
  background:#f8fbff;
  --accent:#3f89f0;
}

.ruyaDailyTrackingGrid.noSleep .ruyaDailyTrackCard.snack{
  grid-column:1/-1;
}

.ruyaDailyTrackTitle{
  min-height:22px;
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:6px;
}

.ruyaDailyTrackTitle>svg{
  width:22px;
  height:22px;
  flex:0 0 22px;
  color:var(--accent);
}

.ruyaDailyTrackTitle>b{
  color:#173679;
  font-size:10.5px;
  line-height:1.1;
  font-weight:800;
}

.ruyaDailyTrackChoices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
}

.ruyaDailyTrackChoices button{
  appearance:none;
  min-width:0;
  min-height:27px;
  padding:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  border:1px solid #dfe5ee;
  border-radius:9px;
  background:#fff;
  color:#63739a;
  font-size:7.8px;
  line-height:1.1;
  font-weight:700;
}

.ruyaDailyTrackChoices button.selected{
  border-color:#4fc67c;
  background:#f3fff7;
  color:#138c4d;
}

.ruyaDailyChoiceCheck{
  width:14px;
  height:14px;
  flex:0 0 14px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#21bc66;
  color:#fff;
}

.ruyaDailyChoiceCheck svg{
  width:9px;
  height:9px;
  stroke-width:3;
}

.ruyaDailySleepChoices{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.ruyaDailyMealNoteButton{
  appearance:none;
  height:19px;
  margin-top:5px;
  padding:0 4px;
  border:0;
  background:transparent;
  color:#98a3bb;
  font-size:7px;
  font-weight:700;
}

.ruyaDailyMealNoteButton.hasValue{
  color:#49825f;
}

.ruyaDailyInlineNote{
  margin-top:3px;
}

.ruyaDailyInlineNote input,
.ruyaDailySleepInput{
  width:100%!important;
  height:27px!important;
  min-height:27px!important;
  margin:0!important;
  padding:5px 7px!important;
  border:1px solid #dde4ee!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#536487!important;
  font-size:7.5px!important;
  box-shadow:none!important;
  outline:none!important;
}

.ruyaDailySleepInput{
  margin-top:5px!important;
}


/* mood */

.ruyaDailyMoodCard{
  min-height:68px;
  margin-top:7px;
  padding:7px 8px 8px;
  border:1px solid #d8eee0;
  border-radius:15px;
  background:#f8fdf9;
}

.ruyaDailySectionTitle{
  display:flex;
  align-items:center;
  gap:7px;
}

.ruyaDailySectionTitle>svg{
  width:21px;
  height:21px;
  color:#22b968;
}

.ruyaDailySectionTitle>b{
  color:#173679;
  font-size:10.5px;
  font-weight:800;
}

.ruyaDailyMoodGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
  margin-top:6px;
}

.ruyaDailyMoodButton{
  appearance:none;
  height:29px;
  min-width:0;
  padding:0 3px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  border:1px solid #dfe5ee;
  border-radius:9px;
  background:#fff;
  color:#617198;
  font-size:7.6px;
  font-weight:700;
}

.ruyaDailyMoodButton>svg{
  width:17px;
  height:17px;
}

.ruyaDailyMoodButton.green>svg{color:#22b968}
.ruyaDailyMoodButton.yellow>svg{color:#f5bd1e}
.ruyaDailyMoodButton.orange>svg{color:#f59618}
.ruyaDailyMoodButton.red>svg{color:#ef2e59}

.ruyaDailyMoodButton.selected{
  border-color:#50c77c;
  background:#f3fff7;
  color:#138c4d;
}


/* activities */

.ruyaDailyActivitiesCard{
  margin-top:7px;
  padding:8px;
  border:1px solid #e5e9f1;
  border-radius:15px;
  background:#fff;
}

.ruyaDailyActivitiesHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.ruyaDailyActivitiesHead .ruyaDailySectionTitle>svg{
  color:#3789f7;
}

.ruyaDailyTinyAction{
  appearance:none;
  min-height:25px;
  padding:0 8px;
  border:1px solid #dde6f6;
  border-radius:9px;
  background:#f8faff;
  color:#5881d9;
  font-size:7px;
  font-weight:750;
}

.ruyaDailyActivityTags{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:7px;
}

.ruyaDailyActivityTags>button{
  appearance:none;
  min-height:26px;
  padding:0 8px;
  display:flex;
  align-items:center;
  gap:4px;
  border:1px solid #dfe5ee;
  border-radius:9px;
  background:#fff;
  color:#6d7ca0;
  font-size:7.6px;
  font-weight:700;
}

.ruyaDailyActivityTags>button.selected.tone0{
  border-color:#dbe7ff;
  background:#f1f6ff;
  color:#4384ef;
}

.ruyaDailyActivityTags>button.selected.tone1{
  border-color:#eadcff;
  background:#f6efff;
  color:#8440ed;
}

.ruyaDailyActivityTags>button.selected.tone2{
  border-color:#d8eee0;
  background:#f1fbf4;
  color:#299360;
}

.ruyaDailyTagCheck{
  width:13px;
  height:13px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:currentColor;
  color:#fff;
  font-size:8px;
  line-height:1;
}

.ruyaDailyOptionEditor{
  margin-top:8px;
  padding:8px;
  border-radius:11px;
  background:#f7f8fb;
}

.ruyaDailyOptionList{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}

.ruyaDailyOptionList>span{
  display:flex;
  align-items:center;
  gap:4px;
  padding:4px 5px 4px 7px;
  border:1px solid #e1e6ee;
  border-radius:8px;
  background:#fff;
  color:#657597;
  font-size:7px;
}

.ruyaDailyOptionList button{
  appearance:none;
  width:16px;
  height:16px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#fff0f2;
  color:#aa4d5b;
}

.ruyaDailyOptionAdd{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:5px;
  margin-top:7px;
}

.ruyaDailyOptionAdd input{
  min-width:0;
  height:29px!important;
  min-height:29px!important;
  margin:0!important;
  padding:5px 7px!important;
  border:1px solid #dde4ed!important;
  border-radius:8px!important;
  font-size:8px!important;
}

.ruyaDailyOptionAdd button{
  appearance:none;
  border:0;
  border-radius:8px;
  padding:0 8px;
  background:#e8edf6;
  color:#607195;
  font-size:7px;
  font-weight:750;
}

.ruyaDailyOptionAdd button.save{
  background:#173679;
  color:#fff;
}


/* notes */

.ruyaDailyNoteRow{
  min-height:49px;
  margin-top:7px;
  padding:7px 9px;
  display:grid;
  grid-template-columns:27px minmax(0,1fr) 15px;
  gap:8px;
  align-items:center;
  border:1px solid #e5e9f1;
  border-radius:15px;
  background:#fff;
  cursor:pointer;
}

.ruyaDailyNoteRow>svg:first-child{
  width:24px;
  height:24px;
  color:#19b668;
}

.ruyaDailyNoteRow.branch>svg:first-child{
  color:#7e52df;
}

.ruyaDailyNoteRow>div{
  min-width:0;
}

.ruyaDailyNoteRow b{
  display:block;
  color:#173679;
  font-size:10.5px;
  font-weight:800;
}

.ruyaDailyNoteRow span{
  display:block;
  overflow:hidden;
  margin-top:2px;
  color:#7d8cad;
  font-size:7.5px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.ruyaDailyNoteRow>svg:last-child{
  width:15px;
  height:15px;
  color:#64769e;
}


/* photos */

.ruyaDailyPhotosCard{
  margin-top:7px;
  padding:8px;
  border:1px solid #e5e9f1;
  border-radius:15px;
  background:#fff;
}

.ruyaDailyPhotosHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.ruyaDailyPhotosHead .ruyaDailySectionTitle>svg{
  color:#19b668;
}

.ruyaDailyPhotoCount{
  min-width:31px;
  height:19px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#f1f4fa;
  color:#6f7fa3;
  font-size:7.5px;
  font-weight:700;
}

.ruyaDailyPhotoRow{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:7px;
}

.ruyaDailyPhotoThumb,
.ruyaDailyPhotoAdd{
  width:68px;
  height:49px;
  border-radius:8px;
}

.ruyaDailyPhotoThumb{
  position:relative;
  overflow:hidden;
  border:1px solid #e1e6ef;
  background:#f5f7fb;
}

.ruyaDailyPhotoThumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.ruyaDailyPhotoThumb button{
  appearance:none;
  position:absolute;
  top:2px;
  right:2px;
  width:17px;
  height:17px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(23,54,121,.78);
  color:#fff;
  font-size:11px;
  line-height:1;
}

.ruyaDailyPhotoAdd{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  border:1.5px dashed #b6c5df;
  background:#fff;
  color:#61759e;
  cursor:pointer;
}

.ruyaDailyPhotoAdd input{
  display:none!important;
}

.ruyaDailyPhotoAdd svg{
  width:17px;
  height:17px;
}

.ruyaDailyPhotoAdd span{
  font-size:6.5px;
  font-weight:650;
}

.ruyaDailyPhotoAdd.busy{
  opacity:.5;
  pointer-events:none;
}

.ruyaDailyPhotoPublish{
  appearance:none;
  min-height:29px;
  margin-top:7px;
  padding:0 10px;
  border:0;
  border-radius:9px;
  background:#edf4ff;
  color:#4878ca;
  font-size:7.5px;
  font-weight:800;
}

.ruyaDailyPhotoError,
.ruyaDailyPhotoSuccess{
  margin-top:6px;
  padding:6px 8px;
  border-radius:8px;
  font-size:7.5px;
}

.ruyaDailyPhotoError{
  background:#fff0f2;
  color:#ad4052;
}

.ruyaDailyPhotoSuccess{
  background:#effaf3;
  color:#278554;
}


/* save */

.ruyaDailySaveBar{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:7px;
  margin-top:8px;
  padding:8px;
  border:1px solid #e5e9f1;
  border-radius:15px;
  background:#fff;
}

.ruyaDailySaveBar button{
  appearance:none;
  min-height:37px;
  border-radius:10px;
  font-size:8px;
  font-weight:800;
}

.ruyaDailySaveBar .secondary{
  border:1px solid #dfe5ee;
  background:#fff;
  color:#64759b;
}

.ruyaDailySaveBar .primary{
  border:0;
  background:#7e27f5;
  color:#fff;
}

.ruyaDailySaveBar .primary.saved{
  background:#2a9a60;
}


/* modal */

.ruyaDailyModal{
  position:fixed;
  z-index:999999;
  inset:0;
  padding:16px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:rgba(24,39,70,.28);
  backdrop-filter:blur(2px);
}

.ruyaDailySheet{
  width:min(100%,430px);
  max-height:82vh;
  overflow:auto;
  padding:15px;
  border-radius:22px 22px 17px 17px;
  background:#fff;
  box-shadow:0 -18px 46px rgba(36,52,83,.18);
}

.ruyaDailySheet.compact{
  max-height:42vh;
}

.ruyaDailySheetHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:11px;
}

.ruyaDailySheetHead b{
  color:#173679;
  font-size:14px;
  font-weight:850;
}

.ruyaDailySheetHead button{
  appearance:none;
  width:31px;
  height:31px;
  padding:0;
  border:1px solid #e2e7ef;
  border-radius:10px;
  background:#fff;
  color:#6e7da0;
  font-size:18px;
}

.ruyaDailySheet label{
  display:block;
  margin-top:10px;
}

.ruyaDailySheet label>span{
  display:block;
  margin-bottom:5px;
  color:#7180a4;
  font-size:8px;
  font-weight:750;
}

.ruyaDailySheet textarea{
  width:100%!important;
  min-height:78px!important;
  margin:0!important;
  padding:9px!important;
  border:1px solid #dfe5ee!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#435477!important;
  font-size:9px!important;
  line-height:1.4!important;
  box-shadow:none!important;
  outline:none!important;
}

.ruyaDailySheetDone{
  appearance:none;
  width:100%;
  min-height:39px;
  margin-top:11px;
  border:0;
  border-radius:11px;
  background:#7e27f5;
  color:#fff;
  font-size:9px;
  font-weight:800;
}

.ruyaDailyBranchEmpty{
  padding:14px;
  border-radius:12px;
  background:#f7f5fc;
  color:#7783a3;
  font-size:9px;
  line-height:1.5;
}


/* mobile */

@media(max-width:780px){

  .ruyaDailyFinal{
    width:100%;
    max-width:none;
    padding:7px 12px 116px;
  }

  .ruyaDailyTitleCopy h1{
    font-size:21px;
  }

  .ruyaDailyTrackingGrid{
    gap:7px;
  }

  .ruyaDailyTrackCard{
    padding:9px 7px 7px;
  }
}

@media(max-width:365px){

  .ruyaDailyTitleCopy p{
    font-size:10.5px;
  }

  .ruyaDailyDateCard{
    width:101px;
  }

  .ruyaDailyMoodButton{
    gap:2px;
    font-size:7px;
  }

  .ruyaDailyMoodButton>svg{
    width:15px;
    height:15px;
  }

  .ruyaDailyTrackChoices button{
    font-size:7px;
  }
}


/* RUYA DAILY POLISH V2 */

/* Açıklama linklerini eski global button CSS'inden koru */
.ruyaDailyFinal .ruyaDailyMealNoteButton{
  height:19px!important;
  min-height:19px!important;
  margin-top:5px!important;
  padding:0 5px!important;
  border:0!important;
  background:transparent!important;
  color:#98a3bb!important;
  font-size:7.5px!important;
  line-height:19px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  box-shadow:none!important;
}

.ruyaDailyFinal .ruyaDailyMealNoteButton.hasValue{
  color:#3f8b5f!important;
}


/* Duygu durumu referanstaki kompakt boyuta */
.ruyaDailyFinal .ruyaDailyMoodButton{
  height:29px!important;
  min-height:29px!important;
  padding:0 4px!important;
  border-radius:9px!important;
  font-size:7.7px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

.ruyaDailyFinal .ruyaDailyMoodButton>svg{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
}


/* Dersleri Düzenle küçük yardımcı aksiyon */
.ruyaDailyFinal .ruyaDailyTinyAction{
  width:auto!important;
  height:25px!important;
  min-height:25px!important;
  padding:0 8px!important;
  border-radius:9px!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:0!important;
}


/* Etkinlikler kompakt */
.ruyaDailyFinal .ruyaDailyActivityTags>button{
  width:auto!important;
  min-width:0!important;
  height:26px!important;
  min-height:26px!important;
  padding:0 8px!important;
  border-radius:9px!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:0!important;
}


/* Seçtiğimiz etkinlikte gerçek check */
.ruyaDailyFinal .ruyaDailyTagCheck{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#fff!important;
  font-size:8px!important;
  line-height:13px!important;
  font-weight:900!important;
}

.ruyaDailyFinal
.ruyaDailyActivityTags>button.selected.tone0
.ruyaDailyTagCheck{
  background:#4384ef!important;
  color:#fff!important;
}

.ruyaDailyFinal
.ruyaDailyActivityTags>button.selected.tone1
.ruyaDailyTagCheck{
  background:#8440ed!important;
  color:#fff!important;
}

.ruyaDailyFinal
.ruyaDailyActivityTags>button.selected.tone2
.ruyaDailyTagCheck{
  background:#299360!important;
  color:#fff!important;
}


/* Fotoğraf paylaş butonu referanstaki yardımcı aksiyon boyutunda */
.ruyaDailyFinal .ruyaDailyPhotoPublish{
  width:auto!important;
  min-width:0!important;
  height:30px!important;
  min-height:30px!important;
  margin-top:7px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:9px!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  box-shadow:none!important;
}


/* 4 fotoğraf varsa yeni foto ekleme alanını gizle */
.ruyaDailyFinal
.ruyaDailyPhotoRow:has(.ruyaDailyPhotoThumb:nth-of-type(4))
.ruyaDailyPhotoAdd{
  display:none!important;
}


/* Genel yoğunluğu referansa biraz daha yaklaştır */
.ruyaDailyFinal .ruyaDailyTrackCard{
  min-height:91px!important;
}

.ruyaDailyFinal .ruyaDailyTrackChoices button{
  height:27px!important;
  min-height:27px!important;
  padding:3px 4px!important;
  font-size:7.6px!important;
  line-height:1!important;
}

.ruyaDailyFinal .ruyaDailyActivitiesCard{
  padding:8px!important;
}

.ruyaDailyFinal .ruyaDailyMoodCard{
  min-height:66px!important;
}


/* iPhone küçük ekran */
@media(max-width:430px){

  .ruyaDailyFinal{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .ruyaDailyTitleCopy h1{
    font-size:21px!important;
  }

  .ruyaDailyTitleCopy p{
    font-size:11px!important;
  }
}


/* RUYA DAILY COMBINED V4 */


/* ----------------------------------------------------------
   ALT MENÜ İÇERİĞİN ÜSTÜNE BİNMESİN
   ---------------------------------------------------------- */

.ruyaDailyFinal{
  padding-bottom:150px!important;
}

.ruyaDailyOptionEditor{
  scroll-margin-bottom:150px!important;
}


/* ----------------------------------------------------------
   iPHONE UZUN BASMA / METİN SEÇME KAPALI
   ---------------------------------------------------------- */

.ruyaDailyTrackChoices button,
.ruyaDailyMoodButton,
.ruyaDailyActivityTags button,
.ruyaDailyTinyAction,
.ruyaDailyMealNoteButton,
.ruyaDailyStudentArrows button,
.ruyaDailySaveBar button,
.ruyaDailyNoteRow,
.ruyaDailyPhotoAdd,
.ruyaDailyPhotoPublish{
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
}


/* ----------------------------------------------------------
   MODAL DAHA KOMPAKT
   ---------------------------------------------------------- */

.ruyaDailySheet{
  padding:14px!important;
}

.ruyaDailySheet label{
  margin-top:8px!important;
}

.ruyaDailySheet textarea{
  min-height:66px!important;
  height:66px!important;
}

.ruyaDailySheetDone{
  min-height:38px!important;
  margin-top:10px!important;
}


/* ----------------------------------------------------------
   ANA AKSİYONLAR ARTIK LACİVERT
   ---------------------------------------------------------- */

.ruyaDailyFinal .ruyaDailySaveBar .primary{
  border:0!important;
  background:#173679!important;
  color:#fff!important;
  box-shadow:none!important;
}

.ruyaDailyFinal .ruyaDailySaveBar .primary.saved{
  background:#173679!important;
  color:#fff!important;
}

.ruyaDailyFinal .ruyaDailySaveBar .secondary{
  border:1px solid #173679!important;
  background:#fff!important;
  color:#173679!important;
}

.ruyaDailyFinal .ruyaDailySheetDone{
  border:0!important;
  background:#173679!important;
  color:#fff!important;
  box-shadow:none!important;
}


/* Ders editörü Kaydet de lacivert */

.ruyaDailyFinal .ruyaDailyOptionAdd button.save{
  background:#173679!important;
  color:#fff!important;
}


/* ----------------------------------------------------------
   FOTOĞRAFLARI VELİYLE PAYLAŞ BUTONU ARTIK YOK
   Kaydet sırasında otomatik paylaşılacak.
   ---------------------------------------------------------- */

.ruyaDailyFinal .ruyaDailyPhotoPublish{
  display:none!important;
}


/* ----------------------------------------------------------
   TEK ÖĞRENCİDE SAĞ TARAF BOŞ DURSUN
   ---------------------------------------------------------- */

.ruyaDailyStudentCard{
  grid-template-columns:52px minmax(0,1fr) auto;
}


/* ----------------------------------------------------------
   MOBİL
   ---------------------------------------------------------- */

@media(max-width:430px){

  .ruyaDailyFinal{
    padding-bottom:145px!important;
  }

  .ruyaDailySheet textarea{
    min-height:64px!important;
    height:64px!important;
  }
}


/* =========================================================
   RUYA BRANCH TEACHER DAILY UI V1
   ========================================================= */

.ruyaBranchDailyFinal{
  padding-bottom:150px!important;
}

.ruyaBranchDateBadge{
  min-height:39px;
  padding:0 11px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #e0e4f0;
  border-radius:12px;
  background:#f7f8fd;
  color:#173679;
  font-size:8px;
  font-weight:800;
}

.ruyaBranchDailyInfo{
  margin-top:7px;
  padding:10px 11px;
  border:1px solid #dce5f4;
  border-radius:14px;
  background:#f7f9fd;
}

.ruyaBranchDailyInfo b{
  display:block;
  color:#173679;
  font-size:10px;
  font-weight:850;
}

.ruyaBranchDailyInfo span{
  display:block;
  margin-top:3px;
  color:#7886a5;
  font-size:8px;
  line-height:1.45;
}

.ruyaBranchDailySelectors{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:7px;
}

.ruyaBranchDailySelectors label>span{
  display:block;
  margin:0 0 4px 2px;
  color:#7685a5;
  font-size:8px;
  font-weight:750;
}

.ruyaBranchDailySelectors select{
  width:100%!important;
  height:39px!important;
  min-height:39px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid #dfe5ee!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#173679!important;
  font-size:9px!important;
  font-weight:700!important;
  box-shadow:none!important;
}

.ruyaBranchStudentCard{
  margin-top:7px;
  grid-template-columns:52px minmax(0,1fr)!important;
}

.ruyaBranchDailyEditor{
  margin-top:7px;
  padding:10px;
  border:1px solid #e5e9f1;
  border-radius:15px;
  background:#fff;
}

.ruyaBranchDailyEditorHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.ruyaBranchDailyEditorHead b{
  display:block;
  color:#173679;
  font-size:11px;
  font-weight:850;
}

.ruyaBranchDailyEditorHead span{
  display:block;
  margin-top:2px;
  color:#7d8ba9;
  font-size:8px;
}

.ruyaBranchDailyEditorHead small{
  color:#8996b0;
  font-size:7px;
}

.ruyaBranchDailyEditor textarea{
  width:100%!important;
  min-height:120px!important;
  margin:9px 0 0!important;
  padding:10px!important;
  border:1px solid #dde4ed!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#405276!important;
  font-size:10px!important;
  line-height:1.5!important;
  outline:none!important;
  box-shadow:none!important;
  resize:vertical!important;
}

.ruyaBranchDailyActions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
}

.ruyaBranchDailyActions small{
  color:#929db4;
  font-size:7px;
}

.ruyaBranchDailyActions button{
  appearance:none;
  min-height:36px;
  padding:0 14px;
  border:0;
  border-radius:10px;
  background:#173679;
  color:#fff;
  font-size:8px;
  font-weight:800;
}

.ruyaBranchDailyActions button:disabled{
  opacity:.5;
}

.ruyaBranchExistingNotes{
  margin-top:7px;
  padding:10px;
  border:1px solid #e5e9f1;
  border-radius:15px;
  background:#fff;
}

.ruyaBranchExistingNotes h3{
  margin:0 0 6px;
  color:#173679;
  font-size:10px;
}

.ruyaBranchExistingNotes article{
  padding:8px 0;
  border-top:1px solid #edf0f5;
}

.ruyaBranchExistingNotes article:first-of-type{
  border-top:0;
}

.ruyaBranchExistingNotes article b{
  display:block;
  color:#53698f;
  font-size:8px;
  font-weight:800;
}

.ruyaBranchExistingNotes article p{
  margin:4px 0 0;
  color:#74819e;
  font-size:8.5px;
  line-height:1.45;
}

.ruyaBranchEmpty{
  margin-top:7px;
  padding:18px;
  border:1px solid #e5e9f1;
  border-radius:15px;
  background:#fff;
  color:#7e8ca8;
  font-size:9px;
  text-align:center;
}

.ruyaDailyBranchEmpty{
  white-space:pre-line!important;
}

@media(max-width:430px){
  .ruyaBranchDailySelectors{
    grid-template-columns:1fr;
  }

  .ruyaBranchDailyEditor textarea{
    min-height:110px!important;
  }
}



/* =========================================================
   RUYA_PARENT_DAILY_PREMIUM_V1
   Veli > Günlük Takip · salt okunur premium görünüm
   ========================================================= */

.ruyaParentDailyPage{
  min-width:0;
}

.ruyaParentDailyFinal{
  width:100%;
  max-width:760px;
  margin:0 auto;
  padding-top:8px!important;
}

.ruyaParentDailyStudentCard{
  grid-template-columns:52px minmax(0,1fr)!important;
}


/* geçmiş gün seçimi */

.ruyaParentDailyDateRail{
  display:flex;
  gap:6px;
  margin-top:7px;
  padding:1px 0 2px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

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

.ruyaParentDailyDateRail>button{
  appearance:none;
  flex:0 0 52px;
  min-width:52px;
  height:58px;
  padding:5px 4px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid #e2e7f0;
  border-radius:13px;
  background:#fff;
  color:#7a89aa;
  box-shadow:none;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}

.ruyaParentDailyDateRail>button small{
  font-size:7px;
  line-height:1;
  font-weight:700;
  text-transform:capitalize;
}

.ruyaParentDailyDateRail>button b{
  margin-top:4px;
  color:#29468e;
  font-size:16px;
  line-height:1;
  font-weight:850;
}

.ruyaParentDailyDateRail>button span{
  margin-top:3px;
  font-size:7px;
  line-height:1;
  text-transform:capitalize;
}

.ruyaParentDailyDateRail>button.active{
  border-color:#cfdcff;
  background:#f4f7ff;
  color:#5276d8;
}

.ruyaParentDailyDateRail>button.active b{
  color:#173679;
}


/* yemek / uyku salt okunur */

.ruyaParentDailyReadonlyCard{
  cursor:default;
}

.ruyaParentDailyReadonlyChoices button{
  width:100%!important;
  opacity:1!important;
  cursor:default!important;
  pointer-events:none!important;
  -webkit-text-fill-color:currentColor;
}

.ruyaParentDailyReadonlyChoices button.selected{
  border-color:color-mix(in srgb,var(--accent) 34%,#dfe5ee)!important;
  background:#fff!important;
  color:var(--accent)!important;
}

.ruyaParentDailyReadonlyChoices .ruyaDailyChoiceCheck{
  display:grid;
  place-items:center;
  flex:0 0 15px;
  width:15px;
  height:15px;
  border-radius:50%;
  background:var(--accent);
  color:#fff;
}

.ruyaParentDailyReadonlyChoices .ruyaDailyChoiceCheck svg{
  width:10px;
  height:10px;
}

.ruyaParentDailyMealNote,
.ruyaParentDailySleepTime{
  margin:5px 0 0;
  padding:5px 6px;
  border-radius:8px;
  background:rgba(255,255,255,.66);
  color:#7583a3;
  font-size:7.5px;
  line-height:1.35;
}

.ruyaParentDailyEmptyValue{
  margin-top:6px;
  padding:7px 8px;
  border:1px dashed #dfe5ee;
  border-radius:9px;
  background:rgba(255,255,255,.58);
  color:#9aa5bd;
  font-size:7.5px;
  line-height:1.3;
}

.ruyaParentDailyEmptyInline{
  margin-top:6px;
  color:#99a5bd;
  font-size:7.5px;
}


/* duygu durumu */

.ruyaParentDailyMoodGrid .ruyaDailyMoodButton{
  opacity:.38!important;
  cursor:default!important;
  pointer-events:none!important;
  -webkit-text-fill-color:currentColor;
}

.ruyaParentDailyMoodGrid .ruyaDailyMoodButton.selected{
  opacity:1!important;
}


/* etkinlikler */

.ruyaParentDailyActivityTags>span{
  min-height:26px;
  padding:0 8px;
  display:flex;
  align-items:center;
  gap:4px;
  border:1px solid #dfe5ee;
  border-radius:9px;
  background:#fff;
  color:#6d7ca0;
  font-size:7.5px;
  line-height:1;
  font-weight:700;
}

.ruyaParentDailyActivityTags>span.tone0{
  border-color:#dbe7ff;
  background:#f1f6ff;
  color:#4384ef;
}

.ruyaParentDailyActivityTags>span.tone1{
  border-color:#eadcff;
  background:#f6efff;
  color:#8440ed;
}

.ruyaParentDailyActivityTags>span.tone2{
  border-color:#d8eee0;
  background:#f1fbf4;
  color:#299360;
}

.ruyaParentDailyActivityTags .ruyaDailyTagCheck{
  background:currentColor!important;
}


/* not satırları */

.ruyaParentDailyNoteRow{
  transition:background .16s ease,border-color .16s ease;
  -webkit-tap-highlight-color:transparent;
}

.ruyaParentDailyNoteRow:active{
  background:#f8faff;
  border-color:#dce3f0;
}


/* günlük takip fotoğrafları */

.ruyaParentDailyPhotoGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin-top:7px;
}

.ruyaParentDailyPhotoThumb{
  appearance:none;
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:1.38/1;
  min-width:0;
  padding:0;
  border:1px solid #e1e6ef;
  border-radius:9px;
  background:#f5f7fb;
  box-shadow:none;
  cursor:pointer;
}

.ruyaParentDailyPhotoThumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.ruyaParentDailyPhotoEmpty{
  margin-top:7px;
  padding:12px 10px;
  border:1px dashed #dfe5ee;
  border-radius:10px;
  background:#fafbfd;
  color:#98a4bd;
  font-size:8px;
  line-height:1.35;
  text-align:center;
}


/* not popup'ları */

.ruyaParentDailySheet{
  max-height:66vh!important;
}

.ruyaParentDailySheetText{
  padding:11px 12px;
  border:1px solid #e5e9f1;
  border-radius:12px;
  background:#f9faff;
  color:#506183;
  font-size:9px;
  line-height:1.55;
  white-space:pre-wrap;
}

.ruyaParentDailyBranchNote{
  padding:10px 11px;
  border:1px solid #e5e9f1;
  border-radius:12px;
  background:#faf9ff;
}

.ruyaParentDailyBranchNote + .ruyaParentDailyBranchNote{
  margin-top:7px;
}

.ruyaParentDailyBranchNote.real{
  background:#f8fbff;
}

.ruyaParentDailyBranchNote small{
  display:block;
  color:#7b68bd;
  font-size:7px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.35px;
}

.ruyaParentDailyBranchNote.real small{
  color:#4d79bf;
}

.ruyaParentDailyBranchNote p{
  margin:5px 0 0;
  color:#506183;
  font-size:9px;
  line-height:1.5;
  white-space:pre-wrap;
}


/* mobil */

@media(max-width:430px){

  .ruyaParentDailyFinal{
    padding-top:7px!important;
    padding-bottom:145px!important;
  }

  .ruyaParentDailyTitleRow{
    align-items:flex-end;
  }

  .ruyaParentDailyDateRail>button{
    flex-basis:50px;
    min-width:50px;
    height:56px;
  }

  .ruyaParentDailyPhotoGrid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .ruyaParentDailySheet{
    max-height:72vh!important;
  }
}

@media(max-width:365px){

  .ruyaParentDailyPhotoGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* =========================================================
   RUYA_PARENT_DAILY_COMPACT_DATES_V2
   Öğrenci kartı içinde 5'li yatay tarih seçici
   ========================================================= */

.ruyaParentDailyStudentCard{
  grid-template-columns:52px minmax(0,1fr) 166px!important;
  gap:8px!important;
}

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

.ruyaParentDailyStudentDates{
  width:166px;
  display:flex;
  gap:4px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  padding:1px 0;
}

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

.ruyaParentDailyStudentDates>button{
  appearance:none;
  flex:0 0 30px;
  width:30px;
  height:43px;
  padding:4px 1px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  scroll-snap-align:start;
  border:1px solid #e1e6ef;
  border-radius:10px;
  background:#fff;
  color:#8090ad;
  box-shadow:none;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}

.ruyaParentDailyStudentDates>button b{
  color:#29468e;
  font-size:14px;
  line-height:1;
  font-weight:850;
}

.ruyaParentDailyStudentDates>button span{
  margin-top:4px;
  color:#8a98b5;
  font-size:6.5px;
  line-height:1;
  font-weight:750;
  text-transform:capitalize;
}

.ruyaParentDailyStudentDates>button.active{
  border-color:#bfcdf8;
  background:#f2f5ff;
}

.ruyaParentDailyStudentDates>button.active b{
  color:#173679;
}

.ruyaParentDailyStudentDates>button.active span{
  color:#5575cf;
}

.ruyaParentDailyTitleRow{
  align-items:flex-start!important;
  margin-bottom:7px!important;
}

@media(max-width:365px){

  .ruyaParentDailyStudentCard{
    grid-template-columns:46px minmax(0,1fr) 151px!important;
    gap:6px!important;
  }

  .ruyaParentDailyStudentCard .ruyaDailyStudentPhoto,
  .ruyaParentDailyStudentCard .ruyaDailyStudentFallback{
    width:46px!important;
    height:46px!important;
  }

  .ruyaParentDailyStudentDates{
    width:151px;
    gap:3px;
  }

  .ruyaParentDailyStudentDates>button{
    flex-basis:27px;
    width:27px;
  }
}


/* =========================================================
   RUYA_TEACHER_DAILY_HISTORY_DATES_V1
   Öğretmen Günlük Takip · 5'li yatay geçmiş tarih seçici
   ========================================================= */

.ruyaTeacherDailyDateRail{
  width:100%;
  display:flex;
  gap:4px;
  margin-top:7px;
  padding:1px 0 2px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
}

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

.ruyaTeacherDailyDateRail>button{
  appearance:none;
  flex:0 0 calc((100% - 16px) / 5);
  min-width:calc((100% - 16px) / 5);
  height:44px;
  padding:4px 2px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  scroll-snap-align:start;
  border:1px solid #e1e6ef;
  border-radius:11px;
  background:#fff;
  color:#8290ad;
  box-shadow:none;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}

.ruyaTeacherDailyDateRail>button b{
  color:#29468e;
  font-size:15px;
  line-height:1;
  font-weight:850;
}

.ruyaTeacherDailyDateRail>button span{
  margin-top:4px;
  color:#8a98b5;
  font-size:7px;
  line-height:1;
  font-weight:750;
  text-transform:capitalize;
}

.ruyaTeacherDailyDateRail>button.active{
  border-color:#bfcdf8;
  background:#f2f5ff;
}

.ruyaTeacherDailyDateRail>button.active b{
  color:#173679;
}

.ruyaTeacherDailyDateRail>button.active span{
  color:#5575cf;
}

/* =========================================================
   RUYA_TEACHER_DAILY_HISTORY_VIEW_V1
   Öğretmen · Günlük Takip geçmiş kayıt görünümü
   ========================================================= */

.ruyaTeacherDailyHistoryView{
  padding-bottom:118px;
}

.ruyaTeacherPastTitleRow{
  align-items:center;
}

.ruyaTeacherPastTodayButton{
  appearance:none;
  border:1px solid #d8e0f4;
  border-radius:12px;
  background:#f5f7ff;
  color:#29468e;
  min-height:38px;
  padding:0 13px;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}

.ruyaTeacherPastPrimaryNote,
.ruyaTeacherPastBranchCard,
.ruyaTeacherPastActivitiesCard,
.ruyaTeacherPastDetailsCard,
.ruyaTeacherPastPhotosCard{
  margin-top:10px;
  padding:14px;
  border:1px solid #e8ecf4;
  border-radius:18px;
  background:#fff;
  box-shadow:0 6px 18px rgba(30,48,88,.045);
}

.ruyaTeacherPastPrimaryNote{
  border-color:#dce5ff;
  background:linear-gradient(180deg,#f8faff 0%,#fff 100%);
}

.ruyaTeacherPastSectionHead{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  color:#243d79;
}

.ruyaTeacherPastSectionHead svg{
  width:18px;
  height:18px;
}

.ruyaTeacherPastSectionHead b{
  font-size:13px;
  line-height:1.2;
  font-weight:850;
}

.ruyaTeacherPastSectionHead.branch{
  color:#7258a6;
}

.ruyaTeacherPastSectionHead.activities{
  color:#346f68;
}

.ruyaTeacherPastSectionHead.details{
  color:#935e2a;
}

.ruyaTeacherPastSectionHead.photos{
  color:#365f9a;
}

.ruyaTeacherPastPrimaryNote>p,
.ruyaTeacherPastBranchItem p,
.ruyaTeacherPastEmpty{
  margin:0;
  color:#46536d;
  font-size:12px;
  line-height:1.55;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.ruyaTeacherPastBranchItem{
  margin-top:8px;
  padding:10px 11px;
  border:1px solid #eee9f7;
  border-radius:13px;
  background:#fbfaff;
}

.ruyaTeacherPastBranchItem.classNote{
  border-color:#e1e8f8;
  background:#f8faff;
}

.ruyaTeacherPastBranchItem small{
  display:block;
  margin-bottom:5px;
  color:#8792aa;
  font-size:8px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.035em;
}

.ruyaTeacherPastActivityTags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.ruyaTeacherPastActivityTags span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:#eff8f6;
  color:#39736b;
  font-size:10px;
  font-weight:800;
}

.ruyaTeacherPastActivityTags span.tone1{
  background:#f3f0fb;
  color:#745ca8;
}

.ruyaTeacherPastActivityTags span.tone2{
  background:#fff5e8;
  color:#9b692e;
}

.ruyaTeacherPastDetailsGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.ruyaTeacherPastDetailItem{
  min-width:0;
  min-height:72px;
  padding:10px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid #edf0f5;
  border-radius:14px;
  background:#fafbfc;
}

.ruyaTeacherPastDetailItem small{
  color:#8b96aa;
  font-size:8px;
  line-height:1.2;
  font-weight:750;
}

.ruyaTeacherPastDetailItem b{
  margin-top:4px;
  color:#30415f;
  font-size:12px;
  line-height:1.25;
  font-weight:850;
}

.ruyaTeacherPastDetailItem span{
  margin-top:4px;
  color:#79859b;
  font-size:9px;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.ruyaTeacherPastPhotoCount{
  margin-left:auto;
  min-width:25px;
  height:22px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#eef3fb;
  color:#486b9f;
  font-size:9px;
  font-weight:850;
}

.ruyaTeacherPastPhotoGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}

.ruyaTeacherPastPhotoThumb{
  appearance:none;
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:12px;
  background:#eef1f6;
}

.ruyaTeacherPastPhotoThumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

@media (max-width:390px){
  .ruyaTeacherPastPrimaryNote,
  .ruyaTeacherPastBranchCard,
  .ruyaTeacherPastActivitiesCard,
  .ruyaTeacherPastDetailsCard,
  .ruyaTeacherPastPhotosCard{
    padding:12px;
  }

  .ruyaTeacherPastTodayButton{
    min-height:36px;
    padding:0 10px;
    font-size:10px;
  }

  .ruyaTeacherPastPhotoGrid{
    gap:6px;
  }
}

/* =========================================================
   RUYA_DAILY_RECEIPT_PREMIUM_V1
   ========================================================= */

.ruyaDailyReceiptInline{
  width:100%;
  display:flex;
  justify-content:flex-end;
  margin:8px 0 10px;
}

.ruyaDailyReceiptInline.coordinator,
.ruyaDailyReceiptInline.admin{
  justify-content:flex-start;
}

.ruyaDailyReceiptOpenButton{
  appearance:none;
  border:1px solid #d9e2f5;
  border-radius:12px;
  min-height:36px;
  padding:0 13px;
  background:#f6f8ff;
  color:#29478f;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}

.ruyaDailyReceiptOpenButton:hover{
  background:#eef3ff;
}

.ruyaDailyReceiptBack{
  z-index:12000;
}

.ruyaDailyReceiptModal{
  width:min(540px,calc(100vw - 24px));
  max-height:min(760px,calc(100vh - 28px));
  overflow:auto;
  border-radius:24px;
  padding:0;
}

.ruyaDailyReceiptHead{
  padding:22px 22px 16px;
  border-bottom:1px solid #edf0f5;
}

.ruyaDailyReceiptHead small{
  display:block;
  color:#7b8db4;
  font-size:8px;
  font-weight:900;
  letter-spacing:.09em;
}

.ruyaDailyReceiptHead h3{
  margin:6px 0 4px;
  color:#223a73;
  font-size:18px;
  line-height:1.2;
  font-weight:900;
}

.ruyaDailyReceiptHead p{
  margin:0;
  color:#8290a9;
  font-size:10px;
  line-height:1.45;
}

.ruyaDailyReceiptKpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:14px 18px 10px;
}

.ruyaDailyReceiptKpis article{
  min-height:68px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border:1px solid #edf0f5;
  border-radius:15px;
  background:#fafbfe;
}

.ruyaDailyReceiptKpis article small{
  color:#8c98ad;
  font-size:8px;
  font-weight:800;
}

.ruyaDailyReceiptKpis article b{
  margin-top:4px;
  color:#314466;
  font-size:18px;
  font-weight:900;
}

.ruyaDailyReceiptKpis article.viewed{
  background:#f3fbf8;
  border-color:#dcefe9;
}

.ruyaDailyReceiptKpis article.viewed b{
  color:#397b6b;
}

.ruyaDailyReceiptKpis article.unseen{
  background:#fff8ef;
  border-color:#f2e3ce;
}

.ruyaDailyReceiptKpis article.unseen b{
  color:#a56e32;
}

.ruyaDailyReceiptTabs{
  display:flex;
  gap:6px;
  padding:2px 18px 12px;
}

.ruyaDailyReceiptTabs button{
  appearance:none;
  border:1px solid #e2e7f0;
  border-radius:999px;
  min-height:32px;
  padding:0 12px;
  background:#fff;
  color:#7886a0;
  font-size:9px;
  font-weight:850;
}

.ruyaDailyReceiptTabs button.active{
  border-color:#c9d6f7;
  background:#f1f5ff;
  color:#29478f;
}

.ruyaDailyReceiptRows{
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:0 18px 14px;
}

.ruyaDailyReceiptParentRow{
  min-height:62px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 11px;
  border:1px solid #edf0f5;
  border-radius:15px;
  background:#fff;
}

.ruyaDailyReceiptParentRow.unseen{
  background:#fffaf4;
  border-color:#f1e5d5;
}

.ruyaDailyReceiptParentAvatar{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#eef3ff;
  color:#385a9e;
  font-size:11px;
  font-weight:900;
}

.ruyaDailyReceiptParentCopy{
  min-width:0;
  flex:1;
}

.ruyaDailyReceiptParentCopy b{
  display:block;
  color:#344564;
  font-size:11px;
  line-height:1.2;
  font-weight:850;
}

.ruyaDailyReceiptParentCopy small{
  display:block;
  margin-top:3px;
  color:#8b97ad;
  font-size:8px;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.ruyaDailyReceiptStatus{
  flex:0 0 auto;
  color:#8190a8;
  font-size:8px;
  font-weight:850;
}

.ruyaDailyReceiptStatus.viewed{
  color:#458071;
}

.ruyaDailyReceiptStatus.unseen{
  color:#a36d31;
}

.ruyaDailyReceiptEmpty,
.ruyaDailyReceiptLoading{
  padding:22px 12px;
  text-align:center;
  color:#8995ab;
  font-size:10px;
  line-height:1.4;
}

.ruyaDailyReceiptMessage{
  margin:0 18px 10px;
  padding:10px 11px;
  border-radius:12px;
  font-size:9px;
  line-height:1.4;
  font-weight:750;
}

.ruyaDailyReceiptMessage.success{
  background:#eef9f5;
  color:#39786a;
}

.ruyaDailyReceiptMessage.error{
  background:#fff2f2;
  color:#a44b4b;
}

.ruyaDailyReceiptConfirm{
  margin:0 18px 12px;
  padding:13px;
  border:1px solid #dfe6f4;
  border-radius:16px;
  background:#f8faff;
}

.ruyaDailyReceiptConfirm b{
  display:block;
  color:#2e467c;
  font-size:11px;
  font-weight:900;
}

.ruyaDailyReceiptConfirm p{
  margin:5px 0 10px;
  color:#74819a;
  font-size:9px;
  line-height:1.45;
}

.ruyaDailyReceiptConfirm>div{
  display:flex;
  gap:7px;
  justify-content:flex-end;
}

.ruyaDailyReceiptConfirm button,
.ruyaDailyReceiptFooter button{
  min-height:36px;
  padding:0 13px;
  border-radius:11px;
  font-size:9px;
  font-weight:850;
}

.ruyaDailyReceiptConfirm .secondary,
.ruyaDailyReceiptFooter .secondary{
  border:1px solid #dfe5ee;
  background:#fff;
  color:#738098;
}

.ruyaDailyReceiptConfirm .primary,
.ruyaDailyReceiptFooter .primary{
  border:1px solid #cad7f5;
  background:#eef3ff;
  color:#2d4b95;
}

.ruyaDailyReceiptFooter{
  display:flex;
  gap:8px;
  justify-content:flex-end;
  padding:12px 18px 18px;
  border-top:1px solid #edf0f5;
}

@media print{
  .ruyaDailyReceiptInline{
    display:none!important;
  }
}

@media (max-width:390px){
  .ruyaDailyReceiptModal{
    width:calc(100vw - 14px);
    border-radius:20px;
  }

  .ruyaDailyReceiptKpis{
    gap:5px;
    padding-left:12px;
    padding-right:12px;
  }

  .ruyaDailyReceiptRows,
  .ruyaDailyReceiptTabs,
  .ruyaDailyReceiptFooter{
    padding-left:12px;
    padding-right:12px;
  }
}

/* RUYA_DAILY_RECEIPT_PREMIUM_V2 */

/* Başlıktaki kompakt Rüya lacivert aksiyon */
.ruyaDailyTitleActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex:0 0 auto;
}

.ruyaDailyReceiptOpenButton{
  appearance:none!important;
  border:0!important;
  min-height:32px!important;
  padding:0 11px!important;
  border-radius:10px!important;
  background:#173679!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:850!important;
  white-space:nowrap!important;
  box-shadow:0 5px 14px rgba(23,54,121,.14)!important;
}

.ruyaDailyReceiptOpenButton:hover{
  background:#173679!important;
}

.ruyaDailyTitleActions .ruyaDailyReceiptOpenButton{
  min-height:30px!important;
  padding:0 9px!important;
  border-radius:9px!important;
  font-size:8.5px!important;
}

/* Yeni premium bottom-sheet */
.ruyaDailyReceiptBack{
  z-index:12000!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0!important;
  background:rgba(19,35,68,.30)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}

.ruyaDailyReceiptModal{
  position:relative!important;
  width:min(520px,100%)!important;
  max-height:min(680px,calc(100dvh - 24px))!important;
  margin:0!important;
  padding:0 0 max(10px,env(safe-area-inset-bottom))!important;
  overflow:auto!important;
  border:0!important;
  border-radius:24px 24px 0 0!important;
  background:#fff!important;
  box-shadow:0 -12px 40px rgba(24,42,78,.16)!important;
  animation:ruyaDailyReceiptUp .24s ease-out both;
}

@keyframes ruyaDailyReceiptUp{
  from{
    opacity:.6;
    transform:translateY(22px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.ruyaDailyReceiptHandle{
  width:38px;
  height:4px;
  margin:8px auto 2px;
  border-radius:999px;
  background:#dfe4ee;
}

.ruyaDailyReceiptModal .modalTopClose{
  top:13px!important;
  right:14px!important;
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  background:#f3f5f9!important;
  color:#6e7b95!important;
  font-size:18px!important;
}

.ruyaDailyReceiptHead{
  padding:13px 18px 15px!important;
  border-bottom:0!important;
}

.ruyaDailyReceiptHead small{
  display:block;
  color:#8190ad!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
}

.ruyaDailyReceiptHead h3{
  margin:5px 34px 0 0!important;
  color:#203966!important;
  font-size:16px!important;
  line-height:1.22!important;
  font-weight:900!important;
}

/* Tek veli = tek durum kartı */
.ruyaDailyReceiptSingleState{
  margin:4px 16px 12px;
  padding:14px;
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid #e8edf5;
  border-radius:18px;
  background:#f8faff;
}

.ruyaDailyReceiptSingleState.viewed{
  border-color:#dceee8;
  background:#f4fbf8;
}

.ruyaDailyReceiptSingleState.unseen{
  border-color:#f0e3d3;
  background:#fff9f2;
}

.ruyaDailyReceiptSingleState.empty{
  background:#f7f8fb;
}

.ruyaDailyReceiptSingleIcon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:#eaf0fb;
  color:#173679;
  font-size:16px;
  font-weight:900;
}

.ruyaDailyReceiptSingleState.viewed
.ruyaDailyReceiptSingleIcon{
  background:#e3f4ed;
  color:#397b68;
}

.ruyaDailyReceiptSingleState.unseen
.ruyaDailyReceiptSingleIcon{
  background:#f8ead8;
  color:#a46d31;
}

.ruyaDailyReceiptSingleCopy{
  min-width:0;
  flex:1;
}

.ruyaDailyReceiptSingleCopy small{
  display:block;
  margin-bottom:3px;
  color:#8896ae;
  font-size:8px;
  font-weight:800;
}

.ruyaDailyReceiptSingleCopy b{
  display:block;
  color:#2e4265;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
}

.ruyaDailyReceiptSingleCopy span{
  display:block;
  margin-top:4px;
  color:#7b899f;
  font-size:9px;
  line-height:1.4;
}

/* Premium bilgi ve onay alanı */
.ruyaDailyReceiptMessage{
  margin:0 16px 10px!important;
  border-radius:13px!important;
}

.ruyaDailyReceiptConfirm{
  margin:0 16px 12px!important;
  padding:13px!important;
  border:1px solid #e2e7f0!important;
  border-radius:16px!important;
  background:#f8faff!important;
}

.ruyaDailyReceiptConfirm .primary,
.ruyaDailyReceiptFooter .primary{
  border:0!important;
  background:#173679!important;
  color:#fff!important;
}

.ruyaDailyReceiptConfirm .secondary,
.ruyaDailyReceiptFooter .secondary{
  border:1px solid #dde4ef!important;
  background:#fff!important;
  color:#66758f!important;
}

.ruyaDailyReceiptFooter{
  display:flex!important;
  gap:8px!important;
  justify-content:flex-end!important;
  padding:8px 16px 12px!important;
  border-top:0!important;
}

.ruyaDailyReceiptFooter button{
  min-height:39px!important;
  border-radius:11px!important;
  padding:0 14px!important;
  font-size:9px!important;
  font-weight:850!important;
}

@media (max-width:390px){
  .ruyaDailyReceiptModal{
    width:100%!important;
    border-radius:22px 22px 0 0!important;
  }

  .ruyaDailyTitleActions{
    gap:5px;
  }

  .ruyaDailyTitleActions .ruyaDailyReceiptOpenButton{
    min-height:29px!important;
    padding:0 8px!important;
    font-size:8px!important;
  }

  .ruyaTeacherPastTitleRow .ruyaDailyTitleActions{
    flex-wrap:wrap;
    max-width:190px;
  }

  .ruyaTeacherPastTitleRow
  .ruyaTeacherPastTodayButton{
    min-height:29px!important;
    padding:0 8px!important;
    border-radius:9px!important;
    font-size:8px!important;
  }
}



/* RUYA_DAILY_RECEIPT_CENTERED_V21 */

.ruyaDailyReceiptBack{
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
}

.ruyaDailyReceiptModal{
  width:min(500px,calc(100vw - 32px))!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 32px)!important;
  margin:0!important;
  border-radius:16px!important;
  padding-bottom:10px!important;
}

.ruyaDailyReceiptHandle{
  display:none!important;
}

@media (max-width:390px){
  .ruyaDailyReceiptBack{
    padding:14px!important;
  }

  .ruyaDailyReceiptModal{
    width:calc(100vw - 28px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 28px)!important;
    border-radius:16px!important;
  }
}


/* RUYA_MESSAGE_TRASH_FRONTEND_V1 */

.ruyaMessageTrashOpen{
  margin-left:auto;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 11px;
  border:1px solid #dce4f2;
  border-radius:10px;
  background:#fff;
  color:#173679;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
  white-space:nowrap;
}

.ruyaMessageTrashOpen span{
  font-size:14px;
  line-height:1;
}

.ruyaMessageActionBack,
.ruyaMessageConfirmBack,
.ruyaMessageTrashBack{
  position:fixed;
  inset:0;
  z-index:12500;
  background:rgba(19,35,67,.34);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.ruyaMessageActionBack{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:12px;
}

.ruyaMessageActionSheet{
  width:min(500px,100%);
  padding:10px 14px 14px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 22px 70px rgba(20,38,75,.22);
}

.ruyaMessageActionHandle{
  width:38px;
  height:4px;
  margin:0 auto 12px;
  border-radius:999px;
  background:#d9dfeb;
}

.ruyaMessageActionSheet>small,
.ruyaMessageConfirmModal>small,
.ruyaMessageTrashHead small{
  display:block;
  color:#8290aa;
  font-size:8px;
  font-weight:900;
  letter-spacing:.09em;
}

.ruyaMessageActionSheet>b{
  display:block;
  margin-top:5px;
  color:#243b70;
  font-size:14px;
}

.ruyaMessageActionSheet>p{
  max-height:52px;
  overflow:hidden;
  margin:7px 0 13px;
  color:#75839c;
  font-size:10px;
  line-height:1.45;
}

.ruyaMessageActionSheet>button{
  width:100%;
  min-height:43px;
  margin-top:7px;
  border-radius:12px;
  font-size:10px;
  font-weight:850;
}

.ruyaMessageActionSheet>button.danger{
  border:1px solid #f0d7d7;
  background:#fff4f4;
  color:#a43e46;
}

.ruyaMessageActionSheet>button.danger span{
  margin-right:6px;
}

.ruyaMessageActionSheet>button.secondary{
  border:1px solid #e3e8f0;
  background:#fff;
  color:#738097;
}

.ruyaMessageConfirmBack{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}

.ruyaMessageConfirmModal{
  width:min(430px,calc(100vw - 32px));
  padding:22px;
  border-radius:16px;
  background:#fff;
  box-shadow:0 24px 80px rgba(20,38,75,.24);
}

.ruyaMessageConfirmIcon{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:13px;
  border-radius:12px;
  background:#fff2f2;
  color:#ad4049;
  font-size:19px;
  font-weight:900;
}

.ruyaMessageConfirmIcon.danger{
  background:#fff0f0;
}

.ruyaMessageConfirmModal h3{
  margin:5px 0 7px;
  color:#20386d;
  font-size:18px;
  line-height:1.25;
}

.ruyaMessageConfirmModal p{
  margin:0;
  color:#78869e;
  font-size:10px;
  line-height:1.55;
}

.ruyaMessageConfirmActions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:18px;
}

.ruyaMessageConfirmActions button{
  min-height:38px;
  padding:0 14px;
  border-radius:11px;
  font-size:9px;
  font-weight:850;
}

.ruyaMessageConfirmActions button.secondary{
  border:1px solid #dfe5ee;
  background:#fff;
  color:#6f7d95;
}

.ruyaMessageConfirmActions button.danger{
  border:1px solid #a63e47;
  background:#a63e47;
  color:#fff;
}

.ruyaMessageTrashBack{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
}

.ruyaMessageTrashPanel{
  width:min(620px,calc(100vw - 28px));
  max-height:calc(100dvh - 28px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:18px;
  background:#fff;
  box-shadow:0 28px 90px rgba(20,38,75,.25);
}

.ruyaMessageTrashHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:19px 19px 15px;
  border-bottom:1px solid #edf0f5;
}

.ruyaMessageTrashHead h3{
  margin:4px 0 3px;
  color:#173679;
  font-size:18px;
}

.ruyaMessageTrashHead p{
  margin:0;
  color:#8290a7;
  font-size:9px;
  line-height:1.45;
}

.ruyaMessageTrashClose{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border:1px solid #e2e7ef;
  border-radius:10px;
  background:#fff;
  color:#66758e;
  font-size:20px;
  line-height:1;
}

.ruyaMessageTrashToolbar{
  display:flex;
  align-items:center;
  gap:7px;
  padding:10px 14px;
  border-bottom:1px solid #edf0f5;
  background:#fafbfe;
}

.ruyaMessageTrashToolbar button{
  min-height:31px;
  padding:0 10px;
  border:1px solid #dde4ef;
  border-radius:9px;
  background:#fff;
  color:#526481;
  font-size:8px;
  font-weight:850;
}

.ruyaMessageTrashToolbar button.active{
  border-color:#bfcdec;
  background:#eef3ff;
  color:#173679;
}

.ruyaMessageTrashToolbar>span{
  margin-left:auto;
  color:#8793a7;
  font-size:8px;
  font-weight:800;
}

.ruyaMessageTrashError{
  margin:10px 14px 0;
  padding:9px 11px;
  border:1px solid #f0dada;
  border-radius:10px;
  background:#fff5f5;
  color:#9d474e;
  font-size:9px;
  font-weight:750;
}

.ruyaMessageTrashBody{
  min-height:150px;
  overflow:auto;
  padding:11px 14px 15px;
}

.ruyaMessageTrashEmpty{
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#8996aa;
}

.ruyaMessageTrashEmpty>span{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:8px;
  border-radius:12px;
  background:#f0f5ff;
  color:#173679;
  font-size:18px;
  font-weight:900;
}

.ruyaMessageTrashEmpty b{
  color:#425575;
  font-size:11px;
}

.ruyaMessageTrashEmpty p{
  margin:4px 0 0;
  font-size:9px;
}

.ruyaMessageTrashRow{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px;
  margin-bottom:8px;
  border:1px solid #e9edf4;
  border-radius:13px;
  background:#fff;
}

.ruyaMessageTrashRow.selected{
  border-color:#c8d5f0;
  background:#f7f9ff;
}

.ruyaMessageTrashCheck{
  flex:0 0 auto;
}

.ruyaMessageTrashCheck input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.ruyaMessageTrashCheck span{
  width:20px;
  height:20px;
  display:block;
  border:1.5px solid #cfd8e7;
  border-radius:6px;
  background:#fff;
}

.ruyaMessageTrashCheck input:checked+span{
  position:relative;
  border-color:#173679;
  background:#173679;
}

.ruyaMessageTrashCheck input:checked+span:after{
  content:"✓";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:12px;
  font-weight:900;
}

.ruyaMessageTrashCopy{
  min-width:0;
  flex:1;
}

.ruyaMessageTrashMeta{
  display:flex;
  align-items:center;
  gap:8px;
}

.ruyaMessageTrashMeta b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#314768;
  font-size:10px;
}

.ruyaMessageTrashMeta span{
  margin-left:auto;
  color:#9aa4b6;
  font-size:7px;
  white-space:nowrap;
}

.ruyaMessageTrashCopy p{
  margin:5px 0 4px;
  color:#5f6e86;
  font-size:9px;
  line-height:1.4;
  overflow-wrap:anywhere;
}

.ruyaMessageTrashCopy small{
  color:#9aa5b7;
  font-size:7px;
}

.ruyaMessageTrashRowActions{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  gap:5px;
}

.ruyaMessageTrashRowActions button{
  min-width:74px;
  min-height:29px;
  padding:0 9px;
  border-radius:8px;
  font-size:8px;
  font-weight:850;
}

.ruyaMessageTrashRowActions .restore{
  border:1px solid #ccd8ef;
  background:#f3f6ff;
  color:#173679;
}

.ruyaMessageTrashRowActions .permanent{
  border:1px solid #efd7d8;
  background:#fff6f6;
  color:#a4474d;
}

.ruyaMessageTrashFooter{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 14px;
  border-top:1px solid #edf0f5;
  background:#fafbfe;
}

.ruyaMessageTrashFooter span{
  color:#718098;
  font-size:8px;
  font-weight:800;
}

.ruyaMessageTrashFooter button{
  min-height:34px;
  padding:0 12px;
  border:1px solid #a8424a;
  border-radius:10px;
  background:#a8424a;
  color:#fff;
  font-size:8px;
  font-weight:850;
}

@media (pointer:coarse){
  .chatBubbleRow.mine .chatBubble{
    -webkit-touch-callout:none;
    touch-action:pan-y;
  }
}

@media (max-width:620px){
  .ruyaMessageTrashOpen{
    width:34px;
    height:34px;
    min-height:34px;
    padding:0;
    border-radius:10px;
  }

  .ruyaMessageTrashOpen b{
    display:none;
  }

  .ruyaMessageTrashPanel{
    width:calc(100vw - 18px);
    max-height:calc(100dvh - 18px);
    border-radius:16px;
  }

  .ruyaMessageTrashHead{
    padding:16px 15px 13px;
  }

  .ruyaMessageTrashBody{
    padding-left:9px;
    padding-right:9px;
  }

  .ruyaMessageTrashRow{
    gap:8px;
    padding:9px;
  }

  .ruyaMessageTrashRowActions button{
    min-width:65px;
    padding:0 7px;
  }
}


/* RUYA_MESSAGE_DESKTOP_MENU_V2 */

.ruyaMessageDesktopMenu{
  display:none;
}

@media (pointer:fine) and (min-width:721px){

  .chatBubbleRow.mine{
    position:relative;
  }

  .ruyaMessageDesktopMenu{
    position:absolute;
    top:-8px;
    right:3px;
    z-index:8;

    width:28px;
    height:28px;

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

    padding:0;

    border:1px solid #dbe3ef;
    border-radius:9px;

    background:#fff;
    color:#42577b;

    box-shadow:
      0 5px 16px rgba(25,48,89,.12);

    font-size:17px;
    font-weight:800;
    line-height:1;

    opacity:0;
    visibility:hidden;
    transform:translateY(3px);

    cursor:pointer;

    transition:
      opacity .14s ease,
      transform .14s ease,
      visibility .14s ease,
      box-shadow .14s ease;
  }

  .chatBubbleRow.mine:hover
  .ruyaMessageDesktopMenu,
  .ruyaMessageDesktopMenu:focus-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }

  .ruyaMessageDesktopMenu:hover{
    border-color:#c6d2e7;
    background:#f7f9fd;
    color:#173679;

    box-shadow:
      0 7px 20px rgba(25,48,89,.16);
  }
}

@media (pointer:coarse),
       (max-width:720px){

  .ruyaMessageDesktopMenu{
    display:none !important;
  }
}


/* RUYA_CONVERSATION_TRASH_FRONTEND_V2 */

.ruyaConversationListHeadActions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:7px;
}

.ruyaConversationTrashOpen{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 9px;
  border:1px solid #dfe6f0;
  border-radius:9px;
  background:#fff;
  color:#526684;
  cursor:pointer;
  white-space:nowrap;
}

.ruyaConversationTrashOpen span{
  font-size:13px;
  line-height:1;
}

.ruyaConversationTrashOpen b{
  font-size:7px;
  font-weight:850;
}

.threadHeader .ruyaMessageTrashOpen{
  order:98;
  margin-left:auto;
}

.ruyaConversationMenuButton{
  order:99;
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:6px;
  padding:0;
  border:1px solid #dce4ef;
  border-radius:10px;
  background:#fff;
  color:#40577b;
  box-shadow:0 4px 14px rgba(25,48,89,.08);
  font-size:18px;
  font-weight:850;
  line-height:1;
  cursor:pointer;
}

.ruyaConversationMenuButton:hover{
  border-color:#c6d3e7;
  background:#f7f9fd;
  color:#173679;
}

.ruyaConversationTrashPanel{
  width:min(650px,calc(100vw - 28px));
}

@media (max-width:720px){

  .ruyaConversationListHeadActions{
    gap:5px;
  }

  .ruyaConversationTrashOpen{
    width:31px;
    height:31px;
    min-height:31px;
    padding:0;
  }

  .ruyaConversationTrashOpen b{
    display:none;
  }

  .ruyaConversationMenuButton{
    width:34px;
    height:34px;
    flex-basis:34px;
  }
}