/* דשבורד אדמין – החינוך החברתי */
.dlts-dept-admin,
.dlts-dept-admin *{ box-sizing: border-box; }

.dlts-dept-admin{
  --line:#e9ebef; --text:#0f172a; --muted:#64748b; --brand:#3DC1BC;
  --danger:#ef4444; --warn:#f59e0b;
  font-family:"Alef",sans-serif;
}

.dlts-dept-admin-hero{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  background: linear-gradient(135deg, #E0FBFC 0%, #F0FFF8 60%, #FFFFFF 100%);
  padding: 16px; border-radius: 16px; box-shadow: 0 6px 22px rgba(0,0,0,.06);
  margin: 8px 0 14px;
}
.dlts-dept-admin-hero h1{ margin:0; font-size: clamp(20px, 3.5vw, 28px); }
.dlts-dept-admin-hero p { margin:2px 0 0; color:var(--muted); }
.dlts-dept-admin-hero .actions { display:flex; gap:8px; flex-wrap:wrap; }

.btn{
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--line); border-radius:10px; padding:10px 14px;
  background:#fff; color:var(--text); cursor:pointer; text-decoration:none; min-width:130px;
  transition: .15s ease;
}
.btn:hover{ background:#f6f8fb; }
.btn-primary{ background:var(--brand); color:#00303b; border-color:#00a9a2; }
.btn-primary:hover{ filter: brightness(0.95); }
.btn-secondary{ background:#f1f5f9; }
.btn-danger{ background:#fee2e2; border-color:#fecaca; color:#7f1d1d; }
.btn-warning{ background:#fff7ed; border-color:#fed7aa; color:#9a3412; }

/* פריסת דף: טופס + יומן */
.dlts-dept-admin-grid{
  display:grid;
  grid-template-columns: minmax(340px, 420px) 1fr; /* טופס לא יגלוש */
  gap:20px; /* מעט יותר ריווח בין הלוח לטופס */
  align-items:start;
}
.panel{
  background:#fff; border:1px solid var(--line); border-radius:16px; padding:14px;
  box-shadow:0 6px 18px rgba(0,0,0,.05);
  overflow:hidden; /* מונע גלישות פנימיות */
}
/* קצת יותר "אוויר" לטופס מהגבולות (במיוחד מימין) */
.dlts-dept-admin-grid > aside.panel{
  padding:20px 20px 16px;
}

/* טופס – יושב נקי בתוך הפאנל */
.dlts-form{ width:100%; }
.dlts-form .row{ margin-bottom:12px; width:100%; }
.dlts-form .row.two{
  display:grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  gap:10px;
}
.dlts-form label{ display:block; font-weight:600; margin-bottom:6px; }
.dlts-form input[type="text"],
.dlts-form input[type="date"],
.dlts-form input[type="time"],
.dlts-form textarea,
.dlts-form select{
  width:100%; max-width:100%;
  border:1px solid var(--line); border-radius:12px; padding:12px; background:#fff;
  min-height:44px;
}
.dlts-form textarea{ min-height:110px; resize: vertical; }
.dlts-form .actions{ display:flex; align-items:center; gap:10px; }
.form-msg{ color:#0d9488; font-weight:600; }

/* רספונסיב */
@media (max-width: 1024px){
  .dlts-dept-admin-grid{ grid-template-columns: 1fr; }
}

/* יומן */
.calendar-panel #department-admin-calendar .fc{
  direction: rtl;
  --fc-border-color: var(--line);
  --fc-page-bg-color: #fff;
  --fc-today-bg-color: rgba(61,193,188,.1);
}
.calendar-panel #department-admin-calendar{
  background:#fff; border:1px solid var(--line);
  border-radius:16px; padding:8px; box-shadow:0 6px 18px rgba(0,0,0,.05);
}

/* אירועים צבועים במלואם (month/week/day) */
#department-admin-calendar .fc-daygrid-event,
#department-admin-calendar .fc-timegrid-event,
#department-admin-calendar .fc-timegrid-block-event{
  border:0;
  border-radius:10px;
  color:#ffffff;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}
#department-admin-calendar .fc-daygrid-event .fc-event-main,
#department-admin-calendar .fc-v-event .fc-event-main{
  color:inherit; /* טקסט לבן על רקע צבעוני */
}

/* מצב אירוע מבוטל */
.event-canceled-badge{
  display:inline-flex; align-items:center; gap:6px;
  background:#fee2e2; color:#991b1b; border:1px solid #fecaca;
  padding:4px 10px; border-radius:999px; font-size:13px; margin-inline-start:6px;
}
.event-title.is-canceled{ text-decoration: line-through; opacity:.75; }

/* מודאלים – בסיס (מותאם לפקודות שלך) */
.dlts-modal{position:fixed;inset:0;z-index:9999}
.dlts-modal[aria-hidden="true"]{display:none}
.dlts-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.4)}
@supports (backdrop-filter: blur(4px)){ .dlts-modal-backdrop{backdrop-filter: blur(4px)} }
.dlts-modal-dialog{
  position:relative;background:#fff;width:min(1100px,96vw);
  margin:4vh auto;border-radius:16px;padding:16px;box-shadow:0 12px 32px rgba(0,0,0,.15);
  max-height:92vh;overflow:auto
}
.dlts-modal-lg{width:min(1100px,96vw)}
.dlts-modal-xl{width:min(1280px,98vw)}
.dlts-modal-close{
  position:absolute; top:10px; inset-inline-end:10px; width:36px; height:36px;
  border:none; border-radius:10px; cursor:pointer; font-size:20px; line-height:1;
  background:#f1f5f9;
}
.dlts-modal-close:hover{ background:#e2e8f0; }

/* הגדרות מחלקות */
.dept-settings .inline-form{ display:flex; gap:8px; align-items:center; margin-bottom:12px; }
.dept-settings .inline-form input[type="text"]{
  flex:1; border:1px solid var(--line); border-radius:10px; padding:10px;
}
.dept-list .dept-row{
  display:grid; grid-template-columns: 1fr 140px 120px 220px; gap:10px;
  align-items:center; border:1px dashed var(--line); border-radius:12px; padding:10px; margin-bottom:10px;
}
.dept-list .dept-row .col.name{ font-weight:600; }
.dept-list .dept-row .col.actions{ display:flex; gap:8px; justify-content:flex-start; }