/* ==========================================
   CLASSROOM INSTRUCTOR — Managing the Students tab
   Extends adding-students.css (shell, sidebar, tabs,
   students table). Adds:
     - Sort-arrow highlight state on column headers
     - Search input focus + typed-text overlay
     - Bulk-delete bar that slides in above the table
       when one or more checkboxes are selected
     - CSV download highlight pulse
     - Edit-mode tooltip on a row
   ========================================== */

/* === Sort arrows on the students table header === */
.mc-sthd .col{display:flex;align-items:center;gap:3px;cursor:default;padding:1px 3px;border-radius:3px;transition:color .2s,background .2s}
.mc-sthd .col .arr{font-size:7px;color:#bbb;transition:color .2s}
.mc-sthd .col.hl-sort{background:#e8f0fe;color:#4285f4}
.mc-sthd .col.hl-sort .arr{color:#4285f4}

/* === Search input focus + typed text === */
.mc-search.fc{border-color:#4285f4;box-shadow:0 0 0 2px rgba(66,133,244,.1);color:#1a1a1a}
.mc-search .typed{color:#1a1a1a}

/* === CSV button highlight === */
.mc-csv.hl{background:#e8f0fe;border-color:#4285f4;color:#4285f4;transform:scale(1.15);transition:transform .2s,background .2s,border-color .2s,color .2s}

/* === Bulk-delete bar (appears above table when rows selected) === */
.mc-bulkbar{background:#fff;border:1px solid #eee;border-radius:6px;padding:5px 10px;display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:6px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;height:30px}
.mc-bulkbar.on{opacity:1;transform:translateY(0);pointer-events:auto}
.mc-bulk-del{width:22px;height:22px;border:1px solid #e54545;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#e54545;background:#fff;font-size:9px;cursor:default;transition:background .2s,transform .2s}
.mc-bulk-del.hl{background:#fde0e0;transform:scale(1.15)}
.mc-bulk-del svg{width:11px;height:11px}
.mc-bulk-count{font-size:9px;color:#666;font-weight:500}

/* === Checkbox states on the students table === */
.mc-stcb{cursor:default;transition:background .2s,border-color .2s}
.mc-stcb.checked{background:#4285f4;border-color:#4285f4;color:#fff;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center}
.mc-stcb.checked::after{content:'\2713'}

/* === Action button highlight enhanced (edit/delete) === */
.mc-action-btn{transition:background .2s,border-color .2s,transform .2s,color .2s}
.mc-action-btn.hl{background:#e8f0fe;border-color:#4285f4;color:#4285f4;transform:scale(1.2)}
.mc-action-btn.hl-del{background:#fde0e0;border-color:#e54545;color:#e54545;transform:scale(1.2)}

/* === Inline tip pop-up (for "email cannot be modified" hint) === */
.mc-inline-tip{position:absolute;background:#fffde7;border:1px solid #f0e68c;border-radius:8px;padding:6px 10px;font-size:9px;color:#5d4e00;line-height:1.4;box-shadow:0 4px 16px rgba(0,0,0,.08);max-width:200px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:50}
.mc-inline-tip.on{opacity:1;transform:translateY(0)}
.mc-inline-tip b{color:#3e3300;font-weight:600}

/* === Tab highlight (gentle) — for animation 1 === */
.mc-tab.hl{background:#f0f4ff;color:#4285f4}