/* =========================================================
   BEC — STUDENTS LIST MODERN (د زده‌کوونکو عصري کوچنی لیست)
   هر زده‌کوونکی یو کوچنی نرم کارت-قطار دی؛ عملیات په کوچنیو
   تڼیو او «⋯» مینو کې دي.
   ========================================================= */

#studentSection{
  --sm-ink:#0f2a4d; --sm-muted:#6f84a3; --sm-line:#e7eef8;
  --sm-blue:#0b6cf0; --sm-soft:#eaf2ff; --sm-bad:#e11d48;
}

/* کانټینر: افقي سکرول نه، ترڅو مینو پرې نه شي */
#studentSection .table-wrap{
  overflow:visible; background:transparent; box-shadow:none; border-radius:0; padding:0;
}
#studentSection .students-table.stu-list{
  min-width:0; width:100%; margin-top:6px; color:var(--sm-ink);
  border-collapse:separate; border-spacing:0 6px; background:transparent;
}

/* سرلیک: نری او آرام */
#studentSection .students-table.stu-list thead th{
  position:static; background:transparent; color:var(--sm-muted); border:0;
  font-size:11.5px; font-weight:700; padding:2px 12px; text-align:start; white-space:nowrap;
}

/* قطار = کوچنی کارت */
#studentSection .students-table.stu-list tbody tr.stu-row{
  background:#fff; box-shadow:0 1px 3px rgba(15,42,77,.07);
  transition:box-shadow .15s ease, transform .15s ease;
}
#studentSection .students-table.stu-list tbody tr.stu-row:nth-child(even){background:#fff}
#studentSection .students-table.stu-list tbody tr.stu-row:hover{
  background:#fff; box-shadow:0 4px 14px -6px rgba(11,108,240,.35);
}
#studentSection .students-table.stu-list tbody tr.stu-row.is-off{background:#fafbfd}
#studentSection .students-table.stu-list tbody tr.stu-row.is-off .stu-avatar{filter:grayscale(.7);opacity:.8}
#studentSection .students-table.stu-list tbody td{
  border:0; padding:7px 12px; text-align:start; vertical-align:middle;
  border-block:1px solid var(--sm-line); background:inherit;
}
#studentSection .students-table.stu-list tbody td:first-child{
  border-inline-start:1px solid var(--sm-line); border-start-start-radius:12px; border-end-start-radius:12px;
}
#studentSection .students-table.stu-list tbody td:last-child{
  border-inline-end:1px solid var(--sm-line); border-start-end-radius:12px; border-end-end-radius:12px;
}
#studentSection .students-table.stu-list tr.stu-empty td{
  text-align:center; padding:28px; color:var(--sm-muted); border:1px dashed var(--sm-line); border-radius:12px; background:#fff;
}

/* ۱) انځور + نوم */
#studentSection .stu-c-main{display:flex; align-items:center; gap:10px; min-width:210px}
.stu-avatar{flex:0 0 38px; width:38px; height:38px; display:block}
#studentSection .stu-avatar .student-list-photo,
#studentSection .stu-avatar .student-list-photo-fallback{
  width:38px; height:38px; display:flex; border-radius:50%; font-size:16px; font-weight:700;
  border:2px solid #fff; box-shadow:0 0 0 1.5px var(--sm-line); object-fit:cover; object-position:center 12%;
  align-items:center; justify-content:center; background:var(--sm-soft); color:var(--sm-blue);
}
.stu-txt{display:flex; flex-direction:column; min-width:0; line-height:1.35}
.stu-name{font-size:14.5px; font-weight:700; color:var(--sm-ink); overflow-wrap:anywhere}
.stu-meta{font-size:11.8px; color:var(--sm-muted)}
.stu-meta code{background:var(--sm-soft); color:var(--sm-blue); padding:0 5px; border-radius:5px; font-size:11px}
#studentSection .stu-name .fee-badge,
#studentSection .stu-name .doc-badge{
  font-size:10.5px; padding:1px 7px; border-radius:999px; font-weight:600; vertical-align:middle; margin-inline-start:3px
}
#studentSection .stu-name .fee-badge-free{background:#dbeafe; color:#1d4ed8}
#studentSection .stu-name .doc-badge{background:#f1f5f9; color:#475569}

/* ۲) کورس ۳) موبایل */
#studentSection .stu-c-course{font-size:13px}
#studentSection .stu-c-course .stu-course{display:block; font-weight:600}
#studentSection .stu-c-course small{display:block; font-size:11.5px; color:var(--sm-muted)}
#studentSection .stu-c-phone{font-size:13px; white-space:nowrap; color:#334155}
.stu-dash{color:#c3cde0}

/* ۴) حالت */
#studentSection .student-status{padding:3px 10px; font-size:12px; font-weight:700; border-radius:999px}
#studentSection .student-status.is-active{background:#dcfce7; color:#116b3a}
#studentSection .student-status.is-inactive{background:#ffe4e6; color:#be123c}
#studentSection .inactive-note{display:block; font-size:11px; color:var(--sm-muted); margin-top:2px}

/* ۵) عملیات: کوچنۍ ایکون تڼۍ */
#studentSection .stu-c-act{white-space:nowrap; text-align:end; width:1%}
.stu-pending{font-size:11.5px; color:#b45309; margin-inline-end:6px}
#studentSection .stu-list .stu-ico,
#studentSection .stu-list summary.stu-ico{
  display:inline-flex; align-items:center; justify-content:center; vertical-align:middle;
  width:32px; height:32px; padding:0; margin:0 2px; border-radius:10px; cursor:pointer;
  background:var(--sm-soft)!important; color:var(--sm-blue)!important; border:0; box-shadow:none;
  font-size:15px; line-height:1; text-shadow:none!important; list-style:none; user-select:none;
}
#studentSection .stu-list summary.stu-ico::-webkit-details-marker{display:none}
#studentSection .stu-list .stu-ico:hover,
#studentSection .stu-list details[open] > summary.stu-ico{
  background:var(--sm-blue)!important; color:#fff!important; transform:none;
}

.stu-more{display:inline-block; position:relative}
.stu-menu{
  position:absolute; inset-inline-end:0; top:calc(100% + 4px); z-index:30; min-width:170px;
  background:#fff; border:1px solid var(--sm-line); border-radius:12px; padding:5px;
  box-shadow:0 12px 28px -8px rgba(15,42,77,.3); display:flex; flex-direction:column; gap:2px;
}
#studentSection .stu-menu button{
  display:block; width:100%; text-align:start; padding:8px 10px; margin:0; border:0; border-radius:8px;
  background:transparent!important; color:var(--sm-ink)!important; font-size:13px; font-weight:600;
  box-shadow:none; text-shadow:none!important; cursor:pointer; white-space:nowrap;
}
#studentSection .stu-menu button:hover{background:var(--sm-soft)!important; transform:none}
#studentSection .stu-menu button.is-danger{color:var(--sm-bad)!important}
#studentSection .stu-menu button.is-danger:hover{background:#ffe4e6!important}

/* پاڼه بدلول */
#studentSection .stu-pager button{border-color:var(--sm-blue); color:var(--sm-blue); border-radius:10px}

/* ───────── موبایل: هر قطار یو کوچنی کارت ───────── */
@media (max-width:760px){
  #studentSection .students-table.stu-list thead{display:none}
  #studentSection .students-table.stu-list,
  #studentSection .students-table.stu-list tbody{display:block}
  #studentSection .students-table.stu-list tbody tr.stu-row{
    display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; padding:9px 11px;
    border:1px solid var(--sm-line); border-radius:14px; margin-bottom:8px;
  }
  #studentSection .students-table.stu-list tbody td{
    display:block; border:0!important; border-radius:0!important; padding:0; background:transparent;
  }
  #studentSection .stu-c-main{flex:1 1 0; min-width:0; order:1}
  #studentSection .stu-c-act{flex:0 0 auto; width:auto; order:2}
  /* دویمه کرښه: کورس · موبایل · حالت */
  #studentSection .stu-c-course{order:3; flex:0 0 auto; padding-inline-start:48px}
  #studentSection .stu-c-phone{order:4; flex:0 0 auto}
  #studentSection .stu-c-status{order:5; flex:0 0 auto; margin-inline-start:auto}
  #studentSection .stu-c-course small{display:inline; margin-inline-start:6px}
  #studentSection .stu-list .stu-ico,
  #studentSection .stu-list summary.stu-ico{width:34px; height:34px}
}