/* RUYA_GUIDANCE_FINAL_CSS_V1_20260926 */

.ruyaGuidanceServiceFinal,
.ruyaGuidanceStudentFile{
  box-sizing:border-box;
  width:100%;
  padding:10px 14px calc(125px + env(safe-area-inset-bottom));
  background:#fff;
}

.ruyaGuidanceServiceHero{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:13px;
  align-items:center;
  padding:17px;
  border:1px solid #e6ebf3;
  border-radius:24px;
  background:linear-gradient(145deg,#fff,#f7f8fd);
  box-shadow:0 8px 26px rgba(34,48,82,.06);
}

.ruyaGuidanceServiceIcon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:17px;
  background:#f0edff;
  color:#7253bd;
}

.ruyaGuidanceServiceHero small,
.ruyaGuidanceSectionTitle small,
.ruyaGuidanceQuick>small,
.ruyaGuidanceStudentHeroText small{
  display:block;
  margin-bottom:4px;
  color:#929bad;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
}

.ruyaGuidanceServiceHero h1,
.ruyaGuidanceStudentHero h1{
  margin:0;
  color:#192842;
  font-size:23px;
  line-height:1.08;
}

.ruyaGuidanceServiceHero p{
  margin:6px 0 0;
  color:#737f92;
  font-size:12px;
  line-height:1.4;
}

.ruyaGuidanceSmallStats{
  display:flex;
  gap:7px;
  margin:9px 0 11px;
}

.ruyaGuidanceSmallStats span{
  padding:7px 10px;
  border:1px solid #e8ecf2;
  border-radius:12px;
  color:#8590a3;
  font-size:10.5px;
}

.ruyaGuidanceSmallStats b{
  color:#243653;
  font-size:14px;
}

.ruyaGuidanceSearch{
  display:grid;
  grid-template-columns:22px 1fr;
  gap:8px;
  align-items:center;
  height:48px;
  margin-bottom:9px;
  padding:0 13px;
  border:1px solid #e3e8ef;
  border-radius:16px;
  background:#f8f9fc;
  color:#657691;
}

.ruyaGuidanceSearch input{
  width:100%;
  height:100%;
  padding:0;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  font:inherit;
  font-size:12px;
}

.ruyaGuidanceSearchResults{
  display:grid;
  gap:6px;
  margin-bottom:10px;
  padding:7px;
  border:1px solid #e6ebf2;
  border-radius:17px;
  background:#fff;
}

.ruyaGuidanceSearchResults button{
  display:grid;
  grid-template-columns:42px 1fr 20px;
  gap:9px;
  align-items:center;
  min-height:55px;
  padding:7px;
  border:0;
  border-radius:12px;
  background:#fff;
  text-align:left;
}

.ruyaGuidanceSearchResults .avatar{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
}

.ruyaGuidanceSearchResults b{
  display:block;
  color:#24314a;
  font-size:12px;
}

.ruyaGuidanceSearchResults small{
  color:#8994a7;
  font-size:10px;
}

.ruyaGuidanceSearchResults i{
  color:#8b95a5;
  font-style:normal;
  font-size:19px;
}

.ruyaGuidanceMainCards{
  display:grid;
  gap:8px;
  margin-bottom:14px;
}

.ruyaGuidanceMainCards button{
  display:grid;
  grid-template-columns:45px 1fr 25px;
  gap:10px;
  align-items:center;
  min-height:68px;
  padding:10px 11px;
  border:1px solid #e6ebf2;
  border-radius:18px;
  background:#fff;
  text-align:left;
  box-shadow:0 4px 15px rgba(35,48,80,.045);
}

.ruyaGuidanceMainCards button>span{
  width:45px;
  height:45px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#edf4ff;
  color:#3e69b5;
}

.ruyaGuidanceMainCards button:nth-child(2)>span{
  background:#f2efff;
  color:#7754bd;
}

.ruyaGuidanceMainCards button:nth-child(3)>span{
  background:#eef8f5;
  color:#34836d;
}

.ruyaGuidanceMainCards b{
  display:block;
  color:#202f4a;
  font-size:13px;
}

.ruyaGuidanceMainCards small{
  display:block;
  margin-top:2px;
  color:#8b95a6;
  font-size:10px;
}

.ruyaGuidanceMainCards i{
  color:#8792a4;
  font-style:normal;
  font-size:20px;
}

.ruyaGuidanceRecent,
.ruyaGuidanceSection{
  margin-bottom:12px;
  padding:14px;
  border:1px solid #e6ebf2;
  border-radius:21px;
  background:#fff;
  box-shadow:0 6px 20px rgba(35,48,80,.045);
}

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

.ruyaGuidanceSectionTitle h2{
  margin:0;
  color:#1d2c48;
  font-size:16px;
}

.ruyaGuidanceSectionTitle>button{
  min-height:32px;
  padding:6px 9px;
  border:1px solid #e1e7ef;
  border-radius:10px;
  background:#f7f9fc;
  color:#415a7a;
  font-size:10px;
  font-weight:700;
}

.ruyaGuidanceRecentList{
  display:grid;
  gap:7px;
}

.ruyaGuidanceRecentList button{
  display:grid;
  grid-template-columns:39px 1fr 20px;
  gap:9px;
  align-items:center;
  width:100%;
  padding:9px;
  border:1px solid #edf0f5;
  border-radius:14px;
  background:#fafbfd;
  text-align:left;
}

.ruyaGuidanceRecentList .kind{
  width:39px;
  height:39px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#edf4ff;
  color:#416bb6;
}

.ruyaGuidanceRecentList .kind.evaluation{
  background:#f2efff;
  color:#7755bd;
}

.ruyaGuidanceRecentList b{
  display:block;
  color:#26354e;
  font-size:11.5px;
}

.ruyaGuidanceRecentList small{
  color:#8994a5;
  font-size:9.5px;
}

.ruyaGuidanceRecentList i{
  color:#8993a4;
  font-style:normal;
}

.ruyaGuidanceQuick{
  margin-top:14px;
}

.ruyaGuidanceQuick>div{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.ruyaGuidanceQuick button{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:37px;
  padding:7px 10px;
  border:1px solid #e4e9f0;
  border-radius:12px;
  background:#fff;
  color:#455774;
  font-size:10px;
  font-weight:700;
}

.ruyaGuidanceStudentHero{
  display:grid;
  grid-template-columns:78px 1fr;
  gap:13px;
  align-items:center;
  padding:15px;
  border:1px solid #e5eaf2;
  border-radius:23px;
  background:linear-gradient(145deg,#fff,#f7f8fd);
}

.ruyaGuidanceStudentHero>.avatar.big{
  width:78px!important;
  height:78px!important;
  min-width:78px!important;
  border-radius:22px!important;
  object-fit:cover!important;
}

.ruyaGuidanceStudentHeroText p{
  margin:5px 0 0;
  color:#788398;
  font-size:11px;
}

.ruyaGuidanceInfoButton{
  grid-column:1/-1;
  min-height:40px;
  border:1px solid #dde4ee;
  border-radius:13px;
  background:#fff;
  color:#3a5377;
  font-size:11px;
  font-weight:750;
}

.ruyaGuidanceSummary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin:9px 0;
}

.ruyaGuidanceSummary article{
  padding:9px 6px;
  border:1px solid #e8edf3;
  border-radius:14px;
  text-align:center;
}

.ruyaGuidanceSummary b{
  display:block;
  color:#233755;
  font-size:17px;
}

.ruyaGuidanceSummary span{
  color:#8a95a7;
  font-size:9px;
}

.ruyaGuidanceActions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-bottom:11px;
}

.ruyaGuidanceActions button{
  display:grid;
  place-items:center;
  gap:5px;
  min-height:60px;
  padding:7px 4px;
  border:1px solid #e5eaf2;
  border-radius:15px;
  background:#fff;
  color:#425979;
  font-size:9px;
  font-weight:700;
}

.ruyaGuidanceTimeline{
  display:grid;
  gap:8px;
}

.ruyaGuidanceTimeline article{
  padding:11px;
  border:1px solid #e9edf3;
  border-radius:15px;
  background:#fafbfd;
}

.ruyaGuidanceRecordMeta{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-bottom:6px;
  color:#8b95a6;
  font-size:9px;
  font-weight:700;
}

.ruyaGuidanceTimeline h3{
  margin:0;
  color:#24324c;
  font-size:12px;
}

.ruyaGuidanceTimeline p{
  margin:6px 0 0;
  color:#657187;
  font-size:10.5px;
  line-height:1.45;
  white-space:pre-wrap;
}

.ruyaGuidanceSubNote{
  display:grid;
  gap:3px;
  margin-top:8px;
  padding:8px;
  border-radius:11px;
  background:#f0f3f7;
}

.ruyaGuidanceSubNote b{
  color:#53627a;
  font-size:9px;
}

.ruyaGuidanceSubNote span{
  color:#68748a;
  font-size:10px;
  line-height:1.4;
  white-space:pre-wrap;
}

.ruyaGuidanceFollow{
  display:inline-block;
  margin-top:7px;
  padding:4px 7px;
  border-radius:8px;
  background:#edf4ff;
  color:#466a9d;
  font-size:9px;
}

.ruyaGuidanceAppointmentList{
  display:grid;
  gap:6px;
}

.ruyaGuidanceAppointmentList article{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  align-items:center;
  padding:9px;
  border:1px solid #e9edf3;
  border-radius:13px;
  background:#fafbfd;
}

.ruyaGuidanceAppointmentList b{
  display:block;
  color:#27354f;
  font-size:10.5px;
}

.ruyaGuidanceAppointmentList small{
  color:#8a94a5;
  font-size:9px;
}

.ruyaGuidanceAppointmentList>article>span{
  padding:4px 6px;
  border-radius:8px;
  background:#edf2f7;
  color:#647288;
  font-size:8.5px;
  font-weight:700;
}

.ruyaGuidanceEmpty{
  padding:15px 11px;
  border:1px dashed #dde4ed;
  border-radius:14px;
  background:#fafbfd;
  color:#8792a4;
  font-size:10.5px;
  text-align:center;
}

/* BILGI MODALI */

.ruyaGuidanceInfoOverlay{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:rgba(19,30,54,.35);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}

.ruyaGuidanceInfoSheet{
  position:relative;
  width:min(620px,100%);
  max-height:94dvh;
  overflow:auto;
  border-radius:28px 28px 0 0;
  background:#fff;
}

.ruyaGuidanceInfoClose{
  position:absolute;
  z-index:2;
  top:14px;
  right:14px;
  width:40px;
  height:40px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#34445f;
  font-size:25px;
}

.ruyaGuidanceInfoHero{
  display:grid;
  grid-template-columns:112px 1fr;
  gap:17px;
  align-items:center;
  padding:
    calc(22px + env(safe-area-inset-top))
    62px
    22px
    18px;
  background:linear-gradient(145deg,#eff3ff,#f4efff);
}

.ruyaGuidanceInfoHero .avatar.big{
  width:112px!important;
  height:112px!important;
  min-width:112px!important;
  border-radius:28px!important;
  object-fit:cover!important;
}

.ruyaGuidanceInfoHero small{
  display:block;
  color:#8490a5;
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
}

.ruyaGuidanceInfoHero h2{
  margin:5px 0 0;
  color:#172944;
  font-size:23px;
}

.ruyaGuidanceInfoHero p{
  margin:5px 0 0;
  color:#6f7d92;
  font-size:11px;
}

.ruyaGuidanceInfoBody{
  display:grid;
  gap:10px;
  padding:14px 14px calc(24px + env(safe-area-inset-bottom));
}

.ruyaGuidanceInfoBody section{
  padding:13px;
  border:1px solid #e7ebf2;
  border-radius:17px;
  background:#fff;
}

.ruyaGuidanceInfoBody h3{
  margin:0 0 7px;
  color:#253550;
  font-size:12px;
}

.ruyaGuidanceInfoRow{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  padding:7px 0;
  border-top:1px solid #f0f2f6;
}

.ruyaGuidanceInfoRow small{
  color:#8792a5;
  font-size:9.5px;
}

.ruyaGuidanceInfoRow b{
  color:#35445d;
  font-size:9.8px;
  text-align:right;
}

/* FORM */

.ruyaGuidanceFormOverlay{
  position:fixed;
  inset:0;
  z-index:2147483100;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:rgba(19,30,54,.35);
}

.ruyaGuidanceForm{
  width:min(620px,100%);
  max-height:93dvh;
  overflow:auto;
  padding:16px 14px calc(20px + env(safe-area-inset-bottom));
  border-radius:26px 26px 0 0;
  background:#fff;
}

.ruyaGuidanceForm header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  margin-bottom:12px;
}

.ruyaGuidanceForm header small{
  color:#929bab;
  font-size:9px;
  font-weight:700;
}

.ruyaGuidanceForm header h2{
  margin:3px 0 0;
  color:#1d2c47;
  font-size:18px;
}

.ruyaGuidanceForm header button{
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#f2f4f7;
  font-size:24px;
}

.ruyaGuidanceForm label{
  display:grid;
  gap:5px;
  margin-bottom:9px;
}

.ruyaGuidanceForm label span{
  color:#69758a;
  font-size:10px;
  font-weight:700;
}

.ruyaGuidanceForm input,
.ruyaGuidanceForm select,
.ruyaGuidanceForm textarea{
  box-sizing:border-box;
  width:100%;
  min-height:43px;
  padding:9px 10px;
  border:1px solid #dfe5ed;
  border-radius:11px;
  outline:0;
  background:#fff;
  font:inherit;
  font-size:11px;
}

.ruyaGuidanceFormError{
  margin:7px 0;
  padding:8px;
  border-radius:10px;
  background:#fff0f0;
  color:#9b4444;
  font-size:10px;
}

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

.ruyaGuidanceFormButtons button{
  min-height:42px;
  border:0;
  border-radius:12px;
  background:#f0f3f7;
  color:#536178;
  font-size:11px;
  font-weight:700;
}

.ruyaGuidanceFormButtons button[type="submit"]{
  background:#173f96;
  color:#fff;
}

/* SINIF DETAY GERI OK */

.ruyaGuidanceClassHubPremium
.v23TeacherClassDetailHead.ruyaGuidanceNoBack{
  grid-template-columns:1fr!important;
}

/* TAKVIM SALT OKUNUR */

.ruyaGuidanceCalendarOnly{
  padding-bottom:calc(115px + env(safe-area-inset-bottom));
}

.ruyaGuidanceCalendarNote{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:9px;
  align-items:center;
  margin:10px 14px 5px;
  padding:10px 11px;
  border:1px solid #e4e9f1;
  border-radius:15px;
  background:#f7f9fc;
  color:#48617f;
}

.ruyaGuidanceCalendarNote b{
  display:block;
  color:#2e405e;
  font-size:11px;
}

.ruyaGuidanceCalendarNote small{
  display:block;
  margin-top:2px;
  color:#8390a2;
  font-size:9px;
  line-height:1.35;
}

@media(min-width:600px){
  .ruyaGuidanceMainCards{
    grid-template-columns:repeat(3,1fr);
  }

  .ruyaGuidanceStudentHero{
    grid-template-columns:90px 1fr auto;
  }

  .ruyaGuidanceStudentHero>.avatar.big{
    width:90px!important;
    height:90px!important;
    min-width:90px!important;
  }

  .ruyaGuidanceInfoButton{
    grid-column:auto;
    padding:0 14px;
  }
}

/* RUYA_GUIDANCE_UX_FIX_V3_20260926 */

/* ===============================================
   OGRENCI BILGILERI MODAL
   viewport merkezinde acilir
   =============================================== */

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

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

  box-sizing:border-box!important;

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

  overflow:hidden!important;
}

.ruyaGuidanceInfoSheet{
  width:min(620px,100%)!important;
  max-height:88dvh!important;

  margin:0!important;

  border-radius:26px!important;

  overflow:auto!important;
  overscroll-behavior:contain!important;

  box-shadow:
    0 24px 70px
    rgba(22,35,65,.26)!important;
}


/* ===============================================
   REHBERLIK TAKVIM DETAY
   Hedef / Paylasan / Goruntulenme yok
   baslik + tarih + icerik + dosya ekleri kalir
   =============================================== */

.ruyaGuidanceCalendarOnly
.ruyaCalendarDetailMeta{
  display:none!important;
}

.ruyaGuidanceCalendarOnly
.ruyaCalendarDetailFooter{
  display:none!important;
}

.ruyaGuidanceCalendarOnly
.ruyaCalendarDetailContent{
  margin-top:14px!important;
}


/* ===============================================
   TEK OGRENCI MESAJ ARAMA
   =============================================== */

.ruyaTeacherStudentSearchField{
  position:relative;
}

.ruyaTeacherStudentSearchBox{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  gap:8px;
  align-items:center;

  min-height:48px;

  padding:0 12px;

  border:1px solid #dfe5ed;
  border-radius:14px;

  background:#f8f9fc;

  color:#63728a;
}

.ruyaTeacherStudentSearchBox input{
  width:100%;
  min-width:0;
  height:46px;

  padding:0!important;

  border:0!important;
  outline:0!important;
  box-shadow:none!important;

  background:transparent!important;

  color:#22304a;

  font:inherit;
  font-size:13px;
}

.ruyaTeacherStudentSelected{
  display:grid;
  grid-template-columns:
    46px
    minmax(0,1fr)
    34px;

  gap:9px;
  align-items:center;

  margin-top:8px;
  padding:8px;

  border:1px solid #dfe6ef;
  border-radius:15px;

  background:#f8faff;
}

.ruyaTeacherStudentSelected .avatar{
  width:46px!important;
  height:46px!important;

  border-radius:14px!important;
}

.ruyaTeacherStudentSelected b{
  display:block;

  color:#22314b;

  font-size:12px;
}

.ruyaTeacherStudentSelected small{
  display:block;

  margin-top:2px;

  color:#8691a3;

  font-size:10px;
}

.ruyaTeacherStudentSelected>button{
  width:32px;
  height:32px;

  display:grid;
  place-items:center;

  border:0;
  border-radius:50%;

  background:#edf1f6;

  color:#5c6b81;

  font-size:20px;
}

.ruyaTeacherStudentSearchResults{
  display:grid;
  gap:5px;

  max-height:260px;
  overflow:auto;

  margin-top:7px;
  padding:6px;

  border:1px solid #e1e6ee;
  border-radius:15px;

  background:#fff;

  box-shadow:
    0 10px 26px
    rgba(32,46,76,.09);
}

.ruyaTeacherStudentSearchResults>button{
  display:grid;

  grid-template-columns:
    42px
    minmax(0,1fr)
    20px;

  gap:9px;
  align-items:center;

  width:100%;
  min-height:54px;

  padding:6px;

  border:0;
  border-radius:11px;

  background:#fff;

  text-align:left;
}

.ruyaTeacherStudentSearchResults>button:active{
  background:#f3f6fa;
}

.ruyaTeacherStudentSearchResults .avatar{
  width:42px!important;
  height:42px!important;

  border-radius:13px!important;
}

.ruyaTeacherStudentSearchResults b{
  display:block;

  color:#25324b;

  font-size:11.5px;
}

.ruyaTeacherStudentSearchResults small{
  display:block;

  margin-top:2px;

  color:#8994a5;

  font-size:9.5px;
}

.ruyaTeacherStudentSearchResults i{
  justify-self:end;

  color:#8994a5;

  font-style:normal;
  font-size:19px;
}

.ruyaTeacherStudentSearchEmpty{
  padding:14px 8px;

  color:#8994a6;

  font-size:10.5px;
  text-align:center;
}

@media(max-width:600px){

  .ruyaGuidanceInfoSheet{
    width:100%!important;
    max-height:88dvh!important;

    border-radius:24px!important;
  }

  .ruyaTeacherStudentSearchResults{
    max-height:240px;
  }
}