/* ==========================================
   CLASSROOM INSTRUCTOR — Create assignments
   3 animation blocks. Reuses adding-students.css for shell,
   sidebar, tabs, table. Adds:
     - Wider side drawer for the long assignment form
     - Date input pickers
     - File-input "Choose File" widget
     - Master "Assignment settings" toggle (pill)
     - Repeating row pattern: label + Yes/No segmented pill
     - Conditional sub-fields (Max marks, No. of resubmissions, Extra days, Repository scope, Add Questions/Phrases)
     - Compare-databases "Yes/No" group
   ========================================== */

/* === Wider drawer for assignment form === */
.mc-drawer.ca-drawer{width:62%;padding:10px 16px}
.mc-drawer.ca-drawer .mc-drawer-art{height:50px}
.mc-drawer.ca-drawer .mc-drawer-art svg{width:60px;height:60px}

/* === Date input rendering === */
.mc-fld-inp.dt{color:#bbb;justify-content:space-between}
.mc-fld-inp.dt::after{content:'\1F4C5';font-size:10px;color:#888}
.mc-fld-inp.dt.filled{color:#1a1a1a}

/* === File input === */
.mc-file-row{display:flex;align-items:center;gap:5px;margin-top:1px}
.mc-file-btn{font-size:8.5px;background:#eee;color:#333;padding:3px 8px;border-radius:3px;border:1px solid #ddd;cursor:default}
.mc-file-name{font-size:8.5px;color:#888}
.mc-file-name.set{color:#1a1a1a;font-weight:500}

/* === Master toggle row (Assignment settings) === */
.mc-mtog-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee;padding-top:7px;margin-top:5px}
.mc-mtog-lbl{font-size:10px;font-weight:700;color:#1a1a1a}
.mc-toggle{width:26px;height:14px;background:#ccc;border-radius:8px;position:relative;cursor:default;transition:background .25s ease}
.mc-toggle::after{content:'';position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .25s ease}
.mc-toggle.on{background:#a8c8ff}
.mc-toggle.on::after{left:14px;background:#4285f4}

/* === Settings list (revealed when master toggle ON) === */
.mc-settings{display:none;flex-direction:column;gap:0;margin-top:4px}
.mc-settings.on{display:flex}
.mc-set-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid #f5f5f5;transition:background .2s}
.mc-set-row:last-child{border-bottom:none}
.mc-set-row.hl{background:#f0f4ff;border-radius:4px;padding-left:4px;padding-right:4px}
.mc-set-lbl{font-size:9px;color:#333;font-weight:500}

/* === Yes/No segmented pill === */
.mc-yn{display:flex;border:1px solid #ddd;border-radius:5px;overflow:hidden;font-size:8.5px;font-weight:600}
.mc-yn-btn{padding:3px 9px;background:#fff;color:#888;cursor:default;transition:background .2s,color .2s}
.mc-yn-btn.act{background:#4285f4;color:#fff}

/* === Conditional sub-field box (appears when a Yes is toggled) === */
.mc-subfld{padding:5px 8px;background:#f8faff;border:1px dashed #c4d4f0;border-radius:5px;margin-top:4px;font-size:9px;color:#444;display:none;flex-direction:column;gap:3px;animation:fadeInDown .3s ease}
.mc-subfld.on{display:flex}
.mc-subfld-lbl{font-size:8px;color:#555;font-weight:500}
.mc-subfld-val{font-size:9px;color:#1a1a1a;font-weight:600}
.mc-subfld-inp{height:18px;border:1px solid #c4d4f0;border-radius:4px;background:#fff;padding:0 6px;font-size:9px;color:#1a1a1a;display:flex;align-items:center}
.mc-add-btn{font-size:9px;background:#4285f4;color:#fff;padding:3px 10px;border-radius:4px;font-weight:600;cursor:default;align-self:flex-start}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

/* === Compare against databases group === */
.mc-cmp-hd{font-size:10px;font-weight:700;color:#1a1a1a;margin-top:8px;padding-top:8px;border-top:1px solid #eee}

/* === Submit button (full width, big) === */
.mc-submit-full{height:28px;background:#4285f4;color:#fff;border:none;border-radius:5px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:6px;cursor:default;transition:transform .15s,background .15s}
.mc-submit-full.press{transform:scale(.98);background:#3367c7}

/* === New row that gets appended to table after creation === */
.mc-strow.new-row{opacity:0;transform:translateY(-6px);transition:opacity .4s ease,transform .4s ease;background:#eef4ff!important}
.mc-strow.new-row.on{opacity:1;transform:translateY(0)}

/* === Empty assignments hint card === */
.mc-empty{background:#fff;border-radius:8px;padding:14px;border:1px solid #eee}
.mc-empty-msg{border:1px solid #d6d6d6;border-radius:8px;padding:14px;font-size:9.5px;color:#333;font-weight:500;line-height:1.45}

/* === Cursor position highlight for an active scroll within the drawer === */
.mc-drawer{scrollbar-width:thin;scrollbar-color:#ddd transparent}
.mc-drawer::-webkit-scrollbar{width:4px}
.mc-drawer::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}