/**
 * EAP Dashboard Freeze
 * Final shared UI layer for all plugin-owned frontend dashboards and menus.
 */

.eap-viewport-shell,
.eap-viewport-shell * {
    box-sizing: border-box;
    letter-spacing: 0 !important;
}

.eap-viewport-shell {
    --eap-freeze-bg: #f5f8fb;
    --eap-freeze-surface: #ffffff;
    --eap-freeze-surface-soft: #f8fafc;
    --eap-freeze-border: #dbe4ee;
    --eap-freeze-border-strong: #c9d6e4;
    --eap-freeze-text: #0f172a;
    --eap-freeze-muted: #64748b;
    --eap-freeze-green: #2f855a;
    --eap-freeze-blue: #2563eb;
    --eap-freeze-cyan: #0e7490;
    --eap-freeze-amber: #b45309;
    --eap-freeze-red: #b91c1c;
    --eap-freeze-violet: #6d28d9;
    --eap-freeze-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
    --eap-freeze-shadow-strong: 0 20px 48px rgba(15, 23, 42, 0.14);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    color: var(--eap-freeze-text) !important;
    background: linear-gradient(180deg, #f8fbff 0%, var(--eap-freeze-bg) 100%) !important;
}

.eap-viewport-shell[data-eap-role="teacher"] {
    --eap-role-accent: var(--eap-freeze-green);
    --eap-role-accent-soft: #ecfdf5;
    --eap-role-sidebar: linear-gradient(180deg, #215b43 0%, #2f7659 48%, #143827 100%);
}

.eap-viewport-shell[data-eap-role="student"] {
    --eap-role-accent: var(--eap-freeze-cyan);
    --eap-role-accent-soft: #ecfeff;
    --eap-role-sidebar: linear-gradient(180deg, #164e63 0%, #0e7490 52%, #123846 100%);
}

.eap-viewport-shell[data-eap-role="institution_admin"],
.eap-viewport-shell[data-eap-role="super_admin"] {
    --eap-role-accent: var(--eap-freeze-blue);
    --eap-role-accent-soft: #eff6ff;
    --eap-role-sidebar: linear-gradient(180deg, #1e3a8a 0%, #3651b8 50%, #172554 100%);
}

.eap-shell-inner,
.eap-dashboard-app-wrap {
    background: transparent !important;
}

.eap-sidebar {
    width: 286px !important;
    min-width: 286px !important;
    max-width: 286px !important;
    margin: 18px 0 18px 24px !important;
    height: calc(100% - 36px) !important;
    padding: 22px 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 14px !important;
    background: var(--eap-role-sidebar) !important;
    box-shadow: 18px 0 42px rgba(15, 23, 42, 0.18) !important;
    color: rgba(255, 255, 255, 0.84) !important;
}

.eap-sidebar-top {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    gap: 18px !important;
}

.eap-sidebar-logo {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 10px 10px 18px !important;
}

.eap-logo-mark {
    width: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    background: rgba(255, 255, 255, 0.12) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

.eap-logo-name {
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
}

.eap-logo-sub {
    margin-top: 6px !important;
    color: rgba(255, 255, 255, 0.66) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.eap-sidebar-toggle,
.eap-mobile-menu-toggle {
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
    padding: 0 !important;
}

.eap-sidebar-nav {
    display: grid !important;
    gap: 7px !important;
    padding: 0 4px !important;
}

.eap-nav-link {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    color: rgba(255, 255, 255, 0.76) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    transition: background 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease !important;
}

.eap-nav-link:hover,
.eap-nav-link:focus-visible {
    outline: none !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
    transform: translateX(2px) !important;
}

.eap-nav-link.active,
.eap-nav-link[aria-current="page"] {
    border-color: rgba(255, 255, 255, 0.20) !important;
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    box-shadow: inset 4px 0 0 rgba(255, 255, 255, 0.72), 0 10px 22px rgba(0, 0, 0, 0.14) !important;
}

.eap-nav-icon {
    width: 20px !important;
    height: 20px !important;
    display: inline-grid !important;
    place-items: center !important;
    color: currentColor !important;
    opacity: 0.9 !important;
}

.eap-nav-label {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.eap-sidebar-footer {
    margin-top: auto !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.20) !important;
}

.eap-sidebar-user {
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.10) !important;
    box-shadow: none !important;
}

.eap-sidebar-avatar-img,
.eap-avatar-img {
    border-radius: 12px !important;
    object-fit: cover !important;
}

.eap-sidebar-user-name,
.eap-sidebar-user-role {
    display: block !important;
    max-width: 172px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.eap-sidebar-user-name {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.eap-sidebar-user-role {
    margin-top: 3px !important;
    color: rgba(255, 255, 255, 0.68) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.eap-sidebar-logout {
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 10px !important;
    padding: 8px 12px !important;
    border-radius: 10px !important;
    color: rgba(255, 255, 255, 0.78) !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

.eap-sidebar-logout:hover {
    background: rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
}

.eap-main {
    min-width: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.eap-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
    min-height: 132px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 22px 28px !important;
    border-bottom: 1px solid rgba(219, 228, 238, 0.78) !important;
    background: rgba(245, 248, 251, 0.90) !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05) !important;
    backdrop-filter: blur(18px) !important;
}

.eap-topbar-left {
    display: grid !important;
    gap: 6px !important;
    min-width: 0 !important;
}

.eap-shell-kicker,
.eap-role-badge {
    display: inline-flex !important;
    width: max-content !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 6px 11px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.eap-shell-kicker {
    border: 1px solid #d8eee4 !important;
    background: var(--eap-role-accent-soft) !important;
    color: var(--eap-role-accent) !important;
}

.eap-role-badge {
    border: 1px solid #dbeafe !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

.eap-page-title {
    margin: 4px 0 0 !important;
    color: var(--eap-freeze-text) !important;
    font-size: clamp(26px, 3vw, 38px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
}

.eap-page-subtitle {
    max-width: 880px !important;
    margin: 0 !important;
    color: var(--eap-freeze-muted) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
}

.eap-topbar-right,
.eap-portal-tools {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.eap-tool-button,
.eap-user-chip,
.eap-command-btn,
.eap-notification-close,
.eap-search-panel__bar button {
    border: 1px solid var(--eap-freeze-border) !important;
    border-radius: 12px !important;
    background: var(--eap-freeze-surface) !important;
    color: var(--eap-freeze-text) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06) !important;
}

.eap-tool-button {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.eap-tool-button--notifications {
    position: relative !important;
    width: 46px !important;
    padding: 0 !important;
}

.eap-notification-count {
    position: absolute !important;
    top: -8px !important;
    right: -6px !important;
    min-width: 21px !important;
    height: 21px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: #e11d48 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.eap-user-chip {
    min-height: 54px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 14px 8px 8px !important;
}

.eap-user-chip-name,
.eap-user-chip-role {
    display: block !important;
    max-width: 150px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.eap-user-chip-name {
    color: var(--eap-freeze-text) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.eap-user-chip-role {
    margin-top: 2px !important;
    color: var(--eap-role-accent) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.eap-command-strip {
    margin: 22px 28px 0 !important;
    padding: 18px !important;
    border: 1px solid var(--eap-freeze-border) !important;
    border-radius: 14px !important;
    background: var(--eap-freeze-surface) !important;
    box-shadow: var(--eap-freeze-shadow) !important;
}

.eap-command-strip__eyebrow {
    color: var(--eap-role-accent) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.eap-command-strip__copy strong {
    color: var(--eap-freeze-text) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

.eap-command-btn {
    min-height: 42px !important;
    padding: 0 15px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.eap-command-btn--primary {
    border-color: transparent !important;
    background: var(--eap-role-accent) !important;
    color: #ffffff !important;
}

.eap-content {
    padding: 24px 28px 34px !important;
}

.eap-dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: start !important;
}

.eap-col-12,
.eap-card-col-12 {
    grid-column: span 12 !important;
}

.eap-col-8,
.eap-card-col-8 {
    grid-column: span 8 !important;
}

.eap-col-6,
.eap-card-col-6 {
    grid-column: span 6 !important;
}

.eap-col-4,
.eap-card-col-4 {
    grid-column: span 4 !important;
}

.eap-col-3,
.eap-card-col-3 {
    grid-column: span 3 !important;
}

.eap-widget,
.eap-card,
.eap-kpi-card,
.eap-list-item,
.eap-panel,
.eap-empty-state,
.eap-table-responsive {
    border: 1px solid var(--eap-freeze-border) !important;
    border-radius: 14px !important;
    background: var(--eap-freeze-surface) !important;
    box-shadow: var(--eap-freeze-shadow) !important;
    color: var(--eap-freeze-text) !important;
}

.eap-widget {
    overflow: hidden !important;
}

.eap-widget-header {
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 18px 22px 14px !important;
    border-top: 5px solid var(--eap-role-accent) !important;
    border-bottom: 1px solid #edf2f7 !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}

.eap-card-title,
.eap-widget h2,
.eap-widget h3 {
    margin: 0 !important;
    color: var(--eap-freeze-text) !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
}

.eap-card-body {
    padding: 20px 22px 22px !important;
    color: var(--eap-freeze-text) !important;
}

.eap-card-body p,
.eap-widget p {
    color: var(--eap-freeze-muted);
    line-height: 1.6;
}

.eap-widget:hover,
.eap-card:hover {
    box-shadow: var(--eap-freeze-shadow-strong) !important;
}

.eap-btn,
.eap-btn-action,
.eap-command-btn,
.eap-dashboard-shell button,
.eap-dashboard-shell input[type="submit"],
.eap-dashboard-shell .button {
    appearance: none !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 999px !important;
    border: 1px solid var(--eap-freeze-border) !important;
    background: #eef2f7 !important;
    color: var(--eap-freeze-text) !important;
    padding: 10px 18px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

.eap-btn--primary,
.eap-dashboard-shell .button-primary,
.eap-dashboard-shell input[type="submit"].primary,
.eap-dashboard-shell input[type="submit"].eap-btn--primary {
    border-color: transparent !important;
    background: var(--eap-role-accent) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.14) !important;
}

.eap-btn:hover,
.eap-dashboard-shell button:hover,
.eap-dashboard-shell input[type="submit"]:hover,
.eap-dashboard-shell .button:hover {
    transform: translateY(-1px) !important;
}

.eap-dashboard-shell button:disabled,
.eap-dashboard-shell input:disabled,
.eap-dashboard-shell select:disabled,
.eap-dashboard-shell textarea:disabled {
    opacity: 0.58 !important;
    cursor: not-allowed !important;
}

.eap-dashboard-shell input[type="text"],
.eap-dashboard-shell input[type="email"],
.eap-dashboard-shell input[type="password"],
.eap-dashboard-shell input[type="url"],
.eap-dashboard-shell input[type="tel"],
.eap-dashboard-shell input[type="number"],
.eap-dashboard-shell input[type="datetime-local"],
.eap-dashboard-shell input[type="search"],
.eap-dashboard-shell input[type="file"],
.eap-dashboard-shell select,
.eap-dashboard-shell textarea {
    width: 100% !important;
    min-height: 46px !important;
    border: 1px solid var(--eap-freeze-border) !important;
    border-radius: 11px !important;
    background: #fbfdff !important;
    color: var(--eap-freeze-text) !important;
    padding: 11px 13px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.02) !important;
}

.eap-dashboard-shell textarea {
    min-height: 104px !important;
    resize: vertical !important;
}

.eap-dashboard-shell input:focus,
.eap-dashboard-shell select:focus,
.eap-dashboard-shell textarea:focus {
    outline: none !important;
    border-color: var(--eap-role-accent) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(47, 133, 90, 0.14) !important;
}

.eap-dashboard-shell input[type="checkbox"],
.eap-dashboard-shell input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 !important;
    accent-color: var(--eap-role-accent) !important;
}

.eap-form-group,
.eap-field,
.eap-filter-group {
    display: grid !important;
    gap: 8px !important;
}

.eap-dashboard-shell label {
    color: #172033 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.eap-form-help,
.eap-help-text,
.eap-muted,
.eap-subtext,
.eap-card-desc,
.eap-page-help,
.eap-dashboard-shell small {
    color: var(--eap-freeze-muted) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
}

.eap-table-responsive {
    overflow: auto !important;
}

.eap-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
}

.eap-table thead th,
.eap-dashboard-shell table thead th {
    background: var(--eap-freeze-surface-soft) !important;
    color: var(--eap-freeze-muted) !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid var(--eap-freeze-border) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

.eap-table tbody td,
.eap-dashboard-shell table tbody td {
    padding: 15px 16px !important;
    border-bottom: 1px solid #edf2f7 !important;
    color: #172033 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    vertical-align: top !important;
}

.eap-table tbody tr:nth-child(even) td {
    background: #fbfdff !important;
}

.eap-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.eap-badge,
.eap-status-pill,
.eap-status-tag,
.eap-teacher-status-tag,
.eap-teacher-status-badge,
.eap-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 28px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    border: 1px solid #dbeafe !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

.is-completed,
.is-success,
.eap-status-success,
.eap-teacher-status-tag--completed,
.eap-teacher-status-badge--completed,
.eap-teacher-status-badge--ended {
    border-color: #bbf7d0 !important;
    background: #f0fdf4 !important;
    color: #166534 !important;
}

.is-pending,
.is-warning,
.eap-status-warning,
.eap-teacher-status-tag--pending,
.eap-teacher-status-tag--draft,
.eap-teacher-status-badge--scheduled,
.eap-teacher-status-badge--draft {
    border-color: #fde68a !important;
    background: #fffbeb !important;
    color: #92400e !important;
}

.eap-teacher-status-badge--live,
.eap-teacher-status-badge--active {
    border-color: #bbf7d0 !important;
    background: #dcfce7 !important;
    color: #15803d !important;
}

.is-failed,
.is-error,
.eap-status-error,
.eap-teacher-status-tag--failed,
.eap-teacher-status-tag--blocked,
.eap-teacher-status-badge--cancelled,
.eap-teacher-status-badge--failed {
    border-color: #fecaca !important;
    background: #fef2f2 !important;
    color: #991b1b !important;
}

.eap-empty-state,
.eap-teacher-empty,
.eap-student-empty {
    display: grid !important;
    place-items: center !important;
    min-height: 190px !important;
    padding: 28px !important;
    border: 1px dashed var(--eap-freeze-border-strong) !important;
    border-radius: 14px !important;
    background: var(--eap-freeze-surface-soft) !important;
    box-shadow: none !important;
    text-align: center !important;
}

.eap-empty-state strong,
.eap-teacher-empty strong,
.eap-student-empty strong {
    color: var(--eap-freeze-text) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

.eap-alert,
.eap-notice,
.settings-error,
.notice {
    border-radius: 12px !important;
    border: 1px solid var(--eap-freeze-border) !important;
    background: #ffffff !important;
    box-shadow: var(--eap-freeze-shadow) !important;
    padding: 12px 14px !important;
}

.eap-notification-drawer,
.eap-search-panel {
    border: 1px solid var(--eap-freeze-border) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.22) !important;
}

.eap-notification-item,
.eap-search-result {
    border: 1px solid var(--eap-freeze-border) !important;
    border-radius: 12px !important;
    background: var(--eap-freeze-surface-soft) !important;
    text-decoration: none !important;
}

.eap-search-panel__bar input {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.eap-live-room-wrap {
    display: grid !important;
    gap: 18px !important;
}

.eap-live-panel,
.eap-peer-chat-panel,
.eap-live-controls,
.eap-live-transcript {
    border: 1px solid var(--eap-freeze-border) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: var(--eap-freeze-shadow) !important;
}

.eap-live-room-head {
    display: flex !important;
    justify-content: space-between !important;
    gap: 16px !important;
    align-items: center !important;
    padding: 18px 20px !important;
    border: 1px solid var(--eap-freeze-border) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: var(--eap-freeze-shadow) !important;
}

.eap-live-room-title {
    margin: 0 !important;
    color: var(--eap-freeze-text) !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
}

.eap-live-room-code {
    margin: 6px 0 0 !important;
    color: var(--eap-freeze-muted) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.eap-live-room-code strong {
    color: var(--eap-freeze-text) !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
}

.eap-live-panel {
    padding: 18px !important;
}

.eap-live-panel-kicker {
    margin-bottom: 10px !important;
    color: var(--eap-role-accent, #2f855a) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.eap-live-panel-detail,
.eap-live-subtle-status {
    color: var(--eap-freeze-muted) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

.eap-live-panel--material,
.eap-live-panel--material-viewer {
    border-color: #d8eee4 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fffb 100%) !important;
}

.eap-live-panel--material {
    display: grid !important;
    gap: 12px !important;
}

.eap-live-material-share-row {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) auto auto !important;
    gap: 10px !important;
    align-items: center !important;
}

.eap-live-material-viewer {
    display: grid !important;
    gap: 12px !important;
}

.eap-live-material-shell {
    padding-top: 4px !important;
}

.eap-live-material-head {
    padding: 14px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
}

.eap-live-material-title {
    color: var(--eap-freeze-text) !important;
    font-weight: 900 !important;
}

.eap-live-material-meta {
    font-weight: 800 !important;
}

.eap-live-material-frame,
.eap-live-material-text,
.eap-live-material-viewer iframe,
.eap-live-material-viewer img,
.eap-live-material-viewer audio {
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08) !important;
}

.eap-live-material-formula-note,
.eap-live-material-hint {
    border: 1px solid currentColor !important;
    border-color: color-mix(in srgb, currentColor 22%, transparent) !important;
    font-weight: 800 !important;
}

.eap-live-controls {
    display: grid !important;
    gap: 14px !important;
    padding: 18px !important;
}

.eap-live-form-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
}

@media (max-width: 1180px) {
    .eap-sidebar {
        width: 248px !important;
        min-width: 248px !important;
        max-width: 248px !important;
        margin-left: 14px !important;
    }

    .eap-col-8,
    .eap-col-6,
    .eap-col-4,
    .eap-col-3,
    .eap-card-col-8,
    .eap-card-col-6,
    .eap-card-col-4,
    .eap-card-col-3 {
        grid-column: span 12 !important;
    }
}

@media (max-width: 860px) {
    .eap-shell-inner,
    .eap-dashboard-app-wrap {
        flex-direction: column !important;
    }

    .eap-sidebar {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        max-height: 42vh !important;
        margin: 10px !important;
        padding: 14px !important;
    }

    .eap-sidebar-logo {
        padding: 4px !important;
    }

    .eap-sidebar-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        overflow: auto !important;
    }

    .eap-sidebar-footer {
        display: none !important;
    }

    .eap-live-material-share-row {
        grid-template-columns: 1fr !important;
    }

    .eap-main {
        overflow: auto !important;
    }

    .eap-topbar {
        position: relative !important;
        min-height: auto !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 18px !important;
    }

    .eap-topbar-right {
        justify-content: space-between !important;
    }

    .eap-command-strip,
    .eap-content {
        margin-left: 14px !important;
        margin-right: 14px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .eap-content {
        margin: 0 !important;
        padding: 16px 14px 24px !important;
    }
}

@media (max-width: 560px) {
    .eap-dashboard-grid {
        grid-template-columns: 1fr !important;
    }

    .eap-col-12,
    .eap-col-8,
    .eap-col-6,
    .eap-col-4,
    .eap-col-3,
    .eap-card-col-12,
    .eap-card-col-8,
    .eap-card-col-6,
    .eap-card-col-4,
    .eap-card-col-3 {
        grid-column: 1 / -1 !important;
    }

    .eap-sidebar-nav {
        grid-template-columns: 1fr !important;
    }

    .eap-page-title {
        font-size: 26px !important;
    }

    .eap-user-chip {
        width: 100% !important;
    }

    .eap-tool-button--search span:last-child,
    .eap-user-chip-info {
        display: none !important;
    }

    .eap-card-body,
    .eap-widget-header {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}