/* IIMS – Frontend Portal & Dashboards CSS */
*, *::before, *::after { box-sizing: border-box; }

/* ── Top nav ─────────────────────────────────────────────────────────────── */
.iims-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #1a1f5e;
    color: #fff;
    padding: 0 24px;
    height: 56px;
    position: sticky;
    top: 0;
    z-index: 999;
    gap: 16px;
    flex-wrap: wrap;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.iims-nav-logo { font-size: 17px; font-weight: 700; white-space: nowrap; }
.iims-nav-links { display: flex; gap: 4px; flex: 1; justify-content: center; flex-wrap: wrap; }
.iims-nav-links a { color: #c7d2fe; padding: 6px 14px; border-radius: 6px; text-decoration: none; font-size: 13px; font-weight: 500; transition: background .15s, color .15s; }
.iims-nav-links a:hover { background: rgba(255,255,255,.12); color: #fff; }
.iims-nav-user { display: flex; align-items: center; gap: 12px; font-size: 13px; white-space: nowrap; }
.iims-logout { color: #fca5a5; text-decoration: none; font-size: 13px; cursor: pointer; }
.iims-logout:hover { color: #f87171; text-decoration: underline; }

/* ── Dashboard wrap ─────────────────────────────────────────────────────── */
.iims-dash-wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 28px 20px 48px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.iims-dash-header { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 24px; }
.iims-dash-header h2 { margin: 0; font-size: 24px; color: #1e293b; }
.iims-institute-name { color: #64748b; font-size: 14px; }

/* ── Stats grid ─────────────────────────────────────────────────────────── */
.iims-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 14px;
    margin-bottom: 28px;
}
.iims-stat-box {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px 16px;
    text-align: center;
    box-shadow: 0 1px 4px rgba(0,0,0,.05);
    transition: box-shadow .15s;
}
.iims-stat-box:hover { box-shadow: 0 4px 12px rgba(0,0,0,.1); }
.iims-stat-icon  { font-size: 28px; margin-bottom: 6px; }
.iims-stat-value { font-size: 28px; font-weight: 700; color: #1a1f5e; line-height: 1.1; }
.iims-stat-name  { font-size: 12px; color: #64748b; margin-top: 4px; }

/* ── Section ────────────────────────────────────────────────────────────── */
.iims-section { margin-bottom: 28px; }
.iims-section-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.iims-section h3 { margin: 0 0 14px; font-size: 17px; color: #1e293b; border-left: 4px solid #1a56db; padding-left: 10px; }

/* ── Tables ─────────────────────────────────────────────────────────────── */
.iims-table-wrap { overflow-x: auto; border-radius: 10px; border: 1px solid #e2e8f0; }
.iims-table { width: 100%; border-collapse: collapse; font-size: 14px; background: #fff; }
.iims-table thead { background: #f8fafc; }
.iims-table th { padding: 10px 14px; text-align: left; font-size: 12px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: .05em; border-bottom: 1px solid #e2e8f0; white-space: nowrap; }
.iims-table td { padding: 11px 14px; border-bottom: 1px solid #f1f5f9; color: #374151; vertical-align: middle; }
.iims-table tbody tr:last-child td { border-bottom: none; }
.iims-table tbody tr:hover { background: #f8fafc; }

/* ── Badges ─────────────────────────────────────────────────────────────── */
.iims-badge         { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.iims-badge-green   { background: #dcfce7; color: #166534; }
.iims-badge-red     { background: #fee2e2; color: #991b1b; }
.iims-badge-amber   { background: #fef3c7; color: #92400e; }
.iims-badge-yellow  { background: #fef3c7; color: #92400e; }
.iims-badge-blue    { background: #dbeafe; color: #1e40af; }
.iims-badge-purple  { background: #ede9fe; color: #6d28d9; }

/* ── Buttons ────────────────────────────────────────────────────────────── */
.iims-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    border-radius: 8px;
    background: #f1f5f9;
    color: #334155;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #e2e8f0;
    cursor: pointer;
    transition: all .15s;
    white-space: nowrap;
    line-height: 1.3;
}
.iims-btn:hover         { background: #e2e8f0; color: #1e293b; text-decoration: none; }
.iims-btn-primary       { background: #1a56db; color: #fff; border-color: #1a56db; }
.iims-btn-primary:hover { background: #1447c0; color: #fff; }
.iims-btn-danger        { background: #fee2e2; color: #991b1b; border-color: #fca5a5; }
.iims-btn-danger:hover  { background: #fecaca; color: #7f1d1d; }
.iims-btn-sm            { padding: 5px 12px; font-size: 12px; }
.iims-portal-links      { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 10px; }

/* ── Inline form ────────────────────────────────────────────────────────── */
.iims-inline-form {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}
.iims-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 14px;
    margin-bottom: 14px;
}
.iims-form-grid label { display: block; font-size: 12px; font-weight: 600; color: #475569; margin-bottom: 5px; text-transform: uppercase; letter-spacing: .04em; }
.iims-input, .iims-textarea, .iims-form-grid select {
    width: 100%;
    padding: 8px 12px;
    border: 1.5px solid #d1d5db;
    border-radius: 7px;
    font-size: 14px;
    color: #1e293b;
    background: #fff;
    outline: none;
    transition: border-color .15s;
}
.iims-input:focus, .iims-textarea:focus, .iims-form-grid select:focus { border-color: #1a56db; }
.iims-textarea { resize: vertical; min-height: 80px; }

/* ── Notifications ──────────────────────────────────────────────────────── */
.iims-notifications {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 20px;
}
.iims-notifications h4 { margin: 0 0 10px; font-size: 14px; color: #92400e; }
.iims-notif-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 0;
    border-bottom: 1px solid #fde68a;
    font-size: 13px;
    color: #78350f;
    gap: 10px;
}
.iims-notif-item:last-child { border-bottom: none; }
.iims-mark-read {
    background: none;
    border: 1px solid #fde68a;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    cursor: pointer;
    color: #92400e;
    font-size: 12px;
    flex-shrink: 0;
    transition: background .15s;
}
.iims-mark-read:hover { background: #fde68a; }

/* ── Meet card ──────────────────────────────────────────────────────────── */
.iims-meet-card {
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 20px;
}
.iims-meet-info { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; flex-wrap: wrap; }
.iims-meet-status { padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; background: #dcfce7; color: #166534; }
.iims-meet-status.live { background: #fef9c3; color: #713f12; }
.iims-note { font-size: 13px; color: #4b7060; margin-top: 12px; }

/* ── Batch card (trainer) ───────────────────────────────────────────────── */
.iims-batch-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 18px 20px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.iims-batch-info { flex: 1; }
.iims-batch-info strong { display: block; font-size: 15px; color: #1e293b; margin-bottom: 3px; }
.iims-batch-info span   { font-size: 13px; color: #64748b; }
.iims-meet-form { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.iims-meet-form input[type="date"],
.iims-meet-form input[type="time"] { padding: 6px 10px; border: 1.5px solid #d1d5db; border-radius: 7px; font-size: 13px; }

/* ── Tasks ──────────────────────────────────────────────────────────────── */
.iims-tasks-list        { display: flex; flex-direction: column; gap: 16px; }
.iims-task-card         { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,.04); }
.iims-task-graded       { border-left: 4px solid #22c55e; }
.iims-task-submitted    { border-left: 4px solid #3b82f6; }
.iims-task-pending      { border-left: 4px solid #f59e0b; }
.iims-task-overdue      { border-left: 4px solid #ef4444; }
.iims-task-header       { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 10px; flex-wrap: wrap; }
.iims-task-header h3    { margin: 0; font-size: 16px; color: #1e293b; }
.iims-task-badge        { padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 600; background: #f1f5f9; color: #475569; white-space: nowrap; }
.iims-task-desc         { color: #475569; font-size: 14px; margin-bottom: 10px; }
.iims-task-meta         { display: flex; gap: 20px; font-size: 13px; color: #64748b; margin-bottom: 14px; flex-wrap: wrap; }
.iims-task-result       { background: #f0fdf4; padding: 12px 16px; border-radius: 8px; margin-bottom: 12px; }
.iims-remark            { margin: 6px 0 0; font-size: 13px; color: #374151; }
.iims-submit-form textarea { width: 100%; padding: 10px; border: 1.5px solid #d1d5db; border-radius: 7px; font-size: 14px; resize: vertical; margin-bottom: 10px; }
.iims-file-row          { margin-bottom: 12px; }
.iims-file-row small    { display: block; color: #94a3b8; margin-top: 4px; font-size: 12px; }
.iims-submit-msg        { margin-left: 10px; font-size: 13px; }

/* ── Recordings ─────────────────────────────────────────────────────────── */
.iims-recordings-list   { display: flex; flex-direction: column; gap: 12px; }
.iims-recording-card    { display: flex; align-items: center; gap: 16px; background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 16px 20px; box-shadow: 0 1px 3px rgba(0,0,0,.04); }
.iims-rec-icon          { font-size: 32px; flex-shrink: 0; }
.iims-rec-info          { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.iims-rec-info strong   { font-size: 15px; color: #1e293b; }
.iims-rec-info span     { font-size: 13px; color: #64748b; }

/* ── Notices ─────────────────────────────────────────────────────────────── */
.iims-notice { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 14px 18px; font-size: 14px; color: #475569; margin-bottom: 16px; }
.iims-notice.iims-error { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.iims-empty  { color: #94a3b8; font-size: 14px; padding: 12px 0; }

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .iims-nav { height: auto; padding: 10px 16px; flex-direction: column; align-items: flex-start; }
    .iims-nav-links { justify-content: flex-start; }
    .iims-stats-grid { grid-template-columns: 1fr 1fr; }
    .iims-form-grid  { grid-template-columns: 1fr; }
    .iims-recording-card { flex-wrap: wrap; }
    .iims-batch-card { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 480px) {
    .iims-stats-grid  { grid-template-columns: 1fr 1fr; }
    .iims-portal-links { flex-direction: column; }
    .iims-dash-wrap   { padding: 16px 12px 36px; }
}

/* ── Meet alert banners ───────────────────────────────────────────────────── */
.iims-alert { padding: 12px 16px; border-radius: 8px; margin: 0 0 16px; font-size: 14px; font-weight: 500; }
.iims-alert-success { background: #ecfdf5; border: 1px solid #6ee7b7; color: #065f46; }
.iims-alert-error   { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }

/* ── Meet active state in batch card ─────────────────────────────────────── */
.iims-meet-active { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 8px; padding: 10px 14px; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; }


/* ── Brand credit ─────────────────────────────────────────────────────────── */
.iims-frontend-brand-credit {
    max-width: 1180px;
    margin: 18px auto 28px;
    padding: 12px 18px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    color: #64748b;
    font-size: 13px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.iims-frontend-brand-credit strong {
    color: #1e293b;
}
.iims-frontend-brand-credit a {
    font-weight: 700;
    text-decoration: none;
}
.iims-frontend-brand-credit a:hover {
    text-decoration: underline;
}
.iims-brand-sep {
    margin: 0 6px;
    color: #94a3b8;
}

/* frontend management */
.iims-role-field { display:none; }
.iims-action-row { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.iims-inline-action-form { display:inline-flex; margin:0; }
.iims-frontend-management-form { margin-bottom:16px; }
.iims-frontend-management-form h4 { margin:0 0 12px; color:#1e293b; }
.iims-table td .iims-action-row .iims-btn { margin:0; white-space:nowrap; }


/* global frontend UI/UX hardening */
.iims-dash-wrap {
    width: min(100%, 1180px);
    max-width: 100%;
    overflow-x: hidden;
}
.iims-dash-wrap * {
    box-sizing: border-box;
}
.iims-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
}
.iims-table {
    min-width: 720px;
    table-layout: auto;
}
.iims-table th,
.iims-table td {
    overflow-wrap: anywhere;
    word-break: normal;
}
.iims-table td:last-child,
.iims-table th:last-child {
    min-width: 180px;
}
.iims-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
    max-width: 100%;
    white-space: normal;
}
.iims-inline-action-form {
    display: inline-flex;
    flex: 0 0 auto;
    margin: 0;
}
.iims-table td .iims-action-row .iims-btn,
.iims-action-row .iims-btn {
    margin: 0;
    white-space: nowrap;
}
.iims-inline-form,
.iims-frontend-management-form,
.iims-form-grid,
.iims-batch-card,
.iims-task-card,
.iims-recording-card,
.iims-meet-card {
    max-width: 100%;
    overflow-wrap: anywhere;
}
.iims-input,
.iims-textarea,
.iims-form-grid select,
.iims-meet-form input[type="date"],
.iims-meet-form input[type="time"] {
    max-width: 100%;
}
.iims-tour-fab {
    max-width: calc(100vw - 28px);
}
@media (max-width: 768px) {
    .iims-table { min-width: 640px; }
    .iims-table td:last-child,
    .iims-table th:last-child { min-width: 160px; }
    .iims-action-row { max-width: 220px; }
}
@media (max-width: 480px) {
    .iims-table { min-width: 600px; }
    .iims-action-row { max-width: 190px; }
}

/* final professional frontend action-button pattern */
.iims-action-grid,
.iims-action-row.iims-action-grid {
    display: grid !important;
    grid-template-columns: repeat(2, max-content) !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: start !important;
    max-width: 240px !important;
    white-space: normal !important;
}
.iims-action-grid .iims-btn,
.iims-action-row.iims-action-grid .iims-btn {
    margin: 0 !important;
    white-space: nowrap !important;
    min-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.iims-table td:last-child,
.iims-table th:last-child {
    min-width: 250px !important;
}
.iims-role-field { display: none; }
/* Apply same two-column action structure to all frontend action rows. */
.iims-action-row {
    display: grid !important;
    grid-template-columns: repeat(2, max-content) !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: start !important;
    max-width: 240px !important;
}


/* overview walkthrough and role help UI */
.iims-overview-hero,
.iims-role-walkthrough-card,
.iims-setup-status-mini,
.iims-status-summary,
.iims-workflow-timeline,
.iims-student-progress {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 18px;
    margin: 16px 0;
    box-shadow: 0 2px 10px rgba(15,23,42,.04);
    box-sizing: border-box;
    max-width: 100%;
}
.iims-overview-hero { display: flex; gap: 18px; justify-content: space-between; align-items: center; background: linear-gradient(135deg,#eff6ff,#ffffff); }
.iims-overview-kicker,
.iims-role-chip { display: inline-flex; border-radius: 999px; background: #dbeafe; color: #1d4ed8; padding: 5px 10px; font-size: 12px; font-weight: 700; margin-bottom: 6px; }
.iims-overview-hero h2 { margin: 4px 0 8px; }
.iims-overview-score { min-width: 150px; border-radius: 14px; padding: 18px; text-align: center; background: #f8fafc; border: 1px solid #cbd5e1; }
.iims-overview-score strong { display: block; font-size: 34px; line-height: 1; color: #0f172a; }
.iims-overview-score.is-ready { background: #ecfdf5; border-color: #86efac; color: #065f46; }
.iims-overview-score.is-pending { background: #fffbeb; border-color: #fde68a; color: #92400e; }
.iims-overview-feature-grid,
.iims-status-grid,
.iims-role-card-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 12px; margin: 16px 0; }
.iims-feature-card,
.iims-status-card,
.iims-role-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px; box-shadow: 0 1px 4px rgba(15,23,42,.04); }
.iims-status-card.is-ok { border-color: #bbf7d0; background: #f0fdf4; }
.iims-status-card.is-missing { border-color: #fecaca; background: #fef2f2; }
.iims-status-summary { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; }
.iims-status-summary.is-ready { border-color: #86efac; background: #f0fdf4; }
.iims-status-summary.is-pending { border-color: #fde68a; background: #fffbeb; }
.iims-workflow-steps { display: grid; gap: 10px; }
.iims-workflow-step { display: grid; grid-template-columns: 38px 1fr; gap: 8px 12px; align-items: start; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px; background: #f8fafc; }
.iims-workflow-step p { grid-column: 2; margin: 0; color: #64748b; font-size: 13px; }
.iims-step-number { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #1d4ed8; color: #fff; font-weight: 800; }
.iims-action-sample { display: inline-block; border: 1px dashed #94a3b8; border-radius: 12px; padding: 12px 16px; background: #f8fafc; line-height: 2; margin: 6px 0 10px; }
.iims-role-button-preview { display: flex; flex-wrap: wrap; gap: 8px; }
.iims-role-button-preview span { border: 1px solid #cbd5e1; border-radius: 8px; background: #f8fafc; padding: 6px 9px; font-size: 12px; font-weight: 700; }
.iims-role-walkthrough-card { display: grid; grid-template-columns: 1.3fr 1fr; gap: 14px; align-items: start; }
.iims-role-walkthrough-main h3 { margin: 4px 0 8px; }
.iims-role-walkthrough-main p { margin: 0; color: #64748b; }
.iims-role-walkthrough-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-start; }
.iims-role-responsibility-lists { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 12px; border-top: 1px solid #e2e8f0; padding-top: 12px; }
.iims-role-responsibility-lists ul { margin: 8px 0 0 18px; }
.iims-setup-status-mini { background: #f8fafc; }
.iims-setup-status-mini > div:first-child { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }
.iims-setup-mini-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap: 8px; }
.iims-setup-mini-grid span { border-radius: 999px; padding: 6px 10px; font-size: 12px; font-weight: 700; background: #fff; border: 1px solid #e2e8f0; }
.iims-setup-mini-grid .is-ok { background: #ecfdf5; border-color: #86efac; color: #065f46; }
.iims-setup-mini-grid .is-missing { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.iims-progress-steps { display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 10px; margin-top: 12px; }
.iims-progress-step { display: flex; gap: 8px; align-items: center; border-radius: 10px; border: 1px solid #e2e8f0; background: #f8fafc; padding: 10px; }
.iims-progress-step.is-done { background: #ecfdf5; border-color: #86efac; color: #065f46; }
.iims-progress-step.is-pending { background: #fffbeb; border-color: #fde68a; color: #92400e; }
.iims-dashboard-workflow .iims-workflow-timeline { margin: 0; box-shadow: none; }
@media (max-width: 782px) {
    .iims-overview-hero,
    .iims-role-walkthrough-card { grid-template-columns: 1fr; display: grid; }
    .iims-overview-score { width: 100%; }
    .iims-status-summary { align-items: flex-start; }
}

/*  Professional batch schedule controls */
.iims-schedule-time-select { min-width: 260px; max-width: 100%; }
.iims-day-checkboxes { display: flex; flex-wrap: wrap; gap: 8px 12px; max-width: 720px; margin: 0; }
.iims-day-checkboxes label { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border: 1px solid #dbe3ef; border-radius: 999px; background: #f8fafc; font-weight: 600; color: #1e293b; white-space: nowrap; }
.iims-day-checkboxes input[type="checkbox"] { margin: 0; }

/* IIMS batch scheduling */
.iims-time-range-fields select{min-width:150px;max-width:100%;}
.iims-day-checkboxes{display:flex;flex-wrap:wrap;gap:8px 14px;max-width:720px;}
.iims-day-checkboxes label{display:inline-flex;align-items:center;gap:5px;margin:0;}

/* IIMS Recording Module only */
.iims-youtube-recording-card{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;margin-bottom:14px}.iims-youtube-recording-card .iims-rec-info{display:flex;flex-direction:column;gap:6px;min-width:240px;flex:1}.iims-recording-form-wrap label{display:block;font-weight:700;margin:14px 0 6px}.iims-recording-form .iims-alert-info{background:#eef6ff;border:1px solid #b6dbff;color:#1d4f80;padding:12px;border-radius:8px;margin:12px 0}.iims-recording-form .iims-form-grid{margin-bottom:12px}

/*  Institute Admin user filters and secure login-as preview */
.iims-user-filter-panel {
    display: grid;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    gap: 12px;
    align-items: end;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 14px;
    margin: 0 0 14px;
}
.iims-user-filter-panel label {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.iims-user-filter-actions {
    display: flex;
    align-items: end;
    min-height: 61px;
}
.iims-user-management-table td,
.iims-user-management-table th {
    vertical-align: middle;
}
.iims-action-grid-five {
    display: grid;
    grid-template-columns: repeat(2, minmax(88px, 1fr));
    gap: 8px;
    min-width: 190px;
}
.iims-action-grid-five .iims-login-as-btn {
    grid-column: 1 / -1;
    justify-content: center;
}
.iims-login-as-note {
    margin: 10px 0 0;
}
.iims-login-as-preview-bar {
    max-width: 1100px;
    margin: 12px auto 0;
    padding: 10px 14px;
    border: 1px solid #bfdbfe;
    border-left: 4px solid #2563eb;
    background: #eff6ff;
    color: #1e3a8a;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
}
@media (max-width: 980px) {
    .iims-user-filter-panel { grid-template-columns: repeat(2, minmax(150px, 1fr)); }
}
@media (max-width: 600px) {
    .iims-user-filter-panel { grid-template-columns: 1fr; }
    .iims-action-grid-five { grid-template-columns: 1fr; min-width: 0; }
    .iims-action-grid-five .iims-login-as-btn { grid-column: auto; }
}
.iims-preview-only { color:#bfdbfe; font-size:12px; font-weight:600; }


/*  Student responsibility cleanup + professional nowrap table scrolling */
.iims-table-wrap {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
}
.iims-table,
.iims-user-management-table {
    width: max-content !important;
    min-width: 100% !important;
    table-layout: auto !important;
}
.iims-table th,
.iims-table td,
.iims-user-management-table th,
.iims-user-management-table td {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    vertical-align: middle !important;
}
.iims-table td code,
.iims-user-management-table td code {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}
.iims-table td .iims-badge,
.iims-user-management-table td .iims-badge {
    white-space: nowrap !important;
}
.iims-table td:last-child,
.iims-table th:last-child,
.iims-user-management-table td:last-child,
.iims-user-management-table th:last-child {
    min-width: 260px !important;
    white-space: normal !important;
}
.iims-action-grid-five {
    min-width: 220px !important;
}
.iims-action-grid-five .iims-btn {
    white-space: nowrap !important;
}
.iims-role-responsibility-lists {
    gap: 24px;
}
.iims-role-responsibility-lists > div {
    min-width: 0;
}

/* student responsibility cleanup */
.iims-student-access-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px;margin:12px 0;color:#334155}


/*  Admin dashboard user table fit-to-screen compact layout
   Goal: no horizontal page/table scroll on desktop, no word-wrapping for short data.
   Longer values are shown on one line with ellipsis. */
.iims-dash-wrap {
    max-width: min(1280px, calc(100vw - 40px));
}
.iims-users-fit-wrap {
    overflow-x: visible !important;
    max-width: 100% !important;
}
.iims-users-fit-wrap .iims-user-management-table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    font-size: 12px !important;
}
.iims-users-fit-wrap .iims-user-management-table th,
.iims-users-fit-wrap .iims-user-management-table td {
    padding: 9px 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    line-height: 1.35 !important;
}
.iims-users-fit-wrap .iims-user-management-table th:nth-child(1),
.iims-users-fit-wrap .iims-user-management-table td:nth-child(1) { width: 13%; }
.iims-users-fit-wrap .iims-user-management-table th:nth-child(2),
.iims-users-fit-wrap .iims-user-management-table td:nth-child(2) { width: 17%; }
.iims-users-fit-wrap .iims-user-management-table th:nth-child(3),
.iims-users-fit-wrap .iims-user-management-table td:nth-child(3) { width: 15%; }
.iims-users-fit-wrap .iims-user-management-table th:nth-child(4),
.iims-users-fit-wrap .iims-user-management-table td:nth-child(4) { width: 9%; }
.iims-users-fit-wrap .iims-user-management-table th:nth-child(5),
.iims-users-fit-wrap .iims-user-management-table td:nth-child(5) { width: 20%; }
.iims-users-fit-wrap .iims-user-management-table th:nth-child(6),
.iims-users-fit-wrap .iims-user-management-table td:nth-child(6) { width: 8%; }
.iims-users-fit-wrap .iims-user-management-table th:nth-child(7),
.iims-users-fit-wrap .iims-user-management-table td:nth-child(7) {
    width: 18%;
    min-width: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
}
.iims-users-fit-wrap .iims-user-management-table td code {
    font-size: 12px !important;
    white-space: nowrap !important;
    background: transparent !important;
    padding: 0 !important;
}
.iims-users-fit-wrap .iims-badge {
    font-size: 11px !important;
    padding: 4px 8px !important;
    white-space: nowrap !important;
}
.iims-users-fit-wrap .iims-action-grid-five {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(58px, 1fr)) !important;
    gap: 6px !important;
    min-width: 0 !important;
    max-width: 150px !important;
}
.iims-users-fit-wrap .iims-action-grid-five .iims-btn {
    min-height: 30px !important;
    padding: 5px 6px !important;
    font-size: 11px !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.iims-users-fit-wrap .iims-action-grid-five .iims-login-as-btn {
    grid-column: 1 / -1 !important;
}
@media (max-width: 900px) {
    .iims-users-fit-wrap { overflow-x: auto !important; }
    .iims-users-fit-wrap .iims-user-management-table {
        min-width: 900px !important;
        width: 900px !important;
    }
}

/*  final student access note consistency */
.iims-student-access-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px;margin:12px 0;color:#334155;line-height:1.45}

/*  Institute Admin direct trainer assignment from All Users */
.iims-assign-trainer-details {
    margin-top: 7px;
    max-width: 220px;
}
.iims-assign-trainer-details summary {
    cursor: pointer;
    list-style: none;
    text-align: center;
}
.iims-assign-trainer-details summary::-webkit-details-marker {
    display: none;
}
.iims-mini-assign-form {
    margin-top: 8px;
    display: grid;
    gap: 7px;
    background: #f8fafc;
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    padding: 10px;
    white-space: normal;
}
.iims-mini-assign-form .iims-input,
.iims-mini-assign-form .iims-textarea {
    width: 100%;
    min-width: 0;
    font-size: 12px;
}
.iims-mini-assign-form .iims-note {
    margin: 0;
    font-size: 11px;
    line-height: 1.35;
}

/* IIMS class mode + recorder UI */
.iims-classroom-wrap .iims-classroom-hero,
.iims-classroom-card,
.iims-pro-recorder {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 18px;
    margin: 16px 0;
    box-shadow: 0 8px 24px rgba(15,23,42,.06);
}
.iims-classroom-hero h2 { margin: 8px 0 4px; }
.iims-btn-lg { padding: 12px 18px; font-size: 16px; }
.iims-recorder-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin: 12px 0; }
.iims-recorder-status { background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 10px; padding: 10px 12px; font-weight: 600; color: #334155; }
.iims-recorder-status.is-error { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.iims-recorder-result { margin-top: 14px; }
.iims-badge-blue { background: #dbeafe; color: #1d4ed8; }
.iims-badge-green { background: #dcfce7; color: #166534; }
.iims-btn-danger { background: #dc2626 !important; color: #fff !important; border-color: #dc2626 !important; }
.iims-live-classroom-card { border-left: 5px solid #2563eb; }
.iims-class-join-card { border-left: 5px solid #16a34a; }
.iims-temp-recordings-list { margin-top: 18px; border-top: 1px solid #e5e7eb; padding-top: 14px; }
.iims-temp-recording-item { display: flex; justify-content: space-between; gap: 12px; align-items: center; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 10px; padding: 12px; margin: 8px 0; flex-wrap: wrap; }

.iims-recorder-quality {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 14px;
    margin: 12px 0;
}
.iims-recorder-quality h4 { margin: 0 0 10px; }
.iims-quality-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
    margin: 10px 0;
}
.iims-quality-option {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    border: 1px solid #dbe3ee;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
}
.iims-quality-option input { margin-top: 3px; }
.iims-quality-option strong { display: block; color: #0f172a; }
.iims-quality-option small { display: block; color: #64748b; line-height: 1.35; }
.iims-quality-estimate {
    margin-top: 8px;
    padding: 9px 10px;
    border-radius: 8px;
    background: #eff6ff;
    color: #1e40af;
    font-weight: 600;
    font-size: 13px;
}
.iims-pro-recorder.is-recording .iims-recorder-quality { opacity: .72; }
.iims-pro-recorder.is-recording .iims-quality-option { cursor: not-allowed; }


/* IIMS  clean portal canvas + theme menu icon conflict fix
   Fixes oversized theme hamburger/close icons appearing as black bars/X above dashboards. */
body.iims-portal-page,
body.iims-clean-portal {
    background: #f8fafc !important;
}
body.iims-portal-page #page,
body.iims-portal-page .site,
body.iims-portal-page .site-content,
body.iims-portal-page .content-area,
body.iims-portal-page .entry-content,
body.iims-portal-page main,
body.iims-clean-portal #page,
body.iims-clean-portal .site,
body.iims-clean-portal .site-content,
body.iims-clean-portal .content-area,
body.iims-clean-portal .entry-content,
body.iims-clean-portal main {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.iims-portal-page .entry-title,
body.iims-portal-page .page-title,
body.iims-portal-page .post-thumbnail,
body.iims-portal-page .breadcrumbs,
body.iims-portal-page .breadcrumb,
body.iims-clean-portal .entry-title,
body.iims-clean-portal .page-title,
body.iims-clean-portal .post-thumbnail,
body.iims-clean-portal .breadcrumbs,
body.iims-clean-portal .breadcrumb {
    display: none !important;
}
/* Hide common WordPress/theme headers, mobile menus and footers only on IIMS portal pages. */
body.iims-portal-page header:not(.iims-nav):not(.iims-dash-header),
body.iims-portal-page .site-header,
body.iims-portal-page #masthead,
body.iims-portal-page .main-header,
body.iims-portal-page .header-main,
body.iims-portal-page .elementor-location-header,
body.iims-portal-page .wp-block-template-part,
body.iims-portal-page .main-navigation,
body.iims-portal-page .primary-navigation,
body.iims-portal-page .wp-block-navigation,
body.iims-portal-page .wp-block-navigation__responsive-container,
body.iims-portal-page .wp-block-navigation__responsive-container-open,
body.iims-portal-page .wp-block-navigation__responsive-container-close,
body.iims-portal-page .menu-toggle,
body.iims-portal-page .mobile-menu-toggle,
body.iims-portal-page .hamburger,
body.iims-portal-page footer,
body.iims-portal-page .site-footer,
body.iims-portal-page #colophon,
body.iims-clean-portal header:not(.iims-nav):not(.iims-dash-header),
body.iims-clean-portal .site-header,
body.iims-clean-portal #masthead,
body.iims-clean-portal .main-header,
body.iims-clean-portal .header-main,
body.iims-clean-portal .elementor-location-header,
body.iims-clean-portal .wp-block-template-part,
body.iims-clean-portal .main-navigation,
body.iims-clean-portal .primary-navigation,
body.iims-clean-portal .wp-block-navigation,
body.iims-clean-portal .wp-block-navigation__responsive-container,
body.iims-clean-portal .wp-block-navigation__responsive-container-open,
body.iims-clean-portal .wp-block-navigation__responsive-container-close,
body.iims-clean-portal .menu-toggle,
body.iims-clean-portal .mobile-menu-toggle,
body.iims-clean-portal .hamburger,
body.iims-clean-portal footer,
body.iims-clean-portal .site-footer,
body.iims-clean-portal #colophon {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.iims-portal-page .iims-dash-wrap,
body.iims-clean-portal .iims-dash-wrap {
    display: block !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding-top: 24px !important;
}
body.iims-portal-page .iims-nav,
body.iims-clean-portal .iims-nav {
    display: flex !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 56px !important;
    max-height: none !important;
    overflow: visible !important;
}
body.iims-portal-page .iims-dash-wrap *,
body.iims-clean-portal .iims-dash-wrap *,
body.iims-portal-page .iims-nav *,
body.iims-clean-portal .iims-nav * {
    visibility: visible;
}

/* IIMS  unified professional tab dashboard UI/UX
   Goal: no unmanaged long scrolling dashboard. Only selected tab content is visible. */
body.iims-portal-page,
body.iims-clean-portal {
    --iims-primary: #1a1f5e;
    --iims-primary-soft: #eef2ff;
    --iims-border: #e2e8f0;
    --iims-muted: #64748b;
    --iims-text: #0f172a;
    --iims-surface: #ffffff;
    --iims-bg: #f8fafc;
    background: var(--iims-bg) !important;
    color: var(--iims-text) !important;
}
body.iims-portal-page .iims-nav,
body.iims-clean-portal .iims-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    min-height: 64px !important;
    height: auto !important;
    padding: 10px 22px !important;
    background: linear-gradient(135deg, #15194e 0%, #1f287a 100%) !important;
    box-shadow: 0 10px 24px rgba(15,23,42,.16) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
body.iims-portal-page .iims-nav-logo,
body.iims-clean-portal .iims-nav-logo {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: .01em !important;
    color: #fff !important;
}
body.iims-portal-page .iims-nav-logo:before,
body.iims-clean-portal .iims-nav-logo:before {
    content: "IIMS";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 28px;
    border-radius: 9px;
    background: rgba(255,255,255,.13);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}
body.iims-portal-page .iims-nav-links,
body.iims-clean-portal .iims-nav-links {
    justify-content: center !important;
    gap: 6px !important;
}
body.iims-portal-page .iims-nav-links a,
body.iims-clean-portal .iims-nav-links a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    color: #dbeafe !important;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
body.iims-portal-page .iims-nav-links a:hover,
body.iims-portal-page .iims-nav-links a.iims-nav-active,
body.iims-clean-portal .iims-nav-links a:hover,
body.iims-clean-portal .iims-nav-links a.iims-nav-active {
    background: #fff !important;
    color: #1a1f5e !important;
    text-decoration: none !important;
}
body.iims-portal-page .iims-nav-user,
body.iims-clean-portal .iims-nav-user {
    padding: 7px 10px !important;
    background: rgba(255,255,255,.09) !important;
    border-radius: 999px !important;
    color: #fff !important;
}
body.iims-portal-page .iims-dash-wrap,
body.iims-clean-portal .iims-dash-wrap {
    max-width: 1180px !important;
    padding: 16px 18px 24px !important;
}
body.iims-portal-page .iims-dash-header,
body.iims-clean-portal .iims-dash-header,
body.iims-portal-page .iims-dash-wrap > .iims-section-header:first-child,
body.iims-clean-portal .iims-dash-wrap > .iims-section-header:first-child {
    margin: 0 0 12px !important;
    padding: 14px 16px !important;
    background: #fff !important;
    border: 1px solid var(--iims-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 18px rgba(15,23,42,.05) !important;
    justify-content: space-between !important;
}
body.iims-portal-page .iims-dash-header h2,
body.iims-clean-portal .iims-dash-header h2,
body.iims-portal-page .iims-section-header h2,
body.iims-clean-portal .iims-section-header h2 {
    font-size: 22px !important;
    line-height: 1.2 !important;
    color: #111827 !important;
}
body.iims-portal-page .iims-stats-grid,
body.iims-clean-portal .iims-stats-grid {
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)) !important;
    gap: 10px !important;
    margin: 10px 0 12px !important;
}
body.iims-portal-page .iims-stat-box,
body.iims-clean-portal .iims-stat-box {
    padding: 12px !important;
    border-radius: 14px !important;
    box-shadow: 0 5px 18px rgba(15,23,42,.05) !important;
}
body.iims-portal-page .iims-stat-icon,
body.iims-clean-portal .iims-stat-icon { font-size: 22px !important; margin-bottom: 3px !important; }
body.iims-portal-page .iims-stat-value,
body.iims-clean-portal .iims-stat-value { font-size: 21px !important; }
body.iims-portal-page .iims-stat-name,
body.iims-clean-portal .iims-stat-name { font-size: 12px !important; }

/* Tab shell */
.iims-dashboard-tabs-shell {
    background: #fff;
    border: 1px solid var(--iims-border);
    border-radius: 16px;
    padding: 10px;
    margin: 10px 0 14px;
    box-shadow: 0 6px 18px rgba(15,23,42,.05);
}
.iims-dashboard-tabs-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 2px 8px;
    color: var(--iims-muted);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.iims-dashboard-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.iims-tab-btn {
    appearance: none;
    border: 1px solid #dbe3ee;
    background: #f8fafc;
    color: #334155;
    border-radius: 999px;
    padding: 9px 13px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}
.iims-tab-btn:hover { background: #eef2ff; color: #1a1f5e; border-color: #c7d2fe; }
.iims-tab-btn.is-active {
    background: #1a1f5e;
    color: #fff;
    border-color: #1a1f5e;
    box-shadow: 0 6px 14px rgba(26,31,94,.18);
}
.iims-tabs-ready > .iims-tab-panel[hidden] { display: none !important; }
.iims-tabs-ready > .iims-tab-panel {
    display: block;
    margin-top: 0 !important;
    animation: iimsTabFade .16s ease-out;
}
@keyframes iimsTabFade { from { opacity: .35; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }
body.iims-portal-page .iims-section,
body.iims-clean-portal .iims-section,
body.iims-portal-page .iims-role-walkthrough-card,
body.iims-clean-portal .iims-role-walkthrough-card {
    background: #fff !important;
    border: 1px solid var(--iims-border) !important;
    border-radius: 16px !important;
    padding: 16px !important;
    margin: 0 0 14px !important;
    box-shadow: 0 6px 18px rgba(15,23,42,.05) !important;
}
body.iims-portal-page .iims-section h3,
body.iims-clean-portal .iims-section h3 {
    font-size: 18px !important;
    margin: 0 0 10px !important;
    color: #111827 !important;
}
body.iims-portal-page .iims-note,
body.iims-clean-portal .iims-note {
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}
body.iims-portal-page .iims-form-grid,
body.iims-clean-portal .iims-form-grid {
    gap: 10px !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
}
body.iims-portal-page .iims-input,
body.iims-clean-portal .iims-input,
body.iims-portal-page .iims-textarea,
body.iims-clean-portal .iims-textarea,
body.iims-portal-page select,
body.iims-clean-portal select,
body.iims-portal-page input[type="text"],
body.iims-clean-portal input[type="text"],
body.iims-portal-page input[type="url"],
body.iims-clean-portal input[type="url"],
body.iims-portal-page input[type="date"],
body.iims-clean-portal input[type="date"],
body.iims-portal-page input[type="time"],
body.iims-clean-portal input[type="time"] {
    min-height: 38px !important;
    border-radius: 10px !important;
    border: 1px solid #dbe3ee !important;
    background: #fff !important;
    color: #111827 !important;
    box-shadow: none !important;
}
body.iims-portal-page .iims-btn,
body.iims-clean-portal .iims-btn {
    border-radius: 999px !important;
    min-height: 36px !important;
    padding: 9px 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
body.iims-portal-page .iims-table-wrap,
body.iims-clean-portal .iims-table-wrap {
    max-width: 100% !important;
    border: 1px solid var(--iims-border) !important;
    border-radius: 14px !important;
    overflow: auto !important;
    background: #fff !important;
}
body.iims-portal-page .iims-table,
body.iims-clean-portal .iims-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
}
body.iims-portal-page .iims-table th,
body.iims-clean-portal .iims-table th {
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}
body.iims-portal-page .iims-table th,
body.iims-portal-page .iims-table td,
body.iims-clean-portal .iims-table th,
body.iims-clean-portal .iims-table td {
    padding: 10px !important;
    vertical-align: top !important;
    border-bottom: 1px solid #eef2f7 !important;
}
.iims-empty,
.iims-notice,
.iims-alert {
    border-radius: 14px !important;
    padding: 12px 14px !important;
}
.iims-role-walkthrough-card .iims-role-responsibility-lists {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 12px !important;
}
.iims-role-walkthrough-card ul { margin: 8px 0 0 18px !important; padding: 0 !important; }
.iims-dashboard-workflow { max-height: none !important; }
.iims-credit,
.iims-brand-credit { margin-top: 10px !important; font-size: 12px !important; color: #94a3b8 !important; text-align: center !important; }

/* Compact page layout on small devices */
@media (max-width: 782px) {
    body.iims-portal-page .iims-nav,
    body.iims-clean-portal .iims-nav { padding: 10px !important; gap: 10px !important; }
    body.iims-portal-page .iims-nav-logo,
    body.iims-clean-portal .iims-nav-logo { width: 100% !important; justify-content: center !important; }
    body.iims-portal-page .iims-nav-links,
    body.iims-clean-portal .iims-nav-links { width: 100% !important; justify-content: flex-start !important; overflow-x: auto !important; flex-wrap: nowrap !important; padding-bottom: 2px !important; }
    body.iims-portal-page .iims-nav-user,
    body.iims-clean-portal .iims-nav-user { width: 100% !important; justify-content: center !important; }
    body.iims-portal-page .iims-dash-wrap,
    body.iims-clean-portal .iims-dash-wrap { padding: 12px 10px 18px !important; }
    .iims-dashboard-tabs { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; }
    .iims-tab-btn { white-space: nowrap; }
}


/* IIMS  compact professional dashboard structure fix
   Goal: remove unmanaged blank space and keep all dashboards inside a clean portal canvas. */
html body.iims-portal-page,
html body.iims-clean-portal {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    min-height: 100vh !important;
    background: #f3f6fb !important;
}
body.iims-portal-page.iims-has-dashboard,
body.iims-clean-portal.iims-has-dashboard {
    display: block !important;
}
body.iims-portal-page #page,
body.iims-clean-portal #page,
body.iims-portal-page .site,
body.iims-clean-portal .site,
body.iims-portal-page .wp-site-blocks,
body.iims-clean-portal .wp-site-blocks,
body.iims-portal-page .site-main,
body.iims-clean-portal .site-main,
body.iims-portal-page main,
body.iims-clean-portal main,
body.iims-portal-page article,
body.iims-clean-portal article,
body.iims-portal-page .entry-content,
body.iims-clean-portal .entry-content,
body.iims-portal-page .wp-block-post-content,
body.iims-clean-portal .wp-block-post-content {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
    min-height: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}
/* Hide common theme leftovers that can create large blank space above dashboard. */
body.iims-portal-page .entry-content > p:empty,
body.iims-clean-portal .entry-content > p:empty,
body.iims-portal-page .entry-content > br,
body.iims-clean-portal .entry-content > br,
body.iims-portal-page .entry-content > .wp-block-spacer,
body.iims-clean-portal .entry-content > .wp-block-spacer,
body.iims-portal-page .entry-content > .wp-block-separator,
body.iims-clean-portal .entry-content > .wp-block-separator,
body.iims-portal-page .entry-content > .wp-block-image:not(:has(.iims-nav)):not(:has(.iims-dash-wrap)),
body.iims-clean-portal .entry-content > .wp-block-image:not(:has(.iims-nav)):not(:has(.iims-dash-wrap)) {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* JS adds .iims-hide-theme-leftover to non-IIMS direct children around the shortcode. */
.iims-hide-theme-leftover {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.iims-portal-page .iims-nav,
body.iims-clean-portal .iims-nav {
    min-height: 54px !important;
    padding: 8px 18px !important;
    gap: 10px !important;
    align-items: center !important;
    border-radius: 0 !important;
}
body.iims-portal-page .iims-nav-links,
body.iims-clean-portal .iims-nav-links {
    gap: 5px !important;
}
body.iims-portal-page .iims-nav-links a,
body.iims-clean-portal .iims-nav-links a {
    min-height: 30px !important;
    padding: 7px 10px !important;
    font-size: 12px !important;
}
body.iims-portal-page .iims-nav-user,
body.iims-clean-portal .iims-nav-user {
    padding: 6px 9px !important;
    font-size: 12px !important;
}
body.iims-portal-page .iims-dash-wrap,
body.iims-clean-portal .iims-dash-wrap {
    width: min(1240px, calc(100vw - 28px)) !important;
    max-width: min(1240px, calc(100vw - 28px)) !important;
    margin: 10px auto 14px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}
body.iims-portal-page .iims-dash-header,
body.iims-clean-portal .iims-dash-header,
body.iims-portal-page .iims-dash-wrap > .iims-section-header:first-child,
body.iims-clean-portal .iims-dash-wrap > .iims-section-header:first-child {
    margin: 0 !important;
    padding: 11px 14px !important;
    min-height: 56px !important;
    border-radius: 14px !important;
    align-items: center !important;
}
body.iims-portal-page .iims-dash-header h1,
body.iims-clean-portal .iims-dash-header h1,
body.iims-portal-page .iims-dash-header h2,
body.iims-clean-portal .iims-dash-header h2,
body.iims-portal-page .iims-section-header h2,
body.iims-clean-portal .iims-section-header h2 {
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
}
body.iims-portal-page .iims-dashboard-tabs-shell,
body.iims-clean-portal .iims-dashboard-tabs-shell {
    margin: 0 !important;
    padding: 8px !important;
    border-radius: 14px !important;
}
body.iims-portal-page .iims-dashboard-tabs-title,
body.iims-clean-portal .iims-dashboard-tabs-title {
    padding: 0 2px 6px !important;
    font-size: 11px !important;
}
body.iims-portal-page .iims-dashboard-tabs,
body.iims-clean-portal .iims-dashboard-tabs {
    gap: 6px !important;
}
body.iims-portal-page .iims-tab-btn,
body.iims-clean-portal .iims-tab-btn {
    min-height: 32px !important;
    padding: 7px 11px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
}
body.iims-portal-page .iims-section,
body.iims-clean-portal .iims-section,
body.iims-portal-page .iims-role-walkthrough-card,
body.iims-clean-portal .iims-role-walkthrough-card,
body.iims-portal-page .iims-overview-panel,
body.iims-clean-portal .iims-overview-panel {
    margin: 0 !important;
    padding: 13px !important;
    border-radius: 14px !important;
}
body.iims-portal-page .iims-tabs-ready > .iims-tab-panel.is-active,
body.iims-clean-portal .iims-tabs-ready > .iims-tab-panel.is-active {
    max-height: calc(100vh - 185px) !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
}
body.iims-portal-page .iims-section h2,
body.iims-clean-portal .iims-section h2,
body.iims-portal-page .iims-section h3,
body.iims-clean-portal .iims-section h3 {
    margin: 0 0 9px !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
}
body.iims-portal-page .iims-stats-grid,
body.iims-clean-portal .iims-stats-grid {
    margin: 0 !important;
    gap: 8px !important;
}
body.iims-portal-page .iims-stat-box,
body.iims-clean-portal .iims-stat-box,
body.iims-portal-page .iims-feature-card,
body.iims-clean-portal .iims-feature-card,
body.iims-portal-page .iims-status-card,
body.iims-clean-portal .iims-status-card,
body.iims-portal-page .iims-role-card,
body.iims-clean-portal .iims-role-card,
body.iims-portal-page .iims-batch-card,
body.iims-clean-portal .iims-batch-card,
body.iims-portal-page .iims-task-card,
body.iims-clean-portal .iims-task-card,
body.iims-portal-page .iims-recording-card,
body.iims-clean-portal .iims-recording-card {
    padding: 11px 12px !important;
    margin-bottom: 8px !important;
    border-radius: 12px !important;
    box-shadow: 0 3px 10px rgba(15,23,42,.04) !important;
}
body.iims-portal-page .iims-inline-form,
body.iims-clean-portal .iims-inline-form,
body.iims-portal-page .iims-recorder-quality,
body.iims-clean-portal .iims-recorder-quality,
body.iims-portal-page .iims-classroom-card,
body.iims-clean-portal .iims-classroom-card,
body.iims-portal-page .iims-pro-recorder,
body.iims-clean-portal .iims-pro-recorder {
    padding: 12px !important;
    margin: 8px 0 !important;
    border-radius: 12px !important;
}
body.iims-portal-page .iims-form-grid,
body.iims-clean-portal .iims-form-grid,
body.iims-portal-page .iims-quality-options,
body.iims-clean-portal .iims-quality-options {
    gap: 8px !important;
    margin: 8px 0 !important;
}
body.iims-portal-page .iims-input,
body.iims-clean-portal .iims-input,
body.iims-portal-page .iims-textarea,
body.iims-clean-portal .iims-textarea,
body.iims-portal-page select,
body.iims-clean-portal select,
body.iims-portal-page input[type="text"],
body.iims-clean-portal input[type="text"],
body.iims-portal-page input[type="email"],
body.iims-clean-portal input[type="email"],
body.iims-portal-page input[type="url"],
body.iims-clean-portal input[type="url"],
body.iims-portal-page input[type="date"],
body.iims-clean-portal input[type="date"],
body.iims-portal-page input[type="time"],
body.iims-clean-portal input[type="time"],
body.iims-portal-page textarea,
body.iims-clean-portal textarea {
    min-height: 34px !important;
    padding: 7px 10px !important;
    font-size: 13px !important;
}
body.iims-portal-page .iims-btn,
body.iims-clean-portal .iims-btn {
    min-height: 32px !important;
    padding: 7px 11px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
}
body.iims-portal-page .iims-btn-lg,
body.iims-clean-portal .iims-btn-lg {
    min-height: 38px !important;
    padding: 9px 14px !important;
    font-size: 14px !important;
}
body.iims-portal-page .iims-table-wrap,
body.iims-clean-portal .iims-table-wrap {
    max-height: calc(100vh - 260px) !important;
    overflow: auto !important;
}
body.iims-portal-page .iims-table th,
body.iims-clean-portal .iims-table th,
body.iims-portal-page .iims-table td,
body.iims-clean-portal .iims-table td {
    padding: 8px 9px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}
body.iims-portal-page .iims-notice,
body.iims-clean-portal .iims-notice,
body.iims-portal-page .iims-alert,
body.iims-clean-portal .iims-alert,
body.iims-portal-page .iims-empty,
body.iims-clean-portal .iims-empty {
    margin: 0 0 8px !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
}
body.iims-portal-page .iims-credit,
body.iims-clean-portal .iims-credit,
body.iims-portal-page .iims-brand-credit,
body.iims-clean-portal .iims-brand-credit,
body.iims-portal-page .iims-frontend-brand-credit,
body.iims-clean-portal .iims-frontend-brand-credit {
    margin: 6px 0 10px !important;
    padding: 0 !important;
}
@media (max-width: 782px) {
    body.iims-portal-page .iims-dash-wrap,
    body.iims-clean-portal .iims-dash-wrap {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        margin: 8px auto 12px !important;
    }
    body.iims-portal-page .iims-tabs-ready > .iims-tab-panel.is-active,
    body.iims-clean-portal .iims-tabs-ready > .iims-tab-panel.is-active {
        max-height: none !important;
        overflow: visible !important;
    }
}

/* IIMS  professional Create Batch section layout */
body.iims-portal-page .iims-batch-builder,
body.iims-clean-portal .iims-batch-builder {
    padding: 0 !important;
    overflow: hidden;
    background: #fff !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05) !important;
}
body.iims-portal-page .iims-batch-builder-head,
body.iims-clean-portal .iims-batch-builder-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border-bottom: 1px solid #e5edf7;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}
body.iims-portal-page .iims-batch-builder-head h4,
body.iims-clean-portal .iims-batch-builder-head h4 {
    margin: 0 0 4px !important;
    color: #0f172a !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}
body.iims-portal-page .iims-batch-builder-head p,
body.iims-clean-portal .iims-batch-builder-head p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}
body.iims-portal-page .iims-batch-builder form,
body.iims-clean-portal .iims-batch-builder form {
    padding: 0 !important;
    margin: 0 !important;
}
body.iims-portal-page .iims-batch-section,
body.iims-clean-portal .iims-batch-section {
    padding: 13px 16px !important;
    margin: 0 !important;
    border-bottom: 1px solid #edf2f7 !important;
    background: #fff !important;
}
body.iims-portal-page .iims-batch-section h5,
body.iims-clean-portal .iims-batch-section h5 {
    margin: 0 0 10px !important;
    color: #1e293b !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
}
body.iims-portal-page .iims-batch-row,
body.iims-clean-portal .iims-batch-row {
    display: grid !important;
    gap: 12px !important;
    align-items: start !important;
    margin: 0 !important;
}
body.iims-portal-page .iims-batch-row-3,
body.iims-clean-portal .iims-batch-row-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.iims-portal-page .iims-batch-row-2,
body.iims-clean-portal .iims-batch-row-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 620px !important;
}
body.iims-portal-page .iims-batch-builder .iims-field,
body.iims-clean-portal .iims-batch-builder .iims-field {
    min-width: 0 !important;
}
body.iims-portal-page .iims-batch-builder label,
body.iims-clean-portal .iims-batch-builder label {
    display: block !important;
    margin: 0 0 5px !important;
    color: #334155 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .045em !important;
}
body.iims-portal-page .iims-batch-builder small,
body.iims-clean-portal .iims-batch-builder small {
    display: block !important;
    margin-top: 5px !important;
    color: #475569 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}
body.iims-portal-page .iims-schedule-days-row .iims-day-checkboxes,
body.iims-clean-portal .iims-schedule-days-row .iims-day-checkboxes {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
body.iims-portal-page .iims-schedule-days-row .iims-day-checkboxes label,
body.iims-clean-portal .iims-schedule-days-row .iims-day-checkboxes label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 34px !important;
    padding: 7px 12px !important;
    margin: 0 !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}
body.iims-portal-page .iims-schedule-days-row .iims-day-checkboxes input[type="checkbox"],
body.iims-clean-portal .iims-schedule-days-row .iims-day-checkboxes input[type="checkbox"] {
    margin: 0 !important;
    width: 14px !important;
    height: 14px !important;
}
body.iims-portal-page .iims-schedule-days-row .description,
body.iims-clean-portal .iims-schedule-days-row .description {
    margin: 8px 0 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
}
body.iims-portal-page .iims-batch-form-footer,
body.iims-clean-portal .iims-batch-form-footer {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding: 13px 16px !important;
    margin: 0 !important;
    background: #f8fafc !important;
}
body.iims-portal-page .iims-batch-form-footer .iims-btn,
body.iims-clean-portal .iims-batch-form-footer .iims-btn {
    min-width: 130px !important;
}
@media (max-width: 900px) {
    body.iims-portal-page .iims-batch-row-3,
    body.iims-clean-portal .iims-batch-row-3 {
        grid-template-columns: 1fr 1fr !important;
    }
}
@media (max-width: 640px) {
    body.iims-portal-page .iims-batch-row-3,
    body.iims-clean-portal .iims-batch-row-3,
    body.iims-portal-page .iims-batch-row-2,
    body.iims-clean-portal .iims-batch-row-2 {
        grid-template-columns: 1fr !important;
        max-width: none !important;
    }
    body.iims-portal-page .iims-batch-form-footer,
    body.iims-clean-portal .iims-batch-form-footer {
        justify-content: stretch !important;
    }
    body.iims-portal-page .iims-batch-form-footer .iims-btn,
    body.iims-clean-portal .iims-batch-form-footer .iims-btn {
        width: 100% !important;
    }
}

/* Student class schedule timing UI */
.iims-student-class-schedule .iims-dash-header{
    margin-bottom:14px;
}
.iims-class-schedule-list{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    margin:10px 0 16px;
}
.iims-class-schedule-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:16px;
    align-items:center;
    padding:16px 18px;
    border:1px solid #dbe4f0;
    border-radius:14px;
    background:#fff;
    box-shadow:0 6px 18px rgba(15,23,42,.05);
}
.iims-class-title-row{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:8px;
}
.iims-class-title-row h4{
    margin:0;
    font-size:17px;
    line-height:1.35;
    color:#0f172a;
}
.iims-class-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0 0 8px;
}
.iims-class-meta span{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:6px 10px;
    border-radius:999px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    color:#334155;
    font-size:12px;
    font-weight:700;
}
.iims-class-actions{
    min-width:190px;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:6px;
}
.iims-class-actions .iims-btn{
    width:100%;
    justify-content:center;
    text-align:center;
}
.iims-btn-disabled,
.iims-btn-disabled:hover{
    background:#e5e7eb !important;
    color:#64748b !important;
    border-color:#cbd5e1 !important;
    cursor:not-allowed !important;
    box-shadow:none !important;
    pointer-events:none;
}
.iims-muted{
    color:#64748b;
    font-size:12px;
    text-align:right;
}
.iims-badge-gray{
    background:#f1f5f9 !important;
    color:#475569 !important;
    border:1px solid #cbd5e1 !important;
}
.iims-class-state-ready,
.iims-class-state-live{
    border-color:#86efac;
    background:linear-gradient(180deg,#ffffff 0%,#f0fdf4 100%);
}
.iims-class-state-completed{
    background:#f8fafc;
}
.iims-classroom-waiting-card{
    border-left:4px solid #64748b;
}
@media (max-width: 760px){
    .iims-class-schedule-card{
        grid-template-columns:1fr;
    }
    .iims-class-actions{
        min-width:0;
        align-items:stretch;
    }
    .iims-muted{
        text-align:left;
    }
}

/* IIMS  Camera recording mode selector */
.iims-recorder-source {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 14px;
    margin: 12px 0;
}
.iims-recorder-source h4 { margin: 0 0 10px; }
.iims-source-options,
.iims-camera-position-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
    margin: 10px 0;
}
.iims-source-option,
.iims-camera-position-option {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    border: 1px solid #dbe3ee;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
}
.iims-source-option input,
.iims-camera-position-option input { margin-top: 3px; }
.iims-source-option strong { display: block; color: #0f172a; }
.iims-source-option small { display: block; color: #64748b; line-height: 1.35; }
.iims-camera-position-wrap {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #cbd5e1;
}
.iims-pro-recorder.is-recording .iims-recorder-source { opacity: .72; }
.iims-pro-recorder.is-recording .iims-source-option,
.iims-pro-recorder.is-recording .iims-camera-position-option { cursor: not-allowed; }

/* IIMS  Live classroom camera/mic controls */
.iims-live-camera-card{margin-top:18px;border:1px solid rgba(37,99,235,.16);background:#fff}
.iims-class-camera-grid{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:18px;align-items:start;margin-top:12px}
.iims-class-camera-preview-wrap{position:relative;min-height:190px;background:#0f172a;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.12)}
.iims-class-camera-preview{width:100%;height:100%;min-height:190px;object-fit:cover;background:#0f172a;display:block}
.iims-class-camera-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-weight:700;background:linear-gradient(135deg,#0f172a,#1e293b);letter-spacing:.02em}
.iims-camera-active .iims-class-camera-placeholder{display:none}
.iims-class-camera-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.iims-class-camera-status{width:100%;font-size:13px;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;margin-top:6px}
.iims-class-camera-status.iims-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}
.iims-camera-request-box{margin-top:14px;border:1px solid #fde68a;background:#fffbeb;border-radius:14px;padding:14px}
.iims-privacy-note{margin-top:14px}
.iims-student-camera-request-panel{margin-top:18px;border-top:1px solid #e2e8f0;padding-top:14px}
.iims-student-camera-list{display:grid;gap:10px;margin-top:10px}
.iims-student-camera-row{display:grid;grid-template-columns:1fr auto minmax(110px,150px);gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;background:#f8fafc}
.iims-student-camera-request-status{font-size:12px;color:#64748b;text-align:right}
@media (max-width: 760px){
  .iims-class-camera-grid{grid-template-columns:1fr}
  .iims-student-camera-row{grid-template-columns:1fr;align-items:start}
  .iims-student-camera-request-status{text-align:left}
}

/* IIMS  Time-based attendance tracking status */
.iims-attendance-tracker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:10px 0;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid #bbf7d0;
    background:#f0fdf4;
    color:#166534;
    font-size:13px;
    font-weight:700;
}
.iims-attendance-tracker:before{content:'🟢';}

/* IIMS  Live classroom one-by-one screen share controls */
.iims-live-screen-share-card{margin-top:18px;border:1px solid rgba(79,70,229,.16);background:#fff}
.iims-screen-share-layout{display:grid;grid-template-columns:minmax(260px,460px) 1fr;gap:18px;align-items:start;margin-top:12px}
.iims-screen-share-preview-wrap{position:relative;min-height:220px;background:#020617;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.12)}
.iims-screen-share-preview{width:100%;height:100%;min-height:220px;object-fit:contain;background:#020617;display:block}
.iims-screen-share-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-weight:700;background:linear-gradient(135deg,#020617,#1e1b4b);letter-spacing:.02em;text-align:center;padding:16px}
.iims-screen-share-active .iims-screen-share-placeholder{display:none}
.iims-screen-share-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.iims-screen-share-status{width:100%;font-size:13px;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;margin-top:6px}
.iims-screen-share-status.iims-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}
.iims-student-screen-share-panel{margin-top:18px;border-top:1px solid #e2e8f0;padding-top:14px}
.iims-student-screen-share-list{display:grid;gap:10px;margin-top:10px}
.iims-student-screen-share-row{display:grid;grid-template-columns:1fr auto minmax(120px,170px);gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;background:#f8fafc}
.iims-student-screen-share-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.iims-student-screen-share-status{font-size:12px;color:#64748b;text-align:right}
@media (max-width: 860px){
  .iims-screen-share-layout{grid-template-columns:1fr}
  .iims-student-screen-share-row{grid-template-columns:1fr;align-items:start}
  .iims-student-screen-share-actions{justify-content:flex-start}
  .iims-student-screen-share-status{text-align:left}
}

/* IIMS  Final live class + recording workflow */
.iims-live-stage{
    position:relative;
    overflow:hidden;
}
.iims-live-stage-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
}
.iims-live-status-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    background:#f1f5f9;
    color:#475569;
    border:1px solid #e2e8f0;
    white-space:nowrap;
}
.iims-live-stage.is-live .iims-live-status-pill,
.iims-final-recorder[data-live-status="live"] .iims-live-status-pill{
    background:#dcfce7;
    color:#166534;
    border-color:#bbf7d0;
}
.iims-live-stage.is-recording .iims-live-status-pill{
    background:#fee2e2;
    color:#991b1b;
    border-color:#fecaca;
}
.iims-live-stage.is-paused .iims-live-status-pill{
    background:#fef3c7;
    color:#92400e;
    border-color:#fde68a;
}
.iims-live-class-screen{
    position:relative;
    min-height:360px;
    aspect-ratio:16/9;
    border-radius:18px;
    background:linear-gradient(135deg,#020617,#0f172a 58%,#172554);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    margin:16px 0;
    overflow:hidden;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.iims-live-screen-center{
    text-align:center;
    display:grid;
    gap:6px;
    padding:20px;
    max-width:720px;
}
.iims-live-screen-center strong{font-size:clamp(20px,3vw,34px);line-height:1.15;}
.iims-live-screen-center span{color:#cbd5e1;font-weight:700;}
.iims-live-screen-center small{color:#93c5fd;font-weight:700;}
.iims-live-corner{
    position:absolute;
    width:82px;
    height:82px;
    border-color:#94a3b8;
    opacity:.45;
    pointer-events:none;
}
.iims-live-corner-tl{top:14px;left:14px;border-left:6px solid;border-top:6px solid;border-top-left-radius:14px;}
.iims-live-corner-tr{top:14px;right:14px;border-right:6px solid;border-top:6px solid;border-top-right-radius:14px;}
.iims-live-corner-bl{bottom:14px;left:14px;border-left:6px solid;border-bottom:6px solid;border-bottom-left-radius:14px;}
.iims-live-corner-br{bottom:14px;right:14px;border-right:6px solid;border-bottom:6px solid;border-bottom-right-radius:14px;}
.iims-live-stage.is-live .iims-live-corner{border-color:#22c55e;opacity:1;box-shadow:0 0 20px rgba(34,197,94,.45);}
.iims-live-stage.is-recording .iims-live-corner{border-color:#ef4444;opacity:1;box-shadow:0 0 24px rgba(239,68,68,.55);}
.iims-live-stage.is-paused .iims-live-corner{border-color:#f59e0b;opacity:1;box-shadow:0 0 22px rgba(245,158,11,.52);}
.iims-live-stage.is-ended .iims-live-corner{border-color:#64748b;opacity:.65;}
.iims-final-recorder-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
    flex-wrap:wrap;
}
.iims-live-start-row{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    padding:12px;
    border:1px solid #e2e8f0;
    border-radius:14px;
    background:#f8fafc;
    margin:12px 0;
}
.iims-recorder-advanced-hidden{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}
.iims-recorder-iconbar{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
    padding:12px;
    border:1px solid #e2e8f0;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 22px rgba(15,23,42,.05);
    margin:12px 0;
}
.iims-icon-btn{
    width:46px;
    height:46px;
    border-radius:999px;
    border:1px solid #cbd5e1;
    background:#f8fafc;
    color:#0f172a;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    line-height:1;
    cursor:pointer;
    transition:.18s ease;
}
.iims-icon-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.12);}
.iims-icon-btn:disabled{opacity:.45;cursor:not-allowed;}
.iims-record-start{background:#fee2e2;color:#b91c1c;border-color:#fecaca;}
.iims-final-recorder.is-recording .iims-record-start{background:#dc2626;color:#fff;border-color:#dc2626;}
.iims-quality-popup[hidden]{display:none!important;}
.iims-quality-popup{
    position:fixed;
    inset:0;
    z-index:99999;
    background:rgba(15,23,42,.62);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
}
.iims-quality-popup-dialog{
    width:min(920px,96vw);
    max-height:88vh;
    overflow:auto;
    background:#fff;
    border-radius:18px;
    padding:20px;
    box-shadow:0 24px 70px rgba(15,23,42,.35);
}
.iims-quality-popup-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
    margin-top:14px;
}
.iims-recorder-youtube-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin:12px 0;
}
.iims-screen-share-close{
    position:absolute;
    top:10px;
    right:10px;
    z-index:3;
    width:34px;
    height:34px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.35);
    background:rgba(15,23,42,.75);
    color:#fff;
    font-size:24px;
    line-height:1;
    cursor:pointer;
    display:none;
    align-items:center;
    justify-content:center;
}
.iims-screen-share-active .iims-screen-share-close{display:flex;}
@media(max-width:760px){
    .iims-live-class-screen{min-height:230px;}
    .iims-live-corner{width:54px;height:54px;}
    .iims-icon-btn{width:42px;height:42px;font-size:18px;}
}

/*  sales-readiness live classroom engine + safety UI */
.iims-live-engine-card {
    position: relative;
    width: min(100%, 1180px);
    margin: 14px auto;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 18px;
    overflow: hidden;
    background: #020617;
    box-shadow: 0 18px 48px rgba(15, 23, 42, .18);
}
.iims-live-engine-placeholder {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    color: #e2e8f0;
    text-align: center;
    padding: 24px;
}
.iims-live-engine-placeholder small { color: #94a3b8; }
.iims-live-engine-frame {
    display: none;
    width: 100%;
    min-height: 420px;
    background: #020617;
}
.iims-live-engine-card.is-engine-loaded .iims-live-engine-placeholder { display: none; }
.iims-live-engine-card.is-engine-loaded .iims-live-engine-frame { display: block; }
.iims-live-engine-note {
    margin: 0;
    padding: 10px 14px;
    background: #f8fafc;
    color: #475569;
}
.iims-live-start-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.iims-recorder-source h4 {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
}
@media (max-width: 768px) {
    .iims-live-engine-frame { min-height: 320px; }
    .iims-live-engine-card { border-radius: 14px; }
}


/* Live classroom bridge cleanup. */
.iims-live-engine-guidance{border:1px solid rgba(37,99,235,.16);background:#f8fbff;margin-top:16px;}
.iims-device-access-note{color:#475569;font-weight:600;}
.iims-live-engine-card{overflow:hidden;}
.iims-live-engine-frame iframe{border-radius:14px;}


/* Username rule helper and inline validation. */
.iims-username-policy{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.35;}
.iims-username-error{display:block;margin-top:6px;color:#b91c1c!important;font-size:12px;font-weight:600;line-height:1.35;}
.iims-field-invalid{border-color:#dc2626!important;box-shadow:0 0 0 1px rgba(220,38,38,.18)!important;}



/* IIMS v3.0.48 canonical frontend shell layout.
   One Student-style shell controls every logged-in IIMS frontend page.
   Target: [ equal margin ] [ centered IIMS shell ] [ equal margin ]. */
html body.iims-portal-page,
html body.iims-clean-portal,
html body.iims-frontend-shell-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background: #f3f6fb !important;
}
body.iims-portal-page,
body.iims-clean-portal,
body.iims-frontend-shell-page {
    --iims-shell-max: 1280px;
    --iims-shell-gutter: 16px;
    --iims-shell-width: min(var(--iims-shell-max), calc(100vw - (var(--iims-shell-gutter) * 2)));
}

/* Release common WordPress/theme containers only when an IIMS frontend shell exists. */
body.iims-frontend-shell-page #page,
body.iims-frontend-shell-page .site,
body.iims-frontend-shell-page .site-content,
body.iims-frontend-shell-page .ast-container,
body.iims-frontend-shell-page .content-area,
body.iims-frontend-shell-page .site-main,
body.iims-frontend-shell-page main,
body.iims-frontend-shell-page article,
body.iims-frontend-shell-page .entry-content,
body.iims-frontend-shell-page .wp-block-post-content,
body.iims-portal-page #page,
body.iims-portal-page .site,
body.iims-portal-page .site-content,
body.iims-portal-page .ast-container,
body.iims-portal-page .content-area,
body.iims-portal-page .site-main,
body.iims-portal-page main,
body.iims-portal-page article,
body.iims-portal-page .entry-content,
body.iims-portal-page .wp-block-post-content,
body.iims-clean-portal #page,
body.iims-clean-portal .site,
body.iims-clean-portal .site-content,
body.iims-clean-portal .ast-container,
body.iims-clean-portal .content-area,
body.iims-clean-portal .site-main,
body.iims-clean-portal main,
body.iims-clean-portal article,
body.iims-clean-portal .entry-content,
body.iims-clean-portal .wp-block-post-content {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

.iims-frontend-page-shell,
body.iims-frontend-shell-page .iims-frontend-page-shell,
body.iims-portal-page .iims-frontend-page-shell,
body.iims-clean-portal .iims-frontend-page-shell {
    width: var(--iims-shell-width) !important;
    max-width: var(--iims-shell-width) !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.iims-frontend-page-shell > .iims-nav,
.iims-frontend-page-shell > .iims-dash-wrap,
.iims-frontend-page-shell > .iims-classroom-wrap,
.iims-frontend-page-shell > .iims-recording-form-wrap,
.iims-frontend-page-shell > .iims-auth-wrap,
.iims-frontend-page-shell > .iims-register-wrap,
.iims-frontend-page-shell > .iims-brand-credit,
.iims-frontend-page-shell > .iims-frontend-brand-credit {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
}

.iims-frontend-page-shell > .iims-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    min-height: 54px !important;
    height: auto !important;
    max-height: none !important;
    border-radius: 0 0 14px 14px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    overflow: visible !important;
}

.iims-frontend-page-shell .iims-nav-logo,
.iims-frontend-page-shell .iims-nav-links,
.iims-frontend-page-shell .iims-nav-user {
    min-width: 0 !important;
    max-width: 100% !important;
}
.iims-frontend-page-shell .iims-nav-links {
    flex-wrap: wrap !important;
    justify-content: center !important;
}
.iims-frontend-page-shell .iims-nav-user { flex-shrink: 0 !important; }

.iims-frontend-page-shell > .iims-dash-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    margin-top: 12px !important;
    margin-bottom: 18px !important;
    padding: 0 !important;
    overflow: visible !important;
}

.iims-frontend-page-shell .iims-tabs-ready > .iims-tab-panel.is-active {
    max-height: none !important;
    overflow: visible !important;
    overscroll-behavior: auto !important;
}

.iims-frontend-page-shell .iims-section,
.iims-frontend-page-shell .iims-dash-header,
.iims-frontend-page-shell .iims-section-header,
.iims-frontend-page-shell .iims-role-walkthrough-card,
.iims-frontend-page-shell .iims-overview-panel,
.iims-frontend-page-shell .iims-dashboard-tabs-shell,
.iims-frontend-page-shell .iims-stats-grid,
.iims-frontend-page-shell .iims-batch-card,
.iims-frontend-page-shell .iims-task-card,
.iims-frontend-page-shell .iims-recording-card,
.iims-frontend-page-shell .iims-inline-form,
.iims-frontend-page-shell .iims-class-link-list,
.iims-frontend-page-shell .iims-class-link-block {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.iims-frontend-page-shell .iims-table-wrap,
.iims-frontend-page-shell table.iims-table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.iims-frontend-page-shell .iims-table-wrap { overflow-x: auto !important; }
.iims-frontend-page-shell .iims-form-grid { max-width: 100% !important; }
.iims-frontend-page-shell input,
.iims-frontend-page-shell select,
.iims-frontend-page-shell textarea {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.iims-tour-fab,
body.iims-portal-page .iims-tour-fab,
body.iims-clean-portal .iims-tour-fab,
body.iims-frontend-shell-page .iims-tour-fab {
    right: max(12px, env(safe-area-inset-right)) !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    max-width: calc(100vw - 24px) !important;
}

@media (max-width: 900px) {
    body.iims-portal-page,
    body.iims-clean-portal,
    body.iims-frontend-shell-page { --iims-shell-gutter: 10px; }

    .iims-frontend-page-shell .iims-nav-logo,
    .iims-frontend-page-shell .iims-nav-links,
    .iims-frontend-page-shell .iims-nav-user {
        width: 100% !important;
        justify-content: center !important;
    }
    .iims-frontend-page-shell .iims-nav-links {
        justify-content: flex-start !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
    }
}


/* IIMS v5.00.01 FINAL UI LOCK - TRUE FRONTEND STUDENT-STYLE SHELL
   This is the last-authority layout layer. It breaks IIMS frontend pages out of
   theme containers and centers one common shell for Student, Trainer, Admin,
   Join Class, Tasks, Recordings and Classroom. */
html body.iims-portal-page,
html body.iims-clean-portal,
html body.iims-frontend-shell-page {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background: #f3f6fb !important;
}
html:has(body.iims-portal-page),
html:has(body.iims-clean-portal),
html:has(body.iims-frontend-shell-page),
html body.iims-portal-page.admin-bar,
html body.iims-clean-portal.admin-bar,
html body.iims-frontend-shell-page.admin-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
body.iims-portal-page #wpadminbar,
body.iims-clean-portal #wpadminbar,
body.iims-frontend-shell-page #wpadminbar {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
body.iims-portal-page #page,
body.iims-clean-portal #page,
body.iims-frontend-shell-page #page,
body.iims-portal-page .site,
body.iims-clean-portal .site,
body.iims-frontend-shell-page .site,
body.iims-portal-page .wp-site-blocks,
body.iims-clean-portal .wp-site-blocks,
body.iims-frontend-shell-page .wp-site-blocks,
body.iims-portal-page .site-content,
body.iims-clean-portal .site-content,
body.iims-frontend-shell-page .site-content,
body.iims-portal-page .content-area,
body.iims-clean-portal .content-area,
body.iims-frontend-shell-page .content-area,
body.iims-portal-page .site-main,
body.iims-clean-portal .site-main,
body.iims-frontend-shell-page .site-main,
body.iims-portal-page main,
body.iims-clean-portal main,
body.iims-frontend-shell-page main,
body.iims-portal-page article,
body.iims-clean-portal article,
body.iims-frontend-shell-page article,
body.iims-portal-page .entry-content,
body.iims-clean-portal .entry-content,
body.iims-frontend-shell-page .entry-content,
body.iims-portal-page .wp-block-post-content,
body.iims-clean-portal .wp-block-post-content,
body.iims-frontend-shell-page .wp-block-post-content {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    background: transparent !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
body.iims-portal-page .entry-title,
body.iims-clean-portal .entry-title,
body.iims-frontend-shell-page .entry-title,
body.iims-portal-page .page-title,
body.iims-clean-portal .page-title,
body.iims-frontend-shell-page .page-title,
body.iims-portal-page .post-thumbnail,
body.iims-clean-portal .post-thumbnail,
body.iims-frontend-shell-page .post-thumbnail,
body.iims-portal-page .breadcrumbs,
body.iims-clean-portal .breadcrumbs,
body.iims-frontend-shell-page .breadcrumbs,
body.iims-portal-page .breadcrumb,
body.iims-clean-portal .breadcrumb,
body.iims-frontend-shell-page .breadcrumb {
    display: none !important;
}
body.iims-portal-page .iims-frontend-page-shell,
body.iims-clean-portal .iims-frontend-page-shell,
body.iims-frontend-shell-page .iims-frontend-page-shell {
    --iims-final-shell-max: 1280px;
    --iims-final-shell-gutter: 24px;
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: 0 !important;
    padding: 0 var(--iims-final-shell-gutter) 28px !important;
    min-height: 100vh !important;
    background: #f3f6fb !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    transform: none !important;
}
body.iims-portal-page .iims-frontend-page-shell > .iims-nav,
body.iims-clean-portal .iims-frontend-page-shell > .iims-nav,
body.iims-frontend-shell-page .iims-frontend-page-shell > .iims-nav,
body.iims-portal-page .iims-frontend-page-shell > .iims-dash-wrap,
body.iims-clean-portal .iims-frontend-page-shell > .iims-dash-wrap,
body.iims-frontend-shell-page .iims-frontend-page-shell > .iims-dash-wrap,
body.iims-portal-page .iims-frontend-page-shell > .iims-classroom-wrap,
body.iims-clean-portal .iims-frontend-page-shell > .iims-classroom-wrap,
body.iims-frontend-shell-page .iims-frontend-page-shell > .iims-classroom-wrap,
body.iims-portal-page .iims-frontend-page-shell > .iims-recording-form-wrap,
body.iims-clean-portal .iims-frontend-page-shell > .iims-recording-form-wrap,
body.iims-frontend-shell-page .iims-frontend-page-shell > .iims-recording-form-wrap,
body.iims-portal-page .iims-frontend-page-shell > .iims-auth-wrap,
body.iims-clean-portal .iims-frontend-page-shell > .iims-auth-wrap,
body.iims-frontend-shell-page .iims-frontend-page-shell > .iims-auth-wrap,
body.iims-portal-page .iims-frontend-page-shell > .iims-register-wrap,
body.iims-clean-portal .iims-frontend-page-shell > .iims-register-wrap,
body.iims-frontend-shell-page .iims-frontend-page-shell > .iims-register-wrap,
body.iims-portal-page .iims-frontend-page-shell > .iims-frontend-brand-credit,
body.iims-clean-portal .iims-frontend-page-shell > .iims-frontend-brand-credit,
body.iims-frontend-shell-page .iims-frontend-page-shell > .iims-frontend-brand-credit {
    width: min(var(--iims-final-shell-max), calc(100vw - (var(--iims-final-shell-gutter) * 2))) !important;
    max-width: min(var(--iims-final-shell-max), calc(100vw - (var(--iims-final-shell-gutter) * 2))) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
}
body.iims-portal-page .iims-frontend-page-shell > .iims-nav,
body.iims-clean-portal .iims-frontend-page-shell > .iims-nav,
body.iims-frontend-shell-page .iims-frontend-page-shell > .iims-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    min-height: 56px !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding: 10px 18px !important;
    border-radius: 0 0 16px 16px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    overflow: visible !important;
}
body.iims-portal-page .iims-frontend-page-shell > .iims-dash-wrap,
body.iims-clean-portal .iims-frontend-page-shell > .iims-dash-wrap,
body.iims-frontend-shell-page .iims-frontend-page-shell > .iims-dash-wrap,
body.iims-portal-page .iims-frontend-page-shell > .iims-classroom-wrap,
body.iims-clean-portal .iims-frontend-page-shell > .iims-classroom-wrap,
body.iims-frontend-shell-page .iims-frontend-page-shell > .iims-classroom-wrap,
body.iims-portal-page .iims-frontend-page-shell > .iims-recording-form-wrap,
body.iims-clean-portal .iims-frontend-page-shell > .iims-recording-form-wrap,
body.iims-frontend-shell-page .iims-frontend-page-shell > .iims-recording-form-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    padding: 0 !important;
    overflow: visible !important;
}
body.iims-portal-page .iims-frontend-page-shell .iims-section,
body.iims-clean-portal .iims-frontend-page-shell .iims-section,
body.iims-frontend-shell-page .iims-frontend-page-shell .iims-section,
body.iims-portal-page .iims-frontend-page-shell .iims-dash-header,
body.iims-clean-portal .iims-frontend-page-shell .iims-dash-header,
body.iims-frontend-shell-page .iims-frontend-page-shell .iims-dash-header,
body.iims-portal-page .iims-frontend-page-shell .iims-section-header,
body.iims-clean-portal .iims-frontend-page-shell .iims-section-header,
body.iims-frontend-shell-page .iims-frontend-page-shell .iims-section-header,
body.iims-portal-page .iims-frontend-page-shell .iims-role-walkthrough-card,
body.iims-clean-portal .iims-frontend-page-shell .iims-role-walkthrough-card,
body.iims-frontend-shell-page .iims-frontend-page-shell .iims-role-walkthrough-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
}
body.iims-portal-page .iims-frontend-page-shell .iims-tabs-ready > .iims-tab-panel,
body.iims-clean-portal .iims-frontend-page-shell .iims-tabs-ready > .iims-tab-panel,
body.iims-frontend-shell-page .iims-frontend-page-shell .iims-tabs-ready > .iims-tab-panel {
    width: 100% !important;
    max-width: 100% !important;
}
body.iims-portal-page .iims-frontend-page-shell .iims-tabs-ready > .iims-tab-panel.is-active,
body.iims-clean-portal .iims-frontend-page-shell .iims-tabs-ready > .iims-tab-panel.is-active,
body.iims-frontend-shell-page .iims-frontend-page-shell .iims-tabs-ready > .iims-tab-panel.is-active {
    max-height: none !important;
    overflow: visible !important;
}
body.iims-portal-page .iims-frontend-page-shell .iims-table-wrap,
body.iims-clean-portal .iims-frontend-page-shell .iims-table-wrap,
body.iims-frontend-shell-page .iims-frontend-page-shell .iims-table-wrap {
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
}
body.iims-portal-page .iims-frontend-page-shell .iims-batch-row-3,
body.iims-clean-portal .iims-frontend-page-shell .iims-batch-row-3,
body.iims-frontend-shell-page .iims-frontend-page-shell .iims-batch-row-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.iims-portal-page .iims-frontend-page-shell .iims-batch-row-2,
body.iims-clean-portal .iims-frontend-page-shell .iims-batch-row-2,
body.iims-frontend-shell-page .iims-frontend-page-shell .iims-batch-row-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 720px !important;
}
@media (max-width: 900px) {
    body.iims-portal-page .iims-frontend-page-shell,
    body.iims-clean-portal .iims-frontend-page-shell,
    body.iims-frontend-shell-page .iims-frontend-page-shell { --iims-final-shell-gutter: 14px; }
    body.iims-portal-page .iims-frontend-page-shell .iims-batch-row-3,
    body.iims-clean-portal .iims-frontend-page-shell .iims-batch-row-3,
    body.iims-frontend-shell-page .iims-frontend-page-shell .iims-batch-row-3,
    body.iims-portal-page .iims-frontend-page-shell .iims-batch-row-2,
    body.iims-clean-portal .iims-frontend-page-shell .iims-batch-row-2,
    body.iims-frontend-shell-page .iims-frontend-page-shell .iims-batch-row-2 {
        grid-template-columns: 1fr !important;
        max-width: none !important;
    }
}
@media (max-width: 640px) {
    body.iims-portal-page .iims-frontend-page-shell,
    body.iims-clean-portal .iims-frontend-page-shell,
    body.iims-frontend-shell-page .iims-frontend-page-shell { --iims-final-shell-gutter: 10px; }
    body.iims-portal-page .iims-frontend-page-shell > .iims-nav,
    body.iims-clean-portal .iims-frontend-page-shell > .iims-nav,
    body.iims-frontend-shell-page .iims-frontend-page-shell > .iims-nav {
        border-radius: 0 0 12px 12px !important;
        padding: 10px !important;
    }
}


/* v5.00.42 IIMS Built-in Live Classroom - no external meeting platform */
.iims-native-live-card{background:#07113a;color:#eaf0ff;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px rgba(15,23,42,.18)}
.iims-native-live-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.12)}
.iims-native-live-head strong{display:block;font-size:18px;color:#fff}.iims-native-live-head small{display:block;color:#b8c6f6;margin-top:4px}.iims-native-room-pill{font-size:12px;border-radius:999px;background:#1d4ed8;color:#fff;padding:6px 10px;white-space:nowrap}
.iims-native-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:14px;min-height:330px;background:linear-gradient(135deg,#020617,#111c55)}
.iims-native-video-tile{position:relative;min-height:220px;background:#020617;border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.iims-native-video-tile video{width:100%;height:100%;object-fit:cover;min-height:220px;background:#020617}.iims-native-video-tile:not(.has-video) video{display:none}.iims-native-video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:700}.iims-native-video-tile.has-video .iims-native-video-placeholder{display:none}.iims-native-name{position:absolute;left:10px;bottom:10px;background:rgba(15,23,42,.78);color:#fff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iims-native-video-tile.is-local{border-color:#2563eb}.iims-native-controls{display:flex;gap:8px;flex-wrap:wrap;padding:12px 14px;background:#0b1647;border-top:1px solid rgba(255,255,255,.10)}.iims-native-controls .iims-btn{min-height:34px;padding:7px 12px}.iims-native-status{padding:9px 14px;background:#eff6ff;color:#0f2a63;font-weight:700}.iims-native-status.is-error{background:#fef2f2;color:#991b1b}.iims-native-chat{background:#fff;color:#0f172a;border-radius:0 0 14px 14px;overflow:hidden}.iims-native-chat-head{font-weight:800;padding:10px 14px;border-bottom:1px solid #dbe3f0;color:#00145f}.iims-native-chat-box{height:145px;overflow:auto;padding:10px 14px;background:#f8fbff}.iims-native-chat-msg{margin:0 0 8px;display:flex;gap:8px;align-items:flex-start}.iims-native-chat-msg strong{color:#1d4ed8;white-space:nowrap}.iims-native-chat-msg span{word-break:break-word}.iims-native-chat-msg.is-me strong{color:#059669}.iims-native-chat-form{display:flex;gap:8px;padding:10px 14px;border-top:1px solid #dbe3f0}.iims-native-chat-form input{flex:1;min-height:38px;border:1px solid #bfdbfe;border-radius:10px;padding:8px 10px}
@media(max-width:760px){.iims-native-video-grid{grid-template-columns:1fr}.iims-native-controls .iims-btn{flex:1 1 45%}.iims-native-chat-form{flex-direction:column}}

/* v5.00.44 Live Class Start/End Recording Control UI */
.iims-native-live-card{position:relative;}
.iims-native-close{
    position:absolute;
    top:8px;
    right:10px;
    z-index:8;
    width:28px;
    height:28px;
    border:0;
    border-radius:7px;
    background:transparent;
    color:rgba(255,255,255,.78);
    font-size:22px;
    line-height:26px;
    font-weight:500;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.iims-native-close:hover{background:rgba(255,255,255,.12);color:#fff;}
.iims-native-live-card .iims-native-live-head{padding-right:52px;}
.iims-native-class-start,
.iims-native-class-end{font-weight:900;}
.iims-native-controls .iims-btn:disabled{opacity:.54;cursor:not-allowed;}
.iims-final-recorder .iims-live-start-row-secondary{display:none!important;}
.iims-quality-popup-dialog{position:relative;}
.iims-quality-popup-close{
    position:absolute;
    top:12px;
    right:14px;
    width:30px;
    height:30px;
    border:0;
    border-radius:7px;
    background:transparent;
    color:#475569;
    font-size:24px;
    line-height:28px;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.iims-quality-popup-close:hover{background:#f1f5f9;color:#0f172a;}
@media(max-width:760px){
    .iims-native-controls{gap:7px;}
    .iims-native-controls .iims-btn{flex:1 1 46%;padding:7px 9px;font-size:13px;}
    .iims-native-close{top:6px;right:8px;}
}


/* v5.00.46 Student live classroom AJAX + leave/close controls */
.iims-native-close-page-btn{background:#eef2ff!important;color:#0f1f5f!important;border:1px solid rgba(191,219,254,.9)!important;font-weight:900!important;}
.iims-native-close-page-btn:hover{background:#dbeafe!important;color:#0b1b52!important;}
.iims-native-controls [data-iims-native-action="leave"]{font-weight:900;}
.iims-native-status.is-error{border-top:1px solid #fecaca;}

/* v5.00.47 Trainer recording download + YouTube upload information section */
.iims-recording-download-board{display:flex;flex-direction:column;gap:14px;margin-top:12px}
.iims-recording-batch-card{border:1px solid #d9e3f3;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(15,39,90,.06)}
.iims-recording-batch-top{display:grid;grid-template-columns:1.25fr 1.6fr 1fr auto;gap:12px;align-items:center;padding:12px 14px;background:#f8fbff;border-bottom:1px solid #e5edf8}
.iims-recording-batch-top strong{display:block;color:#00125c;line-height:1.2}
.iims-recording-batch-top span,.iims-recording-batch-top small{display:block;color:#425475;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.iims-temp-empty-line{padding:12px 14px;color:#5b6a84;font-size:13px;background:#fff}
.iims-temp-recording-dashboard-list{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:#fff}
.iims-temp-recording-dashboard-card{border:1px solid #dbe6f7;border-radius:14px;background:#fbfdff;padding:12px}
.iims-temp-rec-main{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}
.iims-temp-rec-main strong{display:block;color:#00125c;font-size:15px}
.iims-temp-rec-main span{display:block;color:#1d2a44;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:560px}
.iims-temp-rec-main small{display:block;color:#60708d;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:760px}
.iims-temp-rec-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.iims-youtube-upload-info{border-top:1px dashed #cfdbed;padding-top:10px;margin-top:8px}
.iims-youtube-info-line{font-size:12px;color:#425475;margin:0 0 8px;line-height:1.45}
.iims-youtube-info-line span{margin:0 6px;color:#9aa8bc}
.iims-copy-row{display:flex;gap:8px;align-items:flex-start;margin:4px 0 8px}
.iims-copy-row .iims-input{height:36px;min-height:36px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iims-copy-row .iims-textarea{font-size:12px;line-height:1.35;min-height:92px}
.iims-copy-row .iims-btn{white-space:nowrap;min-height:34px;padding:7px 12px}
@media(max-width:900px){.iims-recording-batch-top{grid-template-columns:1fr}.iims-temp-rec-main{flex-direction:column;align-items:flex-start}.iims-temp-rec-actions{justify-content:flex-start}.iims-copy-row{flex-direction:column}.iims-temp-rec-main span,.iims-temp-rec-main small{max-width:100%}}

/* v5.00.48 Recording download visibility fix */
.iims-temp-empty-help{display:flex;flex-direction:column;gap:5px;line-height:1.4;}
.iims-temp-empty-help strong{color:#00125c;}
.iims-temp-empty-help span{color:#52627f;font-size:12px;}
.iims-temp-recordings-empty{border:1px solid #dbe6f7;border-radius:14px;background:#fbfdff;padding:12px 14px;margin-top:12px;}
.iims-temp-rec-actions .iims-btn-primary,
.iims-recorder-actions .iims-btn-primary{font-weight:900;}

/* v5.00.50 Separate professional Recording Center */
.iims-recording-center .iims-recording-main-header{align-items:flex-start;margin-bottom:10px;}
.iims-recording-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;}
.iims-recording-summary-strip>div{border:1px solid #dbe6f7;border-radius:14px;background:#f8fbff;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;}
.iims-recording-summary-strip strong{font-size:24px;color:#00125c;line-height:1;}
.iims-recording-summary-strip span{font-size:12px;font-weight:800;color:#52627f;text-align:right;white-space:nowrap;}
.iims-recording-workflow-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px;}
.iims-recording-workflow-row span{border:1px solid #cfe0fb;background:#eef6ff;color:#0f3f9e;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;white-space:nowrap;}
.iims-recording-center-card{box-shadow:0 8px 22px rgba(15,39,90,.06)!important;}
.iims-recording-center-top{grid-template-columns:1.1fr 1.55fr .95fr .95fr;}
.iims-recording-subsection{padding:12px 14px;border-top:1px solid #edf2f9;background:#fff;}
.iims-recording-subsection h4{margin:0 0 9px;color:#00125c;font-size:15px;font-weight:900;}
.iims-recording-pending-section{background:#fffdf5;}
.iims-recording-ready-card{background:#f8fffb;border-color:#bde8cb;}
.iims-youtube-upload-info h4{font-size:14px;margin:0 0 8px;}
.iims-final-recording-list{display:flex;flex-direction:column;gap:8px;}
.iims-final-recording-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dbe6f7;border-radius:12px;background:#fbfdff;padding:10px 12px;}
.iims-final-recording-row strong{display:block;color:#00125c;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:640px;}
.iims-final-recording-row span{display:block;color:#60708d;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:640px;}
@media(max-width:900px){.iims-recording-summary-strip{grid-template-columns:1fr}.iims-recording-center-top{grid-template-columns:1fr}.iims-final-recording-row{flex-direction:column;align-items:flex-start}.iims-recording-summary-strip>div{justify-content:flex-start}.iims-recording-summary-strip span{text-align:left}}


/* v5.00.51 compact batch list: row 1 details, row 2 thin actions */
.iims-batch-compact-wrap,
body.iims-portal-page .iims-batch-compact-wrap,
body.iims-clean-portal .iims-batch-compact-wrap {
    overflow-x: hidden !important;
}
.iims-batch-compact-table,
body.iims-portal-page .iims-batch-compact-table,
body.iims-clean-portal .iims-batch-compact-table {
    table-layout: fixed !important;
    min-width: 0 !important;
    width: 100% !important;
    font-size: 12px !important;
}
.iims-batch-compact-table .iims-batch-col-name { width: 12%; }
.iims-batch-compact-table .iims-batch-col-course { width: 14%; }
.iims-batch-compact-table .iims-batch-col-trainer { width: 13%; }
.iims-batch-compact-table .iims-batch-col-timing { width: 31%; }
.iims-batch-compact-table .iims-batch-col-seats { width: 20%; }
.iims-batch-compact-table .iims-batch-col-status { width: 10%; }
.iims-batch-compact-table th,
.iims-batch-compact-table td,
body.iims-portal-page .iims-batch-compact-table th,
body.iims-portal-page .iims-batch-compact-table td,
body.iims-clean-portal .iims-batch-compact-table th,
body.iims-clean-portal .iims-batch-compact-table td {
    padding: 7px 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
    line-height: 1.2 !important;
}
.iims-batch-detail-row td { height: 34px !important; }
.iims-batch-action-row-tr td,
body.iims-portal-page .iims-batch-action-row-tr td,
body.iims-clean-portal .iims-batch-action-row-tr td {
    height: 34px !important;
    padding: 5px 10px !important;
    background: #f8fafc !important;
}
.iims-batch-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    overflow: hidden !important;
}
.iims-batch-actions .iims-inline-action-form { display: inline-flex !important; margin: 0 !important; }
.iims-batch-actions .iims-btn,
body.iims-portal-page .iims-batch-actions .iims-btn,
body.iims-clean-portal .iims-batch-actions .iims-btn {
    min-height: 26px !important;
    height: 26px !important;
    padding: 4px 10px !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

/* v5.00.52 Google Meet style fullscreen recording classroom UI */
.iims-google-meet-classroom-wrap{
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:#050816!important;
    min-height:100vh!important;
}
.iims-google-meet-classroom-wrap .iims-classroom-hero,
.iims-google-meet-classroom-wrap .iims-live-stage-header,
.iims-google-meet-classroom-wrap .iims-live-screen-center,
.iims-google-meet-classroom-wrap .iims-live-corner,
.iims-google-meet-classroom-wrap .iims-live-engine-guidance{
    display:none!important;
}
.iims-google-meet-classroom-wrap .iims-live-classroom-card,
.iims-google-meet-classroom-wrap .iims-live-stage,
.iims-google-meet-classroom-wrap .iims-live-class-screen{
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#050816!important;
    min-height:100vh!important;
    height:100vh!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card{
    position:fixed!important;
    inset:0!important;
    z-index:99990!important;
    display:grid!important;
    grid-template-rows:auto 1fr auto auto!important;
    width:100vw!important;
    height:100vh!important;
    background:#050816!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-head{
    min-height:44px!important;
    padding:9px 128px 9px 18px!important;
    background:rgba(7,13,31,.92)!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    cursor:default;
}
.iims-google-meet-classroom-wrap .iims-native-live-head strong{
    font-size:17px!important;
    line-height:1.1!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-head small{
    display:none!important;
}
.iims-google-meet-classroom-wrap .iims-native-room-pill{
    background:#10204d!important;
    color:#dbeafe!important;
    border:1px solid rgba(147,197,253,.25)!important;
}
.iims-google-meet-classroom-wrap .iims-native-video-grid{
    height:100%!important;
    min-height:0!important;
    padding:18px!important;
    gap:14px!important;
    align-content:stretch!important;
    background:#050816!important;
    overflow:hidden!important;
}
.iims-google-meet-classroom-wrap .iims-native-video-tile{
    min-height:0!important;
    height:100%!important;
    border-radius:18px!important;
    background:#0b1020!important;
    border:1px solid rgba(99,102,241,.38)!important;
}
.iims-google-meet-classroom-wrap .iims-native-video-tile video{
    height:100%!important;
    min-height:0!important;
    object-fit:contain!important;
    background:#060a17!important;
}
.iims-google-meet-classroom-wrap .iims-native-video-placeholder{
    color:#cbd5e1!important;
    font-size:18px!important;
}
.iims-google-meet-classroom-wrap .iims-meet-bottom-controls{
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    padding:12px 18px!important;
    background:rgba(8,13,32,.98)!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    flex-wrap:wrap!important;
}
.iims-meet-control{
    position:relative!important;
    min-height:36px!important;
    padding:8px 14px!important;
    border-radius:999px!important;
    border:1px solid rgba(203,213,225,.35)!important;
    background:#f8fafc!important;
    color:#0f172a!important;
    font-weight:900!important;
    font-size:13px!important;
    line-height:1!important;
    cursor:pointer!important;
    white-space:nowrap!important;
}
.iims-meet-control-primary{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;}
.iims-meet-control-danger{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important;}
.iims-meet-control:disabled{opacity:.45!important;cursor:not-allowed!important;}
.iims-meet-message-btn.has-unread .iims-message-dot,
.iims-meet-message-btn.has-unread::after{
    content:'';
    position:absolute;
    top:-3px;
    right:4px;
    width:9px;
    height:9px;
    border-radius:999px;
    background:#ef4444;
    box-shadow:0 0 0 2px #fff;
    display:block;
}
.iims-message-dot{display:none;}
.iims-google-meet-classroom-wrap .iims-native-status{
    min-height:36px!important;
    padding:9px 16px!important;
    background:#0b122c!important;
    color:#bfdbfe!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    font-size:13px!important;
}
.iims-google-meet-classroom-wrap .iims-native-chat{
    position:fixed!important;
    top:58px!important;
    right:18px!important;
    bottom:76px!important;
    width:360px!important;
    max-width:calc(100vw - 36px)!important;
    z-index:99996!important;
    display:none!important;
    background:#fff!important;
    color:#0f172a!important;
    border-radius:16px!important;
    box-shadow:0 22px 70px rgba(0,0,0,.38)!important;
    overflow:hidden!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-chat-open .iims-native-chat{display:grid!important;grid-template-rows:auto 1fr auto!important;}
.iims-google-meet-classroom-wrap .iims-native-chat-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:12px 14px!important;
}
.iims-chat-close{
    width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#0f172a;font-size:22px;cursor:pointer;line-height:1;
}
.iims-chat-close:hover{background:#f1f5f9;}
.iims-google-meet-classroom-wrap .iims-native-chat-box{height:auto!important;overflow:auto!important;}
.iims-google-meet-classroom-wrap .iims-native-chat-form{display:flex!important;}
.iims-meet-window-controls{
    position:absolute!important;
    top:8px!important;
    right:10px!important;
    z-index:99998!important;
    display:flex!important;
    gap:6px!important;
}
.iims-meet-window-btn{
    width:30px!important;
    height:30px!important;
    border:0!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:18px!important;
    line-height:1!important;
    cursor:pointer!important;
}
.iims-meet-window-btn:hover{background:rgba(255,255,255,.18)!important;}
.iims-google-meet-classroom-wrap .iims-native-close{position:static!important;}
.iims-google-meet-classroom-wrap .iims-final-recorder{
    position:fixed!important;
    left:-9999px!important;
    top:auto!important;
    width:1px!important;
    height:1px!important;
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
}
.iims-google-meet-classroom-wrap .iims-final-recorder > :not(.iims-quality-popup){display:none!important;}
.iims-google-meet-classroom-wrap .iims-final-recorder .iims-quality-popup{left:0!important;top:0!important;width:100vw!important;height:100vh!important;}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet{
    inset:auto!important;
    right:22px!important;
    bottom:92px!important;
    width:390px!important;
    height:255px!important;
    min-width:300px!important;
    min-height:190px!important;
    border-radius:18px!important;
    box-shadow:0 28px 90px rgba(0,0,0,.52)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    resize:both!important;
    overflow:hidden!important;
    grid-template-rows:40px 1fr 42px!important;
    cursor:default;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-native-live-head{cursor:move!important;padding:9px 112px 9px 14px!important;}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-native-video-grid{padding:8px!important;gap:8px!important;}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-native-controls{padding:6px!important;gap:5px!important;overflow:auto!important;justify-content:flex-start!important;}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-meet-control{min-height:28px!important;padding:6px 8px!important;font-size:11px!important;}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-native-status{display:none!important;}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-native-chat{top:auto!important;right:0!important;bottom:42px!important;width:100%!important;height:210px!important;}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet{height:44px!important;width:320px!important;min-height:44px!important;grid-template-rows:44px!important;resize:none!important;}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-native-video-grid,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-native-controls,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-native-status,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-native-chat{display:none!important;}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-maximized-meet{inset:0!important;width:100vw!important;height:100vh!important;border-radius:0!important;resize:none!important;grid-template-rows:auto 1fr auto auto!important;}
@media(max-width:760px){
    .iims-google-meet-classroom-wrap .iims-native-chat{top:54px!important;right:8px!important;bottom:86px!important;width:calc(100vw - 16px)!important;}
    .iims-meet-control{font-size:12px!important;padding:7px 10px!important;}
    .iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet{right:8px!important;bottom:90px!important;width:320px!important;height:230px!important;}
}

/* v5.00.53 Floating classroom movement + responsive meet grid fixes */
.iims-google-meet-classroom-wrap .iims-native-live-card,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet{
    z-index:2147483647!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet{
    position:fixed!important;
    resize:both!important;
    touch-action:none!important;
    user-select:none!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-native-live-head{
    cursor:grab!important;
    user-select:none!important;
    touch-action:none!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-native-live-head:active{cursor:grabbing!important;}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet{
    position:fixed!important;
    right:18px!important;
    bottom:18px!important;
    left:auto!important;
    top:auto!important;
    width:380px!important;
    max-width:calc(100vw - 36px)!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:16px!important;
    grid-template-rows:48px!important;
    overflow:hidden!important;
    box-shadow:0 18px 60px rgba(0,0,0,.55)!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-native-live-head{
    display:flex!important;
    align-items:center!important;
    min-height:48px!important;
    padding:8px 116px 8px 14px!important;
    cursor:pointer!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-native-live-head small{
    display:inline!important;
    color:#bfdbfe!important;
    font-size:11px!important;
    white-space:nowrap!important;
}
.iims-google-meet-classroom-wrap .iims-native-video-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
    grid-auto-rows:minmax(140px,1fr)!important;
}
.iims-google-meet-classroom-wrap .iims-native-video-grid[data-iims-tile-count="1"]{grid-template-columns:1fr!important;}
.iims-google-meet-classroom-wrap .iims-native-video-grid[data-iims-tile-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.iims-google-meet-classroom-wrap .iims-native-video-grid[data-iims-tile-count="3"],
.iims-google-meet-classroom-wrap .iims-native-video-grid[data-iims-tile-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.iims-google-meet-classroom-wrap .iims-native-video-grid[data-iims-tile-count="5"],
.iims-google-meet-classroom-wrap .iims-native-video-grid[data-iims-tile-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-native-video-grid{
    grid-template-columns:1fr!important;
    grid-auto-rows:minmax(90px,1fr)!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-native-video-tile:not(.is-local):not(.has-video){display:none!important;}
.iims-google-meet-classroom-wrap .iims-meet-window-btn{backdrop-filter:blur(6px)!important;}


/* v5.00.54 Meet-style minimized floating classroom window: icon-only bar, all-side resize, clean minimized content */
.iims-google-meet-classroom-wrap .iims-native-live-card[data-iims-native-live]{
    z-index:2147483647!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet{
    position:fixed!important;
    inset:auto!important;
    min-width:250px!important;
    min-height:118px!important;
    max-width:calc(100vw - 12px)!important;
    max-height:calc(100vh - 12px)!important;
    display:grid!important;
    grid-template-rows:minmax(72px,1fr) 38px!important;
    border-radius:16px!important;
    overflow:hidden!important;
    resize:none!important;
    box-shadow:0 24px 80px rgba(0,0,0,.56)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    background:#07113a!important;
    user-select:none!important;
    touch-action:none!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet:not(.is-minimized-meet){
    width:390px!important;
    height:255px!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet{
    width:330px!important;
    height:148px!important;
    min-width:250px!important;
    min-height:118px!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-maximized-meet{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    max-width:none!important;
    max-height:none!important;
    border-radius:0!important;
    display:grid!important;
    grid-template-rows:auto 1fr 48px auto!important;
    resize:none!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-native-live-head,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-native-live-head{
    display:none!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet:not(.is-minimized-meet) .iims-native-live-head{
    display:flex!important;
    cursor:grab!important;
    padding:8px 112px 8px 12px!important;
    min-height:38px!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet:not(.is-minimized-meet) .iims-native-live-head strong{
    font-size:12px!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet:not(.is-minimized-meet) .iims-native-live-head small,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet:not(.is-minimized-meet) .iims-native-room-pill{
    display:none!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-meet-window-controls,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-meet-window-controls{
    position:absolute!important;
    top:6px!important;
    right:6px!important;
    z-index:2147483647!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-meet-window-btn,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-meet-window-btn{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    border-radius:8px!important;
    font-size:14px!important;
    background:rgba(15,23,42,.66)!important;
    backdrop-filter:blur(7px)!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-native-video-grid,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-native-video-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-auto-rows:minmax(70px,1fr)!important;
    min-height:0!important;
    height:auto!important;
    padding:6px!important;
    gap:6px!important;
    overflow:hidden!important;
    background:linear-gradient(135deg,#030816,#111c55)!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-native-video-tile,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-native-video-tile{
    min-height:0!important;
    height:100%!important;
    border-radius:12px!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-native-video-tile video,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-native-video-tile video{
    min-height:0!important;
    height:100%!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-native-video-tile:not(.is-local):not(.has-video),
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-native-video-tile:not(.is-local):not(.has-video){
    display:none!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-native-status,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-native-status,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-live-engine-note,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-live-engine-note{
    display:none!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet .iims-native-controls,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-native-controls{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    flex-wrap:nowrap!important;
    height:38px!important;
    min-height:38px!important;
    padding:4px 6px!important;
    overflow:visible!important;
    background:rgba(8,13,32,.98)!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
}
.iims-google-meet-classroom-wrap .iims-meet-icon-control{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    font-size:0!important;
    line-height:1!important;
    overflow:visible!important;
}
.iims-google-meet-classroom-wrap .iims-meet-icon-control svg{
    width:15px!important;
    height:15px!important;
    display:block!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.1!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    pointer-events:none!important;
}
.iims-google-meet-classroom-wrap .iims-meet-icon-control[data-iims-native-action="start-recording"] svg circle{fill:currentColor!important;stroke:none!important;}
.iims-google-meet-classroom-wrap .iims-meet-icon-control[data-iims-native-action="stop-recording"] svg rect{fill:currentColor!important;stroke:none!important;}
.iims-google-meet-classroom-wrap .iims-meet-icon-control::after{
    content:attr(data-iims-tooltip);
    position:absolute!important;
    left:50%!important;
    bottom:calc(100% + 7px)!important;
    transform:translateX(-50%) translateY(3px)!important;
    opacity:0!important;
    pointer-events:none!important;
    background:rgba(15,23,42,.96)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:7px!important;
    padding:4px 7px!important;
    font-size:10px!important;
    line-height:1.15!important;
    font-weight:700!important;
    white-space:nowrap!important;
    box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
    z-index:2147483647!important;
    transition:opacity .12s ease, transform .12s ease!important;
}
.iims-google-meet-classroom-wrap .iims-meet-icon-control:hover::after,
.iims-google-meet-classroom-wrap .iims-meet-icon-control:focus-visible::after{
    opacity:1!important;
    transform:translateX(-50%) translateY(0)!important;
}
.iims-google-meet-classroom-wrap .iims-meet-hidden-utility{
    display:none!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-chat-open.is-floating-meet .iims-native-chat,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-chat-open.is-minimized-meet .iims-native-chat{
    display:grid!important;
    position:absolute!important;
    left:6px!important;
    right:6px!important;
    top:6px!important;
    bottom:44px!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    border-radius:12px!important;
    z-index:40!important;
}
.iims-floating-resize-handle{
    position:absolute!important;
    z-index:2147483646!important;
    background:transparent!important;
    pointer-events:auto!important;
}
.iims-floating-resize-handle[data-iims-resize="n"]{top:-4px;left:12px;right:12px;height:8px;cursor:ns-resize;}
.iims-floating-resize-handle[data-iims-resize="s"]{bottom:-4px;left:12px;right:12px;height:8px;cursor:ns-resize;}
.iims-floating-resize-handle[data-iims-resize="e"]{right:-4px;top:12px;bottom:12px;width:8px;cursor:ew-resize;}
.iims-floating-resize-handle[data-iims-resize="w"]{left:-4px;top:12px;bottom:12px;width:8px;cursor:ew-resize;}
.iims-floating-resize-handle[data-iims-resize="ne"]{top:-6px;right:-6px;width:16px;height:16px;cursor:nesw-resize;}
.iims-floating-resize-handle[data-iims-resize="nw"]{top:-6px;left:-6px;width:16px;height:16px;cursor:nwse-resize;}
.iims-floating-resize-handle[data-iims-resize="se"]{bottom:-6px;right:-6px;width:16px;height:16px;cursor:nwse-resize;}
.iims-floating-resize-handle[data-iims-resize="sw"]{bottom:-6px;left:-6px;width:16px;height:16px;cursor:nesw-resize;}
.iims-google-meet-classroom-wrap .screen-reader-text{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}
@media(max-width:760px){
    .iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet,
    .iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet{
        width:calc(100vw - 18px)!important;
        height:150px!important;
        right:9px!important;
        bottom:86px!important;
    }
    .iims-google-meet-classroom-wrap .iims-meet-icon-control{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;}
}


/* v5.00.55 Maximize button reliability fix: inline fullscreen override + restore-safe layout */
.iims-native-live-card[data-iims-native-live].is-maximized-meet,
.iims-google-meet-classroom-wrap .iims-native-live-card[data-iims-native-live].is-maximized-meet{
    position:fixed!important;
    left:0!important;
    top:0!important;
    right:auto!important;
    bottom:auto!important;
    width:100vw!important;
    height:100vh!important;
    min-width:100vw!important;
    min-height:100vh!important;
    max-width:none!important;
    max-height:none!important;
    border-radius:0!important;
    overflow:hidden!important;
    resize:none!important;
    z-index:2147483647!important;
    transform:none!important;
    display:grid!important;
    grid-template-rows:44px minmax(0, 1fr) 48px auto!important;
}
.iims-native-live-card[data-iims-native-live].is-maximized-meet .iims-native-live-head,
.iims-google-meet-classroom-wrap .iims-native-live-card[data-iims-native-live].is-maximized-meet .iims-native-live-head{
    display:flex!important;
    cursor:default!important;
    padding:9px 118px 9px 16px!important;
    min-height:44px!important;
}
.iims-native-live-card[data-iims-native-live].is-maximized-meet .iims-native-live-head strong,
.iims-google-meet-classroom-wrap .iims-native-live-card[data-iims-native-live].is-maximized-meet .iims-native-live-head strong{
    font-size:13px!important;
}
.iims-native-live-card[data-iims-native-live].is-maximized-meet .iims-native-live-head small,
.iims-native-live-card[data-iims-native-live].is-maximized-meet .iims-native-room-pill,
.iims-google-meet-classroom-wrap .iims-native-live-card[data-iims-native-live].is-maximized-meet .iims-native-live-head small,
.iims-google-meet-classroom-wrap .iims-native-live-card[data-iims-native-live].is-maximized-meet .iims-native-room-pill{
    display:none!important;
}
.iims-native-live-card[data-iims-native-live].is-maximized-meet .iims-native-video-grid,
.iims-google-meet-classroom-wrap .iims-native-live-card[data-iims-native-live].is-maximized-meet .iims-native-video-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
    grid-auto-rows:minmax(220px,1fr)!important;
    min-height:0!important;
    height:auto!important;
    padding:14px!important;
}
.iims-native-live-card[data-iims-native-live].is-maximized-meet .iims-native-controls,
.iims-google-meet-classroom-wrap .iims-native-live-card[data-iims-native-live].is-maximized-meet .iims-native-controls{
    display:flex!important;
    position:relative!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    height:48px!important;
    min-height:48px!important;
    padding:7px 10px!important;
    justify-content:center!important;
    overflow:visible!important;
}
.iims-native-live-card[data-iims-native-live].is-maximized-meet .iims-meet-window-controls,
.iims-google-meet-classroom-wrap .iims-native-live-card[data-iims-native-live].is-maximized-meet .iims-meet-window-controls{
    position:absolute!important;
    top:7px!important;
    right:7px!important;
    z-index:2147483647!important;
}
.iims-native-live-card[data-iims-native-live].is-maximized-meet .iims-floating-resize-handle,
.iims-google-meet-classroom-wrap .iims-native-live-card[data-iims-native-live].is-maximized-meet .iims-floating-resize-handle{
    display:none!important;
}


/* v5.00.57 Classroom live controls + Meet-style reliable floating/minimize/grid update */
.iims-google-meet-classroom-wrap .iims-native-live-card[data-iims-native-live],
.iims-native-live-card[data-iims-native-live]{
    z-index:2147483647!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-floating-meet,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet,
.iims-native-live-card.is-floating-meet[data-iims-native-live],
.iims-native-live-card.is-minimized-meet[data-iims-native-live]{
    position:fixed!important;
    left:auto;
    top:auto;
    right:auto!important;
    bottom:auto!important;
    z-index:2147483647!important;
    resize:none!important;
    overflow:hidden!important;
    box-shadow:0 24px 80px rgba(0,0,0,.58)!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet,
.iims-native-live-card.is-minimized-meet[data-iims-native-live]{
    display:grid!important;
    grid-template-rows:minmax(76px,1fr) 38px!important;
    min-width:250px!important;
    min-height:118px!important;
    width:330px!important;
    height:148px!important;
    max-width:calc(100vw - 12px)!important;
    max-height:calc(100vh - 12px)!important;
    border-radius:16px!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-native-video-grid,
.iims-native-live-card.is-minimized-meet[data-iims-native-live] .iims-native-video-grid,
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-native-controls,
.iims-native-live-card.is-minimized-meet[data-iims-native-live] .iims-native-controls{
    display:grid!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet .iims-native-controls,
.iims-native-live-card.is-minimized-meet[data-iims-native-live] .iims-native-controls{
    display:flex!important;
    position:relative!important;
    bottom:auto!important;
    height:38px!important;
    min-height:38px!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:4px!important;
    padding:4px 6px!important;
    overflow:visible!important;
}
.iims-google-meet-classroom-wrap .iims-native-live-card.is-maximized-meet .iims-native-video-grid,
.iims-native-live-card.is-maximized-meet[data-iims-native-live] .iims-native-video-grid,
.iims-google-meet-classroom-wrap .iims-native-video-grid,
.iims-native-video-grid{
    display:grid!important;
    min-height:0!important;
    height:100%!important;
    grid-auto-rows:minmax(0,1fr)!important;
    align-content:stretch!important;
}
.iims-google-meet-classroom-wrap .iims-native-video-grid[data-iims-tile-count="1"],
.iims-native-video-grid[data-iims-tile-count="1"]{grid-template-columns:1fr!important;}
.iims-google-meet-classroom-wrap .iims-native-video-grid[data-iims-tile-count="2"],
.iims-native-video-grid[data-iims-tile-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.iims-google-meet-classroom-wrap .iims-native-video-grid[data-iims-tile-count="3"],
.iims-google-meet-classroom-wrap .iims-native-video-grid[data-iims-tile-count="4"],
.iims-native-video-grid[data-iims-tile-count="3"],
.iims-native-video-grid[data-iims-tile-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.iims-google-meet-classroom-wrap .iims-native-video-grid[data-iims-tile-count="5"],
.iims-google-meet-classroom-wrap .iims-native-video-grid[data-iims-tile-count="6"],
.iims-google-meet-classroom-wrap .iims-native-video-grid[data-iims-tile-count="7"],
.iims-google-meet-classroom-wrap .iims-native-video-grid[data-iims-tile-count="8"],
.iims-google-meet-classroom-wrap .iims-native-video-grid[data-iims-tile-count="9"],
.iims-native-video-grid[data-iims-tile-count="5"],
.iims-native-video-grid[data-iims-tile-count="6"],
.iims-native-video-grid[data-iims-tile-count="7"],
.iims-native-video-grid[data-iims-tile-count="8"],
.iims-native-video-grid[data-iims-tile-count="9"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.iims-google-meet-classroom-wrap .iims-native-video-tile,
.iims-native-video-tile{
    min-height:0!important;
    height:100%!important;
}
.iims-google-meet-classroom-wrap .iims-native-video-tile video,
.iims-native-video-tile video{
    min-height:0!important;
    height:100%!important;
}
.iims-google-meet-classroom-wrap .iims-meet-media-btn.is-media-off,
.iims-meet-media-btn.is-media-off{
    background:#475569!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.18)!important;
}
.iims-google-meet-classroom-wrap .iims-meet-media-btn.is-media-on,
.iims-meet-media-btn.is-media-on{
    background:#f8fafc!important;
    color:#0f172a!important;
    border-color:rgba(203,213,225,.45)!important;
}
.iims-google-meet-classroom-wrap .iims-meet-icon-control.is-sharing-screen,
.iims-meet-icon-control.is-sharing-screen{
    background:#16a34a!important;
    color:#fff!important;
    border-color:#16a34a!important;
}
.iims-google-meet-classroom-wrap .iims-meet-icon-control[data-iims-native-action="toggle-camera"].is-media-off svg::after,
.iims-google-meet-classroom-wrap .iims-meet-icon-control[data-iims-native-action="toggle-mic"].is-media-off svg::after{display:none!important;}
@media(max-width:760px){
    .iims-google-meet-classroom-wrap .iims-native-live-card.is-minimized-meet,
    .iims-native-live-card.is-minimized-meet[data-iims-native-live]{
        width:calc(100vw - 18px)!important;
        height:150px!important;
    }
}