/* 1.3.0.13.161 — Equal follow-up fields; keep the weekly timetable inside the viewport. */
.sra-app #sra-electronic-root,
.sra-app #sra-electronic-dashboard,
.sra-app .sra-electronic-class-area { min-width:0; max-width:100%; }
.sra-app #sra-electronic-loading[hidden] { display:none!important; }
.sra-app #sra-electronic-teacher-timetable {
  width:100%; min-width:0; max-width:100%; margin-top:16px; padding:14px;
  border:1px solid #d9e8e1; border-radius:18px; background:#f8fcfa;
}
.sra-app .sra-timetable-v160 .sra-teacher-timetable-head {
  display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:12px;
}
.sra-app .sra-timetable-v160 .sra-teacher-timetable-head strong {
  color:#17324d; font-size:18px; font-weight:900;
}
.sra-app .sra-timetable-v160 .sra-teacher-timetable-badge {
  padding:6px 10px; border-radius:30px; background:#e7f5ef; color:#16755b; font-size:11px; white-space:nowrap;
}
.sra-app .sra-timetable-v160 .sra-teacher-timetable-scroll {
  display:block; width:100%; min-width:0; max-width:100%; overflow-x:auto!important;
  direction:ltr!important; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain;
  border:1px solid #dce7e2; border-radius:12px; background:#fff;
  scrollbar-width:auto; scrollbar-color:#6da995 #eaf2ee;
}
.sra-app .sra-timetable-v160 .sra-teacher-timetable-scroll::-webkit-scrollbar { height:12px; }
.sra-app .sra-timetable-v160 .sra-teacher-timetable-scroll::-webkit-scrollbar-track { background:#eaf2ee; border-radius:12px; }
.sra-app .sra-timetable-v160 .sra-teacher-timetable-scroll::-webkit-scrollbar-thumb { background:#6da995; border:2px solid #eaf2ee; border-radius:12px; }
.sra-app .sra-timetable-v160 .sra-teacher-timetable-table {
  display:table; width:100%; min-width:1000px; max-width:none; table-layout:fixed;
  direction:rtl; border-collapse:separate; border-spacing:0; margin:0;
}
.sra-app .sra-timetable-v160 .sra-teacher-timetable-table th,
.sra-app .sra-timetable-v160 .sra-teacher-timetable-table td {
  text-align:center; padding:10px 7px; vertical-align:middle; border:0;
  border-bottom:1px solid #e7efeb; border-inline-end:1px solid #e7efeb;
}
.sra-app .sra-timetable-v160 .sra-teacher-timetable-table thead th {
  background:#eaf5f0; color:#244f40; font-size:13px; font-weight:900; white-space:normal;
}
.sra-app .sra-timetable-v160 .sra-teacher-timetable-table thead th:first-child,
.sra-app .sra-timetable-v160 .sra-teacher-timetable-table tbody th {
  position:sticky; right:0; width:82px; min-width:82px; z-index:2;
  background:#f2f8f5; color:#214a3c; font-size:12px; font-weight:900;
  box-shadow:-3px 0 7px rgba(25,67,50,.06);
}
.sra-app .sra-timetable-v160 .sra-teacher-timetable-table thead th:first-child { z-index:3; background:#e4f1eb; }
.sra-app .sra-timetable-v160 .sra-teacher-timetable-table select {
  display:block; width:100%; min-width:0; max-width:100%; min-height:44px; margin:0;
  padding:6px; border:1px solid #cddfd6; border-radius:9px; background:#fff;
  color:#173c32; font:inherit; font-size:12px; font-weight:800; direction:rtl;
}
.sra-app .sra-timetable-v160 .sra-timetable-slot-time {
  display:block; margin-top:5px; color:#647b70; font-size:10px; line-height:1.6;
  font-weight:650; white-space:nowrap; font-variant-numeric:tabular-nums;
}
.sra-app .sra-timetable-v160 thead .sra-timetable-slot-time { margin-top:3px; }
.sra-app .sra-timetable-v160 tbody tr:last-child > * { border-bottom:0; }
.sra-app .sra-timetable-v160 tbody tr.is-today > th { color:#0f7052; background:#e5f4ec; }
.sra-app .sra-timetable-v160 .is-current { background:#eef9f3; box-shadow:inset 0 3px #22986d; }
.sra-app .sra-timetable-v160 .sra-timetable-pan {
  display:flex; align-items:center; gap:8px; padding:8px 0 12px; color:#526d60; font-size:11px; font-weight:800;
}
.sra-app .sra-timetable-v160 .sra-timetable-pan[hidden] { display:none!important; }
.sra-app .sra-timetable-v160 .sra-timetable-pan > span { white-space:nowrap; }
.sra-app .sra-timetable-v160 .sra-timetable-pan button {
  display:grid; place-items:center; flex:0 0 36px; width:36px; min-height:36px;
  padding:0; border:1px solid #c6dfd1; border-radius:9px; background:#fff; color:#196c51;
  font-size:24px; line-height:1; cursor:pointer;
}
.sra-app .sra-timetable-v160 .sra-timetable-pan button:disabled { opacity:.35; cursor:default; }
.sra-app .sra-timetable-v160 .sra-timetable-pan input[type=range] {
  flex:1 1 0; width:0; min-width:0; min-height:36px; padding:0; margin:0;
  border:0; background:transparent; accent-color:#218863; cursor:ew-resize; direction:rtl;
}
.sra-app .sra-timetable-v160 .sra-timetable-times { margin-bottom:8px; border:1px solid #dce8e1; border-radius:12px; background:#fff; }
.sra-app .sra-timetable-v160 .sra-timetable-times > summary { padding:10px 12px; cursor:pointer; color:#226a52; font-size:13px; font-weight:850; }
.sra-app .sra-timetable-v160 .sra-timetable-times:not([open]) > :not(summary) { display:none!important; }
.sra-app .sra-timetable-v160 .sra-timetable-times p { margin:0 12px 8px!important; color:#6a7d73!important; font-size:11px!important; }
.sra-app .sra-timetable-v160 .sra-timetable-times-grid { padding:0 12px 12px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 14px; }
.sra-app .sra-timetable-v160 .sra-timetable-time-row { display:grid; grid-template-columns:48px minmax(0,1fr) minmax(0,1fr); gap:6px; align-items:center; padding-top:8px; border-top:1px solid #edf2ef; }
.sra-app .sra-timetable-v160 .sra-timetable-time-row > strong { font-size:11px; color:#365b4b; }
.sra-app .sra-timetable-v160 .sra-timetable-time-row label { display:grid; min-width:0; gap:3px; color:#687d71; font-size:10px; font-weight:750; }
.sra-app .sra-timetable-v160 .sra-timetable-time-row input {
  width:100%; min-width:0; max-width:100%; min-height:40px; padding:5px;
  border:1px solid #cfe0d5; border-radius:8px; background:#fff; color:#193b2d; font:inherit; font-size:12px; direction:ltr;
}
.sra-app .sra-timetable-v160 .sra-timetable-time-row input:disabled { opacity:1; color:#4e695a; background:#f3f7f5; }
.sra-app .sra-timetable-v160 .sra-teacher-timetable-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:12px; }
.sra-app .sra-timetable-v160 .sra-teacher-timetable-actions button { border:0; border-radius:11px; background:#168b67; color:#fff; padding:11px 16px; min-height:44px; font-weight:900; cursor:pointer; }
.sra-app .sra-timetable-v160 .sra-teacher-timetable-actions button:disabled { opacity:.6; cursor:wait; }
.sra-app .sra-timetable-v160 .sra-teacher-timetable-actions span { color:#677e70; font-size:11px; overflow-wrap:anywhere; }
.sra-app .sra-timetable-v160 .sra-teacher-timetable-actions .is-pending { color:#8b6419; }
.sra-app .sra-timetable-v160 .sra-teacher-timetable-actions .is-success { color:#15724f; }
.sra-app .sra-timetable-v160 .sra-teacher-timetable-actions .is-error { color:#b42318; }
.sra-app .sra-timetable-v160 :is(button,input,select):focus-visible { outline:3px solid #a7d8c1; outline-offset:2px; }
.sra-app #sra-electronic-class-view > .sra-class-header-v160 {
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 18px; align-items:center;
}
.sra-app .sra-class-header-v160 > * { min-width:0; }
.sra-app .sra-class-header-v160 .sra-electronic-class-head-actions { grid-column:2; grid-row:2; }
.sra-app .sra-lesson-clock {
  grid-row:1; grid-column:1/-1;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:0; width:100%; min-width:0;
  margin:0; padding:10px 0; border:1px solid #d8e8df; border-radius:16px; background:#f4faf7;
}
.sra-app .sra-lesson-clock > div { min-width:0; padding:0 8px; text-align:center; }
.sra-app .sra-lesson-clock > div + div { border-inline-start:1px solid #dbe8e1; }
.sra-app .sra-lesson-clock span { display:block; color:#74887c; font-size:10px; line-height:1.6; font-weight:700; }
.sra-app .sra-lesson-clock strong,
.sra-app .sra-lesson-clock time { display:block; color:#19432e; font-size:16px; line-height:1.8; font-weight:900; font-variant-numeric:tabular-nums; }
.sra-app .sra-lesson-clock time { white-space:nowrap; font-size:16px; }
.sra-app .sra-lesson-clock small { display:block; color:#5b7767; font-size:10px; line-height:1.6; overflow-wrap:anywhere; }
.sra-app .sra-lesson-clock.is-active .sra-lesson-clock-period { background:#e5f5ed; border-radius:10px; }
.sra-app .sra-lesson-clock.is-active .sra-lesson-clock-period strong { color:#0c8055; }
@media(max-width:720px) {
  .sra-app #sra-electronic-teacher-timetable { padding:10px; border-radius:14px; }
  .sra-app .sra-timetable-v160 .sra-teacher-timetable-head strong { font-size:16px; }
  .sra-app .sra-timetable-v160 .sra-teacher-timetable-table { min-width:1040px; }
  .sra-app .sra-timetable-v160 .sra-teacher-timetable-table select { font-size:16px; }
  .sra-app .sra-timetable-v160 .sra-teacher-timetable-table thead th:first-child,
  .sra-app .sra-timetable-v160 .sra-teacher-timetable-table tbody th { width:72px; min-width:72px; font-size:11px; }
  .sra-app .sra-timetable-v160 .sra-timetable-times-grid { grid-template-columns:minmax(0,1fr); }
  .sra-app .sra-timetable-v160 .sra-timetable-time-row input { font-size:16px; }
  .sra-app .sra-timetable-v160 .sra-timetable-pan { gap:5px; }
  .sra-app .sra-timetable-v160 .sra-timetable-pan > span { font-size:10px; }
  .sra-app .sra-timetable-v160 .sra-teacher-timetable-actions button { width:100%; }
  .sra-app #sra-electronic-class-view > .sra-class-header-v160 { grid-template-columns:minmax(0,1fr); gap:12px; }
  .sra-app .sra-class-header-v160 .sra-electronic-class-head-actions { grid-column:1; grid-row:3; }
  .sra-app .sra-lesson-clock { border-radius:13px; }
  .sra-app .sra-followup-v160 .sra-electronic-tracking-toolbar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:10px; }
  .sra-app .sra-followup-v160 .sra-electronic-tracking-title,
  .sra-app .sra-followup-v160 .sra-electronic-tracking-search { grid-column:1/-1; }
  .sra-app .sra-followup-v160 .sra-electronic-tracking-toolbar label { display:flex; flex-direction:column; align-items:stretch; align-self:stretch; gap:5px; width:100%; min-width:0; margin:0; }
  .sra-app .sra-followup-v160 .sra-electronic-tracking-toolbar label > span { margin-bottom:0; }
  .sra-app .sra-followup-v160 .sra-electronic-tracking-toolbar label > .sra-date-with-hijri {
    display:grid!important; grid-template-columns:minmax(0,1fr); align-items:stretch; gap:4px;
    width:100%!important; min-width:0; max-width:100%; margin:0!important;
  }
  .sra-app .sra-followup-v160 .sra-date-with-hijri .sra-hijri-date-companion:not(:empty) {
    min-height:0; padding:3px 6px; font-size:10px; line-height:1.5;
  }
  .sra-app .sra-followup-v160 .sra-electronic-tracking-toolbar :is(input,select) {
    width:100%; min-width:0; max-width:100%; min-height:44px; font-size:16px; -webkit-min-logical-width:0;
  }
  .sra-app .sra-followup-v160 #sra-electronic-tracking-date,
  .sra-app .sra-followup-v160 #sra-electronic-tracking-period {
    display:block!important; box-sizing:border-box!important;
    width:100%!important; inline-size:100%!important; min-width:0!important; max-width:100%!important;
    height:44px!important; min-height:44px!important; padding:0 10px!important; line-height:normal;
  }
  .sra-app .sra-followup-v160 #sra-electronic-tracking-date { appearance:none; -webkit-appearance:none; }
  .sra-app .sra-followup-v160 #sra-electronic-tracking-date::-webkit-date-and-time-value { text-align:right; }
  .sra-app .sra-followup-v160 #sra-electronic-tracking-date::-webkit-datetime-edit { padding:0; }
}
@media(max-width:350px) {
  .sra-app .sra-timetable-v160 .sra-timetable-pan > span { display:none; }
  .sra-app .sra-lesson-clock > div { padding:0 4px; }
  .sra-app .sra-lesson-clock strong,.sra-app .sra-lesson-clock time { font-size:14px; }
}
@media print {
  .sra-app .sra-timetable-v160 .sra-timetable-pan,
  .sra-app .sra-lesson-clock { display:none!important; }
}