/* ==========================================
   CLASSROOM INSTRUCTOR — File upload
   Reuses pro/user/file-upload.css for shell, df-* sidebar,
   sc-dashfull, upload zone, tabs, form fields, ga-toast.

   Adds:
     - Instructor sidebar — extra "My Classes" nav row, tighter spacing
     - Instructor avatar tint
     - 2-option language menu (Non English + English) per instructor doc
     - Tooltip helper (re-uses .nf-tip pattern from new-folder)
   ========================================== */

/* Instructor sidebar — tighter to fit 6 nav items */
.if-side .df-nav{padding:6px 10px;font-size:9.5px}

/* Instructor avatar */
.if-av{background:#6a42c1!important}

/* 2-row language menu position */
.if-lang-menu{position:absolute;bottom:48px;right:12px;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);z-index:22;opacity:0;transform:translateY(8px) scale(.92);pointer-events:none;transition:opacity .25s ease,transform .25s ease;padding:6px 0;min-width:130px}
.if-lang-menu.on{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.if-lang-row{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:9px;color:#444;border-top:1px solid #f0f0f0}
.if-lang-row:first-child{border-top:none}
.if-lang-row.hl{background:#f0f4ff}
.if-lang-ico{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.if-lang-ico.eng{background:#4caf50}
.if-lang-ico.non{background:#4285f4}
.if-lang-ico svg{width:12px;height:12px}

/* FAB highlight ring (matches new-folder fab-glow) */
.um-fab.fab-glow{box-shadow:0 0 0 3px rgba(228,67,67,.55),0 4px 12px rgba(228,67,67,.35)}

/* === Floating tooltip (same pattern as new-folder) === */
.if-tip{position:absolute;background:#1a1a1a;color:#fff;border-radius:5px;padding:4px 8px;font-size:9px;font-weight:500;box-shadow:0 4px 14px rgba(0,0,0,.22);pointer-events:none;opacity:0;transform:translateY(-3px);transition:opacity .2s ease,transform .2s ease,top .35s cubic-bezier(.4,0,.2,1),left .35s cubic-bezier(.4,0,.2,1);z-index:60;white-space:nowrap;line-height:1.3;max-width:200px}
.if-tip.on{opacity:1;transform:translateY(0)}
.if-tip::after{content:'';position:absolute;top:-4px;left:var(--arrow-x,12px);width:0;height:0;border:4px solid transparent;border-bottom-color:#1a1a1a;border-top:0}
.if-tip.flip::after{top:auto;bottom:-4px;border-bottom:0;border-top:4px solid #1a1a1a}
.if-tip .typed{display:inline-block;min-width:6px}

/* Folder row Next-arrow highlight */
.if-next-btn{transition:background .2s,transform .2s,color .2s;display:inline-flex;align-items:center;justify-content:center}
.if-next-btn.hl{background:#e8f0fe!important;border-color:#4285f4!important;color:#4285f4!important;transform:scale(1.15)}

/* Tab highlight pulse used while walking through tabs */
.if-tab.pulse{box-shadow:0 0 0 3px rgba(66,133,244,.25)}

/* Browse-link highlight */
.if-browse.hl{background:#e8f0fe;color:#1a56c7;border-radius:3px;padding:1px 4px}