/* RÜYA AİLEM V2.1.2 — Teacher UX Final Local */

/* Teacher hero: keep the exact reference art but dissolve the left edge into the pastel card. */
.role-teacher .ruya-r792-teacher-hero {
  isolation:isolate;
  background:
    radial-gradient(circle at 23% 23%, rgba(255,255,255,.92) 0 10%, transparent 37%),
    linear-gradient(116deg,#f4efff 0%,#f1eaff 56%,#fff0bd 100%) !important;
}
.role-teacher .ruya-r792-teacher-hero::before {
  content:"";
  position:absolute;
  z-index:1;
  inset:0 36% 0 0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(247,243,255,.98) 0%,rgba(245,239,255,.92) 56%,rgba(245,239,255,.18) 100%);
}
.role-teacher .ruya-r792-teacher-hero > img {
  right:-2px !important;
  width:min(43%,310px) !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:right center !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 8%,rgba(0,0,0,.72) 28%,#000 47%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 8%,rgba(0,0,0,.72) 28%,#000 47%,#000 100%);
  filter:drop-shadow(0 10px 13px rgba(72,48,106,.07)) !important;
}
.role-teacher .ruya-r792-teacher-hero .ruya-r792-hero-copy { z-index:3; }

/* Shared bottom sheet behavior */
.ruya-r793-sheet-back {
  padding:0 !important;
  background:rgba(42,47,58,.40) !important;
  -webkit-backdrop-filter:blur(8px) saturate(.82);
  backdrop-filter:blur(8px) saturate(.82);
}
.ruya-r793-sheet {
  position:relative;
  width:min(100%,620px) !important;
  max-height:min(86dvh,820px) !important;
  border:1px solid rgba(220,226,235,.95) !important;
  border-radius:32px 32px 0 0 !important;
  padding:21px 20px calc(20px + env(safe-area-inset-bottom)) !important;
  box-shadow:0 -22px 58px rgba(26,31,45,.20) !important;
}
.ruya-r793-sheet-handle {
  width:42px;
  height:5px;
  margin:-9px auto 18px;
  border-radius:99px;
  background:#d6e0e8;
}
.ruya-r793-sheet > header {
  padding:0 3px 17px;
  margin:0 0 18px !important;
  border-bottom:1px solid #e8edf2;
}
.ruya-r793-sheet > header small {
  color:#8a6d9f !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
}
.ruya-r793-sheet > header h2 {
  margin-top:5px !important;
  color:#24384b !important;
  font-size:25px !important;
  line-height:1.08;
  font-weight:900 !important;
}
.ruya-r793-sheet > header > button {
  width:48px !important;
  height:48px !important;
  border-radius:16px !important;
  background:#f6f0fa !important;
  color:#73527e !important;
  font-size:30px !important;
  font-weight:500;
}

/* Exact teacher "Tüm Modüller" sheet */
.ruya-r793-modules-sheet .ruya-r793-sheet-grid {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:11px 12px !important;
}
.ruya-r793-modules-sheet .ruya-r793-sheet-grid > button {
  min-height:74px !important;
  border:1px solid #dfe7ed !important;
  border-radius:19px !important;
  grid-template-columns:47px minmax(0,1fr) 12px !important;
  gap:11px !important;
  padding:10px 13px !important;
  background:#fbfcfd !important;
  color:#3d556a !important;
  box-shadow:none !important;
}
.ruya-r793-modules-sheet .ruya-r793-sheet-grid > button > span {
  width:47px !important;
  height:47px !important;
  border-radius:15px !important;
  background:#eef5f8 !important;
  color:#4a6c86 !important;
}
.ruya-r793-modules-sheet .ruya-r793-sheet-grid b {
  color:#40586c;
  font-size:13.5px !important;
  font-weight:850;
  white-space:normal !important;
}
.ruya-r793-modules-sheet .ruya-r793-sheet-grid i { color:#9aabb7 !important; font-size:22px; }

/* Exact profile/logout bottom sheet */
.ruya-r793-profile-view-sheet { padding-bottom:calc(22px + env(safe-area-inset-bottom)) !important; }
.ruya-r793-profile-view-sheet .ruya-r793-profile-card {
  min-height:94px;
  gap:16px !important;
  padding:17px 20px !important;
  border:1px solid #dfe8ee;
  border-radius:22px !important;
  background:linear-gradient(112deg,#f8fbfc,#faf7ff) !important;
}
.ruya-r793-profile-view-sheet .ruya-r793-profile-card > span {
  width:61px !important;
  height:61px !important;
  border-radius:17px !important;
  background:#eaf2f5 !important;
  color:#486276 !important;
  font-size:17px;
}
.ruya-r793-profile-view-sheet .ruya-r793-profile-card b { color:#344d61 !important; font-size:18px !important; }
.ruya-r793-profile-view-sheet .ruya-r793-profile-card small { color:#8d9dab !important; font-size:13px; }
.ruya-r793-logout-card {
  min-height:83px !important;
  margin-top:18px !important;
  border:1px solid #efdadd !important;
  border-radius:20px !important;
  justify-content:flex-start !important;
  gap:15px !important;
  padding:15px 20px !important;
  background:#fffafa !important;
  color:#956264 !important;
  text-align:left !important;
}
.ruya-r793-logout-icon { width:38px; display:grid; place-items:center; color:#9a6467; }
.ruya-r793-logout-copy { display:block; }
.ruya-r793-logout-copy b,.ruya-r793-logout-copy small { display:block; }
.ruya-r793-logout-copy b { color:#936062; font-size:15px; font-weight:900; }
.ruya-r793-logout-copy small { margin-top:4px; color:#9aa8b2; font-size:12px; font-weight:650; }

/* Teacher Daily: horizontal student rail + one selected report form */
.role-teacher .teacherDailySingleScreen {
  padding:18px 18px 110px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}
.teacherDailyCompactHead {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.teacherDailyCompactHead small { display:block; color:#7950c7; font-size:10px; font-weight:900; letter-spacing:.12em; }
.teacherDailyCompactHead h3 { margin:3px 0 2px; color:#1d3350; font-size:23px; line-height:1.05; }
.teacherDailyCompactHead p { margin:0; color:#7b8aa1; font-size:13px; }
.teacherStudentScroller {
  display:flex;
  gap:9px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  padding:4px 2px 12px;
  margin:0 -2px 10px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.teacherStudentScroller::-webkit-scrollbar { display:none; }
.teacherStudentChip {
  position:relative;
  flex:0 0 76px;
  scroll-snap-align:start;
  min-height:96px;
  border:1px solid #e2e8ef;
  border-radius:19px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:8px 5px;
  background:#fff;
  color:#53677b;
  box-shadow:0 4px 14px rgba(32,54,80,.04);
}
.teacherStudentChip .avatar { width:43px !important; height:43px !important; flex:0 0 43px !important; border-radius:14px !important; font-size:12px !important; }
.teacherStudentChip > span { min-width:0; width:100%; text-align:center; }
.teacherStudentChip b { display:block; overflow:hidden; color:#3b5368; font-size:11.5px; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
.teacherStudentChip small { display:block; margin-top:2px; color:#a08aa8; font-size:9px; font-weight:750; }
.teacherStudentChip.done::after {
  content:"✓";
  position:absolute;
  top:5px;
  right:5px;
  width:18px;
  height:18px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#47bd85;
  color:#fff;
  font-size:10px;
  font-weight:900;
}
.teacherStudentChip.active {
  border-color:#7a3fee;
  background:linear-gradient(155deg,#faf7ff,#f2ecff);
  box-shadow:0 7px 18px rgba(100,55,215,.16);
  transform:translateY(-1px);
}
.teacherStudentChip.active b { color:#5c2cc3; }
.teacherDailySingleScreen .teacherDailyNav {
  margin:0 0 16px;
  padding:13px 14px;
  border:1px solid #e3e9ef;
  border-radius:20px;
  background:linear-gradient(112deg,#f9fbfd,#faf7ff);
}
.teacherDailySelectedLabel { color:#8c99a8; font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.teacherDailySingleScreen .teacherDailyCurrent { flex:1; }
.teacherDailySingleScreen .teacherDailyPrevNext { margin-left:auto; }
.teacherDailySingleScreen .trackingBlock,
.teacherDailySingleScreen .dailyActivitiesBlock,
.teacherDailySingleScreen .assessmentGrid { border-radius:22px; }
.teacherDailySingleScreen .dailyMealNoteRow {
  padding:13px;
  border:1px solid #e6ecf1;
  border-radius:18px;
  background:#fcfdff;
}
.teacherDailySaveWrap {
  position:sticky;
  z-index:20;
  bottom:calc(82px + env(safe-area-inset-bottom));
  margin:20px -6px -4px;
  padding:9px 6px 4px;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 24%,#fff 100%);
}
.teacherDailySaveWrap > small { display:block; margin:0 3px 7px; color:#8391a3; font-size:10px; text-align:center; }
.teacherDailySaveActions { margin:0 !important; }
.teacherDailySaveButton { min-height:54px !important; }

@media (max-width:680px) {
  .ruya-r793-sheet { width:100% !important; max-height:88dvh !important; border-radius:30px 30px 0 0 !important; }
  .ruya-r793-modules-sheet .ruya-r793-sheet-grid > button { min-height:68px !important; padding:8px 10px !important; }
  .role-teacher .ruya-r792-teacher-hero > img { width:47% !important; }
  .role-teacher .ruya-r792-teacher-hero::before { inset:0 32% 0 0; }
  .teacherDailySingleScreen { padding:14px 12px 112px !important; }
  .teacherStudentChip { flex-basis:71px; min-height:91px; }
  .teacherDailyCompactHead h3 { font-size:20px; }
  .teacherDailySaveActions { display:grid !important; grid-template-columns:.7fr 1.3fr !important; gap:8px !important; }
}


/* RÜYA AİLEM V2.1.3 — Teacher menu + feature-card visual polish */
@media (max-width: 980px) {
  /* The + action is now the app's MENU entry, not a separate quick-action concept. */
  .ruya-r793-bottom-nav .ruya-r793-quick-button small {
    text-transform: uppercase;
    letter-spacing: .02em;
  }

  /* Make the six teacher home cards read as one coherent surface.
     The source illustrations include their own pastel background; enlarge/crop and
     feather the transition instead of showing a hard rectangular cut. */
  .role-teacher .ruya-r792-feature-card {
    grid-template-columns: minmax(0, 42%) minmax(0, 58%) !important;
    column-gap: 10px !important;
    align-items: stretch !important;
    padding: 0 13px 0 0 !important;
    isolation: isolate;
  }
  .role-teacher .ruya-r792-feature-card > img {
    align-self: stretch !important;
    justify-self: stretch !important;
    width: calc(100% + 14px) !important;
    height: 100% !important;
    max-height: none !important;
    min-height: 100% !important;
    margin: 0 0 0 -5px !important;
    border-radius: 20px 0 0 20px !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: scale(1.055);
    transform-origin: left center;
    filter: none !important;
    -webkit-mask-image: linear-gradient(90deg,#000 0%,#000 70%,rgba(0,0,0,.94) 78%,rgba(0,0,0,.62) 89%,transparent 100%);
    mask-image: linear-gradient(90deg,#000 0%,#000 70%,rgba(0,0,0,.94) 78%,rgba(0,0,0,.62) 89%,transparent 100%);
  }
  .role-teacher .ruya-r792-feature-card > div {
    align-self: center !important;
    min-width: 0 !important;
    padding: 13px 0 13px 2px !important;
  }
  .role-teacher .ruya-r792-feature-card h3,
  .role-teacher .ruya-r792-feature-card p,
  .role-teacher .ruya-r792-feature-card div > span {
    position: relative;
    z-index: 3;
    max-width: 100%;
  }
  .role-teacher .ruya-r792-feature-card h3 {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
    line-height: 1.05 !important;
  }
  .role-teacher .ruya-r792-feature-card p {
    line-height: 1.23 !important;
  }
  .role-teacher .ruya-r792-feature-card div > span {
    white-space: normal !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 390px) {
  .role-teacher .ruya-r792-feature-card {
    grid-template-columns: minmax(0, 40%) minmax(0, 60%) !important;
    column-gap: 7px !important;
    padding-right: 9px !important;
  }
  .role-teacher .ruya-r792-feature-card > div { padding-left: 1px !important; }
  .role-teacher .ruya-r792-feature-card h3 { font-size: clamp(13px, 3.8vw, 16px) !important; }
  .role-teacher .ruya-r792-feature-card p { font-size: clamp(9px, 2.6vw, 11px) !important; }
}