/*! Perfect Aptitude production source: eap-dashboard-components.css */
/**
 * Shared EAP dashboard components.
 * Loaded in both the frontend portal and native WordPress admin so role
 * dashboard cards keep the same layout contract without broad admin overrides.
 */
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-card{overflow:hidden;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-card .eap-card-body{padding-top:4px;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-teacher-home-summary-grid,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-student-home-summary-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-teacher-home-overview-grid,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-student-home-overview-grid,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-section-grid-2{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-teacher-home-kpi-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-kpi-card{
    min-width:0;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-kpi-label{
    display:block;color:#64748b;font-size:12px;font-weight:700;line-height:1.35;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-kpi-value{
    display:block;margin-top:7px;color:#0f172a;font-size:28px;font-weight:800;line-height:1.05;overflow-wrap:break-word;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-home-kpi-meta{
    display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.35;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-home-kpi-value--status{font-size:22px;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-home-panel{
    min-width:0;padding:18px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-home-panel--center{display:flex;flex-direction:column;justify-content:center;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-teacher-home-panel-title,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-student-home-panel-title{
    margin:0 0 14px;color:#64748b;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-home-fact-list{list-style:none;margin:0;padding:0;color:#475569;font-size:13px;line-height:1.7;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-home-fact-list li{display:grid;grid-template-columns:minmax(110px,140px) minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid #e2e8f0;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-home-fact-list li:last-child{border-bottom:0;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-home-fact-label{display:block;width:auto;color:#0f172a;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-actions,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-teacher-home-actions,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-student-home-actions{display:flex;flex-wrap:wrap;gap:10px;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-student-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-student-feature-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:9px 10px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-student-feature-pill{flex:0 0 auto;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-student-feature-pill.is-on{background:#d1fae5;color:#065f46;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-student-feature-pill.is-off{background:#fee2e2;color:#991b1b;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-focus-panel{
    display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.9fr);gap:18px;align-items:stretch;padding:20px;border:1px solid rgba(14,116,144,.16);border-radius:16px;background:radial-gradient(circle at top right,rgba(14,116,144,.12),transparent 34%),linear-gradient(135deg,#f8fafc 0%,#fff 64%);
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-eyebrow{display:inline-flex;width:fit-content;margin-bottom:9px;padding:5px 9px;border:1px solid rgba(14,116,144,.18);border-radius:999px;background:rgba(14,116,144,.08);color:#0e7490;font-size:12px;font-weight:800;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-focus-panel h3{margin:0 0 9px;color:#0f172a;font-size:clamp(23px,3vw,32px);line-height:1.12;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-focus-panel p{max-width:760px;margin:0;color:#475569;line-height:1.55;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-primary-action,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:16px;padding:0 15px;border-radius:9px;font-weight:800;text-decoration:none;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-primary-action{background:#0e7490;color:#fff;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-secondary-action{border:1px solid #dbe4ee;background:#fff;color:#0f172a;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-focus-panel__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:center;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-focus-panel__metrics article{min-width:0;min-height:104px;padding:14px;border:1px solid #e5edf6;border-radius:13px;background:rgba(255,255,255,.9);}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-focus-panel__metrics span,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-focus-panel__metrics strong,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-focus-panel__metrics small{display:block;overflow-wrap:break-word;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-focus-panel__metrics span{color:#64748b;font-size:12px;font-weight:800;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-focus-panel__metrics strong{margin-top:7px;color:#0f172a;font-size:clamp(22px,3vw,30px);line-height:1;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-focus-panel__metrics small{margin-top:7px;color:#64748b;font-size:12px;font-weight:700;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-progress-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-progress-grid article{min-width:0;padding:15px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-progress-grid span,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-progress-grid strong{display:block;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-progress-grid strong{margin-top:6px;color:#0f172a;font-size:22px;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-progress-grid p{margin:7px 0 0;color:#64748b;font-size:12px;line-height:1.45;}
@media(max-width:1100px){
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-teacher-home-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:782px){
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-focus-panel,
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-teacher-home-overview-grid,
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-student-home-overview-grid,
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-section-grid-2{grid-template-columns:1fr;}
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-premium-focus-panel__metrics,
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-teacher-home-kpi-grid,
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-student-feature-grid{grid-template-columns:1fr;}
}


/* v14 compact audio and persistent study navigation */
.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-main>.eap-reader-dock{display:grid;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:10px;margin:0 0 12px;padding:9px 12px;border-radius:10px;overflow:hidden}
.eap-plugin-scope .eap-reader-v11 .eap-reader-dock__top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-listening-label{min-width:0;overflow:hidden}
.eap-plugin-scope .eap-reader-v11 .eap-reader-listening-label small{font-size:9px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-listening-label strong{font-size:12px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__primary{margin-left:auto}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls{display:flex;align-items:center;gap:8px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls .eap-reader-speed{display:flex;align-items:center;gap:6px;margin:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls .eap-reader-speed select{width:78px;min-height:36px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-status{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-panel__head>.eap-btn{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;gap:5px}
@media(max-width:760px){
 .eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-main>.eap-reader-dock{grid-template-columns:1fr}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-audio{justify-content:space-between}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-audio-status{max-width:135px}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-panel__head{align-items:flex-start}
}

/* v23 shared portal density and interaction contract. */
.eap-plugin-scope{--eap-shell-gap:16px;--eap-card-radius:14px;--eap-control-height:40px;--eap-soft-border:#e2e8f0;--eap-soft-shadow:0 8px 24px rgba(15,23,42,.055)}
.eap-plugin-scope .eap-portal-shell{grid-template-columns:236px minmax(0,1fr)}
.eap-plugin-scope .eap-sidebar{width:236px;padding:18px 14px}
.eap-plugin-scope .eap-sidebar__brand{min-height:54px;margin-bottom:12px;padding:8px 10px}
.eap-plugin-scope .eap-sidebar__nav{gap:3px}
.eap-plugin-scope .eap-sidebar__nav a,
.eap-plugin-scope .eap-sidebar__nav button{min-height:38px;padding:8px 10px;border-radius:9px;font-size:13px;line-height:1.25}
.eap-plugin-scope .eap-sidebar__group{margin:10px 0 4px}
.eap-plugin-scope .eap-sidebar__group-label{padding:4px 10px;font-size:10px;letter-spacing:.065em}
.eap-plugin-scope .eap-main{min-width:0}
.eap-plugin-scope .eap-topbar{min-height:70px;padding:12px clamp(18px,2.25vw,32px);gap:14px}
.eap-plugin-scope .eap-topbar h1{font-size:clamp(24px,2.3vw,34px);line-height:1.08}
.eap-plugin-scope .eap-topbar p{margin-top:4px;font-size:12px;line-height:1.45}
.eap-plugin-scope .eap-content{width:100%;max-width:1560px;margin-inline:auto;padding:18px clamp(18px,2.25vw,32px) 32px}
.eap-plugin-scope .eap-content>*+*{margin-top:var(--eap-shell-gap)}
.eap-plugin-scope .eap-card,
.eap-plugin-scope .eap-panel,
.eap-plugin-scope .eap-section{border-color:var(--eap-soft-border);border-radius:var(--eap-card-radius);box-shadow:var(--eap-soft-shadow)}
.eap-plugin-scope .eap-card{padding:18px}
.eap-plugin-scope .eap-card__header,
.eap-plugin-scope .eap-section__header{margin-bottom:14px;padding-bottom:12px}
.eap-plugin-scope .eap-card h2,
.eap-plugin-scope .eap-section h2{font-size:19px;line-height:1.25}
.eap-plugin-scope .eap-grid{gap:var(--eap-shell-gap)}
.eap-plugin-scope .eap-btn,
.eap-plugin-scope button.eap-btn,
.eap-plugin-scope a.eap-btn{min-height:var(--eap-control-height);padding:8px 14px;border-radius:9px;font-size:13px;line-height:1.2}
.eap-plugin-scope input:not([type="checkbox"]):not([type="radio"]),
.eap-plugin-scope select,
.eap-plugin-scope textarea{min-height:var(--eap-control-height);border-radius:9px}
.eap-plugin-scope .eap-tabs{gap:4px;padding:4px;border-radius:11px;overflow-x:auto;scrollbar-width:thin}
.eap-plugin-scope .eap-tabs a,
.eap-plugin-scope .eap-tabs button{min-height:36px;padding:7px 11px;border-radius:8px;white-space:nowrap}
.eap-plugin-scope table th{padding:10px 12px;font-size:11px;letter-spacing:.045em}
.eap-plugin-scope table td{padding:11px 12px}
.eap-plugin-scope .eap-empty-state{min-height:150px;padding:26px 18px}
.eap-plugin-scope .eap-alert,
.eap-plugin-scope .eap-notice{padding:12px 14px;border-radius:10px}
.eap-plugin-scope .eap-reader-v11{max-width:1380px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar{padding:15px 16px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-commandbar{margin:10px 0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command,
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-menu>summary{min-height:40px;height:40px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-language{min-height:40px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-grid{gap:14px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-side-rail{gap:10px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-rail-tool-grid button{min-height:62px;padding:8px}
@media(max-width:1100px){
 .eap-plugin-scope .eap-portal-shell{grid-template-columns:214px minmax(0,1fr)}
 .eap-plugin-scope .eap-sidebar{width:214px;padding-inline:10px}
}
@media(max-width:860px){
 .eap-plugin-scope .eap-portal-shell{display:block}
 .eap-plugin-scope .eap-sidebar{width:100%;max-width:none}
 .eap-plugin-scope .eap-topbar{min-height:64px;padding:10px 16px}
 .eap-plugin-scope .eap-content{padding:14px 14px 26px}
 .eap-plugin-scope .eap-card{padding:15px}
}

/* v15 enforce one-line desktop audio bar over earlier responsive grid rules */
.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-main>.eap-reader-dock{display:flex!important;flex-flow:row nowrap;justify-content:space-between}
.eap-plugin-scope .eap-reader-v11 .eap-reader-dock__top{flex:1 1 auto;width:auto}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio{flex:0 1 auto;width:auto}
@media(max-width:760px){.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-main>.eap-reader-dock{display:flex!important;flex-wrap:wrap}.eap-plugin-scope .eap-reader-v11 .eap-reader-dock__top,.eap-plugin-scope .eap-reader-v11 .eap-reader-audio{width:100%}}

/* v17 important density overrides survive legacy bundle order */
.eap-plugin-scope .eap-student-reader-card{padding:12px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-student-reader-card{padding:12px!important}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar{gap:9px!important;padding:9px 12px 7px!important}
.eap-plugin-scope .eap-reader-v11 .eap-reader-commandbar{display:grid!important;grid-template-columns:126px minmax(220px,1fr) repeat(4,minmax(96px,auto))!important;align-items:center!important;gap:7px!important;margin:8px 0!important}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command,.eap-plugin-scope .eap-reader-v11 .eap-reader-command-menu>summary{min-width:0!important;min-height:40px!important;height:40px!important;padding:7px 10px!important}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-language{min-width:0!important;min-height:40px!important;height:40px!important;padding:3px!important}
.eap-plugin-scope .eap-reader-v11 .eap-reader-content-heading{gap:9px!important;padding:10px 12px 9px!important}
.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-grid{grid-template-columns:minmax(0,1fr) 270px!important;gap:10px!important}
.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet{max-width:68ch!important;padding:28px 36px!important;font-size:16px!important;line-height:1.66!important}
.eap-plugin-scope .eap-reader-v11 .eap-reader-side-rail{gap:8px!important}
.eap-plugin-scope .eap-reader-v11 .eap-reader-rail-card{padding:11px!important}
.eap-plugin-scope .eap-reader-v11 .eap-reader-rail-tool-grid button{min-height:62px!important;padding:7px 6px!important}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bottom-nav{margin-top:10px!important;padding:9px!important}
@media(max-width:1120px){.eap-plugin-scope .eap-reader-v11 .eap-reader-commandbar{grid-template-columns:116px minmax(210px,1fr) repeat(2,minmax(100px,auto))!important}.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-grid{grid-template-columns:minmax(0,1fr) 254px!important}}
@media(max-width:900px){.eap-plugin-scope .eap-reader-v11 .eap-reader-commandbar{grid-template-columns:1fr 1fr!important}.eap-plugin-scope .eap-reader-v11 .eap-reader-command-language{grid-column:1/-1!important}.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-grid{grid-template-columns:1fr!important}.eap-plugin-scope .eap-reader-v11 .eap-reader-side-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.eap-plugin-scope .eap-student-reader-card{padding:8px!important}.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet{padding:22px 18px!important}.eap-plugin-scope .eap-reader-v11 .eap-reader-side-rail{grid-template-columns:1fr!important}}

/* v16 compact reader density */
.eap-plugin-scope .eap-student-reader-card{padding:12px}
.eap-plugin-scope .eap-reader-v11{gap:8px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar{gap:9px;padding:9px 12px 7px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__identity h2{margin:1px 0;font-size:17px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-commandbar{display:grid;grid-template-columns:126px minmax(220px,1fr) repeat(4,minmax(96px,auto));align-items:center;gap:7px;margin:8px 0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command,.eap-plugin-scope .eap-reader-v11 .eap-reader-command-menu>summary{min-width:0;min-height:40px;height:40px;padding:7px 10px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-language{min-width:0;min-height:40px;height:40px;padding:3px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-menu{min-width:0;width:auto}
.eap-plugin-scope .eap-reader-v11 .eap-reader-notice{margin:8px 0;padding:10px 12px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-tabs--primary{margin:6px 0;padding:5px;gap:4px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-content-heading{gap:9px;padding:10px 12px 9px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__status{gap:6px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-grid{grid-template-columns:minmax(0,1fr) 270px;gap:10px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-main>.eap-reader-dock{margin-bottom:8px;padding:7px 10px}
.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet{max-width:68ch;padding:28px 36px;font-size:16px;line-height:1.66}
.eap-plugin-scope .eap-reader-v11 .eap-reader-side-rail{gap:8px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-rail-card{padding:11px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-rail-tool-grid{gap:6px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-rail-tool-grid button{min-height:62px;padding:7px 6px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-jump{margin:10px 0;gap:6px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bottom-nav{margin-top:10px;padding:9px}
@media(max-width:1120px){.eap-plugin-scope .eap-reader-v11 .eap-reader-commandbar{grid-template-columns:116px minmax(210px,1fr) repeat(2,minmax(100px,auto))}.eap-plugin-scope .eap-reader-v11 .eap-reader-quick-actions{grid-column:auto}.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-grid{grid-template-columns:minmax(0,1fr) 254px}}
@media(max-width:900px){.eap-plugin-scope .eap-reader-v11 .eap-reader-commandbar{grid-template-columns:1fr 1fr}.eap-plugin-scope .eap-reader-v11 .eap-reader-command-language{grid-column:1/-1}.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-grid{grid-template-columns:1fr}.eap-plugin-scope .eap-reader-v11 .eap-reader-side-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.eap-plugin-scope .eap-student-reader-card{padding:8px}.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet{padding:22px 18px}.eap-plugin-scope .eap-reader-v11 .eap-reader-side-rail{grid-template-columns:1fr}}


/* Defensive grid contract: conditionally rendered or extension-provided cards
 * must never collapse into an implicit one-column track. */
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-dashboard-grid > .eap-card:not([class*="eap-col-"]) {
    grid-column:span 12;min-width:0;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-student-account-snapshot{container-type:inline-size;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-student-home-summary-value{min-width:0;word-break:normal;overflow-wrap:break-word;hyphens:auto;}
@container (max-width:700px){
    .eap-student-account-snapshot .eap-student-home-summary-grid,
    .eap-student-account-snapshot .eap-student-home-overview-grid,
    .eap-student-account-snapshot .eap-student-feature-grid{grid-template-columns:1fr;}
}

/* Paginated language catalog */
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-catalog-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 14px;padding:12px;border:1px solid #dbe4ee;border-radius:10px;background:#f8fafc;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-catalog-toolbar input[type="search"]{min-width:240px;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-catalog-toolbar__count{margin-inline-start:auto;color:#475569;font-weight:700;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-catalog-table-wrap{max-height:70vh;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-catalog-table-wrap thead th{position:sticky;top:0;z-index:2;background:#f8fafc;box-shadow:0 1px 0 #dbe4ee;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-catalog-pagination{display:flex;justify-content:flex-end;margin-top:14px;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-catalog-pagination .page-numbers{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-catalog-pagination a,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-catalog-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:5px 9px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;text-decoration:none;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-catalog-pagination .current{border-color:#2271b1;background:#2271b1;color:#fff;}
@media(max-width:782px){:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-catalog-toolbar>*{width:100%;}:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-catalog-toolbar input,:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-catalog-toolbar select{width:100%;}:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-catalog-toolbar__count{margin-inline-start:0!important;}}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-provider-status-pill{white-space:nowrap;min-width:max-content;line-height:1.2;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-license-task-panel{margin-top:22px;padding:0 20px 20px;border:1px solid #dbe4ee;border-radius:14px;background:#fff;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-license-task-panel>summary{cursor:pointer;margin:0 -20px;padding:17px 20px;color:#0f172a;font-size:16px;font-weight:800;list-style-position:inside;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-license-task-panel[open]>summary{border-bottom:1px solid #e2e8f0;margin-bottom:20px;}

/* Institution dashboard components are shared by frontend and native wp-admin. */
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-kpi-grid{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-overview,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-ops-list{
    min-width:0;border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-overview-row,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-ops-row{
    display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0;padding:12px 16px;border-bottom:1px solid #e2e8f0;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-overview-row:last-child,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-ops-row:last-child{border-bottom:0;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-overview-label,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-ops-label{
    flex:0 1 48%;min-width:0;color:#64748b;font-size:13px;font-weight:700;line-height:1.45;overflow-wrap:anywhere;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-overview-value,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-ops-row strong{
    flex:0 1 52%;min-width:0;color:#0f172a;font-size:14px;font-weight:800;line-height:1.45;text-align:right;overflow-wrap:anywhere;word-break:normal;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-overview-value em{font-weight:600;color:#64748b;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-capacity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-capacity-block{min-width:0;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-capacity-block header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-capacity-block h4,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-capacity-block p{margin:0;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-empty{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:14px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-empty strong,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-empty p{display:block;margin:0;overflow-wrap:anywhere;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-empty p{margin-top:4px;color:#64748b;line-height:1.5;}

/* Explicit 12-column contract for every known card span and safe extension defaults. */
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:start;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-dashboard-grid > *{min-width:0;grid-column:span 12;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-dashboard-grid > .eap-col-12{grid-column:span 12;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-dashboard-grid > .eap-col-8{grid-column:span 8;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-dashboard-grid > .eap-col-6{grid-column:span 6;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-dashboard-grid > .eap-col-4{grid-column:span 4;}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-dashboard-grid > .eap-col-3{grid-column:span 3;}


@media(max-width:1100px){
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-dashboard-grid > .eap-col-8,
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-dashboard-grid > .eap-col-4,
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-dashboard-grid > .eap-col-3{grid-column:span 6;}
}
@media(max-width:782px){
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-kpi-grid,
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-capacity{grid-template-columns:1fr;}
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-dashboard-grid > *{grid-column:1/-1!important;}
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-overview-row,
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-ops-row{flex-direction:column;gap:5px;}
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-overview-label,
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-ops-label,
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-overview-value,
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-inst-home-ops-row strong{flex-basis:auto;width:100%;text-align:left;}
}
/* 1.6.90 shared presentation layers and responsive embedded previews. */
.eap-plugin-scope{
    --eap-z-sticky:20;
    --eap-z-dock:120;
    --eap-z-backdrop:400;
    --eap-z-drawer:410;
    --eap-z-modal:510;
    --eap-z-critical:600;
}
body.wp-admin.eap-admin-template{
    --eap-z-sticky:10000;
    --eap-z-dock:10020;
    --eap-z-backdrop:10040;
    --eap-z-drawer:10050;
    --eap-z-modal:10060;
    --eap-z-critical:10070;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-source-pdf-preview-frame,
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-source-equation-preview-frame{
    display:block;width:100%;max-width:100%;min-height:0;border:1px solid var(--eap-border,#dfe6ee);background:#fff;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-source-pdf-preview-frame{
    height:clamp(420px,68dvh,780px);border-radius:12px;
}
:where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-source-equation-preview-frame{
    height:clamp(320px,55dvh,520px);border-radius:10px;margin-top:8px;
}
@media(max-width:782px){
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-source-pdf-preview-frame{height:min(60dvh,540px);}
    :where(.eap-plugin-scope, body.wp-admin.eap-admin-template) .eap-source-equation-preview-frame{height:min(52dvh,460px);}
}

/* 1.6.90 BOOK UPLOAD — extracted from inline PHP presentation */
.eap-conv-page{--eap-inst-section-gap:22px;--eap-inst-card-pad-x:20px;--eap-inst-card-pad-y:18px;--eap-inst-control-h:44px;--eap-inst-btn-h:44px;--eap-inst-help-fs:12px;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#0f172a;}.eap-conv-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;border:1px solid #dbe5f0;border-radius:14px;background:linear-gradient(180deg,#f8fbff 0%,#f2f8ff 100%);margin:10px 0 14px;}.eap-conv-page-title{margin:0;font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#0f172a;}.eap-conv-page-subtitle{margin:8px 0 0;font-size:14px;line-height:1.55;color:#475569;max-width:760px;}.eap-conv-header-kpis{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;min-width:260px;}.eap-conv-kpi{padding:12px;border:1px solid #dbe5f0;border-radius:11px;background:#fff;text-align:right;}.eap-conv-kpi span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#607187;font-weight:700;}.eap-conv-kpi strong{display:block;margin-top:4px;font-size:22px;line-height:1;font-weight:800;color:#0f172a;}.eap-conv-kpi p{margin:6px 0 0;font-size:12px;line-height:1.45;color:#64748b;}.eap-conv-messages .notice{margin:0 0 10px;border-radius:10px;border:1px solid #dbe5f0;padding:10px 12px;}.eap-conv-progress{margin:0 0 14px;padding:14px;border:1px solid #dbe5f0;border-radius:12px;background:#fff;}.eap-conv-progress.is-hidden{display:none;}.eap-conv-progress-title{font-weight:700;color:#0f172a;display:inline-flex;align-items:center;gap:8px;}.eap-conv-progress-pct{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#2563eb;font-size:12px;font-weight:700;}.eap-conv-progress-fill{width:0%;}.eap-conv-progress-status{margin-top:10px;font-size:12px;color:#64748b;}.eap-conv-progress-note{margin-top:6px;font-size:12px;color:#64748b;line-height:1.45;}.eap-conv-grid{margin-top:0 !important;gap:var(--eap-inst-section-gap) !important;align-items:stretch;}.eap-conv-upload-card,.eap-conv-streams-card{padding:0 !important;overflow:hidden;display:flex;flex-direction:column;}.eap-conv-card-header{padding:var(--eap-inst-card-pad-y) var(--eap-inst-card-pad-x) 14px;border-bottom:1px solid #e6edf6;background:#fbfdff;}.eap-conv-card-header h2,.eap-conv-card-header .eap-card-title{margin:0;font-size:18px;font-weight:800;color:#0f172a;}.eap-conv-card-header p{margin:6px 0 0;font-size:13px;color:#475569;line-height:1.5;}.eap-conv-upload-card .eap-admin-form{padding:var(--eap-inst-card-pad-y) var(--eap-inst-card-pad-x) 22px;display:grid;gap:14px;}.eap-conv-flow-note{padding:12px 14px;border-radius:10px;border-inline-start:4px solid #2563eb;background:#eff6ff;}.eap-conv-flow-note strong{display:block;font-size:13px;font-weight:800;color:#1e3a8a;}.eap-conv-flow-note p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#1e3a8a;}.eap-conv-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start;}.eap-conv-form-panel{display:grid;gap:14px;align-content:start;}.eap-conv-panel-head h4{margin:0;font-size:14px;font-weight:800;color:#0f172a;}.eap-conv-panel-head p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#64748b;}.eap-conv-upload-card .eap-form-group{display:grid;gap:8px;}.eap-conv-upload-card .eap-form-group label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#475569;}.eap-conv-upload-card .eap-form-group input[type="text"],.eap-conv-upload-card .eap-form-group select{min-height:var(--eap-inst-control-h);padding:0 12px;border:1px solid #dbe5f0;border-radius:10px;background:#f8fbff;font-size:14px;color:#0f172a;}.eap-conv-upload-card .eap-form-group input[type="url"],.eap-conv-upload-card .eap-form-group input[type="number"],.eap-conv-upload-card .eap-form-group input[type="file"],.eap-conv-upload-card .eap-form-group textarea{width:100%;min-height:var(--eap-inst-control-h);padding:10px 12px;border:1px solid #dbe5f0;border-radius:10px;background:#f8fbff;font-size:14px;color:#0f172a;box-sizing:border-box;}.eap-conv-upload-card .is-hidden{display:none!important;}.eap-conv-page-selection{display:grid;gap:10px;margin:0;padding:14px;border:1px solid #cfe1f5;border-radius:12px;background:#f8fbff;}.eap-conv-page-selection legend{padding:0 6px;font-size:13px;font-weight:800;color:#1e3a8a;}.eap-conv-page-selection-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:end;}.eap-conv-page-range{display:grid;grid-template-columns:1fr 1fr;gap:10px;}.eap-conv-page-selection p{margin:0;font-size:12px;line-height:1.45;color:#64748b;}.eap-conv-page-selection .eap-page-selection-estimate{grid-column:1/-1;padding:9px 11px;border-radius:9px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800;}.eap-material-upload-form{display:grid!important;gap:16px!important;padding:20px!important;}.eap-material-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}.eap-conv-upload-card .eap-form-group input[type="text"]:focus,.eap-conv-upload-card .eap-form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.14);background:#fff;}.eap-conv-upload-card .eap-form-note{margin:0;font-size:var(--eap-inst-help-fs);color:#64748b;line-height:1.5;}.eap-conv-field-help{margin:0;font-size:var(--eap-inst-help-fs);line-height:1.5;color:#64748b;}.eap-conv-upload-card .eap-dropzone{position:relative;display:grid;justify-items:center;text-align:center;gap:8px;padding:28px 16px;border:1.5px dashed #8cb4e8;border-radius:14px;background:linear-gradient(180deg,#f8fbff 0%,#f1f7ff 100%);cursor:pointer;transition:border-color .2s, background .2s;}.eap-conv-upload-card .eap-dropzone:hover{border-color:#2563eb;background:linear-gradient(180deg,#f5faff 0%,#ecf4ff 100%);}.eap-conv-upload-card .eap-dropzone.drag-over{border-color:#0284c7;background:linear-gradient(180deg,#ecf8ff 0%,#e0f4ff 100%);}.eap-conv-upload-card .eap-dropzone.file-selected{border-color:#22c55e;background:linear-gradient(180deg,#f0fdf4 0%,#e7f6ea 100%);}.eap-conv-upload-card .eap-dropzone .dashicons{font-size:24px;width:24px;height:24px;color:#2563eb;}.eap-conv-dropzone-sub{font-size:12px;color:#475569;line-height:1.45;font-weight:600;}.eap-conv-dropzone-help{font-size:12px;color:#64748b;line-height:1.45;max-width:340px;}.eap-conv-upload-card #eap_book_pdf{position:absolute;inset:0;opacity:0;cursor:pointer;display:block !important;}.eap-conv-checkbox-row .eap-form-note{display:none;}.eap-conv-check{display:flex;align-items:flex-start;gap:10px;text-transform:none !important;letter-spacing:normal !important;font-weight:500 !important;}.eap-conv-check input[type="checkbox"]{margin-top:2px;width:16px;height:16px;accent-color:#2563eb;}.eap-conv-check span{display:block;}.eap-conv-check strong{display:block;font-size:14px;color:#0f172a;line-height:1.35;}.eap-conv-check small{display:block;margin-top:4px;font-size:12px;color:#64748b;line-height:1.45;}.eap-conv-ocr-row{padding:12px;border:1px solid #dbe5f0;border-radius:10px;background:#f8fbff;}.eap-conv-rights-box{margin-top:4px;padding:14px;border:1px solid #cfe1f5;border-radius:12px;background:#f5f9ff;display:grid;gap:8px;}.eap-conv-rights-box h4{margin:0;font-size:14px;font-weight:800;color:#0f172a;}.eap-conv-rights-box p{margin:0;font-size:12px;line-height:1.45;color:#64748b;}.eap-conv-check--rights strong{font-size:14px;}.eap-conv-cta-row{margin-top:6px;display:flex;justify-content:flex-start;}.eap-conv-cta{min-height:var(--eap-inst-btn-h) !important;padding:0 20px !important;border-radius:10px !important;font-weight:700 !important;display:inline-flex !important;align-items:center;gap:8px;}.eap-conv-cta-note{margin:0;font-size:12px;line-height:1.45;color:#64748b;}.eap-conv-streams-header{display:block;}.eap-conv-table-wrap{border-top:none;border-radius:0 0 14px 14px;background:#fff;}.eap-conv-table{margin:0;}.eap-conv-table thead th{background:#f5f9ff !important;color:#445a73 !important;padding:12px 14px !important;border-bottom:1px solid #dbe5f0 !important;}.eap-conv-table td{padding:13px 14px !important;border-bottom:1px solid #e8eef6 !important;vertical-align:middle !important;}.eap-conv-book-id{font-size:12px;padding:2px 7px;border-radius:8px;border:1px solid #dbe5f0;background:#f1f6ff;color:#1e3a8a;}.eap-conv-page-label{display:block;margin-top:5px;font-size:11.5px;font-weight:800;color:#1d4ed8;line-height:1.35;}.eap-conv-approval-note{display:block;margin-top:6px;max-width:180px;font-size:12px;font-weight:700;line-height:1.4;color:#92400e;}.eap-conv-status-pill{font-weight:800;letter-spacing:.05em;}.eap-conv-job-status{display:grid;gap:5px;margin-top:8px;min-width:180px;}.eap-conv-job-progress-track{height:7px;border-radius:999px;overflow:hidden;background:#e2e8f0;}.eap-conv-job-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#38bdf8);transition:width .35s ease;}.eap-conv-job-status small{font-size:12px;color:#64748b;line-height:1.35;}.eap-conv-progress.is-error{border-color:#fecaca;background:#fff7f7;}.eap-conv-progress.is-success{border-color:#bbf7d0;background:#f0fdf4;}.eap-conv-row-actions{display:flex;gap:8px;}.eap-conv-audit-btn{padding:5px 11px !important;font-size:12px !important;border-radius:8px !important;}.eap-conv-delete-form{display:inline-flex;margin:0;}.eap-conv-delete-btn{padding:5px 11px !important;font-size:12px !important;border-radius:8px !important;}.eap-conv-delete-btn[disabled]{opacity:.55;cursor:not-allowed;}.eap-conv-empty-state{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;padding:18px !important;background:#f8fbff;border:1px dashed #d0ddec;border-radius:12px;}.eap-conv-empty-state .dashicons{font-size:20px;width:20px;height:20px;color:#2563eb;}.eap-conv-empty-state strong{display:block;font-size:14px;color:#0f172a;}.eap-conv-empty-state p{margin:4px 0 0;font-size:12px;color:#64748b;line-height:1.5;}.eap-queue-health-warning,.eap-queue-health-ok{display:grid;gap:3px;margin-top:12px;padding:10px 12px;border-radius:9px;font-size:12px;line-height:1.45}.eap-queue-health-warning{border:1px solid #fecaca;background:#fff7f7;color:#991b1b}.eap-queue-health-ok{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.eap-queue-health-warning span,.eap-queue-health-ok span{font-size:12px}.eap-content-notification-list{display:grid;gap:9px}.eap-content-notification{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px 14px;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff}.eap-content-notification p{margin:4px 0;font-size:12px;color:#334155}.eap-content-notification small{color:#64748b}.eap-content-notification__actions{display:flex;gap:7px;align-items:center}.eap-content-notification__actions form{margin:0}.eap-approval-grid{display:grid;gap:14px}.eap-approval-item{display:grid;gap:12px;padding:16px;border:1px solid #dbe5f0;border-radius:14px;background:#fff}.eap-approval-item>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.eap-approval-item header small{display:block;margin-top:4px;color:#64748b}.eap-approval-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.eap-approval-meta span{padding:8px;border-radius:8px;background:#f8fbff;font-size:12px;color:#475569}.eap-approval-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.eap-approval-form{display:grid;gap:9px}.eap-approval-form textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:9px;padding:9px}.eap-approval-buttons{display:flex;flex-wrap:wrap;gap:7px}.eap-audit-list{margin:10px 0 0;padding-inline-start:20px;font-size:12px;color:#475569}.eap-policy-form{display:grid;gap:16px}.eap-policy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.eap-policy-grid label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#475569}.eap-policy-grid input{min-height:40px;border:1px solid #cbd5e1;border-radius:9px;padding:0 10px}.eap-policy-checks{display:flex;flex-wrap:wrap;gap:14px}.eap-policy-checks label{display:flex;align-items:center;gap:7px;font-size:12px;color:#334155}.eap-trash-list{display:grid;gap:10px}.eap-trash-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border:1px solid #fecaca;border-radius:11px;background:#fffafa}.eap-trash-row small{display:block;margin-top:4px;color:#64748b}.eap-job-diagnostic-download{font-size:12px!important;min-height:30px!important;padding:4px 8px!important}@media (max-width:1100px){.eap-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eap-approval-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.eap-conv-header{flex-direction:column;}.eap-conv-header-kpis{width:100%;min-width:0;}.eap-conv-form-grid{grid-template-columns:1fr;}.eap-conv-upload-card .eap-admin-form{padding:16px;}}@media (max-width:680px){.eap-conv-page-selection-grid,.eap-material-fields,.eap-policy-grid,.eap-approval-meta,.eap-approval-actions{grid-template-columns:1fr;}.eap-conv-page-title{font-size:25px;}.eap-conv-header-kpis{grid-template-columns:1fr 1fr;}.eap-conv-table thead{display:none;}.eap-conv-table tbody tr{display:block;padding:10px 0;border-bottom:1px solid #e8eef6;}.eap-conv-table td{display:flex;justify-content:space-between;gap:10px;padding:8px 12px !important;border-bottom:none !important;}.eap-conv-table td::before{content:attr(data-label);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#607187;}}

/* 1.6.90 CONTENT LIBRARY — extracted from inline PHP presentation */
.eap-content-library-page{font-family:Manrope,Segoe UI,Inter,system-ui,-apple-system,sans-serif;color:#0f172a;}
        .eap-cl-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;border:1px solid #dbe5f0;border-radius:14px;background:linear-gradient(180deg,#f8fbff 0%,#f2f8ff 100%);margin-bottom:16px;}
        .eap-cl-title{margin:0;font-size:28px;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:#0f172a;}
        .eap-cl-subtitle{margin:7px 0 0;font-size:14px;line-height:1.5;color:#475569;}
        .eap-cl-upload-btn{min-height:42px;padding:0 14px !important;border-radius:10px !important;display:inline-flex;align-items:center;}
        .eap-cl-empty{padding:48px 20px;text-align:center;}
        .eap-cl-empty .dashicons{font-size:42px;width:42px;height:42px;color:#94a3b8;display:block;margin:0 auto 10px;}
        .eap-cl-empty h2{margin:0 0 8px;font-size:20px;color:#0f172a;}
        .eap-cl-empty p{margin:0;color:#64748b;}
        .eap-cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;}
        .eap-cl-book-card{padding:0 !important;overflow:hidden;border-radius:14px;}
        .eap-cl-book-accent{height:6px;}
        .eap-cl-book-body{padding:16px;}
        .eap-cl-book-title{margin:0 0 5px;font-size:16px;font-weight:800;color:#0f172a;}
        .eap-cl-book-author{margin:0 0 10px;font-size:12px;color:#64748b;}
        .eap-cl-book-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#64748b;margin-bottom:14px;}
        .eap-cl-view-btn{padding:5px 11px !important;border-radius:8px !important;font-size:12px !important;display:inline-flex;align-items:center;}
        .eap-cl-view-btn.is-disabled{opacity:.55;cursor:default;pointer-events:none;}
        .eap-cl-breadcrumb{font-size:12px;margin-bottom:12px;color:#64748b;}
        .eap-cl-breadcrumb a{color:#2563eb;text-decoration:none;font-weight:700;}
        .eap-cl-detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px;}
        .eap-cl-summary-card,.eap-cl-meta-card{padding:16px !important;}
        .eap-cl-summary-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}
        .eap-cl-book-detail-title{margin:0;font-size:24px;line-height:1.15;font-weight:800;color:#0f172a;}
        .eap-cl-book-detail-sub{margin:8px 0 0;font-size:13px;color:#64748b;}
        .eap-cl-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;}
        .eap-cl-kpi{padding:10px;border:1px solid #dbe5f0;border-radius:10px;background:#f8fbff;}
        .eap-cl-kpi span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:700;}
        .eap-cl-kpi strong{display:block;margin-top:4px;font-size:18px;font-weight:800;color:#0f172a;}
        .eap-cl-meta-card h3{margin:0 0 12px;font-size:16px;font-weight:800;color:#0f172a;}
        .eap-cl-meta-grid{display:grid;gap:10px;}
        .eap-cl-meta-grid div{padding:10px;border:1px solid #dbe5f0;border-radius:10px;background:#fbfdff;}
        .eap-cl-meta-grid span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:700;}
        .eap-cl-meta-grid strong{display:block;margin-top:4px;font-size:13px;color:#0f172a;line-height:1.45;word-break:break-word;}
        .eap-cl-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #dbe5f0;padding-bottom:8px;margin-bottom:14px;position:sticky;top:0;background:#eef3f8;z-index:5;}
        .eap-cl-tab{appearance:none;border:1px solid #dbe5f0;background:#fff;color:#475569;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .2s;}
        .eap-cl-tab:hover{border-color:#bfdbfe;color:#1d4ed8;background:#f8fbff;}
        .eap-cl-tab:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.22);border-color:#2563eb;}
        .eap-cl-tab.is-active{border-color:#2563eb;background:#2563eb;color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.22);}
        .eap-cl-panel{padding:14px !important;display:grid;gap:12px;}
        .eap-cl-section-head h3{margin:0;font-size:16px;font-weight:800;color:#0f172a;}
        .eap-cl-section-head p{margin:5px 0 0;font-size:12px;color:#64748b;line-height:1.45;}
        .eap-cl-empty-note{margin:0;color:#64748b;font-size:13px;}
        .eap-cl-empty-state{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;padding:14px;border:1px dashed #d0ddec;border-radius:10px;background:#f8fbff;}
        .eap-cl-empty-state .dashicons{font-size:18px;width:18px;height:18px;color:#2563eb;}
        .eap-cl-empty-state strong{display:block;font-size:13px;color:#0f172a;}
        .eap-cl-empty-state p{margin:4px 0 0;font-size:12px;color:#64748b;line-height:1.45;}
        .eap-cl-detail-table td{vertical-align:top;}
        .eap-cl-order-pill{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:3px 8px;border-radius:999px;border:1px solid #dbe5f0;background:#f1f6ff;color:#1e3a8a;font-size:12px;font-weight:800;}
        .eap-cl-cell-title{display:grid;gap:3px;}
        .eap-cl-cell-title strong{font-size:13px;color:#0f172a;line-height:1.35;}
        .eap-cl-cell-title small{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-weight:700;}
        .eap-cl-cell-snippet{font-size:13px;line-height:1.55;color:#334155;max-width:95ch;}
        .eap-cl-code{display:inline-block;max-width:65ch;white-space:pre-wrap;word-break:break-word;line-height:1.45;}
        .eap-cl-panel .eap-table thead th{background:#f5f9ff !important;color:#445a73 !important;}
        .eap-cl-panel .eap-table td{color:#0f172a !important;}
        @media (max-width:980px){.eap-cl-detail-grid{grid-template-columns:1fr;}.eap-cl-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));}}
        @media (max-width:680px){.eap-cl-header{flex-direction:column;}.eap-cl-title{font-size:24px;}.eap-cl-kpi-row{grid-template-columns:1fr 1fr;}}

/* 1.6.90 ACADEMIC OPERATIONS — extracted from runtime inline presentation */
.eap-academic-ops-card{overflow:visible}.eap-ops-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.eap-ops-summary>div{padding:16px;border:1px solid #dbe5f1;border-radius:14px;background:#f8fbff}.eap-ops-summary span{display:block;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase}.eap-ops-summary strong{display:block;font-size:24px;margin-top:5px;color:#0f172a}.eap-action-centre-grid,.eap-class-grid,.eap-flag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.eap-action-item,.eap-class-card,.eap-review-card,.eap-flag-card,.eap-ops-form,.eap-release-section{border:1px solid #dbe5f1;border-radius:16px;background:#fff;padding:18px}.eap-action-item{display:flex;justify-content:space-between;gap:18px;align-items:center;border-inline-start:5px solid #f59e0b}.eap-action-item.is-done{border-inline-start-color:#16a34a}.eap-action-item.is-blocked{border-inline-start-color:#dc2626}.eap-action-item h3,.eap-class-card h3,.eap-review-card h3{margin:3px 0 6px}.eap-action-item p,.eap-class-card p,.eap-review-card p,.eap-flag-card p{margin:0;color:#64748b}.eap-action-item__eyebrow,.eap-class-card header span,.eap-review-card header span{font-size:12px;text-transform:uppercase;font-weight:800;color:#0f766e}.eap-ops-form{margin-bottom:18px}.eap-ops-form summary,.eap-class-card summary{cursor:pointer;font-weight:800;color:#0f172a}.eap-ops-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:15px 0}.eap-ops-form-grid label,.eap-review-form>label,.eap-flag-card label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#334155}.eap-ops-form input,.eap-ops-form select,.eap-review-form textarea,.eap-flag-card input,.eap-flag-card select{min-height:42px;border:1px solid #cbd5e1;border-radius:10px;padding:9px 11px}.eap-class-card header,.eap-review-card header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid #edf2f7;padding-bottom:13px;margin-bottom:13px}.eap-class-card details{margin-top:12px;padding-top:10px;border-top:1px solid #edf2f7}.eap-roster-grid,.eap-checklist-grid,.eap-check-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;margin:12px 0}.eap-roster-grid label,.eap-checklist-grid label,.eap-check-row label{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;background:#f8fafc}.eap-review-list{display:grid;gap:16px}.eap-review-preview{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.eap-review-preview>div{padding:14px;border-radius:12px;background:#f8fafc}.eap-review-card .is-ready{color:#166534}.eap-review-card .is-review{color:#9a3412}.eap-risk{display:inline-flex;padding:5px 9px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:800;font-size:12px}.eap-risk.is-overdue,.eap-risk.is-high{background:#fee2e2;color:#991b1b}.eap-risk.is-watch{background:#fef3c7;color:#92400e}.eap-ops-footnote{font-size:12px;color:#64748b;margin-top:12px}.eap-release-section+.eap-release-section{margin-top:18px}.eap-flag-card{display:flex;flex-direction:column;gap:10px}.eap-acceptance-result{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px;border-radius:12px;background:#fef3c7;margin:12px 0}.eap-acceptance-result.is-passed{background:#dcfce7}.eap-evidence-list{display:grid;gap:8px}.eap-evidence-list li{display:flex;justify-content:space-between;gap:12px;padding:9px;border-radius:9px;background:#fee2e2}.eap-evidence-list li.is-pass{background:#dcfce7}@media(max-width:780px){.eap-action-item,.eap-review-card header,.eap-class-card header{flex-direction:column}.eap-review-preview{grid-template-columns:1fr}}

/* 1.6.90 PRODUCT OPERATIONS — extracted from runtime inline presentation */
.eap-product-toolbar,.eap-inline-form,.eap-product-form{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:12px 0}.eap-product-form label,.eap-inline-form label{display:flex;flex-direction:column;gap:5px;min-width:180px;flex:1}.eap-product-form input,.eap-product-form select,.eap-product-form textarea,.eap-inline-form input{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:9px}.eap-ops-table{width:100%;border-collapse:collapse;margin-top:12px}.eap-ops-table th,.eap-ops-table td{padding:10px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.eap-badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:#eef2ff;font-size:12px;font-weight:700}.eap-budget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.eap-budget-card{border:1px solid #e2e8f0;border-radius:12px;padding:14px}.eap-progress{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-top:8px}.eap-progress span{display:block;height:100%;background:#2563eb}.eap-ops-empty{padding:24px;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px}.eap-two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.eap-guardian-metric{display:inline-block;margin:4px;padding:8px 12px;background:#f1f5f9;border-radius:10px}@media(max-width:760px){.eap-ops-table{display:block;overflow:auto}.eap-product-form label{min-width:100%}}

/* 1.6.90 ROLE DASHBOARD ASSETS — extracted static profile/content/session presentation */
/* TeacherProfileAssets style block 1 */
.eap-teacher-profile-main-card{overflow:visible!important}
.eap-teacher-profile-main-card .eap-card-body{padding:0!important}
.eap-teacher-profile-main-card .eap-inst-profile-cover{height:138px!important;border-radius:14px 14px 0 0!important;background:linear-gradient(135deg,#174936 0%,#2f855a 48%,#2563eb 100%)!important;background-size:cover!important;background-position:center!important;position:relative!important;overflow:hidden!important}
.eap-teacher-profile-main-card .eap-inst-profile-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.34),rgba(15,23,42,.04))}
.eap-teacher-profile-main-card .eap-inst-profile-cover-media{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.eap-teacher-profile-main-card .eap-inst-profile-summary-card{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:18px!important;align-items:end!important;margin:-46px 24px 22px!important;padding:0!important;position:relative!important;z-index:2!important}
.eap-teacher-profile-main-card .eap-inst-profile-logo-wrapper{width:94px!important;height:94px!important;display:block!important;flex:0 0 auto!important}
.eap-teacher-profile-main-card .eap-inst-profile-logo,.eap-teacher-profile-main-card .eap-inst-profile-logo-placeholder{width:94px!important;height:94px!important;border-radius:22px!important;border:4px solid #fff!important;box-shadow:0 18px 40px rgba(15,23,42,.22)!important;box-sizing:border-box!important}
.eap-teacher-profile-main-card .eap-inst-profile-logo{object-fit:cover!important;background:#fff!important;display:block!important}
.eap-teacher-profile-main-card .eap-inst-profile-logo-placeholder{display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#2f855a,#2563eb)!important;color:#fff!important;font-size:36px!important;font-weight:900!important;line-height:1!important}
.eap-teacher-profile-main-card .eap-inst-profile-summary-info{min-width:0!important;padding:12px 0 4px!important}
.eap-teacher-profile-main-card .eap-inst-profile-summary-title{margin:0!important;color:#0f172a!important;font-size:28px!important;line-height:1.1!important;font-weight:900!important}
.eap-teacher-profile-main-card .eap-inst-profile-summary-subtitle{display:inline-flex!important;margin:8px 0 10px!important;padding:6px 11px!important;border-radius:999px!important;background:#ecfdf5!important;color:#166534!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:0!important}
.eap-teacher-profile-main-card .eap-inst-profile-summary-description{max-width:760px!important;margin:0 0 10px!important;color:#475569!important;font-size:13px!important;font-weight:700!important;line-height:1.6!important}
.eap-teacher-profile-main-card .eap-teacher-profile-summary-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.eap-teacher-profile-main-card .eap-teacher-profile-summary-meta span{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:7px 10px!important;border:1px solid #dbeafe!important;border-radius:999px!important;background:#eff6ff!important;color:#1e3a8a!important;font-size:12px!important;font-weight:800!important}
.eap-teacher-profile-form{margin:0 24px 24px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;gap:18px!important}
.eap-teacher-profile-tabs{position:sticky!important;top:10px!important;z-index:20!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;padding:10px!important;border:1px solid #d8eee4!important;border-radius:14px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 16px 36px rgba(15,23,42,.12)!important;backdrop-filter:blur(10px)!important}
.eap-teacher-profile-tabs button{appearance:none!important;border:1px solid #dbe7e2!important;border-radius:999px!important;background:#f8fafc!important;color:#334155!important;min-height:38px!important;padding:8px 14px!important;font-size:13px!important;font-weight:900!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important}
.eap-teacher-profile-tabs button::-moz-focus-inner{border:0!important}
.eap-teacher-profile-tabs button:hover{border-color:#2f855a!important;background:#ecfdf5!important;color:#166534!important}
.eap-teacher-profile-tabs button:focus-visible{outline:none!important;box-shadow:0 0 0 4px rgba(47,133,90,.16)!important}
.eap-teacher-profile-tabs button.is-active{border-color:#2f855a!important;background:#2f855a!important;color:#fff!important}
.eap-teacher-profile-tabs .eap-teacher-profile-save-top{margin-inline-start:auto!important;border-color:#2563eb!important;background:#2563eb!important;color:#fff!important;min-width:86px!important}
.eap-teacher-profile-form .eap-inst-profile-section{padding:22px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 12px 30px rgba(15,23,42,.07)!important}
.eap-teacher-profile-form .eap-inst-profile-section[data-eap-profile-panel]{display:none!important}
.eap-teacher-profile-form .eap-inst-profile-section[data-eap-profile-panel].is-active{display:block!important}
.eap-teacher-profile-form .eap-inst-profile-section-title{margin:0 0 18px!important;color:#0f172a!important;font-size:20px!important;font-weight:900!important}
.eap-teacher-profile-form .eap-inst-profile-section-title:after{content:"";display:block;width:44px;height:4px;margin-top:8px;border-radius:999px;background:#2f855a}
.eap-teacher-profile-form .eap-inst-profile-form-group-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.eap-teacher-profile-form .eap-form-group{display:grid!important;gap:8px!important;margin:0 0 16px!important}
.eap-teacher-profile-form label{color:#172033!important;font-size:13px!important;font-weight:900!important}
.eap-teacher-profile-form input,.eap-teacher-profile-form select,.eap-teacher-profile-form textarea{width:100%!important;min-height:48px!important;border:1px solid #dfe7ef!important;border-radius:11px!important;background:#fbfdff!important;color:#0f172a!important;padding:12px 14px!important;font-size:14px!important;font-weight:700!important;box-sizing:border-box!important;box-shadow:inset 0 1px 0 rgba(15,23,42,.02)!important}
.eap-teacher-profile-form input:disabled{background:#f1f5f9!important;color:#475569!important;cursor:not-allowed!important}
.eap-teacher-profile-form textarea{min-height:110px!important;resize:vertical!important}
.eap-teacher-profile-form input:focus,.eap-teacher-profile-form select:focus,.eap-teacher-profile-form textarea:focus{outline:none!important;border-color:#2f855a!important;background:#fff!important;box-shadow:0 0 0 4px rgba(47,133,90,.14)!important}
.eap-teacher-profile-form small,.eap-teacher-profile-field-note{color:#64748b!important;font-size:12px!important;font-weight:700!important;line-height:1.5!important}
.eap-teacher-upload-control{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;align-items:center!important}
.eap-teacher-upload-control .eap-btn{min-height:44px!important;border-radius:999px!important;border:1px solid #d8eee4!important;background:#f0fdf4!important;color:#166534!important;padding:10px 18px!important;font-weight:900!important;text-decoration:none!important}
.eap-teacher-pref-grid{display:grid!important;gap:12px!important}
.eap-teacher-pref-grid label{display:flex!important;align-items:center!important;gap:10px!important;padding:12px!important;border:1px solid #e2e8f0!important;border-radius:11px!important;background:#f8fafc!important}
.eap-teacher-profile-actions{display:flex!important;justify-content:flex-end!important;margin-top:18px!important;padding-top:18px!important;border-top:1px solid #e2e8f0!important}
.eap-teacher-profile-actions .submit{margin:0!important;padding:0!important}
.eap-teacher-profile-save{min-height:46px!important;border:0!important;border-radius:999px!important;background:#2f855a!important;color:#fff!important;padding:12px 22px!important;font-weight:900!important;box-shadow:0 14px 28px rgba(47,133,90,.22)!important;cursor:pointer!important}
.eap-teacher-profile-snapshot-card{position:sticky!important;top:18px!important;align-self:start!important}
.eap-teacher-profile-snapshot-card .eap-card-body{padding:0 22px 22px!important}
.eap-teacher-profile-snapshot{display:grid!important;gap:0!important;margin:0!important}
.eap-teacher-profile-snapshot div{display:grid!important;grid-template-columns:130px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;padding:14px 0!important;border-bottom:1px solid #edf2f7!important}
.eap-teacher-profile-snapshot div:last-child{border-bottom:0!important}
.eap-teacher-profile-snapshot dt{margin:0!important;color:#64748b!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:0!important}
.eap-teacher-profile-snapshot dd{margin:0!important;color:#0f172a!important;font-size:15px!important;font-weight:900!important;overflow-wrap:anywhere!important}
@media(max-width:900px){.eap-teacher-profile-main-card .eap-inst-profile-summary-card,.eap-teacher-profile-form{margin-inline:16px!important}.eap-teacher-profile-form .eap-inst-profile-form-group-row{grid-template-columns:1fr!important}.eap-teacher-profile-tabs .eap-teacher-profile-save-top{margin-inline-start:0!important}.eap-teacher-upload-control{grid-template-columns:1fr!important}}

/* InstitutionProfileAssets style block 1 */
.eap-settings-tabs{display:flex;align-items:center;gap:2px;border-bottom:2px solid #e2e8f0;margin-bottom:20px}
.eap-tab-btn{padding:10px 20px;font-size:13px;font-weight:600;color:#64748b;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s;margin-bottom:-2px;border-radius:6px 6px 0 0}
.eap-tab-btn:hover{color:#0f172a;background:#f8fafc}
.eap-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;background:#eff6ff}
.eap-tab-pane{display:none}.eap-tab-pane.active{display:block}
.eap-inst-profile-section{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #f1f5f9}
.eap-inst-profile-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.eap-compact-heading{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid #f1f5f9}
.eap-inst-profile-form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.eap-form-group{margin-bottom:12px}.eap-form-group:last-child{margin-bottom:0}
.eap-form-group label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:#374151}
.eap-inst-profile-form input[type=text],.eap-inst-profile-form input[type=email],.eap-inst-profile-form input[type=tel],.eap-inst-profile-form input[type=url],.eap-inst-profile-form input[type=file],.eap-inst-profile-form textarea,.eap-inst-profile-form select{width:100%;padding:7px 11px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;line-height:1.4;background:#fff;color:#111827;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.eap-inst-profile-form textarea{resize:vertical;min-height:72px}
.eap-inst-profile-form input:focus,.eap-inst-profile-form textarea:focus,.eap-inst-profile-form select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.eap-form-group small{display:block;margin-top:3px;font-size:12px;color:#9ca3af}
.eap-inst-profile-actions{display:flex;justify-content:flex-end;padding-top:18px;border-top:1px solid #e2e8f0;margin-top:4px}
.eap-inst-profile-notice{background:#eff6ff;border:1px solid #bfdbfe;padding:10px 14px;border-radius:7px;margin-bottom:14px}
.eap-inst-profile-notice p{margin:0;font-size:12px;color:#1e40af}
.eap-inst-subtext{margin-top:3px!important;color:#3b82f6!important;font-size:12px!important}.required{color:#ef4444}
.eap-inst-profile-cover{height:110px;background-size:cover;background-position:center;border-radius:10px 10px 0 0}
.eap-inst-profile-cover--empty{background:linear-gradient(135deg,#1e293b 0%,#312e81 100%)}
.eap-inst-profile-summary-card{padding:0 18px 14px;margin-top:-38px;position:relative;z-index:2;display:flex;align-items:flex-end;gap:14px}
.eap-inst-profile-logo-wrapper{flex-shrink:0}
.eap-inst-profile-logo,.eap-inst-profile-logo-placeholder{width:76px;height:76px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.eap-inst-profile-logo{object-fit:cover;background:#fff}
.eap-inst-profile-logo-placeholder{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}
.eap-inst-profile-summary-info{padding-bottom:5px;flex:1;min-width:0}
.eap-inst-profile-summary-title{font-size:17px;font-weight:800;margin:0;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eap-inst-profile-summary-subtitle{font-size:12px;color:#2563eb;font-weight:500;margin:2px 0 0}
.eap-inst-profile-summary-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.eap-inst-profile-summary-meta span{font-size:12px;font-weight:600;padding:2px 9px;border-radius:99px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}
.eap-inst-profile-summary-description{font-size:12px;color:#64748b;margin:5px 0 0;line-height:1.5}
@media(max-width:768px){.eap-inst-profile-form-group-row{grid-template-columns:1fr}}

/* TeacherContentLibraryAssets style block 1 */
.eap-teacher-library-card{overflow:visible!important}.eap-teacher-library-card .eap-card-body{padding:22px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}
.eap-teacher-content-uploader{position:relative!important;display:grid!important;gap:18px!important;margin:0 0 22px!important;padding:24px!important;border:1px solid #d8eee4!important;border-radius:16px!important;background:#fff!important;box-shadow:0 16px 36px rgba(15,23,42,.09)!important}.eap-teacher-content-uploader:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;border-radius:16px 0 0 16px;background:#2f855a}
.eap-teacher-content-uploader__header{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:14px!important;align-items:center!important}.eap-teacher-content-uploader__icon{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#ecfdf5!important;color:#166534!important;font-size:24px!important;font-weight:900!important}.eap-teacher-content-uploader h4{margin:0!important;color:#0f172a!important;font-size:22px!important;font-weight:900!important}.eap-teacher-content-uploader p{margin:4px 0 0!important;color:#64748b!important;font-size:14px!important;font-weight:700!important;line-height:1.6!important}
.eap-teacher-content-form{display:grid!important;grid-template-columns:repeat(2,minmax(260px,1fr))!important;gap:16px!important;align-items:end!important}.eap-teacher-content-form .eap-form-group{display:grid!important;gap:8px!important;margin:0!important}.eap-teacher-content-form label{color:#172033!important;font-size:13px!important;font-weight:900!important}.eap-teacher-content-form input,.eap-teacher-content-form select,.eap-teacher-content-form textarea{width:100%!important;min-height:50px!important;border:1px solid #dfe7ef!important;border-radius:12px!important;background:#fbfdff!important;color:#0f172a!important;padding:12px 14px!important;font-size:14px!important;font-weight:800!important;box-sizing:border-box!important}.eap-teacher-content-form textarea{min-height:116px!important;resize:vertical!important}.eap-teacher-content-form input:focus,.eap-teacher-content-form select:focus,.eap-teacher-content-form textarea:focus{outline:none!important;border-color:#2f855a!important;background:#fff!important;box-shadow:0 0 0 4px rgba(47,133,90,.14)!important}.eap-teacher-content-form input[type=file]{padding:10px!important;background:#fff!important;cursor:pointer!important}.eap-teacher-content-form input[type=file]::file-selector-button{min-height:34px!important;margin-inline-end:12px!important;border:0!important;border-radius:999px!important;background:#eef2f7!important;color:#0f172a!important;padding:8px 14px!important;font-weight:900!important;cursor:pointer!important}
.eap-teacher-content-form [data-eap-text-field],.eap-teacher-rights-check{grid-column:1/-1!important}.eap-teacher-content-form .is-hidden{display:none!important}.eap-teacher-rights-check{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;border:1px solid #dbeafe!important;border-radius:12px!important;background:#eff6ff!important;color:#1e3a8a!important;font-size:13px!important;font-weight:900!important}.eap-teacher-rights-check input{width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;accent-color:#2f855a!important}.eap-teacher-content-form .eap-btn,.eap-teacher-content-form button[type=submit]{justify-self:start!important;min-height:48px!important;border:0!important;border-radius:999px!important;background:#2f855a!important;color:#fff!important;padding:12px 22px!important;font-size:14px!important;font-weight:900!important;box-shadow:0 14px 28px rgba(47,133,90,.22)!important;cursor:pointer!important}.eap-teacher-content-form button[disabled]{opacity:.55!important;cursor:not-allowed!important}
.eap-teacher-approval-policy{display:grid!important;gap:4px!important;padding:13px 15px!important;border:1px solid #fde68a!important;border-radius:12px!important;background:#fffbeb!important;color:#92400e!important}.eap-teacher-approval-policy.is-direct{border-color:#bbf7d0!important;background:#f0fdf4!important;color:#166534!important}.eap-teacher-approval-policy strong{font-size:13px!important;font-weight:900!important}.eap-teacher-approval-policy span{font-size:12px!important;font-weight:700!important;line-height:1.5!important}
.eap-teacher-permission-summary{border:1px solid #dbeafe!important;border-radius:13px!important;background:#f8fbff!important;padding:0 14px!important}.eap-teacher-permission-summary>summary{padding:13px 0!important;cursor:pointer!important;color:#1e3a8a!important;font-weight:900!important}.eap-teacher-permission-grid{display:grid!important;grid-template-columns:repeat(4,minmax(120px,1fr))!important;gap:10px!important;padding:0 0 12px!important}.eap-teacher-permission-grid span{display:grid!important;gap:4px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fff!important;padding:10px!important;color:#475569!important;font-size:12px!important}.eap-teacher-permission-grid strong{color:#0f172a!important}.eap-teacher-quota{display:grid!important;gap:7px!important;margin:0 0 10px!important}.eap-teacher-quota>div{display:flex!important;justify-content:space-between!important;color:#334155!important;font-size:12px!important;font-weight:900!important}.eap-teacher-quota>i{height:8px!important;overflow:hidden!important;border-radius:999px!important;background:#dbeafe!important}.eap-teacher-quota>i b{display:block!important;height:100%!important;background:#2563eb!important;border-radius:inherit!important}
.eap-teacher-content-notifications{display:grid!important;gap:8px!important}.eap-teacher-content-notifications h5{margin:0!important;color:#0f172a!important;font-size:14px!important}.eap-teacher-content-notifications article{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;padding:11px 13px!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important}.eap-teacher-content-notifications p{margin:2px 0!important;font-size:12px!important}.eap-teacher-content-notifications small{color:#64748b!important}.eap-link-button{border:0!important;background:transparent!important;color:#2563eb!important;font-weight:900!important;cursor:pointer!important}
.eap-teacher-page-selection{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(220px,1fr))!important;gap:14px!important;padding:16px!important;border:1px solid #dbeafe!important;border-radius:14px!important;background:#f8fbff!important}.eap-teacher-page-selection.is-hidden{display:none!important}.eap-teacher-page-selection legend{padding:0 6px!important;color:#1e3a8a!important;font-size:13px!important;font-weight:900!important}.eap-teacher-page-selection>p{grid-column:1/-1!important;margin:0!important;color:#64748b!important;font-size:12px!important}.eap-page-selection-estimate{padding:9px 11px!important;border-radius:9px!important;background:#eff6ff!important;color:#1d4ed8!important;font-weight:900!important}.eap-teacher-page-range{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.eap-teacher-page-range.is-hidden,.eap-teacher-page-selection [data-eap-page-limit-field].is-hidden,.eap-teacher-page-selection [data-eap-page-custom-field].is-hidden{display:none!important}.eap-teacher-pdf-preview{grid-column:1/-1!important;display:grid!important;gap:8px!important}.eap-teacher-pdf-preview.is-hidden{display:none!important}.eap-teacher-pdf-preview object{width:100%!important;height:420px!important;border:1px solid #cbd5e1!important;border-radius:12px!important;background:#fff!important}.eap-teacher-pdf-preview small{color:#64748b!important}
.eap-teacher-upload-progress{grid-column:1/-1!important;display:grid!important;gap:9px!important;padding:14px!important;border:1px solid #bfdbfe!important;border-radius:13px!important;background:#eff6ff!important}.eap-teacher-upload-progress.is-hidden{display:none!important}.eap-teacher-upload-progress.is-error{border-color:#fecaca!important;background:#fef2f2!important}.eap-teacher-upload-progress.is-success{border-color:#bbf7d0!important;background:#f0fdf4!important}.eap-teacher-upload-progress__meta{display:flex!important;justify-content:space-between!important;gap:12px!important;color:#0f172a!important}.eap-teacher-upload-progress__meta span{color:#1d4ed8!important;font-weight:900!important}.eap-teacher-upload-progress__track{height:10px!important;overflow:hidden!important;border-radius:999px!important;background:#dbeafe!important}.eap-teacher-upload-progress__track span{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#2563eb,#38bdf8)!important;transition:width .2s ease!important}.eap-teacher-upload-progress p{margin:0!important;color:#475569!important;font-size:12px!important}
@media(max-width:900px){.eap-teacher-content-form,.eap-teacher-page-selection{grid-template-columns:1fr!important}.eap-teacher-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.eap-teacher-content-notifications article{grid-template-columns:1fr!important}}
@media(max-width:600px){.eap-teacher-content-uploader{padding:18px!important}.eap-teacher-content-uploader__header{grid-template-columns:1fr!important}.eap-teacher-content-form button[type=submit]{width:100%!important}.eap-teacher-permission-grid{grid-template-columns:1fr!important}.eap-teacher-pdf-preview object{height:300px!important}}

/* TeacherContentLibraryAssets style block 2 */
.eap-teacher-library-summary{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:0 0 18px!important}.eap-teacher-library-pill{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;padding:9px 14px!important;border-radius:999px!important;border:1px solid #e2e8f0!important;background:#f8fafc!important;color:#334155!important;font-size:13px!important;font-weight:900!important}.eap-teacher-library-pill strong{font-size:18px!important;color:#0f172a!important}.eap-teacher-library-pill.is-completed{border-color:#bbf7d0!important;background:#f0fdf4!important;color:#166534!important}.eap-teacher-library-pill.is-failed{border-color:#fecaca!important;background:#fef2f2!important;color:#991b1b!important}.eap-teacher-library-pill.is-pending{border-color:#fde68a!important;background:#fffbeb!important;color:#92400e!important}
.eap-teacher-library-table-wrap{border:1px solid #e2e8f0!important;border-radius:16px!important;overflow:auto!important;background:#fff!important;box-shadow:0 14px 30px rgba(15,23,42,.07)!important}.eap-teacher-library-table{width:100%!important;min-width:1320px!important;border-collapse:separate!important;border-spacing:0!important;margin:0!important}.eap-teacher-library-table thead th{position:sticky!important;top:0!important;z-index:2!important;background:#f8fafc!important;color:#64748b!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;padding:14px 12px!important;border-bottom:1px solid #e2e8f0!important;text-align:left!important}.eap-teacher-library-table tbody td{padding:15px 12px!important;border-bottom:1px solid #edf2f7!important;vertical-align:top!important;color:#172033!important;font-size:13px!important;font-weight:700!important}.eap-teacher-library-table tbody tr:nth-child(even) td{background:#fbfdff!important}.eap-teacher-library-table tbody tr:last-child td{border-bottom:0!important}
.eap-teacher-table-primary{color:#0f172a!important;font-size:15px!important;font-weight:900!important}.eap-teacher-material-type-row{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:8px!important}.eap-teacher-material-mini-chip,.eap-teacher-version-chip{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:5px 8px!important;border-radius:999px!important;border:1px solid #dbeafe!important;background:#eff6ff!important;color:#1d4ed8!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important}.eap-teacher-page-selection-label{display:inline-block!important;margin-top:5px!important;color:#1d4ed8!important;font-size:12px!important;font-weight:900!important}.eap-teacher-material-lifecycle{display:grid!important;grid-template-columns:repeat(4,minmax(72px,1fr))!important;gap:7px!important;margin:12px 0 0!important}.eap-teacher-material-step{display:grid!important;gap:4px!important;padding:8px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#f8fafc!important;color:#64748b!important}.eap-teacher-material-step strong{color:#334155!important;font-size:12px!important}.eap-teacher-material-step span{font-size:12px!important}.eap-teacher-material-step.is-done{border-color:#bbf7d0!important;background:#f0fdf4!important;color:#166534!important}.eap-teacher-material-step.is-current{border-color:#fde68a!important;background:#fffbeb!important;color:#92400e!important}.eap-teacher-material-next{display:block!important;margin-top:10px!important;padding:9px 10px!important;border-radius:10px!important;background:#f0fdf4!important;color:#166534!important;font-size:12px!important;font-weight:900!important;line-height:1.45!important}.eap-teacher-material-source{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:10px!important}
.eap-teacher-status-tag{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:5px 9px!important;border-radius:999px!important;background:#eff6ff!important;color:#1d4ed8!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;white-space:nowrap!important}.eap-teacher-status-tag--approved,.eap-teacher-status-tag--completed,.eap-teacher-status-tag--published{background:#f0fdf4!important;color:#166534!important}.eap-teacher-status-tag--pending,.eap-teacher-status-tag--queued,.eap-teacher-status-tag--processing,.eap-teacher-status-tag--review_required,.eap-teacher-status-tag--changes_requested{background:#fffbeb!important;color:#92400e!important}.eap-teacher-status-tag--failed,.eap-teacher-status-tag--dead_letter,.eap-teacher-status-tag--rejected,.eap-teacher-status-tag--cancelled{background:#fef2f2!important;color:#991b1b!important}.eap-teacher-status-tag--draft,.eap-teacher-status-tag--archived,.eap-teacher-status-tag--paused{background:#f1f5f9!important;color:#475569!important}.eap-teacher-status-note{display:block!important;max-width:150px!important;margin-top:6px!important;color:#7c2d12!important;font-size:12px!important;line-height:1.4!important}
.eap-teacher-row-progress{display:grid!important;gap:5px!important;margin-top:8px!important;min-width:145px!important}.eap-teacher-row-progress>div{display:flex!important;justify-content:space-between!important;gap:8px!important;font-size:12px!important;font-weight:800!important;color:#64748b!important;text-transform:capitalize!important}.eap-teacher-row-progress__track{display:block!important;height:7px!important;border-radius:999px!important;background:#e2e8f0!important;overflow:hidden!important}.eap-teacher-row-progress__track i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#2563eb,#0ea5e9)!important;transition:width .35s ease!important}.eap-teacher-page-warning{display:inline-flex!important;margin-top:4px!important;color:#92400e!important;font-size:12px!important;font-weight:900!important}
.eap-teacher-library-actions{min-width:250px!important}.eap-teacher-action-drawer>summary,.eap-teacher-action-section>summary{cursor:pointer!important;list-style:none!important;border:1px solid #dbeafe!important;border-radius:999px!important;background:#eff6ff!important;color:#1d4ed8!important;padding:8px 13px!important;font-weight:900!important}.eap-teacher-action-drawer>summary::-webkit-details-marker,.eap-teacher-action-section>summary::-webkit-details-marker{display:none!important}.eap-teacher-action-drawer[open]>summary{border-radius:12px 12px 0 0!important}.eap-teacher-action-drawer__body{display:grid!important;gap:10px!important;padding:12px!important;border:1px solid #dbeafe!important;border-top:0!important;border-radius:0 0 12px 12px!important;background:#fff!important}.eap-teacher-action-links{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.eap-teacher-action-section{display:grid!important;gap:8px!important}.eap-teacher-action-section>summary{border-color:#e2e8f0!important;background:#f8fafc!important;color:#334155!important;border-radius:10px!important}.eap-teacher-action-section[open]>summary{margin-bottom:8px!important}.eap-teacher-action-section pre{max-height:240px!important;overflow:auto!important;margin:0!important;padding:10px!important;border-radius:9px!important;background:#0f172a!important;color:#e2e8f0!important;font-size:12px!important;white-space:pre-wrap!important}.eap-teacher-history{display:grid!important;gap:7px!important;margin:0!important;padding-inline-start:20px!important;color:#475569!important;font-size:12px!important}.eap-teacher-library-blocked-action{padding:10px 12px!important;border:1px solid #fecaca!important;border-radius:11px!important;background:#fff7f7!important;color:#991b1b!important}.eap-teacher-library-blocked-action strong{font-size:12px!important}.eap-teacher-library-blocked-action p{margin:4px 0 0!important;font-size:12px!important;line-height:1.45!important}
.eap-teacher-inline-form{display:grid!important;gap:10px!important;margin:0!important;padding:11px!important;border:1px solid #e2e8f0!important;border-radius:11px!important;background:#f8fafc!important}.eap-teacher-delete-form{background:#fff7f7!important;border-color:#fecaca!important}.eap-teacher-inline-form input,.eap-teacher-inline-form textarea,.eap-teacher-inline-form select{width:100%!important;min-height:40px!important;border:1px solid #dfe7ef!important;border-radius:9px!important;padding:9px 11px!important;background:#fff!important;box-sizing:border-box!important}.eap-teacher-assignment-choice{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.eap-teacher-assignment-choice label{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:12px!important;font-weight:900!important}.eap-teacher-assignment-choice input{width:auto!important;min-height:auto!important}.eap-teacher-inline-form .button,.eap-teacher-inline-form .eap-btn{justify-self:start!important;min-height:38px!important;border:0!important;border-radius:999px!important;background:#eef2f7!important;color:#0f172a!important;padding:8px 15px!important;font-weight:900!important;box-shadow:none!important;text-decoration:none!important;cursor:pointer!important}
@media(max-width:720px){.eap-teacher-library-summary{display:grid!important}.eap-teacher-library-table{min-width:0!important}.eap-teacher-library-table thead{display:none!important}.eap-teacher-library-table,.eap-teacher-library-table tbody,.eap-teacher-library-table tr,.eap-teacher-library-table td{display:block!important;width:100%!important}.eap-teacher-library-table tr{border-bottom:10px solid #f1f5f9!important}.eap-teacher-library-table td{display:grid!important;grid-template-columns:115px minmax(0,1fr)!important;gap:10px!important;padding:11px 14px!important}.eap-teacher-library-table td:before{content:attr(data-label);color:#64748b!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important}.eap-teacher-library-actions{min-width:0!important}.eap-teacher-material-lifecycle{grid-template-columns:repeat(2,minmax(0,1fr))!important}.eap-teacher-library-table td:first-child{display:block!important}.eap-teacher-library-table td:first-child:before{display:none!important}}

/* TeacherSessionsAssets style block 1 */
.eap-teacher-session-control-card{overflow:visible!important}
.eap-teacher-session-control-card .eap-card-body{padding:22px!important;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important}
.eap-teacher-sessions-overview{display:grid!important;gap:22px!important}
.eap-teacher-sessions-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.eap-teacher-sessions-kpi{position:relative!important;overflow:hidden!important;display:grid!important;gap:8px!important;min-height:122px!important;padding:20px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 12px 28px rgba(15,23,42,.07)!important}
.eap-teacher-sessions-kpi:before{content:"";position:absolute;inset-inline:0;top:0;height:5px;background:#2f855a}
.eap-teacher-sessions-kpi:nth-child(2):before{background:#2563eb}.eap-teacher-sessions-kpi:nth-child(3):before{background:#7c3aed}.eap-teacher-sessions-kpi:nth-child(4):before{background:#f59e0b}
.eap-teacher-sessions-kpi-label{margin:0!important;color:#64748b!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:0!important}
.eap-teacher-sessions-kpi-value{margin:0!important;color:#0f172a!important;font-size:34px!important;line-height:1!important;font-weight:900!important;letter-spacing:0!important}
.eap-teacher-sessions-kpi-meta{margin:0!important;color:#64748b!important;font-size:13px!important;line-height:1.45!important;font-weight:700!important}
.eap-teacher-sessions-start-panel{position:relative!important;display:grid!important;gap:18px!important;padding:24px!important;border:1px solid #d8eee4!important;border-radius:16px!important;background:#fff!important;box-shadow:0 16px 36px rgba(15,23,42,.09)!important;scroll-margin-top:24px!important}
.eap-teacher-sessions-start-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;border-radius:16px 0 0 16px;background:#2f855a}
.eap-teacher-sessions-start-title{margin:0!important;color:#0f172a!important;font-size:22px!important;font-weight:900!important;letter-spacing:0!important}
.eap-teacher-sessions-start-subtitle{margin:0!important;color:#64748b!important;font-size:14px!important;font-weight:700!important;line-height:1.6!important}

/* TeacherSessionsAssets style block 2 */
.eap-teacher-session-flow{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:4px 0 2px!important}
.eap-teacher-session-flow span{display:flex!important;align-items:center!important;gap:8px!important;min-height:42px!important;padding:10px 12px!important;border:1px solid #dbeafe!important;border-radius:12px!important;background:#eff6ff!important;color:#1e3a8a!important;font-size:12px!important;font-weight:900!important}
.eap-teacher-session-flow b{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;border-radius:999px!important;background:#2563eb!important;color:#fff!important;font-size:12px!important;font-weight:900!important}
.eap-teacher-session-start-form{display:grid!important;grid-template-columns:repeat(2,minmax(260px,1fr))!important;gap:16px!important;align-items:end!important;max-width:none!important}
.eap-teacher-session-start-form .eap-form-group{display:grid!important;gap:8px!important;margin:0!important}
.eap-teacher-session-start-form .eap-form-group label{color:#172033!important;font-size:13px!important;font-weight:900!important;letter-spacing:0!important}
.eap-teacher-session-start-form input,.eap-teacher-session-start-form select{width:100%!important;min-height:50px!important;border:1px solid #dfe7ef!important;border-radius:12px!important;background:#fbfdff!important;color:#0f172a!important;padding:12px 14px!important;font-size:14px!important;font-weight:800!important;box-sizing:border-box!important;box-shadow:inset 0 1px 0 rgba(15,23,42,.02)!important}
.eap-teacher-session-start-form select[multiple]{min-height:92px!important;padding:10px!important}
.eap-teacher-session-start-form input:focus,.eap-teacher-session-start-form select:focus{outline:none!important;border-color:#2f855a!important;background:#fff!important;box-shadow:0 0 0 4px rgba(47,133,90,.14)!important}
.eap-teacher-session-start-form .eap-form-help{display:block!important;color:#64748b!important;font-size:12px!important;font-weight:700!important;line-height:1.45!important}
.eap-teacher-picker-empty{min-height:50px!important;display:flex!important;align-items:center!important;padding:0 14px!important;border:1px dashed #cbd5e1!important;border-radius:12px!important;background:#f8fafc!important;color:#64748b!important;font-size:13px!important;font-weight:800!important}
.eap-teacher-session-action-row{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:4px!important}
.eap-teacher-session-start-btn{appearance:none!important;min-height:48px!important;border:0!important;border-radius:999px!important;padding:12px 22px!important;font-size:14px!important;font-weight:900!important;cursor:pointer!important;text-align:center!important;text-decoration:none!important;box-shadow:none!important}
.eap-teacher-session-start-btn--primary{background:#2f855a!important;color:#fff!important;box-shadow:0 14px 28px rgba(47,133,90,.22)!important}
.eap-teacher-session-start-btn--secondary{background:#eef2f7!important;color:#0f172a!important}
.eap-teacher-session-start-btn:disabled{opacity:.55!important;cursor:not-allowed!important}
.eap-teacher-session-cleanup-form{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:14px 16px!important;border:1px solid #fde68a!important;border-radius:12px!important;background:#fffbeb!important}
.eap-teacher-session-cleanup-form p{margin:0!important;color:#854d0e!important;font-size:12px!important;font-weight:750!important;line-height:1.5!important}
.eap-teacher-session-cleanup-btn{flex:0 0 auto!important;min-height:40px!important;border:1px solid #f59e0b!important;border-radius:999px!important;background:#fff!important;color:#92400e!important;padding:8px 14px!important;font-weight:900!important;cursor:pointer!important}
@media(max-width:720px){.eap-teacher-session-cleanup-form{align-items:stretch!important;flex-direction:column!important}.eap-teacher-session-cleanup-btn{width:100%!important}}

/* TeacherSessionsAssets style block 3 */
.eap-teacher-session-bucket .eap-card-body{padding:18px!important}
.eap-teacher-session-list--cards{display:grid!important;gap:14px!important}
.eap-teacher-session-card{display:grid!important;gap:12px!important;padding:16px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 10px 26px rgba(15,23,42,.06)!important}
.eap-teacher-session-card__head{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:flex-start!important}
.eap-teacher-session-card__title{margin:0!important;color:#0f172a!important;font-size:15px!important;font-weight:900!important;letter-spacing:0!important}
.eap-teacher-session-card__meta,.eap-teacher-session-card__time{margin:4px 0 0!important;color:#64748b!important;font-size:12px!important;font-weight:700!important;line-height:1.5!important}
.eap-teacher-status-badge{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:6px 10px!important;border-radius:999px!important;background:#ecfdf5!important;color:#166534!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:0!important}
.eap-teacher-session-share{display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:12px!important;border:1px solid #dbeafe!important;border-radius:12px!important;background:#eff6ff!important}
.eap-teacher-session-share__qr{width:78px!important;height:78px!important;display:grid!important;place-items:center!important;overflow:hidden!important;border:1px solid #bfdbfe!important;border-radius:10px!important;background:#fff!important}
.eap-teacher-session-share__qr svg{width:76px!important;height:76px!important;display:block!important;background:#fff!important}
.eap-teacher-session-share__qr-fallback{padding:6px!important;color:#0f172a!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:12px!important;font-weight:900!important;line-height:1.2!important;text-align:center!important;overflow-wrap:anywhere!important}
.eap-teacher-session-share span,.eap-teacher-session-share small{display:block!important;color:#475569!important;font-size:12px!important;font-weight:800!important;line-height:1.45!important}
.eap-teacher-session-share strong{display:block!important;margin:3px 0!important;color:#0f172a!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:18px!important;font-weight:900!important;letter-spacing:0!important}
.eap-teacher-session-link-copy{width:100%!important;min-height:40px!important;border:1px solid #dfe7ef!important;border-radius:10px!important;background:#f8fafc!important;color:#475569!important;padding:8px 10px!important;font-size:12px!important;font-weight:700!important}
.eap-teacher-session-copy-btn{width:max-content!important;min-height:36px!important;border:0!important;border-radius:999px!important;background:#2563eb!important;color:#fff!important;padding:8px 14px!important;font-size:12px!important;font-weight:900!important;cursor:pointer!important}
@media(max-width:1100px){.eap-teacher-sessions-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.eap-teacher-session-start-form,.eap-teacher-session-flow{grid-template-columns:1fr!important}}
@media(max-width:640px){.eap-teacher-sessions-kpi-grid{grid-template-columns:1fr!important}.eap-teacher-session-action-row{display:grid!important}.eap-teacher-session-start-btn{width:100%!important}.eap-teacher-session-share{grid-template-columns:1fr!important}}

/* 1.6.90 BOOK UPLOAD DIAGNOSTICS — semantic/static presentation */
.eap-conv-diag-title{display:flex;align-items:center;color:var(--eap-text-primary);font-size:14px;font-weight:600}
.eap-conv-diag-icon{margin-inline-end:6px;color:var(--eap-blue,#3b82f6)}
.eap-conv-diag-status{padding:2px 8px!important;border-radius:6px!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase}
.eap-conv-diag-table{width:100%;border-collapse:collapse;font-size:12px}
.eap-conv-diag-row{border-bottom:1px solid var(--eap-border)}
.eap-conv-diag-label{padding:6px 0;color:var(--eap-text-secondary);font-weight:500;text-align:start}
.eap-conv-diag-value{padding:6px 0;text-align:end}
.eap-conv-diag-state{font-weight:600}.eap-conv-diag-state.is-ok{color:var(--eap-success,#10b981)}.eap-conv-diag-state.is-error{color:var(--eap-danger,#ef4444)}.eap-conv-diag-state.is-warning{color:var(--eap-warning,#f59e0b)}
.eap-conv-diag-code{font-size:12px}.eap-conv-diag-os{color:var(--eap-text-secondary);font-weight:600}
.eap-conv-panel-copy,.eap-conv-cta-note{margin:0;color:var(--eap-text-muted);font-size:12px;line-height:1.5}
.eap-conv-dropzone-icon{color:var(--eap-blue);font-size:24px}.eap-conv-primary-text{color:var(--eap-text-primary)}
.eap-conv-row-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.eap-conv-audit-btn,.eap-conv-delete-btn{min-height:unset!important;padding:4px 8px!important;font-size:12px!important}
.eap-conv-inline-form,.eap-conv-delete-form{display:inline;margin:0}
[dir="rtl"] .eap-conv-diag-value{text-align:end}
.eap-conv-upload-form{display:grid;gap:20px;width:100%;max-width:100%}
.eap-conv-flow-note{margin-bottom:12px;padding:12px 14px;border-inline-start:4px solid var(--eap-blue,#2563eb);border-radius:10px;background:var(--eap-surface-2)}
.eap-conv-flow-title{display:block;color:var(--eap-text-primary);font-size:13px;font-weight:800}.eap-conv-flow-copy{margin:4px 0 0;color:var(--eap-text-secondary);font-size:12px;line-height:1.5}
.eap-conv-muted-note{display:block;margin-top:2px;color:var(--eap-text-muted)}.eap-conv-rights-title{margin:0;color:var(--eap-text-primary);font-weight:800}.eap-conv-rights-copy{margin:0;color:var(--eap-text-secondary);font-size:12px}

/* 1.6.90 TEACHER CONTENT POLICY — extracted from inline portal presentation */
.eap-teacher-content-policy{min-width:520px}.eap-teacher-content-policy summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;padding:9px 11px;border:1px solid #dbe5f0;border-radius:10px;background:var(--eap-surface-2,#f8fbff)}.eap-teacher-content-policy summary span{font-size:12px;color:var(--eap-text-secondary,#64748b)}.eap-teacher-content-policy__form{display:grid!important;gap:12px!important;margin-top:10px!important;padding:12px!important;border:1px solid #dbe5f0;border-radius:10px;background:var(--eap-surface,#fff)}.eap-teacher-content-policy__form>label{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--eap-text-secondary,#475569)}.eap-teacher-content-policy__form select,.eap-teacher-content-policy__form input[type=number]{min-height:36px;border:1px solid #cbd5e1;border-radius:8px;padding:0 9px}.eap-teacher-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.eap-teacher-limit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.eap-teacher-limit-grid label{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--eap-text-secondary,#475569)}@media(max-width:900px){.eap-teacher-content-policy{min-width:0}.eap-teacher-permission-grid,.eap-teacher-limit-grid{grid-template-columns:1fr}}

/* 1.6.90 CONTENT LIBRARY STATIC MARKUP CONSOLIDATION */
.eap-cl-card-stack{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:100px}
.eap-cl-card-author{margin:0 0 12px;font-size:13px;color:var(--eap-text-secondary,#475569)}
.eap-cl-card-author.is-muted{color:var(--eap-text-muted,#64748b);font-style:italic}
.eap-cl-card-meta{display:flex;gap:16px;margin-bottom:16px;font-size:12px;color:var(--eap-text-secondary,#475569);flex-wrap:wrap}
.eap-cl-language-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px!important;padding:14px!important}
.eap-cl-language-label{font-weight:700}.eap-cl-language-select{min-width:min(220px,100%);margin-top:6px}.eap-cl-language-note{color:var(--eap-text-secondary,#475569);flex:1 1 320px}
.eap-cl-source-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.eap-cl-toc-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.eap-cl-toc-pill{padding:6px 12px;background:var(--eap-surface-3,#f1f5f9);border-radius:6px;text-decoration:none;font-size:12px;color:var(--eap-text-secondary,#475569);font-weight:600}
.eap-cl-reader-chapter{margin-bottom:40px;padding:20px;border-bottom:1px solid var(--eap-border-solid,#e2e8f0)}
.eap-cl-reader-chapter-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.eap-cl-chapter-badge{padding:2px 8px;border-radius:4px;font-size:12px;background:#dbeafe;color:#1e40af}
.eap-cl-reading-time{margin-inline-start:auto;font-size:12px;font-weight:700;color:var(--eap-text-muted,#64748b)}
.eap-cl-reader-title{flex-basis:100%;margin:8px 0 0;color:var(--eap-text-primary,#0f172a)}
.eap-cl-reader-summary-box{background:var(--eap-surface-3,#f8fafc);border-inline-start:4px solid var(--eap-primary,#3b82f6);padding:12px;margin-bottom:16px}
.eap-cl-reader-summary-box h4,.eap-cl-concept-callout h4,.eap-cl-formula-callout h4{margin-top:0}
.eap-cl-no-margin{margin-bottom:0}.eap-cl-muted-italic{color:var(--eap-text-muted,#64748b);font-style:italic}
.eap-cl-concept-callout{border:1px solid var(--eap-border-solid,#e2e8f0);padding:12px;border-radius:8px;margin-top:12px;background:var(--eap-surface,#fff)}
.eap-cl-concept-title{color:var(--eap-text-primary,#1e293b)}.eap-cl-concept-copy{margin-bottom:0;font-size:14px}
.eap-cl-formula-callout{border:1px solid #bbf7d0;padding:12px;border-radius:8px;margin-top:12px;background:#f0fdf4}
.eap-cl-formula-title{color:#166534}.eap-cl-formula-copy{margin-bottom:8px;font-size:13px;color:#14532d}
.eap-latex-box{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;background:var(--eap-surface,#fff);padding:8px;border-radius:4px;overflow-wrap:anywhere}
.eap-formula-preview{margin-top:10px}.eap-formula-preview>summary{cursor:pointer;font-weight:700}.eap-cl-cell-snippet--spaced{margin-top:8px}
@media(max-width:680px){.eap-cl-language-form{align-items:stretch}.eap-cl-language-label,.eap-cl-language-select{width:100%}.eap-cl-reading-time{margin-inline-start:0;flex-basis:100%}.eap-cl-reader-chapter{padding:16px}}

/* 1.6.90 COMPACT ADMIN/PORTAL CONTROLS — extracted static presentation */
.eap-btn--compact{padding:6px 12px!important;font-size:12px!important;min-height:unset!important}.eap-btn--micro{padding:4px 8px!important;font-size:12px!important;min-height:unset!important}.eap-btn--muted{background:var(--eap-surface-3,#f1f5f9);color:var(--eap-text-primary,#172033)}
.eap-btn--info{background:#0369a1!important;color:#fff!important}.eap-btn--success{background:#15803d!important;color:#fff!important;border-color:#15803d!important}.eap-btn--warning{background:#b45309!important;color:#fff!important;border-color:#b45309!important}.eap-btn--danger{background:#b91c1c!important;color:#fff!important;border-color:#b91c1c!important}
.eap-table--flush{width:100%;border-collapse:collapse;margin:0}.eap-empty-state--table{padding:24px!important;text-align:center!important;color:var(--eap-text-muted,#64748b)!important}.eap-code--xs{font-size:12px}.eap-text-strong{color:var(--eap-text-primary,#172033)}
.eap-books-note{font-size:13px}.eap-books-workflow-label{font-size:12px;opacity:.72;margin-inline-start:6px;text-transform:uppercase;color:var(--eap-text-muted,#64748b)}.eap-row-actions--tight{gap:6px}.eap-inline-form{display:inline;margin:0}.eap-admin-stack{display:flex;flex-direction:column;gap:16px}

/* 1.6.90 QUESTION INBOX STATIC PRESENTATION */
.eap-grid--page{margin-top:24px}.eap-filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.eap-form-group--flush{margin:0}.eap-label--compact{font-size:12px}.eap-card--compact{padding:10px 16px!important}.eap-widget-header--wrap{flex-wrap:wrap;gap:8px}
.eap-question-meta,.eap-question-answer-label,.eap-question-answer-meta{color:var(--eap-text-muted,#64748b);font-size:12px}.eap-question-status-actions{display:flex;gap:6px;flex-wrap:wrap}.eap-question-copy{font-size:14px;margin:12px 0 8px}.eap-question-answer{background:var(--eap-surface-alt,var(--eap-surface-3,#f1f5f9));border-radius:6px;padding:10px 12px;margin-bottom:12px}.eap-question-answer-label{text-transform:uppercase}.eap-question-answer-copy{margin:6px 0 0;font-size:13px}.eap-question-answer-form{margin-top:8px}.eap-question-form-note{margin-top:6px}

/* 1.6.90 CONVERSION REVIEW STATIC PRESENTATION */
.eap-review-status-row{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.eap-review-progress-card{border-inline-start:4px solid var(--eap-blue,#2563eb)!important}.eap-review-progress-count{font-family:var(--eap-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-weight:700}.eap-review-progress-bar{margin-top:8px}.eap-review-workflow-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.eap-review-workflow-select{width:min(200px,100%)}.eap-review-source-btn{background:var(--eap-surface-3,#f1f5f9)!important;color:var(--eap-text-primary,#1e293b)!important;border-color:var(--eap-border-solid,#cbd5e1)!important}.eap-review-workflow-note{font-size:12px;color:var(--eap-text-secondary,#475569);width:100%}.eap-review-original-note{margin:12px 0 0;color:var(--eap-text-secondary,#475569);line-height:1.6}.eap-review-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:12px}.eap-review-table{table-layout:fixed;width:100%}.eap-review-col-title{width:30%}.eap-review-col-body{width:70%}.eap-review-title-cell{font-weight:700;color:var(--eap-text-primary,#0f172a);vertical-align:top}.eap-review-body-cell{vertical-align:top;line-height:1.6;color:var(--eap-text-secondary,#334155)}.eap-review-empty-copy{color:var(--eap-text-muted,#94a3b8);font-style:italic}
@media(max-width:680px){.eap-review-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.eap-review-workflow-form{align-items:stretch}.eap-review-workflow-select{width:100%}}

/* 1.6.90 SUPER ADMIN STATIC PRESENTATION */
.eap-superadmin-subtitle{color:var(--eap-subtext,var(--eap-text-secondary,#64748b))}.eap-superadmin-command-title{margin-top:0;color:var(--eap-accent,var(--eap-primary,#2563eb))}.eap-superadmin-table--institutions{margin-bottom:12px}.eap-superadmin-table--expiring{margin-bottom:16px}.eap-superadmin-table--flush{margin:0}.eap-superadmin-muted,.eap-superadmin-note{color:var(--eap-text-secondary,#64748b)}.eap-superadmin-note{margin-top:0}.eap-superadmin-note.is-flush{margin:0}.eap-superadmin-access-line{margin-top:0}.eap-superadmin-access-form{margin-bottom:8px}.eap-superadmin-action-row{margin-top:8px}.eap-superadmin-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin:16px 0}

/* ==========================================================================
   1.6.91 Classroom Admin visual consolidation
   Extracted from AdminMenu.php so WordPress admin and portal classroom screens
   share one cacheable, token-driven presentation layer.
   ========================================================================== */
.eap-livehub-page { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
.eap-livehub-header { display: flex; justify-content: space-between; align-items: center; padding: 16px; background: transparent; border-bottom: 1px solid var(--eap-border); margin: 0 0 16px; }
.eap-livehub-title { display: none; }
 /* Hidden to prevent duplicate headers in dashboard */.eap-livehub-subtitle { display: none; }
 /* Hidden to prevent duplicate text in dashboard */.eap-livehub-kpis { display: flex; gap: 12px; width: 100%; justify-content: flex-end; }
.eap-livehub-kpi { padding: 12px 16px; background: var(--eap-surface-2); border: 1px solid var(--eap-border); border-radius: 12px; text-align: center; min-width: 120px; box-shadow: var(--shadow-sm); }
.eap-livehub-kpi span { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--eap-text-secondary); font-weight: 700; }
.eap-livehub-kpi strong { display: block; margin-top: 4px; font-size: 20px; font-weight: 800; color: var(--eap-blue); }
.eap-livehub-grid { padding: 0 16px 16px; display: grid; gap: 16px; grid-auto-flow: dense; align-items: start; }
.eap-livehub-card { margin-bottom: 0 !important; box-shadow: none !important; border: 1px solid var(--eap-border) !important; padding: 16px !important; border-radius: 12px !important; }
.eap-livehub-init-state { margin: 0 0 16px 0; padding: 12px; border-radius: 8px; border-inline-start: 4px solid var(--eap-blue); background: var(--eap-surface-2); font-size: 13px; }
.eap-livehub-init-state--ready { border-inline-start-color: var(--eap-emerald); background: rgba(16, 185, 129, 0.05); }
.eap-livehub-init-state--blocked { border-inline-start-color: var(--eap-coral); background: rgba(239, 68, 68, 0.05); }
.eap-livehub-access-fieldset { margin-top: 10px; padding: 10px; border: 1px solid var(--eap-border, #dbe5f0); border-radius: 8px; background: var(--eap-surface-2, #f8fafc); }
.eap-livehub-form-group-top-sm { margin-top: 10px; }
.eap-livehub-access-mode-wrap { margin-top: 12px; }
.eap-livehub-radio-group { margin-bottom: 10px; }
.eap-livehub-radio-label { display: inline; font-size: 13px; font-weight: 500; margin-inline-start: 6px; }
.eap-livehub-radio-help { font-size: 12px; color: var(--eap-text-secondary, #64748b); margin: 4px 0 0 24px; }
.eap-livehub-form-group-top-md { margin-top: 12px; }
.eap-live-room { padding: 16px; background: var(--eap-bg); min-height: 100vh; }
.eap-live-room--centered { display: flex; align-items: center; justify-content: center; min-height: 80vh; }
.eap-livehub-empty-icon { font-size: 48px; margin-bottom: 20px; }
.eap-livehub-empty-title { font-size: 28px; margin-bottom: 12px; color: var(--eap-text-primary); }
.eap-livehub-empty-copy { font-size: 16px; color: var(--eap-text-secondary); margin-bottom: 24px; line-height: 1.6; }
.eap-livehub-action-row--center { justify-content: center; }
.eap-livehub-cta-link { text-decoration: none; display: inline-block; padding: 12px 24px; border-radius: 6px; }
.eap-live-room-header--start { align-items: flex-start; }
.eap-live-room-header-actions { text-align: end; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.eap-live-status-pill--lg { font-size: 14px; padding: 6px 12px; }
.eap-live-end-btn--sm { padding: 4px 12px; font-size: 12px; }
.eap-livehub-alert-label { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--eap-text-secondary, #475569); }
.eap-livehub-alert-code { font-size: 14px; font-weight: 700; }
.eap-livehub-alert-meta { font-size: 12px; color: var(--eap-text-secondary, #64748b); }
.eap-livehub-alert-link { font-size: 12px; word-break: break-all; }
.eap-livehub-intel-btn { padding: 2px 8px; min-height: 36px; font-size: 12px; }
.eap-livehub-alert--detail { margin-top: -10px; font-size: 12px; color: var(--eap-text-primary, #334155); }
.eap-livehub-student-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 24px; }
.eap-livehub-student-card { margin-bottom: 0; }
.eap-livehub-student-card-title { font-size: 14px; margin-top: 0; }
.eap-livehub-student-select { width: 100%; }
.eap-livehub-student-hint { font-size: 12px; color: var(--eap-text-secondary, #64748b); margin-top: 8px; }
.eap-livehub-student-textarea { width: 100%; min-height: 60px; margin-bottom: 10px; }
.eap-livehub-student-submit { width: 100%; }
.eap-livehub-student-status { font-size: 12px; margin-top: 6px; }
.eap-live-status-bar { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 15px; padding: 10px 14px; background: var(--eap-surface-2, #f8fafc); border: 1px solid var(--eap-border, #e2e8f0); border-radius: 10px; min-height: 40px; align-items: center; }
.eap-live-status-title { font-size: 12px; font-weight: 700; color: var(--eap-text-secondary, #475569); display: flex; align-items: center; margin-inline-end: 4px; }
.eap-status-badge-base { font-size: 11.5px; font-weight: 600; padding: 4px 8px; border-radius: 8px; background: var(--eap-surface-3, #e2e8f0); color: var(--eap-text-secondary, #475569); display: flex; align-items: center; gap: 6px; border: 1px solid rgba(0,0,0,0.05); transition: background-color .2s ease, border-color .2s ease, color .2s ease; }
.eap-status-badge-base .dot { width: 6px; height: 6px; border-radius: 50%; background: #94a3b8; display: inline-block; transition: background-color .2s ease, border-color .2s ease, color .2s ease; }
.eap-live-transcript-title { margin-bottom: 10px; font-size: 16px; color: var(--eap-text-primary, #334155); }
.eap-live-transcript-health { margin-bottom: 14px; padding: 12px 14px; border: 1px solid var(--eap-border, #dbe5f0); border-radius: 12px; background: var(--eap-surface-2, #f8fafc); }
.eap-live-transcript-health-title { font-size: 12px; letter-spacing: .06em; color: var(--eap-text-secondary, #64748b); margin-bottom: 8px; }
.eap-live-transcript-health-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; font-size: 12px; color: var(--eap-text-primary, #334155); }
.eap-live-transcript { height: 400px; overflow-y: auto; background: var(--eap-surface); border: 1px solid var(--eap-border); border-radius: 12px; padding: 16px; margin-bottom: 16px; display: flex; flex-direction: column; gap: 12px; box-shadow: var(--shadow-inner); scroll-behavior: smooth; }
.eap-transcript-row { padding: 14px 20px; border-radius: var(--r-md); background: var(--eap-surface-2); border: 1px solid var(--eap-border); box-shadow: var(--shadow-sm); transition: all 0.3s var(--ease); }
.eap-transcript-row:hover { transform: translateX(4px); border-color: var(--eap-blue); }
.eap-transcript-time { font-size: 12px; color: var(--eap-text-secondary); margin-inline-end: 12px; font-weight: 600; font-family: monospace; }
.eap-transcript-text { font-size: 15px; color: var(--eap-text-primary); line-height: 1.7; }
.eap-live-controls { padding: 32px; background: var(--eap-surface-2); border-radius: var(--r-lg); border: 1px solid var(--eap-border); display: flex; gap: 24px; align-items: center; box-shadow: var(--shadow-md); }
.eap-livehub-controls-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.eap-livehub-mic-retry-btn { display: none; }
.eap-livehub-recording-indicator { display: none; align-items: center; gap: 6px; color: #ef4444; font-weight: 700; font-size: 12px; }
.eap-livehub-recording-dot { width: 8px; height: 8px; border-radius: 50%; background: #ef4444; }
.eap-livehub-recording-stack { display: flex; flex-direction: column; justify-content: center; }
.eap-livehub-recording-label { font-size: 12px; font-weight: 700; color: var(--eap-text-secondary, #64748b); }
.eap-livehub-mic-status { font-size: 13px; color: var(--eap-text-primary, #0f172a); font-weight: 600; }
.eap-livehub-transcript-state { font-size: 12px; color: var(--eap-text-secondary, #475569); margin-top: 2px; }
.eap-livehub-teacher-fallback { display: none; flex-grow: 1; margin-inline-start: 20px; }
.eap-livehub-teacher-form { display: flex; gap: 10px; width: 100%; }
.eap-livehub-teacher-input { flex-grow: 1; min-height: 38px; border-radius: 8px; border: 1px solid var(--eap-border, #dbe5f0); padding: 0 12px; }
.eap-livehub-question-card { margin-top: 20px; border-color: #94a3b8; }
.eap-livehub-question-title { font-size: 16px; margin-top: 0; display: flex; align-items: center; gap: 8px; }
.eap-livehub-question-badge { font-size: 12px; padding: 2px 6px; }
.eap-livehub-question-list { max-height: 300px; overflow-y: auto; border: 1px solid var(--eap-border, #e2e8f0); border-radius: 8px; padding: 10px; background: #fcfdfe; }
.eap-livehub-question-empty { text-align: center; padding: 20px; }
.eap-livehub-question-reply-wrap { display: none; margin-top: 15px; padding-top: 15px; border-top: 1px dashed #cbd5e1; }
.eap-livehub-question-reply-title { font-size: 13px; margin: 0 0 10px; }
.eap-livehub-replying-to { font-style: italic; font-size: 12px; color: var(--eap-text-secondary, #475569); margin-bottom: 10px; padding: 8px; background: #f1f5f9; border-radius: 6px; }
.eap-livehub-question-answer { width: 100%; min-height: 60px; margin-bottom: 10px; }
.eap-livehub-question-actions { display: flex; gap: 10px; }
.eap-livehub-question-status { font-size: 12px; margin-top: 6px; }
.eap-livehub-listener-state { flex-grow: 1; font-size: 13px; color: var(--eap-text-secondary, #475569); }
.eap-livehub-back-wrap { margin-top: 20px; }
.eap-mic-btn.eap-btn--active { background: var(--grad-coral) !important; animation: eap-pulse 2s infinite; border: none !important; }
@keyframes eap-pulse { 0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
 70% { box-shadow: 0 0 0 15px rgba(239, 68, 68, 0); }
 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
 }
.eap-transcript-error { display: inline-flex; align-items: center; font-size: 12px; font-weight: 700; color: #ef4444; background: rgba(239, 68, 68, 0.08); border: 1px solid rgba(239, 68, 68, 0.25); border-radius: 4px; padding: 2px 6px; margin-inline-start: 8px; vertical-align: middle; }
.eap-transcript-error.warning { color: #f59e0b; background: rgba(245, 158, 11, 0.08); border-color: rgba(245, 158, 11, 0.25); }

[dir="rtl"] .eap-transcript-row:hover { transform: translateX(-4px); }
[data-theme="dark"] .eap-livehub-access-fieldset,
[data-theme="dark"] .eap-live-status-bar,
[data-theme="dark"] .eap-live-transcript-health {
    background: var(--eap-surface-2, #111827);
    border-color: var(--eap-border, #334155);
}

/* Institute content-governance notice */
.eap-inst-content-policy-note {
    margin: 0 0 14px;
    padding: 13px 15px;
    border: 1px solid color-mix(in srgb, var(--eap-info, #2563eb) 24%, var(--eap-border, #dbe5f0));
    border-inline-start: 4px solid var(--eap-info, #2563eb);
    border-radius: 12px;
    background: #eff6ff;
    background: color-mix(in srgb, var(--eap-info, #2563eb) 8%, var(--eap-surface, #fff));
    color: var(--eap-text-primary, #1e293b);
}
.eap-inst-content-policy-note strong { display: block; font-size: 13px; }
.eap-inst-content-policy-note span { display: block; margin-top: 4px; font-size: 12px; line-height: 1.5; color: var(--eap-text-secondary, #475569); }
[data-theme="dark"] .eap-inst-content-policy-note {
    background: #172554;
    background: color-mix(in srgb, var(--eap-info, #60a5fa) 10%, var(--eap-surface, #111827));
}

/* 1.6.91 static admin presentation extraction */
.eap-release-card { max-width: 920px; }
.eap-release-card--spaced { margin-top: 18px; }
.eap-release-fingerprint-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.eap-release-fingerprint-code { display: inline-block; padding: 10px; font-size: 13px; word-break: break-all; }
.eap-release-status { font-weight: 800; }
.eap-release-status--matched { color: var(--eap-success, #137333); }
.eap-release-status--mismatch { color: var(--eap-danger, #b42318); }
.eap-release-fingerprint-input { width: min(100%, 760px); margin-top: 6px; }
.eap-release-form { margin-top: 12px; }
.eap-release-snippet, .eap-health-pre { white-space: pre-wrap; max-width: 100%; overflow: auto; }
.eap-health-actions { margin-top: 0 !important; margin-bottom: 20px !important; display: flex !important; gap: 12px !important; }
.eap-health-inline-check { display: flex; align-items: flex-start; gap: 6px; max-width: 440px; font-size: 12px; line-height: 1.35; }
.eap-assignment-back { margin-bottom: 12px; }
.eap-assignment-grid { margin-top: 24px; }
.eap-assignment-submit { margin-top: 16px; }
.eap-btn--compact { padding: 4px 8px !important; font-size: 12px !important; min-height: 32px; }



/* 1.6.92.0 AUTH / PROFILE / INVITATION / JOIN CONSOLIDATION — presentation only */
.eap-plugin-scope {
    --eap-ui-font: ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--eap-ui-font);
}
.eap-profile-container,.eap-invitation-container,.eap-join-container{
    width:min(100%,920px);margin:clamp(16px,3vw,32px) auto;padding:clamp(18px,3vw,30px);
    color:var(--pa-text,var(--eap-text-primary,#172033));background:var(--pa-surface,var(--eap-surface,#fff));
    border:1px solid var(--pa-border,var(--eap-border,#dfe6ee));border-radius:16px;
    box-shadow:var(--pa-shadow-card,0 1px 2px rgba(15,23,42,.04),0 12px 30px rgba(15,23,42,.055));box-sizing:border-box
}
.eap-profile-container{max-width:720px}.eap-join-container{max-width:620px}
.eap-profile-container>h2,.eap-invitation-container>h2,.eap-join-container>h3{margin:0 0 8px;font-size:clamp(24px,3vw,30px);line-height:1.2;letter-spacing:-.02em;color:inherit}
.eap-join-intro,.eap-invitation-summary{margin:0 0 20px;color:var(--pa-text-muted,var(--eap-text-secondary,#64748b));line-height:1.6}
.eap-profile-section{margin:0 0 24px;padding:0 0 22px;border-block-end:1px solid var(--pa-border,var(--eap-border,#dfe6ee))}.eap-profile-section:last-of-type{border-block-end:0}
.eap-profile-section h3{margin:0 0 14px;font-size:17px;color:inherit}
.eap-profile-field,.eap-join-container .eap-join-field{display:grid;gap:7px;margin-block-end:16px}
.eap-profile-field label,.eap-join-container .eap-join-field label,.eap-invitation-scope label{font-size:13px;font-weight:700;color:var(--pa-text-soft,var(--eap-text-secondary,#475569))}
.eap-profile-field input,.eap-join-container .eap-join-field select,.eap-invitation-scope select{
    width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--pa-border-strong,var(--eap-border,#cbd5e1));border-radius:9px;
    background:var(--pa-surface,var(--eap-surface,#fff));color:var(--pa-text,var(--eap-text-primary,#172033));box-sizing:border-box
}
.eap-profile-field input[readonly]{background:var(--pa-surface-muted,var(--eap-surface-2,#f8fafc));color:var(--pa-text-muted,var(--eap-text-secondary,#64748b))}
.eap-profile-submit,.eap-join-submit,.eap-invitation-scope button,.eap-invitation-btn{
    min-height:44px;padding:9px 15px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px
}
.eap-profile-submit,.eap-join-submit{background:var(--pa-primary,var(--eap-primary,#2563eb));color:#fff}.eap-profile-submit:hover,.eap-join-submit:hover{filter:brightness(.94)}
.eap-profile-submit:focus-visible,.eap-join-submit:focus-visible,.eap-invitation-btn:focus-visible,.eap-invitation-scope button:focus-visible{outline:3px solid rgba(37,99,235,.24);outline-offset:2px}
#profile-message,#eap-invitation-message{margin-block-start:14px}
.eap-invitation-scope{width:min(100%,1000px);margin:16px auto;display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.eap-invitation-scope label{display:grid;gap:7px;flex:1 1 280px}.eap-invitation-scope select{min-width:0}
.eap-invitation-scope button{background:var(--pa-surface-soft,var(--eap-surface-2,#f8fafc));border-color:var(--pa-border-strong,var(--eap-border,#cbd5e1));color:var(--pa-text,var(--eap-text-primary,#172033))}
.eap-invitation-table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--pa-border,var(--eap-border,#dfe6ee));border-radius:12px}
.eap-invitation-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;margin:0;background:transparent}
.eap-invitation-table th,.eap-invitation-table td{padding:12px 14px;text-align:start;border-block-end:1px solid var(--pa-border,var(--eap-border,#dfe6ee));vertical-align:middle}
.eap-invitation-table th{background:var(--pa-surface-soft,var(--eap-surface-2,#f8fafc));font-size:12px;font-weight:800;color:var(--pa-text-soft,var(--eap-text-secondary,#475569))}.eap-invitation-table td{font-size:13.5px;color:inherit}.eap-invitation-table tbody tr:last-child td{border-block-end:0}
.eap-invitation-actions{display:flex;gap:8px;flex-wrap:wrap}.eap-invitation-btn.resend{background:#f59e0b;color:#111827}.eap-invitation-btn.cancel{background:#b91c1c;color:#fff}
.eap-invitation-status{display:inline-flex;padding:4px 9px;border:1px solid #fde68a;border-radius:999px;font-size:12px;font-weight:750;background:#fffbeb;color:#92400e}
.eap-invitation-pagination{margin-block-start:14px}.eap-invitation-pagination .page-numbers{display:inline-flex;min-width:36px;min-height:36px;align-items:center;justify-content:center;margin-inline-end:5px;padding:5px 9px;border-radius:8px}
.eap-join-memberships{margin-block:18px}.eap-join-memberships ul{margin:8px 0 0;padding-inline-start:20px}.eap-join-container .eap-actions{margin-block-start:6px}.eap-join-container .eap-join-submit{width:100%}
.eap-join-message{display:none;margin-block-start:16px;padding:12px 14px;border-radius:9px;font-size:13.5px;line-height:1.5}.eap-join-message.success{display:block;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.eap-join-message.error{display:block;background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.eap-plugin-scope[data-eap-theme="dark"] .eap-invitation-status,.eap-portal-shell[data-eap-theme="dark"] .eap-invitation-status{background:#32260c;border-color:#854d0e;color:#fde68a}
.eap-plugin-scope[data-eap-theme="dark"] .eap-join-message.success,.eap-portal-shell[data-eap-theme="dark"] .eap-join-message.success{background:#102a1d;border-color:#166534;color:#86efac}
.eap-plugin-scope[data-eap-theme="dark"] .eap-join-message.error,.eap-portal-shell[data-eap-theme="dark"] .eap-join-message.error{background:#321719;border-color:#991b1b;color:#fecaca}
[dir="rtl"] .eap-profile-container,[dir="rtl"] .eap-invitation-container,[dir="rtl"] .eap-join-container{text-align:start}[dir="rtl"] .eap-invitation-actions{direction:rtl}
@media(max-width:640px){.eap-profile-container,.eap-invitation-container,.eap-join-container{margin:12px 0;padding:18px;border-radius:13px}.eap-invitation-scope{align-items:stretch}.eap-invitation-scope select,.eap-invitation-scope button{width:100%}.eap-invitation-btn,.eap-profile-submit,.eap-join-submit{min-height:46px}.eap-invitation-table{min-width:640px}}


/* 1.6.92.0 extracted legacy student fallback */
/* EAP Student Dashboard — scoped component styles.
   Fonts come from the global eap-google-fonts enqueue (Inter).
   No @import here — avoids a third blocking CDN request. */
.eap-premium-dashboard {
    font-family: var(--eap-font, 'Inter', system-ui, sans-serif);
    background: #0f172a;
    color: #f8fafc;
    padding: clamp(20px, 4vw, 40px);
    border-radius: 20px;
    min-height: 500px;
    position: relative;
    overflow: hidden;
}
.eap-premium-dashboard::before {
    content: '';
    position: absolute;
    top: -100px; right: -100px;
    width: 300px; height: 300px;
    background: radial-gradient(circle, rgba(99,102,241,0.2) 0%, transparent 70%);
    z-index: 0; pointer-events: none;
}
.eap-premium-dashboard .eap-dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    position: relative; z-index: 1;
    flex-wrap: wrap; gap: 16px;
}
.eap-gradient-text {
    background: linear-gradient(90deg, #818cf8, #c084fc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}
.eap-user-stats { display: flex; flex-wrap: wrap; gap: 8px; }
.eap-stat-pill {
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.15);
    padding: 6px 14px;
    border-radius: 99px;
    font-size: 13px; font-weight: 600;
    display: inline-flex; align-items: center; gap: 4px;
}
.eap-live-badge {
    background: #b91c1c; color: #fff;
    padding: 2px 8px; border-radius: 4px;
    font-size: 11.5px; font-weight: 800; letter-spacing: 1px;
    animation: eap-pulse 2s infinite;
    white-space: nowrap;
}
@keyframes eap-pulse { 0%,100% { opacity:1; } 50% { opacity:0.72; } }
.eap-premium-dashboard .eap-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative; z-index: 1;
}
.eap-transcript-entry {
    margin-bottom: 10px; padding-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.eap-glass {
    background: rgba(255,255,255,0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.10);
    padding: 22px; border-radius: 16px;
    transition: transform 0.3s ease, background 0.3s ease;
}
.eap-glass:hover { background: rgba(255,255,255,0.055); transform: translateY(-1px); }
.eap-progress-circle-container {
    position: relative; width: 140px; margin: 0 auto 18px;
}
.eap-circular-chart { transform: rotate(-90deg); }
.eap-circle-bg { fill:none; stroke:#1e293b; stroke-width:2.8; }
.eap-circle {
    fill:none; stroke:#6366f1; stroke-width:3; stroke-linecap:round;
    animation: eap-progress 1s ease-out forwards;
}
@keyframes eap-progress { 0% { stroke-dasharray: 0, 100; } }
.eap-percentage {
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
    font-size:22px; font-weight:700;
}
.eap-dot {
    height:8px; width:8px; border-radius:50%;
    display:inline-block; margin-right:8px; flex-shrink:0;
}
.eap-dot.gold   { background:#fbbf24; }
.eap-dot.blue   { background:#3b82f6; }
.eap-dot.purple { background:#a855f7; }
.eap-concept-list { list-style:none; padding:0; margin:12px 0 0; }
.eap-concept-list li {
    margin-bottom:10px; font-size:14px;
    display:flex; align-items:center;
}
.eap-badge-grid {
    display:grid; grid-template-columns:repeat(auto-fill, minmax(50px,1fr));
    gap:10px; margin-top:12px;
}
.eap-badge {
    background:rgba(255,255,255,0.06);
    height:50px; border-radius:12px;
    display:flex; align-items:center; justify-content:center; font-size:24px;
    transition: background 0.2s;
}
.eap-badge:hover { background:rgba(255,255,255,0.12); }
.eap-badge.locked { opacity:0.28; filter:grayscale(1); }
/* Language selector on dark bg */
#eap-student-lang {
    background:rgba(255,255,255,0.08);
    color:#f8fafc;
    border:1px solid rgba(255,255,255,0.20);
    border-radius:99px; padding:6px 14px; cursor:pointer;
    font-size:13px; outline:none;
}
/* Span-2 on live-widget lives here so media queries can override it.
   Inline style="grid-column:span 2" cannot be overridden by CSS. */
.eap-live-widget  { grid-column: span 2; }
/* Responsive */
@media (max-width: 900px) {
    .eap-live-widget  { grid-column: span 1 !important; }
    .eap-chat-widget  { grid-row:    span 1 !important; }
}
@media (max-width: 600px) {
    .eap-premium-dashboard .eap-dashboard-header { flex-direction: column; align-items: flex-start; }
    .eap-premium-dashboard .eap-dashboard-grid { grid-template-columns: 1fr; }
}
/* Language-switch toast */
#eap-lang-toast {
    position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%);
    background: #1e293b; color: #f8fafc;
    border: 1px solid rgba(255,255,255,0.15);
    padding: 10px 20px; border-radius: 99px;
    font-size: 13px; font-weight: 600;
    z-index: 99999; pointer-events: none;
    opacity: 0; transition: opacity 0.3s ease;
    white-space: nowrap;
}
#eap-lang-toast.eap-toast-visible { opacity: 1; }

/* Extracted Scoped Classes to eliminate inline styles */
.eap-user-controls-container {
    display: flex;
    align-items: center;
    gap: 15px;
}
.eap-live-widget-card {
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
}
.eap-live-widget-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.eap-live-widget-header h3 {
    margin: 0 !important;
}
.eap-live-widget-header h3 span {
    color: #00d4ff !important;
}
.eap-transcript-scroller {
    height: 200px;
    overflow-y: auto;
    background: rgba(0,0,0,0.2);
    border-radius: 8px;
    padding: 15px;
    font-size: 14px;
    line-height: 1.6;
    color: #e2e8f0;
}
.eap-live-widget-actions {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.eap-btn-listen {
    background: #00d4ff !important;
    border: none !important;
    color: #0f172a !important;
    padding: 8px 14px !important;
    min-height: 36px;
    border-radius: 8px !important;
    font-weight: 600 !important;
    cursor: pointer;
}
.eap-btn-confused-action {
    background: #b91c1c !important;
    border: none !important;
    color: #fff !important;
    padding: 8px 14px !important;
    min-height: 36px;
    border-radius: 8px !important;
    font-weight: 600 !important;
    cursor: pointer;
}
.eap-live-widget-actions small {
    color: var(--eap-text-muted, #64748b) !important;
    flex-grow: 1;
    text-align: right;
}
.eap-chat-widget-card {
    grid-row: span 2;
    border: 1px solid rgba(142, 68, 173, 0.3) !important;
}
.eap-chat-widget-card h3 {
    margin-top: 0 !important;
}
.eap-chat-widget-card h3 span {
    color: #a29bfe !important;
}
.eap-chat-scroller {
    height: 440px;
    overflow-y: auto;
    margin-bottom: 15px;
    padding-right: 5px;
}
.eap-chat-bubble-peer {
    background: rgba(142,68,173,0.2) !important;
    padding: 10px !important;
    border-radius: 12px 12px 12px 0 !important;
    margin-bottom: 10px !important;
    font-size: 13px !important;
}
.eap-chat-bubble-self {
    background: rgba(255,255,255,0.05) !important;
    padding: 10px !important;
    border-radius: 12px 12px 0 12px !important;
    margin-bottom: 10px !important;
    font-size: 13px !important;
    text-align: right !important;
}
.eap-chat-input-bar {
    display: flex;
    gap: 8px;
}
.eap-chat-input-bar input {
    flex-grow: 1 !important;
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 4px !important;
    color: #fff !important;
    padding: 8px !important;
}
.eap-chat-input-bar button {
    background: #8e44ad !important;
    border: none !important;
    color: #fff !important;
    padding: 8px 15px !important;
    border-radius: 4px !important;
    cursor: pointer;
}
.eap-chat-footer {
    font-size: 12px !important;
    color: #64748b !important;
    margin-top: 10px !important;
    text-align: center !important;
}

/* 1.6.91 fallback portal visual alignment */
.eap-premium-dashboard {
    font-family: inherit;
    background: var(--eap-bg, #f8fbff);
    color: var(--eap-text-primary, #0f172a);
    border: 1px solid var(--eap-border, #e2e8f0);
    box-shadow: var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, .06));
}
.eap-premium-dashboard::before {
    background: radial-gradient(circle, color-mix(in srgb, var(--eap-primary, #2563eb) 12%, transparent) 0%, transparent 70%);
}
.eap-gradient-text {
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: currentColor;
    color: var(--eap-primary, #2563eb);
}
.eap-stat-pill,
.eap-glass,
.eap-badge,
#eap-student-lang {
    background: var(--eap-surface, #fff);
    color: var(--eap-text-primary, #0f172a);
    border-color: var(--eap-border, #e2e8f0);
}
.eap-glass:hover,
.eap-badge:hover { background: var(--eap-surface-2, #f8fafc); }
.eap-transcript-entry { border-bottom-color: var(--eap-border, #e2e8f0); }
.eap-circle-bg { stroke: var(--eap-border, #e2e8f0); }
.eap-circle { stroke: var(--eap-primary, #2563eb); }
.eap-transcript-scroller {
    background: var(--eap-surface-2, #f8fafc);
    color: var(--eap-text-primary, #0f172a);
    border: 1px solid var(--eap-border, #e2e8f0);
}
.eap-live-widget-card { border-color: color-mix(in srgb, var(--eap-primary, #2563eb) 35%, var(--eap-border, #e2e8f0)) !important; }
.eap-live-widget-header h3 span,
.eap-link-accent { color: var(--eap-primary, #2563eb) !important; }
.eap-btn-listen { background: var(--eap-primary, #2563eb) !important; color: #fff !important; }
.eap-btn-confused-action { background: var(--eap-danger, #dc2626) !important; }
#eap-lang-toast {
    background: var(--eap-text-primary, #0f172a);
    color: var(--eap-surface, #fff);
    border-color: var(--eap-border, #334155);
}
@media (prefers-reduced-motion: reduce) {
    .eap-premium-dashboard *, .eap-premium-dashboard *::before, .eap-premium-dashboard *::after { animation: none !important; transition: none !important; }
}


/* 1.6.92.0 extracted dashboard gateway */
.eap-gateway-container {
                display:flex; flex-wrap:wrap; gap:1.25rem; justify-content:center; align-items:stretch;
                padding:3rem 1rem; width:100%; max-width:100%; background:#f5f7fb; min-height:60vh;
                font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
            }
            .eap-gateway-card {
                background:#fff; border:1px solid #dfe6ee; border-radius:14px; padding:2.25rem;
                width:min(100%,420px); text-align:center; transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
                box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 30px rgba(15,23,42,.055);
                text-decoration:none; color:#172033; position:relative; overflow:hidden;
            }
            .eap-gateway-card:hover,.eap-gateway-card:focus-visible { transform:translateY(-3px); box-shadow:0 16px 36px rgba(15,23,42,.09); border-color:#9db8ec; }
            .eap-gateway-card::before { content:none; }
            .eap-gateway-icon { font-size:3rem; margin-bottom:1.25rem; display:block; }
            .eap-gateway-title { font-weight:750; font-size:1.35rem; margin-bottom:.6rem; display:block; letter-spacing:-.02em; }
            .eap-gateway-desc { font-size:.95rem; color:#64748b; line-height:1.55; }
            @media (max-width:768px) { .eap-gateway-container{padding:1.5rem .75rem}.eap-gateway-card{width:100%;max-width:420px;padding:1.5rem} }

/* 1.6.93.10 portal module recovery */
.eap-module-recovery{display:flex;gap:20px;align-items:flex-start;padding:4px 0}
.eap-module-recovery__icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:14px;background:#fef2f2;color:#b91c1c}
.eap-module-recovery__icon .dashicons{font-size:28px;width:28px;height:28px}
.eap-module-recovery__content{min-width:0;max-width:800px}
.eap-module-recovery__content h2{margin:.2rem 0 .65rem;font-size:1.4rem;line-height:1.25;color:#172033}
.eap-module-recovery__content p{max-width:68ch}
.eap-module-recovery__reference{display:inline-block;margin:.35rem 0 1rem;padding:.55rem .75rem;border-radius:8px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}
.eap-module-recovery__actions{display:flex;flex-wrap:wrap;gap:10px;margin:.35rem 0 1rem}
.eap-module-recovery__details{margin-top:14px}
.eap-module-recovery__details summary{cursor:pointer;font-weight:600}
@media (max-width:640px){.eap-module-recovery{display:block}.eap-module-recovery__icon{margin-bottom:14px}.eap-module-recovery__actions .eap-btn{width:100%;justify-content:center}}

/* 1.6.93.10 teacher assignment student picker */
.eap-teacher-student-picker{margin-top:10px;padding:12px;border:1px solid #dbe4f0;border-radius:12px;background:#f8fafc}
.eap-teacher-student-picker>label{display:block;margin-bottom:6px;font-weight:600}
.eap-teacher-student-picker input[type=search]{width:100%;margin-bottom:8px}
.eap-teacher-student-picker__list{max-height:220px;overflow:auto;border:1px solid #e2e8f0;border-radius:10px;background:#fff}
.eap-teacher-student-option{display:flex;gap:8px;align-items:flex-start;padding:9px 10px;margin:0;border-bottom:1px solid #eef2f7;cursor:pointer}
.eap-teacher-student-option:last-child{border-bottom:0}
.eap-teacher-student-option:hover{background:#f8fafc}
.eap-teacher-student-option input{margin-top:3px;flex:0 0 auto}
.eap-teacher-student-picker__count{margin:8px 0 0;font-size:.85rem;color:#475569}
/*! Perfect Aptitude production source: eap-frontend-scoped.css */
/**
 * EAP Frontend Scoped Bundle v1.6.93.15 Stabilized UI
 * Generated from the portal design system. Component selectors are contained
 * under .eap-plugin-scope. Document-level rules are restricted to the explicit
 * body.eap-portal-template dedicated-portal boundary, never embedded pages.
 */

/* ===== SOURCE: eap-perfect-theme.css ===== */
/**
 * eap-perfect-theme.css
 * Perfect Aptitude Portal — Unified Design System
 * Mirrors theme.css exactly so portal feels like "homepage expanded into a dashboard".
 */

/* ─── 1. Design Tokens (mirrors theme.css :root) ─────────────────────── */
.eap-plugin-scope{
    /* ── Core palette (identical to website theme.css) ── */
    --pa-bg:            #f8fbff;
    --pa-surface:       #ffffff;
    --pa-surface-soft:  #f1f5f9;
    --pa-surface-2:     #f8fbff;
    --pa-surface-3:     #f1f5f9;
    --pa-primary:       #2563eb;
    --pa-primary-dark:  #1d4ed8;
    --pa-primary-light: #eff6ff;
    --pa-secondary:     #15803d;
    --pa-accent:        #c2410c;
    --pa-success:       #15803d;
    --pa-success-dark:  #047857;
    --pa-warning:       #b45309;
    --pa-warning-dark:  #b45309;
    --pa-danger:        #dc2626;
    --pa-danger-dark:   #991b1b;
    --pa-text:          #0f172a;
    --pa-muted:         #64748b;
    --pa-border:        #e2e8f0;
    --pa-border-solid:  #e2e8f0;
    --pa-border-focus:  #2563eb;

    /* ── Radius scale ── */
    --pa-radius:        12px;
    --pa-radius-sm:     8px;
    --pa-radius-md:     12px;
    --pa-radius-lg:     16px;
    --pa-radius-full:   9999px;

    /* ── Shadows ── */
    --pa-shadow-xs:     0 1px 2px rgba(15, 23, 42, 0.04);
    --pa-shadow:        0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -1px rgba(0,0,0,0.03);
    --pa-shadow-sm:     0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -1px rgba(0,0,0,0.03);
    --pa-shadow-md:     0 8px 16px -2px rgba(0,0,0,0.08);
    --pa-shadow-lg:     0 20px 25px -5px rgba(15,23,42,0.10), 0 10px 10px -5px rgba(15,23,42,0.04);

    /* ── Motion ── */
    --pa-ease:          240ms cubic-bezier(0.4, 0, 0.2, 1);
    --pa-transition:    all 0.2s cubic-bezier(0.4,0,0.2,1);

    /* ── Sidebar (blue active, matches website primary) ── */
    --pa-sidebar-bg:              #ffffff;
    --pa-sidebar-text:            #64748b;
    --pa-sidebar-text-active:     #2563eb;
    --pa-sidebar-item-hover:      #f1f5f9;
    --pa-sidebar-item-active:     rgba(59, 130, 246, 0.08);
    --pa-sidebar-divider:         #e2e8f0;
    --pa-sidebar-width:           260px;

    /* ── eap- → pa- forward-compat aliases ── */
    --eap-bg:               var(--pa-bg);
    --eap-surface:          var(--pa-surface);
    --eap-surface-2:        var(--pa-surface-soft);
    --eap-surface-3:        var(--pa-surface-soft);
    --eap-border:           var(--pa-border);
    --eap-border-solid:     var(--pa-border-solid);
    --eap-text-primary:     var(--pa-text);
    --eap-text-secondary:   var(--pa-muted);
    --eap-text-muted:       var(--pa-muted);
    --eap-primary:          var(--pa-primary);
    --eap-primary-dark:     var(--pa-primary-dark);
    --eap-primary-hover:    var(--pa-primary-dark);
    --eap-font:             ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    /* ── Legacy shorthand aliases (used by eap-admin-shim.css & eap-global-admin.css) ── */
    --r-sm:       var(--pa-radius-sm);
    --r-md:       var(--pa-radius-md);
    --r-lg:       var(--pa-radius-lg);
    --ease:       var(--pa-ease);
    --shadow-xs:  var(--pa-shadow-xs);
    --shadow-sm:  var(--pa-shadow-sm);
    --shadow-md:  var(--pa-shadow-md);

    /* ── Named colour aliases (legacy) ── */
    --eap-emerald:  var(--pa-success);
    --eap-amber:    var(--pa-warning);
    --eap-coral:    var(--pa-danger);
    --eap-mint:     var(--pa-success);
    --eap-yellow:   var(--pa-warning);
    --eap-blue:     var(--pa-primary);
    --eap-blue-dark: var(--pa-primary-dark);
}

/* ─── 2. Base Reset ───────────────────────────────────────────────────── */
.eap-plugin-scope .eap-viewport-shell,
.eap-plugin-scope .eap-portal-shell{
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: var(--pa-bg);
    color: var(--pa-text);
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
}

/* ─── 3. Layout Shell ────────────────────────────────────────────────── */
.eap-plugin-scope .eap-portal-shell{
    display: flex;
    min-height: 100vh;
    width: 100%;
}

.eap-plugin-scope .eap-shell-inner,
.eap-plugin-scope .eap-dashboard-app-wrap{
    display: flex;
    flex-direction: row;
    flex: 1;
    width: 100%;
    min-height: 100vh;
    box-sizing: border-box;
}

.eap-plugin-scope .eap-main{
    flex: 1;
    background: var(--pa-bg);
    padding: 32px;
    overflow-y: auto;
    box-sizing: border-box;
    min-width: 0;
}

/* ─── 4. Sidebar — clean white, matches homepage nav ─────────────────── */
.eap-plugin-scope .eap-sidebar,
.eap-plugin-scope .eap-portal-shell .eap-sidebar{
    width: 240px;
    min-width: 240px;
    background: var(--pa-surface) !important;
    border-right: 1px solid var(--pa-border) !important;
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
    padding: 0;
    flex-shrink: 0;
    box-sizing: border-box;
}

/* Override all role-specific sidebar colors */
.eap-plugin-scope .pa-role-institution .eap-sidebar,
.eap-plugin-scope .pa-role-teacher .eap-sidebar,
.eap-plugin-scope .pa-role-student .eap-sidebar,
.eap-plugin-scope .pa-role-admin .eap-sidebar{
    background: var(--pa-surface) !important;
    border-right: 1px solid var(--pa-border) !important;
    box-shadow: 2px 0 8px rgba(0,0,0,0.04) !important;
}

.eap-plugin-scope .eap-sidebar-top,
.eap-plugin-scope .eap-portal-shell .eap-sidebar-top{
    padding: 20px 16px 16px;
    border-bottom: 1px solid var(--pa-border);
}

.eap-plugin-scope .eap-sidebar-logo,
.eap-plugin-scope .eap-logo-name{
    font-size: 16px;
    font-weight: 800;
    color: var(--pa-text) !important;
    letter-spacing: -0.02em;
}

.eap-plugin-scope .eap-logo-sub{
    font-size: 12px;
    color: var(--pa-muted) !important;
    font-weight: 500;
}

/* Nav Links */
.eap-plugin-scope .eap-sidebar-nav{
    padding: 12px 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.eap-plugin-scope .eap-nav-link,
.eap-plugin-scope .eap-portal-shell .eap-nav-link{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: var(--pa-radius-sm);
    font-size: 13px;
    font-weight: 500;
    color: var(--pa-muted) !important;
    text-decoration: none !important;
    transition: var(--pa-transition);
    background: transparent;
    border: none;
    width: 100%;
    cursor: pointer;
    box-sizing: border-box;
}

.eap-plugin-scope .eap-nav-link:hover,
.eap-plugin-scope .eap-portal-shell .eap-nav-link:hover{
    background: var(--pa-surface-soft) !important;
    color: var(--pa-text) !important;
}

.eap-plugin-scope .eap-nav-link.active,
.eap-plugin-scope .eap-nav-link[aria-current="page"],
.eap-plugin-scope .eap-portal-shell .eap-nav-link.active{
    background: rgba(59, 130, 246, 0.08) !important;
    color: var(--pa-primary) !important;
    font-weight: 600;
}

/* Override role-specific nav active colors */
.eap-plugin-scope .pa-role-institution .eap-nav-link.active,
.eap-plugin-scope .pa-role-teacher .eap-nav-link.active,
.eap-plugin-scope .pa-role-student .eap-nav-link.active{
    background: rgba(59, 130, 246, 0.08) !important;
    color: var(--pa-primary) !important;
}

.eap-plugin-scope .eap-sidebar-footer,
.eap-plugin-scope .eap-portal-shell .eap-sidebar-footer{
    padding: 12px 8px 16px;
    border-top: 1px solid var(--pa-border);
}

.eap-plugin-scope .eap-sidebar-user{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: var(--pa-radius-sm);
    color: var(--pa-text) !important;
}

.eap-plugin-scope .eap-sidebar-user-name{
    font-size: 13px;
    font-weight: 600;
    color: var(--pa-text) !important;
}

.eap-plugin-scope .eap-sidebar-user-role{
    font-size: 12px;
    color: var(--pa-muted) !important;
}

.eap-plugin-scope .eap-sidebar-logout,
.eap-plugin-scope .eap-portal-shell .eap-sidebar-logout{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: var(--pa-radius-sm);
    font-size: 12px;
    font-weight: 600;
    color: var(--pa-muted) !important;
    text-decoration: none !important;
    transition: var(--pa-transition);
}

.eap-plugin-scope .eap-sidebar-logout:hover{
    background: rgba(220,38,38,0.06) !important;
    color: var(--pa-danger) !important;
}

/* ─── 5. Topbar ─────────────────────────────────────────────────────── */
.eap-plugin-scope .eap-topbar,
.eap-plugin-scope .eap-portal-shell .eap-topbar{
    background: var(--pa-surface) !important;
    border-bottom: 1px solid var(--pa-border) !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 24px;
    box-sizing: border-box;
    gap: 16px;
}

/* User chip styling */
.eap-plugin-scope .eap-user-chip{
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--pa-surface) !important;
    color: var(--pa-text) !important;
    border: 1px solid var(--pa-border) !important;
    border-radius: 9999px !important;
    padding: 6px 14px 6px 10px !important;
    box-shadow: var(--pa-shadow) !important;
    transition: var(--pa-transition) !important;
}
.eap-plugin-scope .eap-user-chip:hover{
    border-color: var(--pa-primary) !important;
    box-shadow: var(--pa-shadow-md) !important;
}
.eap-plugin-scope .eap-user-chip-avatar{ line-height: 0; }
.eap-plugin-scope .eap-avatar-img,
.eap-plugin-scope .eap-user-chip-avatar img{
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    display: block;
    border: 1px solid var(--pa-border);
}
.eap-plugin-scope .eap-user-chip-info{ display: flex; flex-direction: column; }
.eap-plugin-scope .eap-user-chip-name{
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--pa-text) !important;
    white-space: nowrap;
    line-height: 1.2;
}
.eap-plugin-scope .eap-user-chip-role{
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--pa-primary) !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.2;
}

/* Kicker & Badges styling */
.eap-plugin-scope .eap-shell-kicker{
    display: inline-flex;
    align-items: center;
    background: rgba(59, 130, 246, 0.1);
    color: var(--pa-primary);
    font-size: 12px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-right: 8px;
    vertical-align: middle;
}
.eap-plugin-scope .eap-role-badge{
    display: inline-flex;
    align-items: center;
    background: var(--pa-surface-soft);
    color: var(--pa-muted);
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 9999px;
    border: 1px solid var(--pa-border);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    vertical-align: middle;
}

/* Override role topbar gradients */
.eap-plugin-scope .pa-role-institution .eap-topbar,
.eap-plugin-scope .pa-role-teacher .eap-topbar,
.eap-plugin-scope .pa-role-student .eap-topbar{
    background: var(--pa-surface) !important;
    border-bottom: 1px solid var(--pa-border) !important;
    border-bottom-width: 1px !important;
}

.eap-plugin-scope .eap-page-title,
.eap-plugin-scope .eap-topbar h1{
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--pa-text) !important;
    -webkit-text-fill-color: var(--pa-text) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    letter-spacing: -0.01em;
    margin: 0;
}

/* ─── 6. Cards — matches pa-card exactly ──────────────────────────── */
.eap-plugin-scope .eap-card,
.eap-plugin-scope .pa-card,
.eap-plugin-scope .eap-widget,
.eap-plugin-scope .eap-portal-shell .eap-card{
    background: var(--pa-surface) !important;
    border: 1px solid var(--pa-border) !important;
    border-left: 1px solid var(--pa-border) !important;
    border-left-width: 1px !important;
    border-radius: var(--pa-radius) !important;
    padding: 20px !important;
    box-shadow: var(--pa-shadow) !important;
    transition: var(--pa-transition);
    box-sizing: border-box;
}

.eap-plugin-scope .eap-card:hover,
.eap-plugin-scope .eap-widget:hover{
    transform: translateY(-1px);
    box-shadow: var(--pa-shadow-md) !important;
}

/* Card Title */
.eap-plugin-scope .eap-card-title,
.eap-plugin-scope .eap-widget-title{
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--pa-text) !important;
    margin: 0 0 2px 0;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

/* Role card overrides — remove colored left borders */
.eap-plugin-scope .pa-role-institution .eap-card,
.eap-plugin-scope .pa-role-teacher .eap-card,
.eap-plugin-scope .pa-role-student .eap-card,
.eap-plugin-scope .pa-role-institution .pa-card,
.eap-plugin-scope .pa-role-teacher .pa-card,
.eap-plugin-scope .pa-role-student .pa-card{
    border-left: 1px solid var(--pa-border) !important;
    border-left-width: 1px !important;
    background: var(--pa-surface) !important;
    box-shadow: var(--pa-shadow) !important;
}

.eap-plugin-scope .pa-role-institution .eap-card:hover,
.eap-plugin-scope .pa-role-teacher .eap-card:hover,
.eap-plugin-scope .pa-role-student .eap-card:hover{
    border-left-color: var(--pa-border) !important;
    box-shadow: var(--pa-shadow-md) !important;
}

/* ─── 7. Stat / KPI Cards ────────────────────────────────────────── */
.eap-plugin-scope .eap-kpi-card,
.eap-plugin-scope .eap-stat-card{
    background: var(--pa-surface);
    border: 1px solid var(--pa-border);
    border-radius: var(--pa-radius);
    padding: 20px;
    box-shadow: var(--pa-shadow);
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: var(--pa-transition);
    box-sizing: border-box;
}

.eap-plugin-scope .eap-kpi-card:hover,
.eap-plugin-scope .eap-stat-card:hover{
    transform: translateY(-1px);
    box-shadow: var(--pa-shadow-md);
}

.eap-plugin-scope .eap-metric-value{
    font-size: 28px !important;
    font-weight: 800 !important;
    color: var(--pa-text) !important;
    line-height: 1;
}

.eap-plugin-scope .eap-metric-label{
    font-size: 12px !important;
    color: var(--pa-muted) !important;
    font-weight: 500;
    margin-top: 4px;
}

/* ─── 8. Grid System ─────────────────────────────────────────────── */
.eap-plugin-scope .eap-dashboard-grid,
.eap-plugin-scope .eap-grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.eap-plugin-scope .eap-col-12{ grid-column: span 12; }
.eap-plugin-scope .eap-col-8{ grid-column: span 8; }
.eap-plugin-scope .eap-col-6{ grid-column: span 6; }
.eap-plugin-scope .eap-col-4{ grid-column: span 4; }
.eap-plugin-scope .eap-col-3{ grid-column: span 3; }

@media (max-width: 1024px) {
    .eap-plugin-scope .eap-col-4{ grid-column: span 6; }
    .eap-plugin-scope .eap-col-3{ grid-column: span 6; }
}
@media (max-width: 768px) {
    .eap-plugin-scope .eap-dashboard-grid{ gap: 14px; }
    .eap-plugin-scope .eap-main{ padding: 16px; }
    .eap-plugin-scope .eap-col-3,
.eap-plugin-scope .eap-col-4,
.eap-plugin-scope .eap-col-6,
.eap-plugin-scope .eap-col-8{ grid-column: span 12; }
}

/* ─── 9. Buttons — matches pa-button exactly ─────────────────────── */
.eap-plugin-scope .eap-btn,
.eap-plugin-scope .pa-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600;
    border-radius: var(--pa-radius-sm);
    border: none;
    cursor: pointer;
    transition: var(--pa-transition);
    text-decoration: none !important;
    text-align: center;
    box-sizing: border-box;
    line-height: 1.4;
    gap: 6px;
    white-space: nowrap;
}

.eap-plugin-scope .eap-btn--primary,
.eap-plugin-scope .pa-button-primary{
    background: var(--pa-primary) !important;
    color: #fff !important;
    box-shadow: 0 2px 4px rgba(59,130,246,0.25) !important;
}
.eap-plugin-scope .eap-btn--primary:hover,
.eap-plugin-scope .pa-button-primary:hover{
    background: var(--pa-primary-dark) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59,130,246,0.35) !important;
}

.eap-plugin-scope .eap-btn--secondary,
.eap-plugin-scope .pa-button-secondary{
    background: var(--pa-surface-soft) !important;
    color: var(--pa-text) !important;
    border: 1px solid var(--pa-border) !important;
    box-shadow: none !important;
}
.eap-plugin-scope .eap-btn--secondary:hover,
.eap-plugin-scope .pa-button-secondary:hover{
    background: var(--pa-border) !important;
}

.eap-plugin-scope .eap-btn--success,
.eap-plugin-scope .pa-button-success{
    background: var(--pa-success) !important;
    color: #fff !important;
    box-shadow: 0 2px 4px rgba(16,185,129,0.25) !important;
}
.eap-plugin-scope .eap-btn--success:hover,
.eap-plugin-scope .pa-button-success:hover{
    filter: brightness(0.92);
    transform: translateY(-1px);
}

.eap-plugin-scope .eap-btn--danger,
.eap-plugin-scope .pa-button-danger{
    background: var(--pa-danger) !important;
    color: #fff !important;
}

.eap-plugin-scope .eap-btn--sm{ padding: 6px 12px; font-size: 12px; }
.eap-plugin-scope .eap-btn--lg{ padding: 12px 28px; font-size: 15px; }

/* ─── 10. Badges ─────────────────────────────────────────────────── */
.eap-plugin-scope .eap-badge,
.eap-plugin-scope .pa-badge{
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.eap-plugin-scope .eap-badge--primary,
.eap-plugin-scope .pa-badge-primary{ background: rgba(59,130,246,0.1);  color: var(--pa-primary); }
.eap-plugin-scope .eap-badge--success,
.eap-plugin-scope .pa-badge-success{ background: rgba(16,185,129,0.1);  color: var(--pa-success); }
.eap-plugin-scope .eap-badge--warning,
.eap-plugin-scope .pa-badge-warning{ background: rgba(245,158,11,0.1);  color: var(--pa-warning); }
.eap-plugin-scope .eap-badge--danger,
.eap-plugin-scope .pa-badge-danger{ background: rgba(220,38,38,0.1);   color: var(--pa-danger); }
.eap-plugin-scope .eap-badge--muted{ background: var(--pa-surface-soft); color: var(--pa-muted);   border: 1px solid var(--pa-border); }

/* ─── 11. Tables ─────────────────────────────────────────────────── */
.eap-plugin-scope .eap-table,
.eap-plugin-scope .pa-table{
    width: 100%;
    border-collapse: collapse;
}
.eap-plugin-scope .eap-table th,
.eap-plugin-scope .pa-table th{
    padding: 10px 14px;
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    color: var(--pa-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-bottom: 2px solid var(--pa-border);
    background: var(--pa-surface-soft);
}
.eap-plugin-scope .eap-table td,
.eap-plugin-scope .pa-table td{
    padding: 12px 14px;
    font-size: 13px;
    color: var(--pa-text) !important;
    border-bottom: 1px solid var(--pa-border);
    vertical-align: middle;
}
.eap-plugin-scope .eap-table tr:last-child td,
.eap-plugin-scope .pa-table tr:last-child td{ border-bottom: none; }
.eap-plugin-scope .eap-table tr:hover td{ background: var(--pa-surface-soft); }

/* ─── 12. Forms ──────────────────────────────────────────────────── */
.eap-plugin-scope .eap-portal-shell input[type=text],
.eap-plugin-scope .eap-portal-shell input[type=email],
.eap-plugin-scope .eap-portal-shell input[type=tel],
.eap-plugin-scope .eap-portal-shell input[type=url],
.eap-plugin-scope .eap-portal-shell input[type=password],
.eap-plugin-scope .eap-portal-shell input[type=number],
.eap-plugin-scope .eap-portal-shell select,
.eap-plugin-scope .eap-portal-shell textarea,
.eap-plugin-scope .pa-input,
.eap-plugin-scope .pa-select{
    width: 100%;
    padding: 9px 13px;
    font-size: 13px;
    border: 1px solid var(--pa-border);
    border-radius: var(--pa-radius-sm);
    background: var(--pa-surface);
    color: var(--pa-text);
    transition: var(--pa-transition);
    box-sizing: border-box;
    font-family: inherit;
}
.eap-plugin-scope .eap-portal-shell input:focus,
.eap-plugin-scope .eap-portal-shell select:focus,
.eap-plugin-scope .eap-portal-shell textarea:focus{
    outline: none;
    border-color: var(--pa-primary);
    box-shadow: 0 0 0 3px rgba(59,130,246,0.12);
}
.eap-plugin-scope .eap-portal-shell label{
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--pa-text);
    margin-bottom: 5px;
}
.eap-plugin-scope .eap-portal-shell small{
    font-size: 12px;
    color: var(--pa-muted);
    display: block;
    margin-top: 3px;
}

/* ─── 13. Tabs — matches pa-tabs ─────────────────────────────────── */
.eap-plugin-scope .eap-tabs,
.eap-plugin-scope .pa-tabs{
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--pa-border);
    margin-bottom: 20px;
}
.eap-plugin-scope .eap-tab,
.eap-plugin-scope .pa-tab{
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 600;
    color: var(--pa-muted);
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: var(--pa-transition);
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-bottom: -1px;
}
.eap-plugin-scope .eap-tab.active,
.eap-plugin-scope .pa-tab.active,
.eap-plugin-scope .eap-tab-btn.active{
    color: var(--pa-primary) !important;
    border-bottom-color: var(--pa-primary) !important;
}

/* ─── 14. Empty States ───────────────────────────────────────────── */
.eap-plugin-scope .eap-empty-state,
.eap-plugin-scope .pa-empty-state{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    text-align: center;
    color: var(--pa-muted);
}
.eap-plugin-scope .eap-empty-state .dashicons,
.eap-plugin-scope .pa-empty-state .dashicons{
    font-size: 40px;
    width: 40px;
    height: 40px;
    color: var(--pa-border);
    margin-bottom: 12px;
}
.eap-plugin-scope .eap-empty-state p,
.eap-plugin-scope .pa-empty-state p{
    font-size: 13px;
    color: var(--pa-muted);
    margin: 0;
    max-width: 360px;
}

/* ─── 15. Alerts ─────────────────────────────────────────────────── */
.eap-plugin-scope .eap-alert,
.eap-plugin-scope .pa-alert{
    padding: 12px 16px;
    border-radius: var(--pa-radius-sm);
    font-size: 13px;
    font-weight: 500;
    border: 1px solid transparent;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    box-sizing: border-box;
}
.eap-plugin-scope .eap-alert--success,
.eap-plugin-scope .pa-alert-success{ background: rgba(16,185,129,0.05); border-color: rgba(16,185,129,0.2); color: #047857; }
.eap-plugin-scope .eap-alert--warning,
.eap-plugin-scope .pa-alert-warning{ background: rgba(245,158,11,0.05); border-color: rgba(245,158,11,0.2); color: #92400e; }
.eap-plugin-scope .eap-alert--danger,
.eap-plugin-scope .pa-alert-danger{ background: rgba(220,38,38,0.05);  border-color: rgba(220,38,38,0.2);  color: #991b1b; }
.eap-plugin-scope .eap-alert--info{ background: rgba(59,130,246,0.05); border-color: rgba(59,130,246,0.2); color: #1e40af; }

/* ─── 16. Status Pills ───────────────────────────────────────────── */
.eap-plugin-scope .eap-status-pill,
.eap-plugin-scope .pa-status{
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 9999px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1;
}
.eap-plugin-scope .eap-status-pill.emerald,
.eap-plugin-scope .pa-status--success{ background: rgba(16,185,129,0.1); color: #059669; }
.eap-plugin-scope .eap-status-pill.blue,
.eap-plugin-scope .pa-status--info{ background: rgba(59,130,246,0.1); color: #2563eb; }
.eap-plugin-scope .eap-status-pill.amber,
.eap-plugin-scope .pa-status--warning{ background: rgba(245,158,11,0.1); color: #d97706; }
.eap-plugin-scope .eap-status-pill.red,
.eap-plugin-scope .pa-status--danger{ background: rgba(220,38,38,0.1);  color: #dc2626; }

/* ─── 17. Section Headers (page-level) ───────────────────────────── */
.eap-plugin-scope .eap-section-header{
    margin-bottom: 20px;
}
.eap-plugin-scope .eap-section-title{
    font-size: 20px;
    font-weight: 800;
    color: var(--pa-text);
    margin: 0 0 4px;
    letter-spacing: -0.02em;
}
.eap-plugin-scope .eap-section-subtitle{
    font-size: 13px;
    color: var(--pa-muted);
    margin: 0;
}

/* ─── 18. Role colour accents (subtle, not the whole sidebar) ─────── */
.eap-plugin-scope .eap-role-accent-bar{
    height: 3px;
    border-radius: 0 0 3px 3px;
    background: var(--pa-primary);
    width: 100%;
}
.eap-plugin-scope .pa-role-teacher .eap-role-accent-bar{ background: var(--pa-secondary); }
.eap-plugin-scope .pa-role-student .eap-role-accent-bar{ background: var(--pa-accent); }
.eap-plugin-scope .pa-role-institution .eap-role-accent-bar{ background: var(--pa-primary); }

/* ─── 19. Utility helpers ─────────────────────────────────────────── */
.eap-plugin-scope .u-text-muted{ color: var(--pa-muted) !important; }
.eap-plugin-scope .u-text-primary{ color: var(--pa-text) !important; }
.eap-plugin-scope .u-text-accent{ color: var(--pa-primary) !important; }
.eap-plugin-scope .u-mt-sm{ margin-top: 8px; }
.eap-plugin-scope .u-mt-xs{ margin-top: 4px; }
.eap-plugin-scope .u-mt-md{ margin-top: 16px; }
.eap-plugin-scope .u-mt-lg{ margin-top: 24px; }
.eap-plugin-scope .u-mb-sm{ margin-bottom: 8px; }
.eap-plugin-scope .u-mb-xs{ margin-bottom: 4px; }
.eap-plugin-scope .u-mb-md{ margin-bottom: 16px; }
.eap-plugin-scope .u-mb-lg{ margin-bottom: 24px; }
.eap-plugin-scope .u-mr-xs{ margin-right: 4px; }
.eap-plugin-scope .u-p-sm{ padding: 8px; }
.eap-plugin-scope .u-p-md{ padding: 16px; }
.eap-plugin-scope .u-pl-md{ padding-left: 16px; }
.eap-plugin-scope .u-flex{ display: flex; align-items: center; }
.eap-plugin-scope .u-flex-gap{ gap: 12px; }
.eap-plugin-scope .u-flex-gap-sm{ gap: 8px; }
.eap-plugin-scope .u-flex-gap-md{ gap: 16px; }
.eap-plugin-scope .u-wrap{ flex-wrap: wrap; }
.eap-plugin-scope .u-between{ justify-content: space-between; }
.eap-plugin-scope .u-hidden{ display: none !important; }
.eap-plugin-scope .u-font-semibold{ font-weight: 600; }
.eap-plugin-scope .u-text-xs{ font-size: 12px; }
.eap-plugin-scope .u-text-sm{ font-size: 14px; }
.eap-plugin-scope .u-block{ display: block; }
.eap-plugin-scope .u-border{ border: 1px solid var(--pa-border); }
.eap-plugin-scope .u-rounded-md{ border-radius: 8px; }
.eap-plugin-scope .u-bg-primary{ background: var(--pa-surface-soft); }
.eap-plugin-scope .u-line-tight{ line-height: 1; }
.eap-plugin-scope .u-maxw-220{ max-width: 220px; }
.eap-plugin-scope .u-maxw-full{ max-width: 100%; }

.eap-plugin-scope .eap-dashboard-filter-bar{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: end;
}

.eap-plugin-scope .eap-dashboard-control-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.eap-plugin-scope .eap-dashboard-control-stack{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.eap-plugin-scope .eap-dashboard-subtext{
    color: var(--eap-subtext);
    font-size: 12px;
}

.eap-plugin-scope .eap-dashboard-section--spaced{
    margin-top: 20px;
}

.eap-plugin-scope .eap-dashboard-stack{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.eap-plugin-scope .eap-dashboard-divider{
    margin: 18px 0;
    border-color: rgba(255, 255, 255, 0.12);
}

.eap-plugin-scope .eap-dashboard-diagnostic{
    margin-top: 16px;
}

.eap-plugin-scope .eap-conv-telemetry-panel{
    padding: 15px;
    background: var(--eap-surface-2);
    border: 1px solid var(--eap-border);
    border-radius: 12px;
    margin-bottom: 12px;
}

.eap-plugin-scope .eap-conv-action-row{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.eap-plugin-scope .eap-conv-table-shell{
    background: var(--eap-surface-2);
    border: 1px solid var(--eap-border);
    border-radius: 12px;
    overflow: hidden;
}

.eap-plugin-scope .eap-conv-inline-note{
    margin: 0;
    font-size: 12px;
    color: var(--eap-text-muted);
}

.eap-plugin-scope .eap-conv-status-note{
    margin: 0;
    font-size: 12px;
    color: var(--eap-text-muted);
}

.eap-plugin-scope .eap-debug-panel{
    margin-top: 24px;
    padding: 16px;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
}

.eap-plugin-scope .eap-debug-row{
    margin: 4px 0;
}

.eap-plugin-scope .eap-debug-list{
    margin: 8px 0 0;
}

.eap-plugin-scope .eap-widget-stack{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.eap-plugin-scope .eap-widget-note{
    font-size: 12px;
    color: var(--eap-text-muted);
    margin: 0;
}

.eap-plugin-scope .eap-widget-history{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.eap-plugin-scope .eap-widget-history-item{
    border: 1px solid var(--eap-border);
    border-radius: 6px;
    padding: 10px 12px;
}

.eap-plugin-scope .eap-widget-history-head{
    justify-content: space-between;
    margin-bottom: 4px;
}

.eap-plugin-scope .eap-widget-status-label{
    text-transform: uppercase;
}

.eap-plugin-scope .eap-widget-status-label--new{
    color: #b45309;
}

.eap-plugin-scope .eap-widget-status-label--acknowledged{
    color: #2563eb;
}

.eap-plugin-scope .eap-widget-status-label--answered{
    color: #22c55e;
}

.eap-plugin-scope .eap-widget-status-label--closed{
    color: #9ca3af;
}

.eap-plugin-scope .eap-widget-scorecard{
    margin-bottom: 12px;
    padding: 10px 12px;
    border-radius: 6px;
}

.eap-plugin-scope .eap-widget-scorecard--success{
    background: var(--eap-surface-alt, #f0fdf4);
    border-left: 3px solid #22c55e;
}

.eap-plugin-scope .eap-widget-scorecard--info{
    background: var(--eap-surface-alt, #eff6ff);
    border-left: 3px solid #2563eb;
}

.eap-plugin-scope .eap-widget-readable{
    line-height: 1.6;
}

.eap-plugin-scope .eap-empty-state--spaced{
    margin-bottom: 12px;
}

.eap-plugin-scope .eap-widget-feedback{
    display: none;
    margin-top: 6px;
}

.eap-plugin-scope .eap-widget-feedback--explanation{
    margin-top: 4px;
}

.eap-plugin-scope .eap-widget-quiz-item{
    border: 1px solid var(--eap-border);
    border-radius: 6px;
    padding: 10px 12px;
    margin-bottom: 8px;
}

.eap-plugin-scope .eap-widget-quiz-options label{
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
    cursor: pointer;
    font-size: 13px;
}

.eap-plugin-scope .eap-livehub-meta-grid{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 24px;
    padding: 15px;
    background: #fbfdff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.eap-plugin-scope .eap-livehub-meta-item{
    flex: 1;
    min-width: 150px;
}

.eap-plugin-scope .eap-livehub-meta-item--wide{
    min-width: 180px;
}

.eap-plugin-scope .eap-livehub-action-row{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.eap-plugin-scope .eap-livehub-empty-state{
    text-align: center;
    max-width: 500px;
    padding: 40px;
}

.eap-plugin-scope .eap-livehub-alert{
    margin: 0 0 18px;
    padding: 12px 14px;
    border: 1px solid #dbe5f0;
    border-radius: 10px;
    background: #f8fafc;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

/* ─── 20. Progress bar ───────────────────────────────────────────── */
.eap-plugin-scope .eap-progress,
.eap-plugin-scope .pa-progress{
    width: 100%;
    height: 6px;
    background: var(--pa-surface-soft);
    border-radius: 9999px;
    overflow: hidden;
}
.eap-plugin-scope .eap-progress-bar,
.eap-plugin-scope .pa-progress-bar{
    height: 100%;
    background: var(--pa-primary);
    border-radius: 9999px;
    transition: width 0.3s ease;
}

/* ─── 21. Page hero (dashboard top area) ─────────────────────────── */
.eap-plugin-scope .eap-page-hero{
    background: radial-gradient(circle at top right, rgba(59,130,246,0.06), transparent);
    border-bottom: 1px solid var(--pa-border);
    padding: 20px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    box-sizing: border-box;
}
.eap-plugin-scope .eap-page-hero h1{
    font-size: 22px;
    font-weight: 800;
    color: var(--pa-text);
    margin: 0;
    letter-spacing: -0.02em;
}
.eap-plugin-scope .eap-page-hero p{
    font-size: 13px;
    color: var(--pa-muted);
    margin: 4px 0 0;
}

/* Shared portal shell/layout primitives moved from runtime inline injection */
.eap-plugin-scope .eap-viewport-shell{
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0;
    background: #f8fbff;
    color: #0f172a;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.eap-plugin-scope .wp-admin .eap-viewport-shell{
    position: relative;
    height: auto;
    min-height: calc(100vh - 32px);
    overflow: visible;
}

.eap-plugin-scope .eap-join-status{
    margin-bottom: 16px;
    padding: 12px 16px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #0f172a;
}

.eap-plugin-scope .eap-join-status--pending{
    border-left: 4px solid #b45309;
}

.eap-plugin-scope .eap-join-status--rejected{
    border-left: 4px solid #dc2626;
}

.eap-plugin-scope .eap-join-status p{
    margin: 8px 0 0;
    color: #64748b;
}

.eap-plugin-scope .eap-join-status strong{
    color: #0f172a;
    font-weight: 700;
}

/* Portal template fallback states */
.eap-plugin-scope .eap-portal-fallback{
    max-width: 780px;
    margin: 40px auto;
    padding: 24px;
    border-radius: 12px;
    font: 14px/1.5 system-ui, sans-serif;
}

.eap-plugin-scope .eap-portal-fallback__title{
    display: block;
    margin-bottom: 8px;
}

.eap-plugin-scope .eap-portal-fallback__message{
    margin: 0;
}

.eap-plugin-scope .eap-portal-fallback--error{
    border: 1px solid #fecaca;
    background: #fff1f2;
    color: #7f1d1d;
}

.eap-plugin-scope .eap-portal-fallback--neutral{
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #334155;
}

.eap-plugin-scope .eap-layout-fullbleed:not(.eap-layout-fullbleed){
    background: #f8fbff;
}

.eap-plugin-scope .eap-layout-fullbleed:not(.eap-layout-fullbleed) #page{
    width: 100%;
    max-width: 100%;
}

.eap-plugin-scope .eap-layout-fullbleed:not(.eap-layout-fullbleed) .eap-viewport-shell{
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* ─── 22. Unified Premium Shell Layout & Glassmorphism overrides ───────────────── */
.eap-plugin-scope .eap-portal-shell .eap-shell-inner{
    display: flex;
    flex-direction: row;
    flex: 1;
    width: 100%;
    min-height: 100vh;
    box-sizing: border-box;
    gap: 20px;
    padding: 20px;
    background: var(--pa-bg);
}

.eap-plugin-scope .eap-portal-shell .eap-sidebar{
    border-radius: 16px !important;
    border: 1px solid var(--pa-border) !important;
    box-shadow: var(--pa-shadow) !important;
    background: var(--pa-surface) !important;
    overflow: hidden;
}

.eap-plugin-scope .eap-portal-shell .eap-main{
    flex: 1;
    background: transparent !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.eap-plugin-scope .eap-portal-shell .eap-topbar{
    border: 1px solid var(--pa-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--pa-shadow) !important;
    background: var(--pa-surface) !important;
    padding: 18px 24px !important;
    height: auto !important;
    min-height: 60px;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px;
}

.eap-plugin-scope .eap-portal-shell .eap-content{
    border-radius: 16px !important;
    border: 1px solid var(--pa-border) !important;
    background: var(--pa-surface) !important;
    box-shadow: var(--pa-shadow) !important;
    padding: 24px !important;
    box-sizing: border-box;
    width: 100%;
}

/* ─── 23. Operational & scoped Institution Admin Dashboard Styles ───────────── */
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"]{
    --eap-inst-bg: var(--pa-bg);
    --eap-inst-surface: var(--pa-surface);
    --eap-inst-surface-soft: var(--pa-surface-soft);
    --eap-inst-sidebar: var(--pa-surface);
    --eap-inst-sidebar-dark: var(--pa-surface-soft);
    --eap-inst-text: var(--pa-text);
    --eap-inst-subtext: var(--pa-muted);
    --eap-inst-border: var(--pa-border);
    --eap-inst-primary: var(--pa-primary);
    --eap-inst-success: var(--pa-success);
    --eap-inst-warning: var(--pa-warning);
    --eap-inst-danger: var(--pa-danger);
    --eap-inst-radius: var(--pa-radius);
    --eap-inst-shadow-sm: var(--pa-shadow);
    --eap-inst-shadow-md: var(--pa-shadow-md);
    --eap-inst-space-1: 8px;
    --eap-inst-space-2: 12px;
    --eap-inst-space-3: 16px;
    --eap-inst-space-4: 20px;
    --eap-inst-space-5: 24px;
    --eap-inst-fs-1: 12px;
    --eap-inst-fs-2: 13px;
    --eap-inst-fs-3: 14px;
    --eap-inst-fs-4: 16px;
    --eap-inst-fs-5: 20px;
}

/* Override institution admin specific colors for unified theme */
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-nav-link{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 42px;
    padding: 10px 14px !important;
    color: var(--pa-muted) !important;
    border-radius: var(--pa-radius-sm) !important;
    font-weight: 500 !important;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-nav-link:hover{
    background: var(--pa-surface-soft) !important;
    color: var(--pa-text) !important;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-nav-link.active{
    background: rgba(59, 130, 246, 0.08) !important;
    color: var(--pa-primary) !important;
    font-weight: 700 !important;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-sidebar-user{
    background: var(--pa-surface-soft) !important;
    border: 1px solid var(--pa-border) !important;
    color: var(--pa-text) !important;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-sidebar-logout{
    color: var(--pa-muted) !important;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-sidebar-logout:hover{
    color: var(--pa-danger) !important;
    background: rgba(220, 38, 38, 0.06) !important;
}

/* Operational grid & card styles */
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid{
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
    gap: 20px !important;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-widget,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-card{
    grid-column: auto !important;
    min-width: 0;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-col-12,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-inst-module-card{
    grid-column: 1 / -1 !important;
}

/* Embedded admin panels inside dashboard cards */
.eap-plugin-scope .eap-portal-shell .eap-inst-module-frame{
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 700px;
    flex: 1;
}

.eap-plugin-scope .eap-portal-shell .eap-inst-iframe{
    width: 100%;
    height: 100%;
    min-height: 700px;
    border: none;
    flex: 1;
    display: block;
    background: var(--pa-surface);
}

.eap-plugin-scope .eap-portal-shell .eap-inst-module-card .eap-card-body{
    padding: 0;
    overflow: hidden;
}

@media (max-width: 768px) {
    .eap-plugin-scope .eap-portal-shell .eap-inst-module-frame,
.eap-plugin-scope .eap-portal-shell .eap-inst-iframe{
        min-height: 560px;
    }
}

/* Table styling inside dashboard modules */
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-table-scroll,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-staff-table-wrap,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-students-table-wrap,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-join-table-wrap{
    border: 1px solid var(--pa-border) !important;
    border-radius: 12px !important;
    background: var(--pa-surface) !important;
    overflow-x: auto;
    box-shadow: var(--pa-shadow) !important;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-table,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-staff-table,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-students-table,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-join-table{
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-table thead th,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-staff-table thead th,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-students-table thead th,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-join-table thead th{
    background: var(--pa-surface-soft) !important;
    color: var(--pa-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    padding: 12px 16px !important;
    border-bottom: 2px solid var(--pa-border) !important;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-table td,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-staff-table td,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-students-table td,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-join-table td{
    padding: 14px 16px !important;
    border-bottom: 1px solid var(--pa-border) !important;
    background: var(--pa-surface) !important;
    color: var(--pa-text) !important;
    font-size: 13px !important;
    vertical-align: middle !important;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-staff-table tbody tr:hover td,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-students-table tbody tr:hover td,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-join-table tbody tr:hover td{
    background: var(--pa-surface-soft) !important;
}

/* Sub-headings, kickers and titles */
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-staff-module__header,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-students-module__header,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-join-module__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--pa-border);
    border-radius: 12px;
    background: linear-gradient(180deg, var(--pa-surface) 0%, var(--pa-surface-soft) 100%);
    margin-bottom: 16px;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-staff-module__title,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-students-module__title,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-join-module__title{
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    color: var(--pa-text);
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-staff-module__subtitle,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-students-module__subtitle,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-join-module__subtitle{
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--pa-muted);
    line-height: 1.4;
}

/* KPI count badges */
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-staff-kpi,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-students-kpi,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-join-kpi{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid var(--pa-border);
    border-radius: 8px;
    background: var(--pa-surface);
    min-width: 100px;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-staff-kpi span,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-students-kpi span,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-join-kpi span{
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pa-muted);
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-staff-kpi strong,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-students-kpi strong,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-join-kpi strong{
    font-size: 20px;
    font-weight: 800;
    color: var(--pa-text);
    line-height: 1.1;
}

/* operational forms */
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-actions,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-perm-actions{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 14px;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-inline-form{
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* empty operational states */
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-staff-empty,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-students-empty,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-join-empty{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 16px !important;
    background: var(--pa-surface-soft) !important;
    border-radius: 12px;
    text-align: center;
    color: var(--pa-muted);
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-staff-empty .dashicons,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-students-empty .dashicons,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-join-empty .dashicons{
    font-size: 32px;
    width: 32px;
    height: 32px;
    margin-bottom: 12px;
    color: var(--pa-border);
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-staff-empty strong,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-students-empty strong,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-join-empty strong{
    font-size: 14px;
    color: var(--pa-text);
    margin-bottom: 4px;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-staff-empty p,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-students-empty p,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"] .eap-inst-join-empty p{
    font-size: 12px;
    color: var(--pa-muted);
    max-width: 320px;
    margin: 0;
}

/* auth and onboarding surfaces */
.eap-plugin-scope .eap-join-shell{
    background: linear-gradient(135deg, #f8fbff 0%, #edf4fe 100%);
    min-height: 100vh;
    padding: 60px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eap-plugin-scope .eap-join-status-card{
    width: 100%;
    max-width: 500px;
    background: #fff;
    padding: 2.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

.eap-plugin-scope .eap-join-status-card--left{ text-align: left; }
.eap-plugin-scope .eap-join-status-card--center{ text-align: center; }

.eap-plugin-scope .eap-join-status-title{
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    margin-top: 0;
    margin-bottom: 12px;
}

.eap-plugin-scope .eap-join-status-text{
    font-size: 14px;
    color: #64748b;
    margin-bottom: 0;
    line-height: 1.5;
}

.eap-plugin-scope .eap-admin-diagnostic-card{
    background: #fff;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    max-width: 600px;
    margin: 40px auto;
    color: #333;
    font-family: sans-serif;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.eap-plugin-scope .eap-admin-diagnostic-title{
    color: #e11d48;
    margin-top: 0;
}

.eap-plugin-scope .eap-admin-diagnostic-list{
    background: #f8fafc;
    padding: 16px 32px;
    border-radius: 8px;
}

.eap-plugin-scope .eap-login-root.eap-auth-shell{
    width: min(1180px, calc(100vw - 40px));
    margin: 28px auto 52px !important;
    padding: 0 !important;
    background:
        radial-gradient(circle at 18% 12%, rgba(77, 124, 254, 0.12), transparent 30%),
        linear-gradient(180deg, #f7fbff 0%, #ffffff 72%) !important;
    border: 1px solid #e3ebf7 !important;
    border-radius: 8px !important;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08) !important;
    overflow: hidden;
}

.eap-plugin-scope .eap-login-root .eap-auth-inner{
    max-width: none !important;
    margin: 0 !important;
    padding: 34px;
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.eap-plugin-scope .eap-login-root .eap-auth-grid{
    display: grid !important;
    grid-template-columns: minmax(0, 1.06fr) minmax(360px, 0.94fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
    text-align: left !important;
}

.eap-plugin-scope .eap-login-root .eap-auth-hero{
    min-height: 486px;
    padding: 44px;
    border-radius: 8px;
    background:
        radial-gradient(circle at 78% 18%, rgba(96, 165, 250, 0.38), transparent 28%),
        radial-gradient(circle at 18% 82%, rgba(45, 212, 191, 0.24), transparent 34%),
        linear-gradient(145deg, #0f172a, #1e40af 58%, #1d4ed8);
    background-size: cover;
    background-position: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.eap-plugin-scope .eap-login-root .eap-auth-kicker{
    width: fit-content;
    margin: 0 0 18px;
    padding: 7px 11px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.13);
    color: #dbeafe;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.eap-plugin-scope .eap-login-root .eap-auth-hero-title{
    max-width: 610px;
    margin: 0 0 16px !important;
    color: #fff !important;
    font-size: 44px;
    line-height: 1.08;
    font-weight: 900;
}

.eap-plugin-scope .eap-login-root .eap-auth-hero-copy{
    max-width: 560px;
    margin: 0 0 24px !important;
    color: #e5edf9 !important;
    font-size: 16px;
    line-height: 1.65;
}

.eap-plugin-scope .eap-login-root .eap-auth-hero-points{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 26px;
}

.eap-plugin-scope .eap-login-root .eap-auth-hero-points span{
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.eap-plugin-scope .eap-login-root .eap-auth-hero-actions{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.eap-plugin-scope .eap-login-root .eap-auth-hero-btn{
    min-height: 42px;
    padding: 11px 18px !important;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
}

.eap-plugin-scope .eap-login-root .eap-auth-card{
    padding: 34px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid #dce7f4 !important;
    border-radius: 8px !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.10) !important;
}

.eap-plugin-scope .eap-auth-card--signup{ max-width: 480px; margin: auto; }
.eap-plugin-scope .eap-login-root .eap-auth-card--login{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.eap-plugin-scope .eap-auth-head,
.eap-plugin-scope .eap-login-root .eap-auth-login-head{ margin-bottom: 22px; text-align: left; }
.eap-plugin-scope .eap-login-root .eap-auth-title{ font-size: 28px; font-weight: 900; color: #0f172a; margin: 0 0 8px; }
.eap-plugin-scope .eap-login-root .eap-auth-subtitle{ font-size: 14px; color: #64748b; margin: 0; }

.eap-plugin-scope .eap-login-root .eap-auth-form{ display: grid; gap: 15px; }
.eap-plugin-scope .eap-login-root .eap-auth-login-form{ width: 100%; }
.eap-plugin-scope .eap-login-root .eap-auth-label{ font-size: 13px; font-weight: 800; color: #1e293b; margin-bottom: 7px; display: block; }
.eap-plugin-scope .eap-login-root .eap-auth-input{
    width: 100%;
    min-height: 46px;
    padding: 12px 13px;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #0f172a;
    font-size: 15px;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.eap-plugin-scope .eap-login-root .eap-auth-input:focus{
    border-color: #2563eb !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.14) !important;
    outline: none;
}

.eap-plugin-scope .eap-login-root .eap-auth-row{ display: flex; justify-content: space-between; align-items: center; gap: 14px; font-size: 13px; }
.eap-plugin-scope .eap-login-root .eap-auth-checkbox{ display: flex; align-items: center; gap: 7px; color: #475569; font-weight: 700; white-space: nowrap; }
.eap-plugin-scope .eap-login-root .eap-auth-link{ color: #2563eb; text-decoration: none; font-weight: 800; }
.eap-plugin-scope .eap-login-root .eap-auth-link:hover{ text-decoration: underline; }
.eap-plugin-scope .eap-auth-link--strong{ font-weight: 800; }
.eap-plugin-scope .eap-auth-link--success{ color: #059669; font-weight: 800; }
.eap-plugin-scope .eap-auth-link--spaced{ margin: 0 8px; }

.eap-plugin-scope .eap-login-root .eap-auth-submit{
    width: 100%;
    min-height: 48px;
    margin-top: 4px;
    padding: 13px !important;
    font-size: 14px;
    font-weight: 900;
    border-radius: 8px !important;
}
.eap-plugin-scope .eap-login-root .eap-auth-secondary-link{
    min-height: 44px;
    padding: 12px !important;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
    border-radius: 8px !important;
    text-decoration: none !important;
}
.eap-plugin-scope .eap-auth-footer-note{ margin-top: 20px; }

.eap-plugin-scope .eap-auth-alert{
    background-color: #fef2f2;
    border: 1px solid #fee2e2;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
}

.eap-plugin-scope .eap-auth-alert-icon{ color: #ef4444; font-size: 18px; font-weight: 700; }
.eap-plugin-scope .eap-auth-alert-text{ color: #991b1b; font-size: 13px; font-weight: 500; line-height: 1.4; }

.eap-plugin-scope .eap-login-root .eap-auth-need-access{
    margin-top: 24px;
    text-align: left;
    border-top: 1px solid #e2e8f0;
    padding-top: 16px;
    font-size: 13px;
    color: #64748b;
}

.eap-plugin-scope .eap-login-root .eap-auth-role-section{
    text-align: left;
    margin-top: 4px;
    padding: 24px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
}
.eap-plugin-scope .eap-login-root .eap-auth-role-title{ font-size: 22px; font-weight: 900; color: #0f172a; margin: 0 0 8px; }
.eap-plugin-scope .eap-login-root .eap-auth-role-subtitle{ font-size: 14px; color: #64748b; margin: 0 0 20px; max-width: none; }
.eap-plugin-scope .eap-login-root .eap-auth-role-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }

.eap-plugin-scope .eap-login-root .eap-auth-role-card{
    min-height: 188px;
    padding: 18px !important;
    background: #f8fbff !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #dce7f4 !important;
    text-align: left;
}

.eap-plugin-scope .eap-login-root .eap-auth-role-icon{
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    margin-bottom: 13px;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}
.eap-plugin-scope .eap-auth-role-icon--student{ background: #2563eb; }
.eap-plugin-scope .eap-auth-role-icon--teacher{ background: #15803d; }
.eap-plugin-scope .eap-auth-role-icon--institute{ background: #4f46e5; }
.eap-plugin-scope .eap-login-root .eap-auth-role-card-title{ font-size: 16px; font-weight: 900; color: #0f172a; margin: 0 0 8px; }
.eap-plugin-scope .eap-login-root .eap-auth-role-card-copy{ font-size: 13px; color: #475569; line-height: 1.5; margin: 0 0 16px; }
.eap-plugin-scope .eap-login-root .eap-auth-role-cta{ width: 100%; padding: 10px 14px !important; font-size: 13px; font-weight: 800; border-radius: 8px !important; text-decoration: none !important; }
.eap-plugin-scope .eap-auth-role-cta--institute{ background-color: #4f46e5 !important; }

.eap-plugin-scope .eap-login-root .eap-auth-trust{
    text-align: left;
    margin-top: 0;
    border-top: 0;
    padding: 22px 24px;
    border-radius: 8px;
    background: #f8fbff;
    border: 1px solid #e2e8f0;
}
.eap-plugin-scope .eap-login-root .eap-auth-trust-title{ font-size: 13px; font-weight: 900; color: #334155; text-transform: uppercase; margin: 0 0 16px; }
.eap-plugin-scope .eap-login-root .eap-auth-trust-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.eap-plugin-scope .eap-login-root .eap-auth-trust-item{ display: flex; align-items: center; gap: 8px; min-width: 0; }
.eap-plugin-scope .eap-login-root .eap-auth-trust-check{ font-size: 16px; font-weight: 900; }
.eap-plugin-scope .eap-auth-trust-check--blue{ color: #2563eb; }
.eap-plugin-scope .eap-auth-trust-check--green{ color: #15803d; }
.eap-plugin-scope .eap-auth-trust-check--orange{ color: #c2410c; }
.eap-plugin-scope .eap-login-root .eap-auth-trust-label{ font-size: 13px; font-weight: 800; color: #0f172a; }

.eap-plugin-scope .eap-login-root .eap-auth-badge-row{ display: flex; justify-content: flex-start; gap: 8px; flex-wrap: wrap; }
.eap-plugin-scope .eap-login-root .eap-auth-badge{ padding: 6px 10px; font-size: 12px; border-radius: 999px; }

.eap-plugin-scope .eap-login-root .eap-auth-support{ text-align: center; margin-top: 2px; font-size: 13px; color: #64748b; }

.eap-plugin-scope .eap-join-already-text{
    color: var(--eap-text-secondary, #475569);
}

.eap-plugin-scope .eap-join-already-inst{
    color: var(--eap-text-primary, #0f172a);
}

.eap-plugin-scope .eap-join-already-text--spaced{
    margin-top: 8px;
}

.eap-plugin-scope .eap-join-search-form{
    display: flex;
    gap: 12px;
    align-items: flex-end;
}

.eap-plugin-scope .eap-join-search-group{
    flex: 1;
}

.eap-plugin-scope .eap-join-search-submit{
    align-self: flex-end;
}

.eap-plugin-scope .eap-join-search-empty{
    color: var(--eap-text-secondary, #475569);
    margin-top: 16px;
}

.eap-plugin-scope .eap-join-search-results{
    margin-top: 20px;
}

.eap-plugin-scope .eap-join-request-form{
    display: inline;
}

.eap-plugin-scope .eap-join-how-list{
    color: var(--eap-text-secondary);
    line-height: 2;
    margin: 0;
    padding-left: 20px;
}

.eap-plugin-scope .eap-inst-link-note{
    color: var(--eap-text-secondary, #475569);
    margin: 0 0 16px;
}

.eap-plugin-scope .eap-join-status--flush{
    margin: 0;
}

.eap-plugin-scope .eap-join-status--spaced{
    margin: 0 0 16px;
}

.eap-plugin-scope .eap-live-room-wrap{
    padding: 20px;
}

.eap-plugin-scope .eap-live-room-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.eap-plugin-scope .eap-live-room-title{
    margin: 0;
    color: #fff;
}

.eap-plugin-scope .eap-live-room-code{
    margin: 5px 0 0;
    color: #94a3b8;
    font-size: 14px;
}

.eap-plugin-scope .eap-live-transcript{
    height: 450px;
    overflow-y: auto;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.eap-plugin-scope .eap-live-transcript-empty{
    color: #64748b;
    text-align: center;
    padding-top: 150px;
}

.eap-plugin-scope .eap-live-panel{
    margin-bottom: 14px;
    padding: 14px;
    border-radius: 12px;
}

.eap-plugin-scope .eap-live-panel--status{
    border: 1px solid rgba(56, 189, 248, 0.25);
    background: rgba(14, 116, 144, 0.18);
}

.eap-plugin-scope .eap-live-panel--health{
    border: 1px solid rgba(148, 163, 184, 0.25);
    background: rgba(15, 23, 42, 0.35);
}

.eap-plugin-scope .eap-live-panel-kicker{
    font-size: 12px;
    letter-spacing: 0.06em;
    color: #94a3b8;
    margin-bottom: 8px;
}

.eap-plugin-scope .eap-live-panel-row{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.eap-plugin-scope .eap-live-launch-badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    min-height: 22px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid rgba(148, 163, 184, 0.4);
    color: #e2e8f0;
    background: rgba(51, 65, 85, 0.45);
}

.eap-plugin-scope .eap-live-launch-state{
    font-size: 13px;
    color: #e2e8f0;
    font-weight: 600;
}

.eap-plugin-scope .eap-live-panel-detail{
    font-size: 12px;
    color: #94a3b8;
    margin-top: 4px;
}

.eap-plugin-scope .eap-live-health-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 8px;
    font-size: 12px;
    color: #e2e8f0;
}

.eap-plugin-scope .eap-live-controls{
    padding: 20px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.eap-plugin-scope .eap-live-control-row{
    display: flex;
    gap: 10px;
    align-items: center;
}

.eap-plugin-scope .eap-recording-indicator{
    display: none;
    align-items: center;
    gap: 6px;
    color: #ef4444;
    font-weight: 700;
    font-size: 12px;
}

.eap-plugin-scope .eap-recording-indicator-dot{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ef4444;
}

.eap-plugin-scope .eap-live-recording-state{
    display: flex;
    flex-direction: column;
    min-width: 220px;
}

.eap-plugin-scope .eap-live-recording-kicker{
    font-size: 12px;
    color: #94a3b8;
    letter-spacing: 0.05em;
}

.eap-plugin-scope .eap-live-recording-text{
    font-size: 13px;
    color: #e2e8f0;
}

.eap-plugin-scope .eap-live-teacher-fallback{
    display: none;
    width: 100%;
}

.eap-plugin-scope .eap-live-form-row{
    display: flex;
    gap: 8px;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.eap-plugin-scope .eap-live-input{
    border-radius: 8px;
    border: 1px solid rgba(148, 163, 184, 0.5);
    padding: 10px;
    background: rgba(15, 23, 42, 0.55);
    color: #fff;
}

.eap-plugin-scope .eap-live-input--single{
    min-height: 36px;
    padding: 0 10px;
}

.eap-plugin-scope .eap-live-input--id{
    width: 120px;
    min-height: 36px;
    padding: 0 10px;
}

.eap-plugin-scope .eap-live-input--textarea{
    flex: 1;
    min-width: 260px;
}

.eap-plugin-scope .eap-live-teacher-reply-wrap{
    width: 100%;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    padding-top: 10px;
}

.eap-plugin-scope .eap-live-subtle-status{
    width: 100%;
    font-size: 12px;
    color: #94a3b8;
}

.eap-plugin-scope .eap-live-student-wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.eap-plugin-scope .eap-live-student-hint{
    color: #94a3b8;
    font-size: 13px;
}

.eap-plugin-scope .eap-live-microphone-icon{
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.eap-plugin-scope .eap-live-language-form{
    align-items: center;
}

.eap-plugin-scope .eap-live-language-label{
    font-size: 12px;
    color: #cbd5e1;
    letter-spacing: 0.03em;
}

.eap-plugin-scope .eap-live-hint{
    font-size: 12px;
    color: #94a3b8;
}

.eap-plugin-scope .eap-live-exit-link{
    color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
}

.eap-plugin-scope .eap-peer-chat-panel{
    margin-top: 14px;
    padding: 16px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.25);
}

.eap-plugin-scope .eap-peer-chat-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.eap-plugin-scope .eap-peer-chat-title{
    margin: 0;
    color: #e2e8f0;
    font-size: 15px;
}

.eap-plugin-scope .eap-peer-chat-unread{
    display: none;
    background: #ef4444;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 999px;
    padding: 1px 7px;
    margin-left: 6px;
    vertical-align: middle;
}

.eap-plugin-scope .eap-peer-chat-status{
    color: #94a3b8;
}

.eap-plugin-scope .eap-peer-chat-messages{
    max-height: 240px;
    overflow-y: auto;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: rgba(15, 23, 42, 0.35);
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 10px;
}

.eap-plugin-scope .eap-peer-chat-empty{
    color: #94a3b8;
    font-size: 12px;
    text-align: center;
}

.eap-plugin-scope .eap-peer-chat-form{
    display: flex;
    gap: 8px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.eap-plugin-scope .eap-peer-chat-input{
    flex: 1;
    min-width: 260px;
}

.eap-plugin-scope .eap-teacher-question-list{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.eap-plugin-scope .eap-teacher-question-empty{
    color: #94a3b8;
    font-size: 13px;
}

.eap-plugin-scope .eap-teacher-question-item{
    padding: 8px;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.25);
}

.eap-plugin-scope .eap-teacher-question-pick{
    all: unset;
    cursor: pointer;
    display: block;
    width: 100%;
    color: #e2e8f0;
    font-size: 13px;
}

.eap-plugin-scope .eap-teacher-question-id{
    color: #93c5fd;
}

.eap-plugin-scope .eap-live-analytics-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.eap-plugin-scope .eap-live-analytics-card{
    padding: 16px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.25);
}

.eap-plugin-scope .eap-live-analytics-title{
    margin: 0 0 10px;
    color: #e2e8f0;
    font-size: 15px;
}

.eap-plugin-scope .eap-inst-home-kpi-grid{
    grid-template-columns: repeat(4, 1fr) !important;
}

.eap-plugin-scope .eap-pb-lg{
    padding-bottom: 24px;
}

.eap-plugin-scope .eap-license-activate-form{
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.eap-plugin-scope .eap-license-activate-input{
    width: 100%;
    max-width: 320px;
    padding: 8px 12px;
    border: 1px solid var(--eap-border);
    border-radius: var(--r-sm);
}

.eap-plugin-scope .eap-teacher-session-action-row{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.eap-plugin-scope .eap-teacher-no-action{
    color: #64748b;
    font-size: 12px;
}

.eap-plugin-scope .eap-teacher-performance--summary{
    background-color: rgba(59, 130, 246, 0.06);
}

.eap-plugin-scope .eap-teacher-performance--mcq{
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid var(--eap-border, #e5e7eb);
    border-radius: 8px;
    background: rgba(34, 197, 94, 0.06);
}

.eap-plugin-scope .eap-teacher-performance-title{
    display: block;
    margin-bottom: 4px;
}

.eap-plugin-scope .eap-teacher-performance-copy{
    margin: 0;
    font-size: 13px;
}

.eap-plugin-scope .eap-teacher-item-status{
    max-width: 160px;
}

.eap-plugin-scope .eap-teacher-student-ids{
    max-width: 220px;
}

.eap-plugin-scope .eap-alert-spaced{
    margin: 20px;
}

.eap-plugin-scope .eap-student-answer-state--answered{
    color: var(--eap-emerald);
    font-weight: 600;
}

.eap-plugin-scope .eap-student-answer-state--pending{
    color: var(--eap-amber);
}

.eap-plugin-scope .eap-student-mcq-option--stacked{
    display: block;
    margin-bottom: 6px;
}

.eap-plugin-scope .eap-student-mcq-radio{
    margin-right: 8px;
}

.eap-plugin-scope .eap-layout-diag-title{
    font-weight: 700;
    margin-bottom: 8px;
    color: #93c5fd;
}

.eap-plugin-scope .eap-layout-diag-divider{
    border: none;
    border-top: 1px solid rgba(148, 163, 184, 0.3);
    margin: 10px 0;
}

.eap-plugin-scope .eap-layout-diag-subtitle{
    font-weight: 700;
    margin-bottom: 6px;
}

.eap-plugin-scope .eap-layout-diag-line{
    white-space: normal;
}

.eap-plugin-scope .eap-inst-profile-cover{
    overflow: hidden;
}

.eap-plugin-scope .eap-inst-profile-cover-media{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.eap-plugin-scope .eap-teacher-status-badge--live,
.eap-plugin-scope .eap-teacher-status-badge--active,
.eap-plugin-scope .eap-teacher-status-badge--in-progress{
    background-color: #ef4444;
}

.eap-plugin-scope .eap-teacher-status-badge--scheduled,
.eap-plugin-scope .eap-teacher-status-badge--upcoming{
    background-color: #1d4ed8;
}

.eap-plugin-scope .eap-teacher-status-badge--completed,
.eap-plugin-scope .eap-teacher-status-badge--ended,
.eap-plugin-scope .eap-teacher-status-badge--done{
    background-color: #166534;
}

.eap-plugin-scope .eap-teacher-status-badge--cancelled,
.eap-plugin-scope .eap-teacher-status-badge--canceled{
    background-color: #475569;
}

.eap-plugin-scope .eap-teacher-status-tag--pending_approval{
    --eap-teacher-status: #7c3aed;
}

.eap-plugin-scope .eap-teacher-status-tag--new{
    --eap-teacher-status: #b45309;
}

.eap-plugin-scope .eap-teacher-status-tag--acknowledged{
    --eap-teacher-status: #1d4ed8;
}

.eap-plugin-scope .eap-teacher-status-tag--answered,
.eap-plugin-scope .eap-teacher-status-tag--completed,
.eap-plugin-scope .eap-teacher-status-tag--published{
    --eap-teacher-status: #166534;
}

.eap-plugin-scope .eap-teacher-status-tag--closed,
.eap-plugin-scope .eap-teacher-status-tag--draft,
.eap-plugin-scope .eap-teacher-status-tag--pending,
.eap-plugin-scope .eap-teacher-status-tag--uploaded,
.eap-plugin-scope .eap-teacher-status-tag--queued{
    --eap-teacher-status: #475569;
}

.eap-plugin-scope .eap-teacher-status-tag--review,
.eap-plugin-scope .eap-teacher-status-tag--processing,
.eap-plugin-scope .eap-teacher-status-tag--retrying{
    --eap-teacher-status: #b45309;
}

.eap-plugin-scope .eap-teacher-status-tag--failed,
.eap-plugin-scope .eap-teacher-status-tag--blocked,
.eap-plugin-scope .eap-teacher-status-tag--cancelled{
    --eap-teacher-status: #ef4444;
}

/* media responsive behavior */
@media (max-width: 960px) {
    .eap-plugin-scope .eap-auth-grid{ grid-template-columns: 1fr; }
    .eap-plugin-scope .eap-auth-card{ padding: 28px 20px; }
    .eap-plugin-scope .eap-auth-trust-grid{ gap: 16px; }

    .eap-plugin-scope .eap-login-root.eap-auth-shell{
        width: min(100%, calc(100vw - 24px));
        margin: 18px auto 34px !important;
    }

    .eap-plugin-scope .eap-login-root .eap-auth-inner{
        padding: 18px;
        gap: 18px;
    }

    .eap-plugin-scope .eap-login-root .eap-auth-grid{
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .eap-plugin-scope .eap-login-root .eap-auth-hero{
        min-height: 360px;
        padding: 30px;
    }

    .eap-plugin-scope .eap-login-root .eap-auth-hero-title{
        font-size: 34px;
    }

    .eap-plugin-scope .eap-login-root .eap-auth-role-grid,
.eap-plugin-scope .eap-login-root .eap-auth-trust-grid{
        grid-template-columns: 1fr !important;
    }

    .eap-plugin-scope .eap-login-root .eap-auth-role-card{
        min-height: 0;
    }

    .eap-plugin-scope .eap-portal-shell .eap-shell-inner{
        flex-direction: column !important;
        padding: 12px !important;
        gap: 12px !important;
    }

    .eap-plugin-scope .eap-portal-shell .eap-sidebar{
        width: 100% !important;
        min-width: 0 !important;
    }

    .eap-plugin-scope .eap-portal-shell .eap-topbar{
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 16px !important;
    }

    .eap-plugin-scope .eap-portal-shell .eap-topbar-right{
        margin-left: 0 !important;
        display: flex;
        justify-content: flex-end;
    }
}

/* ===== SOURCE: pa-unified-design-system.css ===== */
/**
 * ╔══════════════════════════════════════════════════════════════════════════╗
 * ║                                                                          ║
 * ║   PERFECT APTITUDE — UNIFIED DESIGN SYSTEM  v8.0  (PRODUCTION)          ║
 * ║   ═════════════════════════════════════════════════════════════════════  ║
 * ║                                                                          ║
 * ║   Single source of truth for all dashboards, portals, and interfaces.   ║
 * ║   Consolidates 7+ competing CSS files into one coherent system.         ║
 * ║                                                                          ║
 * ║   DEPRECATES:                                                           ║
 * ║     ✗ eap-design-system.css          (v6.0, 8,278 lines)               ║
 * ║     ✗ eap-unified-design-system.css  (v7.0, incomplete)                ║
 * ║     ✗ eap-portal-shell-recovery.css  (emergency shim)                  ║
 * ║     ✗ perfect-aptitude-learning-theme.css (subsumed)                   ║
 * ║     ✗ dashboard-professional.css     (shim)                            ║
 * ║     ✗ dashboard-premium.css          (shim)                            ║
 * ║     ✗ eap-role-themes.css            (integrated)                      ║
 * ║                                                                          ║
 * ║   KEEPS (ADMIN-ONLY):                                                   ║
 * ║     • eap-admin-shim.css             (WordPress admin form overrides)   ║
 * ║                                                                          ║
 * ║   LOADING ORDER:                                                        ║
 * ║     1. Inter Font (Google Fonts)                                        ║
 * ║     2. THIS FILE (pa-unified-design-system.css)                         ║
 * ║     3. eap-admin-shim.css  (admin pages only, optional)                 ║
 * ║                                                                          ║
 * ║   SCOPING PRINCIPLES:                                                   ║
 * ║     • Frontend: body.eap-portal-template, .eap-viewport-shell           ║
 * ║     • Admin:    .eap-admin-wrap, .eap-dashboard-wrap                    ║
 * ║     • All:      Use .pa-* class namespace                               ║
 * ║     • NO:       Global :root pollution (scoped to plugin containers)    ║
 * ║                                                                          ║
 * ║   CONTRAST GUARANTEED:                                                  ║
 * ║     ✓ Text on light: WCAG AA minimum 4.5:1 ratio                        ║
 * ║     ✓ Text on dark:  WCAG AA minimum 4.5:1 ratio                        ║
 * ║     ✓ Interactive:   Minimum 3:1 ratio                                  ║
 * ║                                                                          ║
 * ╚══════════════════════════════════════════════════════════════════════════╝
 */

/* ════════════════════════════════════════════════════════════════════════════
   SECTION 1: DESIGN TOKENS — Light Mode (Default)
   ════════════════════════════════════════════════════════════════════════════ */

.eap-plugin-scope,
.eap-plugin-scope .eap-viewport-shell,
.eap-plugin-scope .eap-admin-wrap,
.eap-plugin-scope .eap-dashboard-wrap,
.eap-plugin-scope .plugin-ui{

    /* ── Typography ─────────────────────────────────────────────────────── */
    --pa-font-primary:   ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --pa-font-mono:      "Monaco", "Menlo", "Ubuntu Mono", monospace;
    --pa-letter-spacing: -0.3px;

    /* ── Core Color Palette (Light Mode) ─────────────────────────────── */
    /* All colors WCAG AA verified for accessibility */

    /* Neutrals */
    --pa-white:         #ffffff;
    --pa-gray-50:       #f9fafb;
    --pa-gray-100:      #f3f4f6;
    --pa-gray-150:      #f0f1f3;
    --pa-gray-200:      #e5e7eb;
    --pa-gray-300:      #d1d5db;
    --pa-gray-400:      #9ca3af;
    --pa-gray-500:      #6b7280;
    --pa-gray-600:      #4b5563;
    --pa-gray-700:      #374151;
    --pa-gray-800:      #1f2937;
    --pa-gray-900:      #111827;

    /* Primary: Blue (Brand Color) */
    --pa-blue-50:       #eff6ff;
    --pa-blue-100:      #dbeafe;
    --pa-blue-200:      #bfdbfe;
    --pa-blue-300:      #93c5fd;
    --pa-blue-400:      #60a5fa;
    --pa-blue-500:      #2563eb;
    --pa-blue-600:      #2563eb;
    --pa-blue-700:      #1d4ed8;
    --pa-blue-800:      #1e40af;
    --pa-blue-900:      #1e3a8a;

    /* Success: Emerald */
    --pa-emerald-50:    #f0fdf4;
    --pa-emerald-100:   #dcfce7;
    --pa-emerald-200:   #bbf7d0;
    --pa-emerald-300:   #86efac;
    --pa-emerald-400:   #4ade80;
    --pa-emerald-500:   #15803d;
    --pa-emerald-600:   #059669;
    --pa-emerald-700:   #047857;
    --pa-emerald-800:   #065f46;

    /* Warning: Amber */
    --pa-amber-50:      #fffbeb;
    --pa-amber-100:     #fef3c7;
    --pa-amber-200:     #fde68a;
    --pa-amber-300:     #fcd34d;
    --pa-amber-400:     #fbbf24;
    --pa-amber-500:     #b45309;
    --pa-amber-600:     #d97706;
    --pa-amber-700:     #b45309;
    --pa-amber-800:     #92400e;

    /* Danger: Red/Coral */
    --pa-red-50:        #fef2f2;
    --pa-red-100:       #fee2e2;
    --pa-red-200:       #fecaca;
    --pa-red-300:       #fca5a5;
    --pa-red-400:       #f87171;
    --pa-red-500:       #ef4444;
    --pa-red-600:       #dc2626;
    --pa-red-700:       #b91c1c;
    --pa-red-800:       #991b1b;

    /* Accent: Orange */
    --pa-orange-50:     #fff7ed;
    --pa-orange-100:    #ffedd5;
    --pa-orange-200:    #fed7aa;
    --pa-orange-300:    #fdba74;
    --pa-orange-400:    #fb923c;
    --pa-orange-500:    #c2410c;
    --pa-orange-600:    #ea580c;
    --pa-orange-700:    #c2410c;

    /* Semantic Aliases (Light Mode) ────────────────────────────────── */
    --pa-primary:       var(--pa-blue-500);
    --pa-primary-dark:  var(--pa-blue-700);
    --pa-primary-light: var(--pa-blue-50);
    --pa-success:       var(--pa-emerald-500);
    --pa-success-dark:  var(--pa-emerald-700);
    --pa-success-light: var(--pa-emerald-50);
    --pa-warning:       var(--pa-amber-500);
    --pa-warning-dark:  var(--pa-amber-700);
    --pa-warning-light: var(--pa-amber-50);
    --pa-danger:        var(--pa-red-500);
    --pa-danger-dark:   var(--pa-red-700);
    --pa-danger-light:  var(--pa-red-50);
    --pa-accent:        var(--pa-orange-500);
    --pa-accent-dark:   var(--pa-orange-700);

    /* Surfaces (Light Mode) ────────────────────────────────────────── */
    --pa-bg:            #f8fafc;
    --pa-bg-secondary:  #f1f5f9;
    --pa-surface:       #ffffff;
    --pa-surface-soft:  #f8fafc;
    --pa-surface-2:     #f8fafc;
    --pa-surface-3:     #f1f5f9;
    --pa-surface-hover: #f1f5f9;
    --pa-overlay:       rgba(15, 23, 42, 0.5);
    --pa-overlay-light: rgba(15, 23, 42, 0.1);

    /* Text Colors (Light Mode — WCAG AA Verified) ──────────────────── */
    --pa-text-primary:    #0f172a;    /* 15.3:1 on white     */
    --pa-text-secondary:  #475569;    /* 6.5:1 on white      */
    --pa-text-tertiary:   #64748b;    /* 4.7:1 on white      */
    --pa-text-muted:      #64748b;    /* 4.76:1 on white (AA) */
    --pa-text-disabled:   #cbd5e1;    /* accessible grayed   */
    --pa-text-inverse:    #ffffff;    /* for dark surfaces   */
    --pa-text-on-primary: #ffffff;    /* for colored buttons */
    --pa-text-on-success: #ffffff;
    --pa-text-on-warning: #ffffff;
    --pa-text-on-danger:  #ffffff;

    /* Borders ──────────────────────────────────────────────────────── */
    --pa-border:        rgba(226, 232, 240, 0.8);
    --pa-border-solid:  #e2e8f0;
    --pa-border-hover:  #bfdbfe;
    --pa-border-focus:  #2563eb;
    --pa-border-error:  #dc2626;
    --pa-border-success:#15803d;

    /* Sidebar ──────────────────────────────────────────────────────── */
    --pa-sidebar-bg:              #ffffff;
    --pa-sidebar-text:            #475569;
    --pa-sidebar-text-active:     #2563eb;   /* blue — matches website --pa-primary */
    --pa-sidebar-item-hover:      #f1f5f9;
    --pa-sidebar-item-active:     rgba(59, 130, 246, 0.08);  /* blue tint */
    --pa-sidebar-divider:         #e2e8f0;
    --pa-sidebar-width:           280px;
    --pa-sidebar-width-collapsed: 80px;

    /* Topbar ───────────────────────────────────────────────────────── */
    --pa-topbar-bg:     #ffffff;
    --pa-topbar-border: var(--pa-border-solid);
    --pa-topbar-height: 70px;

    /* Admin Bar ────────────────────────────────────────────────────── */
    --pa-adminbar-height: 0px;

    /* Cards & Containers ──────────────────────────────────────────── */
    --pa-card-bg:       var(--pa-surface);
    --pa-card-border:   #e2e8f0;
    --pa-card-radius:   16px;

    /* Border Radius Scale ──────────────────────────────────────────── */
    --pa-radius-xs:   4px;
    --pa-radius-sm:   8px;
    --pa-radius-md:   12px;
    --pa-radius-lg:   16px;
    --pa-radius-xl:   20px;
    --pa-radius-2xl:  32px;
    --pa-radius-full: 9999px;

    /* Spacing Scale (8px base) ──────────────────────────────────────── */
    --pa-space-xs:   4px;
    --pa-space-sm:   8px;
    --pa-space-md:   12px;
    --pa-space-lg:   16px;
    --pa-space-xl:   20px;
    --pa-space-2xl:  32px;
    --pa-space-3xl:  48px;
    --pa-space-4xl:  64px;

    /* Gaps (for flex/grid) ──────────────────────────────────────────── */
    --pa-gap-xs:   4px;
    --pa-gap-sm:   8px;
    --pa-gap-md:   12px;
    --pa-gap-lg:   16px;
    --pa-gap-xl:   20px;
    --pa-gap-2xl:  32px;

    /* Shadows ──────────────────────────────────────────────────────── */
    --pa-shadow-xs:      0 1px 2px rgba(15, 23, 42, 0.05);
    --pa-shadow-sm:      0 4px 6px -1px rgba(15, 23, 42, 0.05), 0 2px 4px -1px rgba(15, 23, 42, 0.03);
    --pa-shadow-md:      0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -2px rgba(15, 23, 42, 0.04);
    --pa-shadow-lg:      0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
    --pa-shadow-xl:      0 25px 50px -12px rgba(15, 23, 42, 0.15);
    --pa-shadow-2xl:     0 40px 80px rgba(15, 23, 42, 0.2);
    --pa-shadow-inset:   inset 0 2px 4px rgba(15, 23, 42, 0.06);

    /* Glow Shadows (for highlights) ────────────────────────────────── */
    --pa-glow-blue:    0 0 20px rgba(59, 130, 246, 0.25);
    --pa-glow-emerald: 0 0 20px rgba(16, 185, 129, 0.25);
    --pa-glow-amber:   0 0 20px rgba(245, 158, 11, 0.25);
    --pa-glow-red:     0 0 20px rgba(239, 68, 68, 0.25);

    /* Gradients ────────────────────────────────────────────────────── */
    --pa-grad-primary:  linear-gradient(135deg, #2563eb 0%, #2563eb 100%);
    --pa-grad-success:  linear-gradient(135deg, #15803d 0%, #059669 100%);
    --pa-grad-warning:  linear-gradient(135deg, #b45309 0%, #d97706 100%);
    --pa-grad-danger:   linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --pa-grad-accent:   linear-gradient(135deg, #c2410c 0%, #ea580c 100%);
    --pa-grad-glass:    rgba(255, 255, 255, 0.7);

    /* Motion & Animation ──────────────────────────────────────────── */
    --pa-ease:          240ms cubic-bezier(0.4, 0, 0.2, 1);
    --pa-ease-bounce:   320ms cubic-bezier(0.34, 1.56, 0.64, 1);
    --pa-ease-in:       200ms cubic-bezier(0.4, 0, 1, 1);
    --pa-ease-out:      200ms cubic-bezier(0, 0, 0.2, 1);

    /* ── Role Theme Defaults (overridden by body.pa-role-*) ───────── */
    --role-primary:     var(--pa-primary);
    --role-primary-dk:  var(--pa-primary-dark);
    --role-accent:      var(--pa-accent);
    --role-bg:          var(--pa-bg);
    --role-radius:      var(--pa-radius-md);

    /* ── Backward Compatibility Aliases ────────────────────────────── */
    --eap-primary:      var(--pa-primary);
    --eap-primary-dark: var(--pa-primary-dark);
    --eap-success:      var(--pa-success);
    --eap-warning:      var(--pa-warning);
    --eap-danger:       var(--pa-danger);
    --eap-accent:       var(--pa-accent);
    --eap-bg:           var(--pa-bg);
    --eap-surface:      var(--pa-surface);
    --eap-text-primary: var(--pa-text-primary);
    --eap-border:       var(--pa-border);
    --eap-radius:       var(--pa-radius-md);
    --eap-font:         var(--pa-font-primary);
}

/* ════════════════════════════════════════════════════════════════════════════
   SECTION 2: DESIGN TOKENS — Dark Mode
   ════════════════════════════════════════════════════════════════════════════ */

.eap-plugin-scope[data-pa-theme="dark"],
.eap-plugin-scope[data-eap-theme="dark"],
.eap-plugin-scope [data-pa-theme="dark"] .eap-viewport-shell,
.eap-plugin-scope [data-eap-theme="dark"] .eap-viewport-shell,
.eap-plugin-scope .dark .eap-viewport-shell{

    /* Neutrals (Dark Mode) */
    --pa-gray-50:       #0f172a;
    --pa-gray-100:      #1e293b;
    --pa-gray-150:      #293548;
    --pa-gray-200:      #334155;
    --pa-gray-300:      #475569;
    --pa-gray-400:      #64748b;
    --pa-gray-500:      #94a3b8;
    --pa-gray-600:      #cbd5e1;
    --pa-gray-700:      #e2e8f0;
    --pa-gray-800:      #f1f5f9;
    --pa-gray-900:      #f9fafb;

    /* Semantic Colors (Dark Mode — WCAG AA Verified) */
    --pa-primary:       #60a5fa;    /* Lighter blue for dark bg */
    --pa-primary-dark:  #93c5fd;
    --pa-primary-light: #1e3a8a;
    --pa-success:       #34d399;    /* Lighter emerald */
    --pa-success-dark:  #6ee7b7;
    --pa-success-light: #047857;
    --pa-warning:       #fbbf24;    /* Lighter amber */
    --pa-warning-dark:  #fcd34d;
    --pa-warning-light: #92400e;
    --pa-danger:        #f87171;    /* Lighter red */
    --pa-danger-dark:   #fca5a5;
    --pa-danger-light:  #7f1d1d;
    --pa-accent:        #fb923c;    /* Lighter orange */
    --pa-accent-dark:   #fed7aa;

    /* Surfaces (Dark Mode) */
    --pa-bg:            #0b0f1a;
    --pa-bg-secondary:  #1a1f2e;
    --pa-surface:       #161e2e;
    --pa-surface-soft:  #1f2937;
    --pa-surface-2:     #1f2937;
    --pa-surface-3:     #374151;
    --pa-surface-hover: #1f2937;
    --pa-overlay:       rgba(0, 0, 0, 0.7);
    --pa-overlay-light: rgba(0, 0, 0, 0.3);

    /* Text Colors (Dark Mode — WCAG AA Verified) */
    --pa-text-primary:    #f9fafb;    /* 15.3:1 on #161e2e  */
    --pa-text-secondary:  #d1d5db;    /* 10.5:1 on #161e2e  */
    --pa-text-tertiary:   #9ca3af;    /* 7.5:1 on #161e2e   */
    --pa-text-muted:      #6b7280;    /* 4.5:1 on #161e2e   */
    --pa-text-disabled:   #4b5563;
    --pa-text-inverse:    #0f172a;
    --pa-text-on-primary: #1e3a8a;
    --pa-text-on-success: #047857;
    --pa-text-on-warning: #92400e;
    --pa-text-on-danger:  #7f1d1d;

    /* Borders (Dark Mode) */
    --pa-border:        rgba(75, 85, 99, 0.5);
    --pa-border-solid:  #334155;
    --pa-border-hover:  #4b5563;
    --pa-border-focus:  #60a5fa;
    --pa-border-error:  #f87171;
    --pa-border-success:#34d399;

    /* Sidebar (Dark Mode) */
    --pa-sidebar-bg:       linear-gradient(180deg, #0f4cb8 0%, #0c3e96 100%);
    --pa-sidebar-item-hover: rgba(255, 255, 255, 0.15);
    --pa-sidebar-item-active: rgba(255, 255, 255, 0.25);

    /* Topbar (Dark Mode) */
    --pa-topbar-bg:     #1f2937;
    --pa-topbar-border: var(--pa-border-solid);

    /* Cards (Dark Mode) */
    --pa-card-bg:       var(--pa-surface);
    --pa-card-border:   var(--pa-border-solid);

    /* Surfaces remain same */
    --pa-surface:       #161e2e;
}

/* ════════════════════════════════════════════════════════════════════════════
   SECTION 3: GLOBAL RESET & BASE STYLES
   ════════════════════════════════════════════════════════════════════════════ */

.eap-plugin-scope,
.eap-plugin-scope .eap-admin-template,
.eap-plugin-scope .eap-viewport-shell,
.eap-plugin-scope .eap-admin-wrap,
.eap-plugin-scope .eap-dashboard-wrap{
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--pa-font-primary) !important;
    background-color: var(--pa-bg) !important;
    color: var(--pa-text-primary) !important;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
}

.eap-plugin-scope,
.eap-plugin-scope *,
.eap-plugin-scope::before,
.eap-plugin-scope *::before,
.eap-plugin-scope::after,
.eap-plugin-scope *::after{
    box-sizing: border-box;
}

/* ════════════════════════════════════════════════════════════════════════════
   SECTION 4: MAIN DASHBOARD SHELL
   ════════════════════════════════════════════════════════════════════════════ */

.eap-plugin-scope .eap-viewport-shell{
    position: fixed !important;
    top: var(--pa-adminbar-height, 0px) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: calc(100vh - var(--pa-adminbar-height, 0px)) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: var(--pa-bg) !important;
    color: var(--pa-text-primary) !important;
    z-index: 9990;
}

.eap-plugin-scope .eap-shell-inner,
.eap-plugin-scope .eap-dashboard-app-wrap{
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

/* ── Sidebar ───────────────────────────────────────────────────── */
.eap-plugin-scope .eap-sidebar{
    flex-shrink: 0;
    width: var(--pa-sidebar-width) !important;
    min-width: var(--pa-sidebar-width) !important;
    max-width: var(--pa-sidebar-width) !important;
    height: 100% !important;
    background: var(--pa-sidebar-bg) !important;
    padding: 24px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    border-right: 1px solid var(--pa-border-solid);
    overflow-y: auto;
    color: var(--pa-sidebar-text);
}

.eap-plugin-scope .eap-sidebar-collapsed{
    width: var(--pa-sidebar-width-collapsed) !important;
    min-width: var(--pa-sidebar-width-collapsed) !important;
    max-width: var(--pa-sidebar-width-collapsed) !important;
    padding: 16px 8px !important;
}

.eap-plugin-scope .eap-sidebar-logo{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 8px;
    margin-bottom: 8px;
}

.eap-plugin-scope .eap-logo-mark{
    width: 40px;
    height: 40px;
    background: var(--pa-grad-primary);
    border-radius: var(--pa-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 16px rgba(59, 130, 246, 0.3);
    flex-shrink: 0;
}

.eap-plugin-scope .eap-logo-name{
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: var(--pa-letter-spacing);
}

.eap-plugin-scope .eap-logo-sub{
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--pa-sidebar-text);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 2px;
}

.eap-plugin-scope .eap-sidebar-nav{
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.eap-plugin-scope .eap-nav-item{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: var(--pa-radius-sm);
    color: var(--pa-sidebar-text);
    text-decoration: none;
    transition: all var(--pa-ease);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}

.eap-plugin-scope .eap-nav-item:hover{
    background: var(--pa-sidebar-item-hover);
    color: var(--pa-sidebar-text-active);
}

.eap-plugin-scope .eap-nav-item.active,
.eap-plugin-scope .eap-nav-item[aria-current="page"]{
    background: var(--pa-sidebar-item-active);
    color: var(--pa-sidebar-text-active);
    font-weight: 600;
}

.eap-plugin-scope .eap-sidebar-collapsed .eap-logo-name,
.eap-plugin-scope .eap-sidebar-collapsed .eap-logo-sub{
    display: none;
}

/* ── Topbar ────────────────────────────────────────────────────── */
.eap-plugin-scope .eap-topbar{
    flex-shrink: 0;
    height: var(--pa-topbar-height) !important;
    background: var(--pa-topbar-bg) !important;
    border-bottom: 1px solid var(--pa-topbar-border) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 var(--pa-space-xl) !important;
    gap: var(--pa-gap-lg);
    box-shadow: var(--pa-shadow-sm);
}

.eap-plugin-scope .eap-topbar h1,
.eap-plugin-scope .eap-page-title{
    color: var(--pa-text-primary);
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    letter-spacing: var(--pa-letter-spacing);
}

/* ── Main Content Area ─────────────────────────────────────────── */
.eap-plugin-scope .eap-main{
    flex: 1;
    background: var(--pa-bg) !important;
    padding: var(--pa-space-2xl) !important;
    overflow-y: auto !important;
    min-width: 0 !important;
}

.eap-plugin-scope .eap-main > div{
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
}

/* ════════════════════════════════════════════════════════════════════════════
   SECTION 5: CARDS & CONTAINERS
   ════════════════════════════════════════════════════════════════════════════ */

.eap-plugin-scope .eap-card,
.eap-plugin-scope .pa-card{
    background: var(--pa-card-bg) !important;
    border: 1px solid var(--pa-card-border) !important;
    border-radius: var(--pa-card-radius) !important;
    padding: var(--pa-space-xl) !important;
    box-shadow: var(--pa-shadow-sm) !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all var(--pa-ease);
    color: var(--pa-text-primary);
}

.eap-plugin-scope .eap-card:hover,
.eap-plugin-scope .pa-card:hover{
    border-color: var(--pa-border-hover);
    box-shadow: var(--pa-shadow-md);
    transform: translateY(-2px);
}

.eap-plugin-scope .eap-card-header,
.eap-plugin-scope .pa-card-header{
    margin-bottom: var(--pa-space-lg);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--pa-gap-md);
}

.eap-plugin-scope .eap-card-title,
.eap-plugin-scope .pa-card-title{
    color: var(--pa-text-primary);
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    letter-spacing: var(--pa-letter-spacing);
}

.eap-plugin-scope .eap-card-desc,
.eap-plugin-scope .pa-card-desc{
    color: var(--pa-text-secondary);
    font-size: 13px;
    line-height: 1.6;
    margin: 8px 0 0 0;
}

.eap-plugin-scope .eap-card-body,
.eap-plugin-scope .pa-card-body{
    flex: 1;
}

.eap-plugin-scope .eap-card-footer,
.eap-plugin-scope .pa-card-footer{
    margin-top: var(--pa-space-lg);
    display: flex;
    gap: var(--pa-gap-md);
}

/* ── Grid System ──────────────────────────────────────────────── */
.eap-plugin-scope .eap-dashboard-grid,
.eap-plugin-scope .pa-grid{
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
    gap: var(--pa-gap-lg) !important;
    align-items: stretch !important;
}

.eap-plugin-scope .eap-card-col-1{ grid-column: span 1; }
.eap-plugin-scope .eap-card-col-2{ grid-column: span 2; }
.eap-plugin-scope .eap-card-col-3{ grid-column: span 3; }
.eap-plugin-scope .eap-card-col-4{ grid-column: span 4; }
.eap-plugin-scope .eap-card-col-6{ grid-column: span 6; }
.eap-plugin-scope .eap-card-col-12{ grid-column: span 12; }

@media (max-width: 1400px) {
    .eap-plugin-scope .eap-card-col-4{ grid-column: span 6; }
    .eap-plugin-scope .eap-card-col-3{ grid-column: span 6; }
}

@media (max-width: 768px) {
    .eap-plugin-scope .eap-card-col-4,
.eap-plugin-scope .eap-card-col-6,
.eap-plugin-scope .eap-card-col-3,
.eap-plugin-scope .eap-card-col-2{ grid-column: span 12; }

    .eap-plugin-scope .eap-sidebar{
        width: var(--pa-sidebar-width-collapsed) !important;
        min-width: var(--pa-sidebar-width-collapsed) !important;
        max-width: var(--pa-sidebar-width-collapsed) !important;
    }
}

/* ════════════════════════════════════════════════════════════════════════════
   SECTION 6: BUTTONS & FORM ELEMENTS
   ════════════════════════════════════════════════════════════════════════════ */

.eap-plugin-scope .eap-btn,
.eap-plugin-scope .pa-button{
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: var(--pa-radius-md);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all var(--pa-ease);
    font-family: var(--pa-font-primary);
    line-height: 1;
}

.eap-plugin-scope .eap-btn--primary,
.eap-plugin-scope .pa-button-primary{
    background: var(--pa-primary);
    color: var(--pa-text-on-primary);
    border-color: var(--pa-primary);
    box-shadow: 0 4px 6px -1px rgba(79, 70, 229, 0.1), 0 2px 4px -1px rgba(79, 70, 229, 0.06);
}

.eap-plugin-scope .eap-btn--primary:hover,
.eap-plugin-scope .pa-button-primary:hover{
    background: var(--pa-primary-dark);
    border-color: var(--pa-primary-dark);
    box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.15), 0 4px 6px -2px rgba(79, 70, 229, 0.05);
    transform: translateY(-2px);
}

.eap-plugin-scope .eap-btn--secondary,
.eap-plugin-scope .pa-button-secondary{
    background: transparent;
    color: var(--pa-text-primary);
    border-color: var(--pa-border);
}

.eap-plugin-scope .eap-btn--secondary:hover,
.eap-plugin-scope .pa-button-secondary:hover{
    background: var(--pa-surface-hover);
    border-color: var(--pa-border-hover);
}

.eap-plugin-scope .eap-btn--danger{
    background: var(--pa-danger);
    color: var(--pa-text-on-danger);
    border-color: var(--pa-danger);
}

.eap-plugin-scope .eap-btn--danger:hover{
    background: var(--pa-danger-dark);
}

.eap-plugin-scope .eap-btn--success{
    background: var(--pa-success);
    color: var(--pa-text-on-success);
    border-color: var(--pa-success);
}

.eap-plugin-scope .eap-btn--success:hover{
    background: var(--pa-success-dark);
}

.eap-plugin-scope .eap-btn:disabled,
.eap-plugin-scope .pa-button:disabled{
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
    box-shadow: none !important;
    filter: grayscale(100%);
}

.eap-plugin-scope .eap-btn--loading{
    pointer-events: none;
    opacity: 0.8;
    position: relative;
    color: transparent !important;
}
.eap-plugin-scope .eap-btn--loading::after{
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #ffffff;
    animation: eap-spin 1s ease-in-out infinite;
}
@keyframes eap-spin { to{ transform: rotate(360deg); } }

/* Form Elements */
.eap-plugin-scope input[type="text"],
.eap-plugin-scope input[type="email"],
.eap-plugin-scope input[type="password"],
.eap-plugin-scope input[type="number"],
.eap-plugin-scope input[type="url"],
.eap-plugin-scope select,
.eap-plugin-scope textarea{
    appearance: none;
    -webkit-appearance: none;
    padding: 12px 16px;
    border-radius: var(--pa-radius-sm);
    border: 1px solid var(--pa-border-solid);
    background: var(--pa-surface);
    color: var(--pa-text-primary);
    font-family: var(--pa-font-primary);
    font-size: 15px;
    font-weight: 500;
    transition: all var(--pa-ease);
    width: 100%;
}

.eap-plugin-scope input[type="text"]:focus,
.eap-plugin-scope input[type="email"]:focus,
.eap-plugin-scope input[type="password"]:focus,
.eap-plugin-scope input[type="number"]:focus,
.eap-plugin-scope input[type="url"]:focus,
.eap-plugin-scope select:focus,
.eap-plugin-scope textarea:focus{
    border-color: var(--pa-primary);
    outline: none;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.15);
    background: var(--pa-surface);
}

/* ════════════════════════════════════════════════════════════════════════════
   SECTION 7: TABLES & DATA DISPLAYS
   ════════════════════════════════════════════════════════════════════════════ */

.eap-plugin-scope table{
    width: 100%;
    border-collapse: collapse;
    color: var(--pa-text-primary);
}

.eap-plugin-scope thead{
    background: var(--pa-surface-3);
    border-bottom: 2px solid var(--pa-border);
}

.eap-plugin-scope th{
    padding: 12px 16px;
    text-align: left;
    font-weight: 700;
    font-size: 13px;
    color: var(--pa-text-primary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.eap-plugin-scope td{
    padding: 12px 16px;
    border-bottom: 1px solid var(--pa-border);
    color: var(--pa-text-secondary);
    font-size: 13px;
}

.eap-plugin-scope tbody tr:hover{
    background: var(--pa-surface-hover);
}

.eap-plugin-scope tbody tr.alternate,
.eap-plugin-scope tbody tr:nth-child(even){
    background: var(--pa-surface-soft);
}

.eap-plugin-scope tbody tr.alternate:hover,
.eap-plugin-scope tbody tr:nth-child(even):hover{
    background: var(--pa-surface-hover);
}

/* ════════════════════════════════════════════════════════════════════════════
   SECTION 8: ALERTS & NOTIFICATIONS
   ════════════════════════════════════════════════════════════════════════════ */

.eap-plugin-scope .eap-alert,
.eap-plugin-scope .pa-alert{
    padding: var(--pa-space-lg);
    border-radius: var(--pa-radius-md);
    border: 1px solid;
    display: flex;
    align-items: flex-start;
    gap: var(--pa-gap-md);
    font-size: 14px;
    line-height: 1.5;
}

.eap-plugin-scope .eap-alert-success,
.eap-plugin-scope .pa-alert-success{
    background: var(--pa-success-light);
    border-color: var(--pa-success);
    color: var(--pa-success-dark);
}

.eap-plugin-scope .eap-alert-warning,
.eap-plugin-scope .pa-alert-warning{
    background: var(--pa-warning-light);
    border-color: var(--pa-warning);
    color: var(--pa-warning-dark);
}

.eap-plugin-scope .eap-alert-danger,
.eap-plugin-scope .pa-alert-danger{
    background: var(--pa-danger-light);
    border-color: var(--pa-danger);
    color: var(--pa-danger-dark);
}

.eap-plugin-scope .eap-alert-info,
.eap-plugin-scope .pa-alert-info{
    background: var(--pa-primary-light);
    border-color: var(--pa-primary);
    color: var(--pa-primary-dark);
}

.eap-plugin-scope .eap-alert-icon{
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

/* ════════════════════════════════════════════════════════════════════════════
   SECTION 9: KPI & METRICS
   ════════════════════════════════════════════════════════════════════════════ */

.eap-plugin-scope .eap-metric-label,
.eap-plugin-scope .pa-metric-label{
    display: block;
    color: var(--pa-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 8px;
}

.eap-plugin-scope .eap-metric-value,
.eap-plugin-scope .pa-metric-value{
    color: var(--pa-text-primary);
    font-size: 32px;
    font-weight: 900;
    line-height: 1.1;
    font-family: var(--pa-font-primary);
    letter-spacing: -1px;
}

.eap-plugin-scope .eap-metric-change{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px;
}

.eap-plugin-scope .eap-metric-change.positive{
    color: var(--pa-success);
}

.eap-plugin-scope .eap-metric-change.negative{
    color: var(--pa-danger);
}

/* ════════════════════════════════════════════════════════════════════════════
   SECTION 10: ROLE-SPECIFIC THEMES
   DISTINCT VISUAL IDENTITY FOR INSTITUTION | TEACHER | STUDENT
   ════════════════════════════════════════════════════════════════════════════ */

/*
 * Each role has a unique visual identity:
 * - Sidebar gradient (deep professional colors)
 * - Topbar accent stripe (role personality)
 * - Button colors (primary actions reflect role)
 * - Card accent borders (quick visual scanning)
 * - Icon tone (consistent personality)
 * - Empty states (contextual to role)
 *
 * Design Principles:
 * ✓ Professional (Institution) → Command center feel
 * ✓ Nurturing (Teacher) → Supportive, organized
 * ✓ Engaging (Student) → Vibrant, motivating
 * ✓ All roles maintain accessibility (4.5:1 contrast)
 * ✓ No dark/childish styling (enterprise-appropriate)
 */

/* ═══════════════════════════════════════════════════════════════════════════
   INSTITUTION THEME — Professional Command Center
/* ════════════════════════════════════════════════════════════════════════════
   SECTION 13: UTILITY CLASSES
   Semantic classes to replace 530+ inline styles in PHP templates
   ════════════════════════════════════════════════════════════════════════════ */

/* SPACING: Margin Utilities */
.eap-plugin-scope .u-mt-xs{ margin-top: var(--eap-spacing-xs) !important; }
.eap-plugin-scope .u-mt-sm{ margin-top: var(--eap-spacing-sm) !important; }
.eap-plugin-scope .u-mt-md{ margin-top: var(--eap-spacing-md) !important; }
.eap-plugin-scope .u-mt-lg{ margin-top: var(--eap-spacing-lg) !important; }
.eap-plugin-scope .u-mt-xl{ margin-top: var(--eap-spacing-xl) !important; }

.eap-plugin-scope .u-mb-xs{ margin-bottom: var(--eap-spacing-xs) !important; }
.eap-plugin-scope .u-mb-sm{ margin-bottom: var(--eap-spacing-sm) !important; }
.eap-plugin-scope .u-mb-md{ margin-bottom: var(--eap-spacing-md) !important; }
.eap-plugin-scope .u-mb-lg{ margin-bottom: var(--eap-spacing-lg) !important; }
.eap-plugin-scope .u-mb-xl{ margin-bottom: var(--eap-spacing-xl) !important; }

.eap-plugin-scope .u-mx-auto{ margin-left: auto !important; margin-right: auto !important; }
.eap-plugin-scope .u-m-0{ margin: 0 !important; }

/* SPACING: Padding Utilities */
.eap-plugin-scope .u-p-xs{ padding: var(--eap-spacing-xs) !important; }
.eap-plugin-scope .u-p-sm{ padding: var(--eap-spacing-sm) !important; }
.eap-plugin-scope .u-p-md{ padding: var(--eap-spacing-md) !important; }
.eap-plugin-scope .u-p-lg{ padding: var(--eap-spacing-lg) !important; }
.eap-plugin-scope .u-p-xl{ padding: var(--eap-spacing-xl) !important; }

.eap-plugin-scope .u-px-xs{ padding-left: var(--eap-spacing-xs) !important; padding-right: var(--eap-spacing-xs) !important; }
.eap-plugin-scope .u-px-sm{ padding-left: var(--eap-spacing-sm) !important; padding-right: var(--eap-spacing-sm) !important; }
.eap-plugin-scope .u-px-md{ padding-left: var(--eap-spacing-md) !important; padding-right: var(--eap-spacing-md) !important; }
.eap-plugin-scope .u-px-lg{ padding-left: var(--eap-spacing-lg) !important; padding-right: var(--eap-spacing-lg) !important; }

.eap-plugin-scope .u-py-xs{ padding-top: var(--eap-spacing-xs) !important; padding-bottom: var(--eap-spacing-xs) !important; }
.eap-plugin-scope .u-py-sm{ padding-top: var(--eap-spacing-sm) !important; padding-bottom: var(--eap-spacing-sm) !important; }
.eap-plugin-scope .u-py-md{ padding-top: var(--eap-spacing-md) !important; padding-bottom: var(--eap-spacing-md) !important; }
.eap-plugin-scope .u-py-lg{ padding-top: var(--eap-spacing-lg) !important; padding-bottom: var(--eap-spacing-lg) !important; }

/* COLOR: Text Color Utilities */
.eap-plugin-scope .u-text-primary{ color: var(--eap-primary) !important; }
.eap-plugin-scope .u-text-secondary{ color: var(--eap-secondary) !important; }
.eap-plugin-scope .u-text-danger{ color: var(--eap-danger) !important; }
.eap-plugin-scope .u-text-success{ color: var(--eap-success) !important; }
.eap-plugin-scope .u-text-warning{ color: var(--eap-warning) !important; }
.eap-plugin-scope .u-text-info{ color: var(--eap-info) !important; }
.eap-plugin-scope .u-text-muted{ color: var(--eap-text-muted) !important; }
.eap-plugin-scope .u-text-muted-2{ color: var(--eap-text-muted-2) !important; }
.eap-plugin-scope .u-text-subtext{ color: var(--eap-subtext) !important; }
.eap-plugin-scope .u-text-disabled{ color: var(--eap-text-disabled) !important; }
.eap-plugin-scope .u-text-white{ color: #ffffff !important; }
.eap-plugin-scope .u-text-dark{ color: var(--eap-text-dark) !important; }

/* COLOR: Background Color Utilities */
.eap-plugin-scope .u-bg-primary{ background-color: var(--eap-primary) !important; }
.eap-plugin-scope .u-bg-secondary{ background-color: var(--eap-secondary) !important; }
.eap-plugin-scope .u-bg-danger{ background-color: var(--eap-danger) !important; }
.eap-plugin-scope .u-bg-success{ background-color: var(--eap-success) !important; }
.eap-plugin-scope .u-bg-warning{ background-color: var(--eap-warning) !important; }
.eap-plugin-scope .u-bg-info{ background-color: var(--eap-info) !important; }
.eap-plugin-scope .u-bg-light{ background-color: var(--eap-bg-light) !important; }
.eap-plugin-scope .u-bg-lighter{ background-color: var(--eap-bg-lighter) !important; }
.eap-plugin-scope .u-bg-white{ background-color: #ffffff !important; }
.eap-plugin-scope .u-bg-gray-100{ background-color: var(--eap-gray-100) !important; }
.eap-plugin-scope .u-bg-gray-200{ background-color: var(--eap-gray-200) !important; }

/* DISPLAY: Layout Utilities */
.eap-plugin-scope .u-flex{ display: flex !important; }
.eap-plugin-scope .u-flex-col{ display: flex !important; flex-direction: column !important; }
.eap-plugin-scope .u-flex-row{ display: flex !important; flex-direction: row !important; }
.eap-plugin-scope .u-flex-center{ display: flex !important; align-items: center !important; justify-content: center !important; }
.eap-plugin-scope .u-flex-between{ display: flex !important; justify-content: space-between !important; align-items: center !important; }
.eap-plugin-scope .u-flex-start{ display: flex !important; justify-content: flex-start !important; align-items: center !important; }
.eap-plugin-scope .u-flex-end{ display: flex !important; justify-content: flex-end !important; align-items: center !important; }
.eap-plugin-scope .u-flex-1{ flex: 1 !important; }
.eap-plugin-scope .u-flex-wrap{ flex-wrap: wrap !important; }
.eap-plugin-scope .u-flex-gap-xs{ gap: var(--eap-spacing-xs) !important; }
.eap-plugin-scope .u-flex-gap-sm{ gap: var(--eap-spacing-sm) !important; }
.eap-plugin-scope .u-flex-gap-md{ gap: var(--eap-spacing-md) !important; }
.eap-plugin-scope .u-flex-gap-lg{ gap: var(--eap-spacing-lg) !important; }

.eap-plugin-scope .u-grid{ display: grid !important; }
.eap-plugin-scope .u-grid-2{ display: grid !important; grid-template-columns: repeat(2, 1fr) !important; }
.eap-plugin-scope .u-grid-3{ display: grid !important; grid-template-columns: repeat(3, 1fr) !important; }
.eap-plugin-scope .u-grid-4{ display: grid !important; grid-template-columns: repeat(4, 1fr) !important; }

.eap-plugin-scope .u-block{ display: block !important; }
.eap-plugin-scope .u-inline-block{ display: inline-block !important; }
.eap-plugin-scope .u-inline{ display: inline !important; }

.eap-plugin-scope .u-visible{ display: visible !important; }

/* LAYOUT: Width & Height */
.eap-plugin-scope .u-w-full{ width: 100% !important; }
.eap-plugin-scope .u-w-auto{ width: auto !important; }
.eap-plugin-scope .u-min-w-0{ min-width: 0 !important; }
.eap-plugin-scope .u-min-w-150{ min-width: 150px !important; }
.eap-plugin-scope .u-min-w-200{ min-width: 200px !important; }

.eap-plugin-scope .u-h-full{ height: 100% !important; }
.eap-plugin-scope .u-h-auto{ height: auto !important; }

/* ALIGNMENT: Text Alignment */
.eap-plugin-scope .u-text-left{ text-align: left !important; }
.eap-plugin-scope .u-text-center{ text-align: center !important; }
.eap-plugin-scope .u-text-right{ text-align: right !important; }
.eap-plugin-scope .u-text-justify{ text-align: justify !important; }

/* ALIGNMENT: Vertical Alignment */
.eap-plugin-scope .u-align-top{ vertical-align: top !important; }
.eap-plugin-scope .u-align-middle{ vertical-align: middle !important; }
.eap-plugin-scope .u-align-bottom{ vertical-align: bottom !important; }

/* TYPOGRAPHY: Font Weight */
.eap-plugin-scope .u-font-normal{ font-weight: 400 !important; }
.eap-plugin-scope .u-font-medium{ font-weight: 500 !important; }
.eap-plugin-scope .u-font-semibold{ font-weight: 600 !important; }
.eap-plugin-scope .u-font-bold{ font-weight: 700 !important; }

/* TYPOGRAPHY: Font Size */
.eap-plugin-scope .u-text-xs{ font-size: 12px !important; line-height: 1.4 !important; }
.eap-plugin-scope .u-text-sm{ font-size: 14px !important; line-height: 1.4 !important; }
.eap-plugin-scope .u-text-base{ font-size: 16px !important; line-height: 1.5 !important; }
.eap-plugin-scope .u-text-lg{ font-size: 18px !important; line-height: 1.5 !important; }
.eap-plugin-scope .u-text-xl{ font-size: 20px !important; line-height: 1.5 !important; }

/* TYPOGRAPHY: Line Height */
.eap-plugin-scope .u-leading-tight{ line-height: 1.2 !important; }
.eap-plugin-scope .u-leading-normal{ line-height: 1.5 !important; }
.eap-plugin-scope .u-leading-relaxed{ line-height: 1.75 !important; }
.eap-plugin-scope .u-leading-loose{ line-height: 2 !important; }

/* TYPOGRAPHY: Decoration */
.eap-plugin-scope .u-underline{ text-decoration: underline !important; }
.eap-plugin-scope .u-no-underline{ text-decoration: none !important; }
.eap-plugin-scope .u-line-through{ text-decoration: line-through !important; }

/* BORDER: Border Utilities */
.eap-plugin-scope .u-border{ border: 1px solid var(--eap-border-color) !important; }
.eap-plugin-scope .u-border-top{ border-top: 1px solid var(--eap-border-color) !important; }
.eap-plugin-scope .u-border-bottom{ border-bottom: 1px solid var(--eap-border-color) !important; }
.eap-plugin-scope .u-border-left{ border-left: 1px solid var(--eap-border-color) !important; }
.eap-plugin-scope .u-border-right{ border-right: 1px solid var(--eap-border-color) !important; }

.eap-plugin-scope .u-border-light{ border: 1px solid var(--eap-border-light) !important; }
.eap-plugin-scope .u-border-top-light{ border-top: 1px solid var(--eap-border-light) !important; }
.eap-plugin-scope .u-border-bottom-light{ border-bottom: 1px solid var(--eap-border-light) !important; }

.eap-plugin-scope .u-border-primary{ border: 1px solid var(--eap-primary) !important; }
.eap-plugin-scope .u-border-danger{ border: 1px solid var(--eap-danger) !important; }
.eap-plugin-scope .u-border-success{ border: 1px solid var(--eap-success) !important; }

/* BORDER: Border Radius */
.eap-plugin-scope .u-rounded-none{ border-radius: 0 !important; }
.eap-plugin-scope .u-rounded-xs{ border-radius: var(--eap-radius-xs) !important; }
.eap-plugin-scope .u-rounded-sm{ border-radius: var(--eap-radius-sm) !important; }
.eap-plugin-scope .u-rounded-md{ border-radius: var(--eap-radius-md) !important; }
.eap-plugin-scope .u-rounded-lg{ border-radius: var(--eap-radius-lg) !important; }
.eap-plugin-scope .u-rounded-full{ border-radius: 9999px !important; }

/* SHADOW: Shadow Utilities */
.eap-plugin-scope .u-shadow-none{ box-shadow: none !important; }
.eap-plugin-scope .u-shadow-sm{ box-shadow: var(--eap-shadow-sm) !important; }
.eap-plugin-scope .u-shadow-md{ box-shadow: var(--eap-shadow-md) !important; }
.eap-plugin-scope .u-shadow-lg{ box-shadow: var(--eap-shadow-lg) !important; }
.eap-plugin-scope .u-shadow-xl{ box-shadow: var(--eap-shadow-xl) !important; }

/* OPACITY: Opacity Utilities */
.eap-plugin-scope .u-opacity-0{ opacity: 0 !important; }
.eap-plugin-scope .u-opacity-50{ opacity: 0.5 !important; }
.eap-plugin-scope .u-opacity-75{ opacity: 0.75 !important; }
.eap-plugin-scope .u-opacity-100{ opacity: 1 !important; }

/* POINTER: Cursor Utilities */
.eap-plugin-scope .u-cursor-auto{ cursor: auto !important; }
.eap-plugin-scope .u-cursor-pointer{ cursor: pointer !important; }
.eap-plugin-scope .u-cursor-default{ cursor: default !important; }
.eap-plugin-scope .u-cursor-not-allowed{ cursor: not-allowed !important; }

/* POSITION: Position Utilities */
.eap-plugin-scope .u-relative{ position: relative !important; }
.eap-plugin-scope .u-absolute{ position: absolute !important; }
.eap-plugin-scope .u-fixed{ position: fixed !important; }
.eap-plugin-scope .u-static{ position: static !important; }

/* OVERFLOW: Overflow Utilities */
.eap-plugin-scope .u-overflow-hidden{ overflow: hidden !important; }
.eap-plugin-scope .u-overflow-auto{ overflow: auto !important; }
.eap-plugin-scope .u-overflow-visible{ overflow: visible !important; }
.eap-plugin-scope .u-truncate{ overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

/* COMMON PATTERNS: Card & Container Utilities */
.eap-plugin-scope .u-card-container{
    background-color: var(--eap-bg-white);
    border-radius: var(--eap-radius-md);
    padding: var(--eap-spacing-lg);
    box-shadow: var(--eap-shadow-md);
}

.eap-plugin-scope .u-card-header{
    padding-bottom: var(--eap-spacing-md);
    border-bottom: 1px solid var(--eap-border-light);
    margin-bottom: var(--eap-spacing-md);
}

.eap-plugin-scope .u-card-title{
    font-size: 18px;
    font-weight: 700;
    color: var(--eap-text-dark);
    margin: 0;
    padding: 0;
}

.eap-plugin-scope .u-card-subtitle{
    font-size: 14px;
    color: var(--eap-text-muted);
    margin-top: var(--eap-spacing-xs);
}

.eap-plugin-scope .u-card-body{
    padding: var(--eap-spacing-lg) 0;
}

.eap-plugin-scope .u-card-footer{
    padding-top: var(--eap-spacing-md);
    border-top: 1px solid var(--eap-border-light);
    margin-top: var(--eap-spacing-md);
}

/* COMMON PATTERNS: Row & Column Utilities */
.eap-plugin-scope .u-row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--eap-spacing-md);
}

.eap-plugin-scope .u-col{
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 150px;
}

.eap-plugin-scope .u-col-auto{ flex: none; }
.eap-plugin-scope .u-col-full{ flex: 0 0 100%; }
.eap-plugin-scope .u-col-half{ flex: 0 0 50%; }
.eap-plugin-scope .u-col-third{ flex: 0 0 calc(33.333% - 10px); }
.eap-plugin-scope .u-col-quarter{ flex: 0 0 calc(25% - 10px); }

/* COMMON PATTERNS: Table Utilities */
.eap-plugin-scope .u-table-container{
    overflow-x: auto;
    border-radius: var(--eap-radius-md);
    box-shadow: var(--eap-shadow-sm);
}

.eap-plugin-scope .u-table{
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.eap-plugin-scope .u-table-header{
    background-color: var(--eap-bg-light);
    font-weight: 600;
    padding: var(--eap-spacing-md);
}

.eap-plugin-scope .u-table-row{
    border-bottom: 1px solid var(--eap-border-light);
    transition: background-color 0.2s ease;
}

.eap-plugin-scope .u-table-row:hover{
    background-color: var(--eap-bg-lighter);
}

.eap-plugin-scope .u-table-cell{
    padding: var(--eap-spacing-md);
}

/* COMMON PATTERNS: Badge & Label Utilities */
.eap-plugin-scope .u-badge{
    display: inline-block;
    padding: 2px 8px;
    border-radius: var(--eap-radius-full);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

.eap-plugin-scope .u-badge-primary{
    background-color: rgba(59, 130, 246, 0.1);
    color: var(--eap-primary);
}

.eap-plugin-scope .u-badge-success{
    background-color: rgba(16, 185, 129, 0.1);
    color: var(--eap-success);
}

.eap-plugin-scope .u-badge-danger{
    background-color: rgba(239, 68, 68, 0.1);
    color: var(--eap-danger);
}

.eap-plugin-scope .u-badge-warning{
    background-color: rgba(245, 158, 11, 0.1);
    color: var(--eap-warning);
}

.eap-plugin-scope .u-empty-state{
    text-align: center;
    padding: 64px 32px;
    color: var(--pa-text-secondary);
    background: var(--pa-surface-soft);
    border: 2px dashed var(--pa-border-solid);
    border-radius: var(--pa-radius-lg);
    margin: var(--pa-space-lg) 0;
}

.eap-plugin-scope .u-empty-state-icon{
    font-size: 56px;
    margin-bottom: var(--pa-space-md);
    opacity: 1;
    color: var(--pa-primary-light);
}

.eap-plugin-scope .u-empty-state-title{
    font-size: 20px;
    font-weight: 700;
    color: var(--pa-text-primary);
    margin-bottom: var(--pa-space-sm);
}

.eap-plugin-scope .u-empty-state-text{
    font-size: 15px;
    color: var(--pa-text-secondary);
    line-height: 1.6;
    max-width: 400px;
    margin: 0 auto;
}

/* COMMON PATTERNS: Button Containers */
.eap-plugin-scope .u-button-group{
    display: flex;
    gap: var(--eap-spacing-sm);
    flex-wrap: wrap;
}

.eap-plugin-scope .u-button-group-block{
    display: flex;
    flex-direction: column;
    gap: var(--eap-spacing-sm);
}

.eap-plugin-scope .u-button-group-center{
    display: flex;
    gap: var(--eap-spacing-sm);
    justify-content: center;
    flex-wrap: wrap;
}

/* FORM UTILITIES */
.eap-plugin-scope .u-fieldset{
    margin-top: var(--eap-spacing-md);
    padding: var(--eap-spacing-md);
    border: 1px solid var(--eap-border-light);
    border-radius: var(--eap-radius-lg);
    background-color: var(--eap-bg-lighter);
}

.eap-plugin-scope .u-fieldset-legend{
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--eap-text-subtext);
    padding: 0 6px;
}

.eap-plugin-scope .u-form-group-sm{ margin-top: var(--eap-spacing-sm); }
.eap-plugin-scope .u-form-group-md{ margin-top: var(--eap-spacing-md); }

.eap-plugin-scope .u-label-inline{
    display: inline;
    font-size: 13px;
    font-weight: 500;
    margin-left: var(--eap-spacing-xs);
}

.eap-plugin-scope .u-label-help{
    font-size: 12px;
    color: var(--eap-text-muted);
    margin: var(--eap-spacing-xs) 0 0 24px;
    line-height: 1.4;
}

.eap-plugin-scope .u-radio-group{ margin-bottom: var(--eap-spacing-sm); }

/* UTILITY: Flex end alignment for admin header */
.eap-plugin-scope .u-flex-end-col{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--eap-spacing-xs);
}
/* RESPONSIVE: Mobile-First Utilities */
@media (max-width: 768px) {
    .eap-plugin-scope .u-col-half{ flex: 0 0 100%; }
    .eap-plugin-scope .u-col-third{ flex: 0 0 100%; }
    .eap-plugin-scope .u-col-quarter{ flex: 0 0 100%; }

    .eap-plugin-scope .u-grid-2{ grid-template-columns: 1fr !important; }
    .eap-plugin-scope .u-grid-3{ grid-template-columns: 1fr !important; }
    .eap-plugin-scope .u-grid-4{ grid-template-columns: 1fr !important; }

    .eap-plugin-scope .u-hide-mobile{ display: none !important; }
}

@media (max-width: 480px) {
    .eap-plugin-scope .u-flex-col-sm{ flex-direction: column !important; }
}

/* ════════════════════════════════════════════════════════════════════════════
   END SECTION 13
   ════════════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════════════════
   SECTION 14: INSTITUTION ROLE THEME — Indigo • Navy • Gold
   Goal: Convey authority, data-driven decision making, institutional control
   ════════════════════════════════════════════════════════════════════════════ */

.eap-plugin-scope .pa-role-institution{
    --role-primary:        #4338ca;    /* Indigo 700 (brand) */
    --role-primary-dk:     #312e81;    /* Indigo 900 (darker) */
    --role-primary-light:  #e0e7ff;    /* Indigo 100 (light bg) */
    --role-accent:         #fbbf24;    /* Amber 400 (gold highlight) */
    --role-secondary:      #0ea5e9;    /* Cyan 500 (data accent) */
    --role-text-on-color:  #ffffff;    /* White text on colored backgrounds */
}

/* Sidebar: Deep indigo gradient (authority) */
.eap-plugin-scope .pa-role-institution .eap-sidebar{
    background: linear-gradient(180deg, #2c1e51 0%, #1e1b4b 100%) !important;
    box-shadow: inset -4px 0 12px rgba(0, 0, 0, 0.4);
}

/* Topbar: Professional indigo gradient with gold accent stripe */
.eap-plugin-scope .pa-role-institution .eap-topbar{
    background: linear-gradient(90deg, #312e81 0%, #2c1e51 50%, #1e1b4b 100%) !important;
    border-bottom: 4px solid #fbbf24 !important;
    box-shadow: 0 4px 12px rgba(67, 56, 202, 0.15);
}

.eap-plugin-scope .pa-role-institution .eap-topbar h1,
.eap-plugin-scope .pa-role-institution .eap-page-title{
    background: linear-gradient(135deg, #fbbf24 0%, #b45309 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 800;
}

/* Primary buttons: Indigo gradient (command) */
.eap-plugin-scope .pa-role-institution .eap-btn--primary,
.eap-plugin-scope .pa-role-institution .pa-button-primary{
    background: linear-gradient(135deg, #4338ca, #3730a3) !important;
    color: var(--role-text-on-color) !important;
    border-color: #4338ca !important;
    box-shadow: 0 8px 24px rgba(67, 56, 202, 0.35) !important;
    font-weight: 600;
}

.eap-plugin-scope .pa-role-institution .eap-btn--primary:hover,
.eap-plugin-scope .pa-role-institution .pa-button-primary:hover{
    filter: brightness(1.15) !important;
    box-shadow: 0 12px 32px rgba(67, 56, 202, 0.45) !important;
    transform: translateY(-2px);
}

/* Cards: Indigo left-border accent (visual scanning) */
.eap-plugin-scope .pa-role-institution .eap-card,
.eap-plugin-scope .pa-role-institution .pa-card{
    border-left: 5px solid #4338ca !important;
    border-left-width: 5px !important;
    box-shadow: 0 2px 8px rgba(67, 56, 202, 0.08) !important;
}

.eap-plugin-scope .pa-role-institution .eap-card:hover,
.eap-plugin-scope .pa-role-institution .pa-card:hover{
    border-left-color: #fbbf24 !important;
    box-shadow: 0 8px 24px rgba(67, 56, 202, 0.12) !important;
}

/* Card headers: Bold titles with gold accent underline */
.eap-plugin-scope .pa-role-institution .eap-card-title{
    color: #312e81 !important;
    font-weight: 800 !important;
    border-bottom: 2px solid #fbbf24;
    padding-bottom: 8px;
}

/* KPI values: Indigo text (commanding presence) */
.eap-plugin-scope .pa-role-institution .eap-metric-value{
    color: #312e81 !important;
}

/* Icons: Gold tone (authority badges) */
.eap-plugin-scope .pa-role-institution .eap-card svg,
.eap-plugin-scope .pa-role-institution .eap-icon{
    color: #fbbf24;
    opacity: 0.9;
}

/* Empty states: Subdued indigo (professional absence messaging) */
.eap-plugin-scope .pa-role-institution .eap-empty-state{
    padding: 40px 20px;
    text-align: center;
    color: #64748b;
}

.eap-plugin-scope .pa-role-institution .eap-empty-state svg{
    color: #c7d2fe;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    opacity: 0.7;
}

/* ─────────────────────────────────────────────────────────────────────── */

/* ═══════════════════════════════════════════════════════════════════════════
   TEACHER THEME — Classroom Control Center
   Emerald • Teal • Blue
   Goal: Convey support, organization, learning management, nurturing
   ═══════════════════════════════════════════════════════════════════════════ */

.eap-plugin-scope .pa-role-teacher{
    --role-primary:        #059669;    /* Emerald 700 (growth) */
    --role-primary-dk:     #065f46;    /* Emerald 800 (deeper) */
    --role-primary-light:  #d1fae5;    /* Emerald 100 (light) */
    --role-accent:         #b45309;    /* Amber 500 (warmth/engagement) */
    --role-secondary:      #06b6d4;    /* Cyan 500 (clarity) */
    --role-text-on-color:  #ffffff;    /* White text on colored backgrounds */
}

/* Sidebar: Warm emerald gradient (nurturing) */
.eap-plugin-scope .pa-role-teacher .eap-sidebar{
    background: linear-gradient(180deg, #1b4e3d 0%, #065f46 100%) !important;
    box-shadow: inset -4px 0 12px rgba(0, 0, 0, 0.3);
}

/* Topbar: Emerald gradient with warm amber accent (welcoming) */
.eap-plugin-scope .pa-role-teacher .eap-topbar{
    background: linear-gradient(90deg, #065f46 0%, #1b4e3d 50%, #047857 100%) !important;
    border-bottom: 4px solid #b45309 !important;
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.15);
}

.eap-plugin-scope .pa-role-teacher .eap-topbar h1,
.eap-plugin-scope .pa-role-teacher .eap-page-title{
    background: linear-gradient(135deg, #b45309 0%, #c2410c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 800;
}

/* Primary buttons: Emerald gradient (growth/progress) */
.eap-plugin-scope .pa-role-teacher .eap-btn--primary,
.eap-plugin-scope .pa-role-teacher .pa-button-primary{
    background: linear-gradient(135deg, #059669, #047857) !important;
    color: var(--role-text-on-color) !important;
    border-color: #059669 !important;
    box-shadow: 0 8px 24px rgba(5, 150, 105, 0.35) !important;
    font-weight: 600;
}

.eap-plugin-scope .pa-role-teacher .eap-btn--primary:hover,
.eap-plugin-scope .pa-role-teacher .pa-button-primary:hover{
    filter: brightness(1.15) !important;
    box-shadow: 0 12px 32px rgba(5, 150, 105, 0.45) !important;
    transform: translateY(-2px);
}

/* Cards: Emerald left-border accent (connected, supportive) */
.eap-plugin-scope .pa-role-teacher .eap-card,
.eap-plugin-scope .pa-role-teacher .pa-card{
    border-left: 5px solid #059669 !important;
    border-left-width: 5px !important;
    box-shadow: 0 2px 8px rgba(5, 150, 105, 0.08) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(209, 250, 229, 0.08) 100%);
}

.eap-plugin-scope .pa-role-teacher .eap-card:hover,
.eap-plugin-scope .pa-role-teacher .pa-card:hover{
    border-left-color: #b45309 !important;
    box-shadow: 0 8px 24px rgba(5, 150, 105, 0.12) !important;
}

/* Card headers: Warm titles with emerald accent */
.eap-plugin-scope .pa-role-teacher .eap-card-title{
    color: #065f46 !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #b45309;
    padding-bottom: 8px;
}

/* KPI values: Emerald text (progress indicators) */
.eap-plugin-scope .pa-role-teacher .eap-metric-value{
    color: #059669 !important;
}

/* Icons: Warm orange/amber (encouraging) */
.eap-plugin-scope .pa-role-teacher .eap-card svg,
.eap-plugin-scope .pa-role-teacher .eap-icon{
    color: #b45309;
    opacity: 0.9;
}

/* Empty states: Soft emerald (encouraging absence messaging) */
.eap-plugin-scope .pa-role-teacher .eap-empty-state{
    padding: 40px 20px;
    text-align: center;
    color: #64748b;
}

.eap-plugin-scope .pa-role-teacher .eap-empty-state svg{
    color: #a7f3d0;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    opacity: 0.7;
}

/* ─────────────────────────────────────────────────────────────────────── */

/* ═══════════════════════════════════════════════════════════════════════════
   STUDENT THEME — Learning Dashboard
   Bright Blue • Purple • Orange
   Goal: Convey engagement, motivation, achievement, bright future
   ═══════════════════════════════════════════════════════════════════════════ */

.eap-plugin-scope .pa-role-student{
    --role-primary:        #2563eb;    /* Blue 600 (trust, learning) */
    --role-primary-dk:     #1d4ed8;    /* Blue 700 (deeper) */
    --role-primary-light:  #dbeafe;    /* Blue 100 (light) */
    --role-accent:         #c2410c;    /* Orange 500 (energy/achievement) */
    --role-secondary:      #8b5cf6;    /* Violet 500 (inspiration) */
    --role-text-on-color:  #ffffff;    /* White text on colored backgrounds */
}

/* Sidebar: Bright blue gradient (inspiring) */
.eap-plugin-scope .pa-role-student .eap-sidebar{
    background: linear-gradient(180deg, #1e3a8a 0%, #1e40af 50%, #172554 100%) !important;
    box-shadow: inset -4px 0 12px rgba(0, 0, 0, 0.3);
}

/* Topbar: Blue gradient with bright orange accent (motivating) */
.eap-plugin-scope .pa-role-student .eap-topbar{
    background: linear-gradient(90deg, #1e40af 0%, #1e3a8a 50%, #172554 100%) !important;
    border-bottom: 4px solid #c2410c !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);
}

.eap-plugin-scope .pa-role-student .eap-topbar h1,
.eap-plugin-scope .pa-role-student .eap-page-title{
    background: linear-gradient(135deg, #c2410c 0%, #fb923c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 800;
    letter-spacing: -0.5px;
}

/* Primary buttons: Blue to purple gradient (achievement) */
.eap-plugin-scope .pa-role-student .eap-btn--primary,
.eap-plugin-scope .pa-role-student .pa-button-primary{
    background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
    color: var(--role-text-on-color) !important;
    border-color: #2563eb !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35) !important;
    font-weight: 600;
}

.eap-plugin-scope .pa-role-student .eap-btn--primary:hover,
.eap-plugin-scope .pa-role-student .pa-button-primary:hover{
    filter: brightness(1.15) !important;
    box-shadow: 0 12px 32px rgba(124, 58, 237, 0.45) !important;
    transform: translateY(-2px);
}

/* Cards: Blue-to-orange gradient accent (energetic) */
.eap-plugin-scope .pa-role-student .eap-card,
.eap-plugin-scope .pa-role-student .pa-card{
    border-left: 5px solid #2563eb !important;
    border-left-width: 5px !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(219, 234, 254, 0.08) 100%);
}

.eap-plugin-scope .pa-role-student .eap-card:hover,
.eap-plugin-scope .pa-role-student .pa-card:hover{
    border-left-color: #c2410c !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.12) !important;
}

/* Card headers: Vibrant blue titles with orange accent */
.eap-plugin-scope .pa-role-student .eap-card-title{
    color: #1d4ed8 !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #c2410c;
    padding-bottom: 8px;
}

/* KPI values: Bright blue (achievement emphasis) */
.eap-plugin-scope .pa-role-student .eap-metric-value{
    color: #2563eb !important;
    font-weight: 900;
}

/* Icons: Vibrant orange (achievement badges) */
.eap-plugin-scope .pa-role-student .eap-card svg,
.eap-plugin-scope .pa-role-student .eap-icon{
    color: #c2410c;
    opacity: 0.95;
}

/* Empty states: Bright blue gradient (motivating absence messaging) */
.eap-plugin-scope .pa-role-student .eap-empty-state{
    padding: 40px 20px;
    text-align: center;
    color: #64748b;
}

.eap-plugin-scope .pa-role-student .eap-empty-state svg{
    color: #93c5fd;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    opacity: 0.8;
}

/* ─────────────────────────────────────────────────────────────────────── */

/* === DARK MODE SUPPORT FOR ALL ROLES === */

/* Institution (Dark) */
.eap-plugin-scope [data-pa-theme="dark"].pa-role-institution .eap-topbar,
.eap-plugin-scope [data-eap-theme="dark"].pa-role-institution .eap-topbar,
.eap-plugin-scope .dark.pa-role-institution .eap-topbar{
    background: linear-gradient(90deg, #3730a3 0%, #3d28a5 50%, #312e81 100%) !important;
}

.eap-plugin-scope [data-pa-theme="dark"].pa-role-institution .eap-card,
.eap-plugin-scope [data-eap-theme="dark"].pa-role-institution .eap-card,
.eap-plugin-scope .dark.pa-role-institution .eap-card{
    background: linear-gradient(135deg, #1f2937 0%, rgba(67, 56, 202, 0.05) 100%);
    border-left-color: #818cf8 !important;
}

/* Teacher (Dark) */
.eap-plugin-scope [data-pa-theme="dark"].pa-role-teacher .eap-topbar,
.eap-plugin-scope [data-eap-theme="dark"].pa-role-teacher .eap-topbar,
.eap-plugin-scope .dark.pa-role-teacher .eap-topbar{
    background: linear-gradient(90deg, #047857 0%, #0d9488 50%, #1b4e3d 100%) !important;
}

.eap-plugin-scope [data-pa-theme="dark"].pa-role-teacher .eap-card,
.eap-plugin-scope [data-eap-theme="dark"].pa-role-teacher .eap-card,
.eap-plugin-scope .dark.pa-role-teacher .eap-card{
    background: linear-gradient(135deg, #1f2937 0%, rgba(5, 150, 105, 0.05) 100%);
    border-left-color: #6ee7b7 !important;
}

/* Student (Dark) */
.eap-plugin-scope [data-pa-theme="dark"].pa-role-student .eap-topbar,
.eap-plugin-scope [data-eap-theme="dark"].pa-role-student .eap-topbar,
.eap-plugin-scope .dark.pa-role-student .eap-topbar{
    background: linear-gradient(90deg, #1e40af 0%, #2563eb 50%, #1d4ed8 100%) !important;
}

.eap-plugin-scope [data-pa-theme="dark"].pa-role-student .eap-card,
.eap-plugin-scope [data-eap-theme="dark"].pa-role-student .eap-card,
.eap-plugin-scope .dark.pa-role-student .eap-card{
    background: linear-gradient(135deg, #1f2937 0%, rgba(37, 99, 235, 0.05) 100%);
    border-left-color: #60a5fa !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   SECTION 11: UTILITY CLASSES
   ════════════════════════════════════════════════════════════════════════════ */

/* Text Colors */
.eap-plugin-scope .text-primary{ color: var(--pa-text-primary) !important; }
.eap-plugin-scope .text-secondary{ color: var(--pa-text-secondary) !important; }
.eap-plugin-scope .text-tertiary{ color: var(--pa-text-tertiary) !important; }
.eap-plugin-scope .text-muted{ color: var(--pa-text-muted) !important; }
.eap-plugin-scope .text-danger{ color: var(--pa-danger) !important; }
.eap-plugin-scope .text-success{ color: var(--pa-success) !important; }
.eap-plugin-scope .text-warning{ color: var(--pa-warning) !important; }

/* Background Colors */
.eap-plugin-scope .bg-primary{ background-color: var(--pa-primary) !important; }
.eap-plugin-scope .bg-success{ background-color: var(--pa-success) !important; }
.eap-plugin-scope .bg-warning{ background-color: var(--pa-warning) !important; }
.eap-plugin-scope .bg-danger{ background-color: var(--pa-danger) !important; }
.eap-plugin-scope .bg-surface{ background-color: var(--pa-surface) !important; }

/* Spacing */
.eap-plugin-scope .mt-sm{ margin-top: var(--pa-space-sm) !important; }
.eap-plugin-scope .mt-md{ margin-top: var(--pa-space-md) !important; }
.eap-plugin-scope .mt-lg{ margin-top: var(--pa-space-lg) !important; }
.eap-plugin-scope .mt-xl{ margin-top: var(--pa-space-xl) !important; }

.eap-plugin-scope .mb-sm{ margin-bottom: var(--pa-space-sm) !important; }
.eap-plugin-scope .mb-md{ margin-bottom: var(--pa-space-md) !important; }
.eap-plugin-scope .mb-lg{ margin-bottom: var(--pa-space-lg) !important; }
.eap-plugin-scope .mb-xl{ margin-bottom: var(--pa-space-xl) !important; }

.eap-plugin-scope .p-md{ padding: var(--pa-space-md) !important; }
.eap-plugin-scope .p-lg{ padding: var(--pa-space-lg) !important; }
.eap-plugin-scope .p-xl{ padding: var(--pa-space-xl) !important; }

/* Sizing */
.eap-plugin-scope .w-full{ width: 100% !important; }
.eap-plugin-scope .h-full{ height: 100% !important; }

/* Display */
.eap-plugin-scope .flex{ display: flex !important; }
.eap-plugin-scope .flex-col{ flex-direction: column !important; }
.eap-plugin-scope .flex-row{ flex-direction: row !important; }
.eap-plugin-scope .gap-md{ gap: var(--pa-gap-md) !important; }
.eap-plugin-scope .gap-lg{ gap: var(--pa-gap-lg) !important; }

/* ════════════════════════════════════════════════════════════════════════════
   SECTION 12: RESPONSIVE DESIGN
   ════════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {
    .eap-plugin-scope .eap-main{
        padding: var(--pa-space-xl) !important;
    }

    .eap-plugin-scope .eap-dashboard-grid{
        gap: var(--pa-gap-md) !important;
    }
}

@media (max-width: 768px) {
    .eap-plugin-scope .eap-topbar{
        padding: 0 var(--pa-space-md) !important;
    }

    .eap-plugin-scope .eap-topbar h1{
        font-size: 18px;
    }

    .eap-plugin-scope .eap-main{
        padding: var(--pa-space-lg) !important;
    }

    .eap-plugin-scope .eap-card{
        padding: var(--pa-space-lg) !important;
    }

    .eap-plugin-scope .eap-sidebar{
        position: absolute;
        left: 0;
        top: var(--pa-topbar-height);
        height: calc(100% - var(--pa-topbar-height));
        z-index: 999;
        width: 260px;
        transform: translateX(-100%);
        transition: transform var(--pa-ease);
    }

    .eap-plugin-scope .eap-sidebar.open{
        transform: translateX(0);
    }

    .eap-plugin-scope .eap-main{
        width: 100%;
    }

    .eap-plugin-scope .eap-metric-value{
        font-size: 24px;
    }
}

/* ════════════════════════════════════════════════════════════════════════════
   SECTION 13: COMPATIBILITY SHIMS & LEGACY SUPPORT
   ════════════════════════════════════════════════════════════════════════════ */

/* Legacy perfect-aptitude-learning-theme.css */
.eap-plugin-scope .pa-shell{ min-height: 100vh; background: var(--pa-bg); font-family: var(--pa-font-primary); }
.eap-plugin-scope .pa-container{ width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.eap-plugin-scope .pa-dashboard-layout{ display: flex; min-height: 100vh; width: 100%; }

/* Legacy eap-dashboard overrides */
.eap-plugin-scope .eap-premium-shell{ /* empty — already handled */ }
.eap-plugin-scope .eap-premium-theme{ /* empty — already handled */ }

/* CSS Variable Aliases for backward compat */
.eap-plugin-scope{
    /* From eap-design-system.css v6.0 */
    --eap-yellow: var(--pa-amber-500);
    --eap-coral: var(--pa-red-500);
    --eap-mint: var(--pa-emerald-500);
    --eap-blue: var(--pa-blue-500);
    --eap-muted: var(--pa-text-muted);
    --eap-text: var(--pa-text-primary);
    --eap-shadow: var(--pa-shadow-md);
    --eap-radius: var(--pa-radius-md);
    --eap-subtext: var(--pa-text-secondary);
    --eap-surface-soft: var(--pa-surface-soft);
    --eap-surface-2: var(--pa-surface-2);
    --eap-surface-3: var(--pa-surface-3);
    --eap-text-secondary: var(--pa-text-secondary);
    --eap-text-muted: var(--pa-text-muted);
    --eap-text-inverse: var(--pa-text-inverse);
    --eap-border-solid: var(--pa-border-solid);

    /* From dashboard-premium.css */
    --eap-emerald: var(--pa-emerald-500);
    --eap-amber: var(--pa-amber-500);
    --eap-rose: var(--pa-red-500);
    --eap-crimson: var(--pa-red-700);
    --eap-sidebar-width: var(--pa-sidebar-width);
    --eap-sidebar-width-collapsed: var(--pa-sidebar-width-collapsed);

    /* From eap-portal-shell-recovery.css */
    --r-sm: var(--pa-radius-sm);
    --r-md: var(--pa-radius-md);
    --r-lg: var(--pa-radius-lg);
    --r-full: var(--pa-radius-full);
    --gap-sm: var(--pa-gap-sm);
    --gap-md: var(--pa-gap-md);
    --gap-lg: var(--pa-gap-lg);
    --shadow-sm: var(--pa-shadow-sm);
    --shadow-md: var(--pa-shadow-md);
    --shadow-xs: var(--pa-shadow-xs);
    --ease: var(--pa-ease);
}

/* ════════════════════════════════════════════════════════════════════════════
   SECTION 14: PRINT STYLES
   ════════════════════════════════════════════════════════════════════════════ */

@media print {
    .eap-plugin-scope .eap-sidebar,
.eap-plugin-scope .eap-topbar{
        display: none !important;
    }

    .eap-plugin-scope .eap-viewport-shell{
        position: static !important;
        width: 100% !important;
        height: auto !important;
    }

    .eap-plugin-scope .eap-main{
        padding: 0 !important;
    }
}

/* ════════════════════════════════════════════════════════════════════════════
   END OF pa-unified-design-system.css
   ════════════════════════════════════════════════════════════════════════════ */

/* ===== SOURCE: eap-portal-premium-theme.css ===== */
/* ==========================================================================
   PERFECT APTITUDE PREMIUM PORTAL THEME
   ========================================================================== */

/* ── Role Colors ── */
.eap-plugin-scope .eap-portal-shell.pa-role-institution,
.eap-plugin-scope .eap-portal-shell.pa-role-admin{
    --role-primary: #2563EB;
    --role-secondary: #0F172A;
    --role-accent: #B45309;
}

.eap-plugin-scope .eap-portal-shell.pa-role-teacher{
    --role-primary: #15803D;
    --role-secondary: #0F172A;
    --role-accent: #2563EB;
}

.eap-plugin-scope .eap-portal-shell.pa-role-student{
    --role-primary: #4361EE;
    --role-secondary: #0F172A;
    --role-accent: #B45309;
}

.eap-plugin-scope .eap-portal-shell{
    --bg-page: #F8FAFC;
    --bg-card: #FFFFFF;
    --border-soft: #E5EAF3;
    --text-dark: #0F172A;
    --text-muted: #64748B;
    --shadow-soft: 0 4px 6px -1px rgba(15, 23, 42, 0.05), 0 2px 4px -1px rgba(15, 23, 42, 0.03);

    display: flex;
    min-height: 100vh;
    width: 100%;
    background: var(--bg-page);
    color: var(--text-dark);
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.eap-plugin-scope .eap-portal-shell *{
    box-sizing: border-box;
}

/* ── Shell Layout ── */
.eap-plugin-scope .eap-portal-shell .eap-dashboard-app-wrap{
    display: flex;
    width: 100%;
    min-height: 100vh;
}

/* ── Sidebar ── */
.eap-plugin-scope .eap-portal-shell .eap-sidebar{
    width: 240px;
    min-width: 240px;
    background: var(--bg-card);
    color: var(--text-dark);
    display: flex;
    flex-direction: column;
    padding: 16px 12px;
    border-right: 1px solid var(--border-soft);
}

.eap-plugin-scope .eap-portal-shell .eap-logo-name{
    font-size: 18px;
    font-weight: 800;
    color: var(--text-dark);
    margin-bottom: 24px;
    padding: 0 8px;
    display: flex;
    flex-direction: column;
}

.eap-plugin-scope .eap-portal-shell .eap-logo-name small{
    font-size: 12px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 4px;
}

.eap-plugin-scope .eap-portal-shell .eap-nav-link{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    margin-bottom: 2px;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.2s ease;
}

.eap-plugin-scope .eap-portal-shell .eap-nav-link:hover{
    background: rgba(15, 23, 42, 0.04);
    color: var(--text-dark);
}

.eap-plugin-scope .eap-portal-shell .eap-nav-link.active{
    background: rgba(37, 99, 235, 0.06);
    color: var(--role-primary, #2563EB);
    border-left: 3px solid var(--role-primary, #2563EB);
    border-radius: 4px 8px 8px 4px;
}

.eap-plugin-scope .eap-portal-shell .eap-nav-link .dashicons{
    color: inherit;
    font-size: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eap-plugin-scope .eap-portal-shell .eap-nav-link.active .dashicons{
    color: var(--role-primary, #2563EB);
}

/* ── Main Area & Topbar ── */
.eap-plugin-scope .eap-portal-shell .eap-main{
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--bg-page);
}

.eap-plugin-scope .eap-portal-shell .eap-topbar{
    background: var(--bg-card);
    height: 64px;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-soft);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02);
}

.eap-plugin-scope .eap-portal-shell .eap-page-title{
    font-size: 20px;
    font-weight: 700;
    color: var(--role-secondary);
    margin: 0;
}

.eap-plugin-scope .eap-portal-shell .eap-user-controls{
    display: flex;
    align-items: center;
    gap: 16px;
}

.eap-plugin-scope .eap-portal-shell .eap-role-badge{
    background: rgba(37, 99, 235, 0.1);
    color: var(--role-primary);
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

/* ── Content Container ── */
.eap-plugin-scope .eap-portal-shell .eap-main > div{
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
    padding: 32px;
}

/* ── Grid Layouts ── */
.eap-plugin-scope .eap-portal-shell .eap-dashboard-grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.eap-plugin-scope .eap-portal-shell .eap-dashboard-grid > *{
    grid-column: span 4; /* Default to 3 columns per row */
}

.eap-plugin-scope .eap-portal-shell .eap-col-12{ grid-column: span 12 !important; }
.eap-plugin-scope .eap-portal-shell .eap-col-8{ grid-column: span 8 !important; }
.eap-plugin-scope .eap-portal-shell .eap-col-6{ grid-column: span 6 !important; }
.eap-plugin-scope .eap-portal-shell .eap-col-4{ grid-column: span 4 !important; }
.eap-plugin-scope .eap-portal-shell .eap-col-3{ grid-column: span 3 !important; }

.eap-plugin-scope .eap-portal-shell .eap-dashboard-grid-stats,
.eap-plugin-scope .eap-portal-shell .eap-kpi-grid,
.eap-plugin-scope .eap-portal-shell .eap-grid-auto{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    grid-column: span 12;
    width: 100%;
}

.eap-plugin-scope .eap-portal-shell .eap-dashboard-grid-main{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
    grid-column: span 12;
}

.eap-plugin-scope .eap-portal-shell .eap-dashboard-grid-features{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    grid-column: span 12;
}

/* ── Cards ── */
.eap-plugin-scope .eap-portal-shell .eap-card,
.eap-plugin-scope .eap-portal-shell .pa-card,
.eap-plugin-scope .eap-portal-shell .eap-stat-card,
.eap-plugin-scope .eap-portal-shell .eap-widget,
.eap-plugin-scope .eap-portal-shell .eap-kpi-card,
.eap-plugin-scope .eap-portal-shell .eap-teacher-home-summary-card,
.eap-plugin-scope .eap-portal-shell .eap-student-home-summary-card{
    background: var(--bg-card);
    border-radius: 16px;
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-soft);
    padding: 16px;
    position: relative;
    overflow: hidden;
}

/* Accent Line */
.eap-plugin-scope .eap-portal-shell .eap-card::before,
.eap-plugin-scope .eap-portal-shell .eap-stat-card::before,
.eap-plugin-scope .eap-portal-shell .eap-widget::before,
.eap-plugin-scope .eap-portal-shell .eap-kpi-card::before,
.eap-plugin-scope .eap-portal-shell .eap-teacher-home-summary-card::before,
.eap-plugin-scope .eap-portal-shell .eap-student-home-summary-card::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--role-primary, #2563EB);
    opacity: 0.8;
}

.eap-plugin-scope .eap-portal-shell .eap-card-title,
.eap-plugin-scope .eap-portal-shell .eap-stat-title{
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: var(--text-dark);
    margin: 0 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border-soft);
}

.eap-plugin-scope .eap-portal-shell .eap-stat-title,
.eap-plugin-scope .eap-portal-shell .eap-kpi-label,
.eap-plugin-scope .eap-portal-shell .eap-teacher-home-summary-label,
.eap-plugin-scope .eap-portal-shell .eap-student-home-summary-label{
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
    border-bottom: none;
    margin-bottom: 4px;
    padding-bottom: 0;
    font-weight: 700;
}

.eap-plugin-scope .eap-portal-shell .eap-stat-value,
.eap-plugin-scope .eap-portal-shell .eap-kpi-value,
.eap-plugin-scope .eap-portal-shell .eap-teacher-home-summary-value,
.eap-plugin-scope .eap-portal-shell .eap-student-home-summary-value{
    display: block;
    font-size: clamp(20px, 2.2vw, 24px);
    font-weight: 800;
    color: var(--role-secondary);
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.eap-plugin-scope .eap-portal-shell .eap-kpi-subtext,
.eap-plugin-scope .eap-portal-shell .eap-teacher-home-summary-meta,
.eap-plugin-scope .eap-portal-shell .eap-student-home-summary-meta{
    font-size: 12px;
    color: var(--text-muted);
    margin: 8px 0 0 0;
}

/* ── Buttons ── */
.eap-plugin-scope .eap-portal-shell .eap-btn,
.eap-plugin-scope .eap-portal-shell .pa-button,
.eap-plugin-scope .eap-portal-shell .button{
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 9999px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    border: none;
    transition: all 0.2s ease;
}

.eap-plugin-scope .eap-portal-shell .eap-btn--primary,
.eap-plugin-scope .eap-portal-shell .pa-button-primary,
.eap-plugin-scope .eap-portal-shell .eap-btn-primary{
    background: var(--role-primary);
    color: #FFFFFF;
}

.eap-plugin-scope .eap-portal-shell .eap-btn--primary:hover,
.eap-plugin-scope .eap-portal-shell .pa-button-primary:hover,
.eap-plugin-scope .eap-portal-shell .eap-btn-primary:hover{
    background: var(--role-secondary);
    transform: translateY(-1px);
    color: #FFFFFF;
}

.eap-plugin-scope .eap-portal-shell .eap-btn--secondary,
.eap-plugin-scope .eap-portal-shell .eap-btn-secondary{
    background: var(--bg-page);
    color: var(--text-dark);
    border: 1px solid var(--border-soft);
}

.eap-plugin-scope .eap-portal-shell .eap-btn-success{
    background: #15803D;
    color: #FFFFFF;
}

.eap-plugin-scope .eap-portal-shell .eap-btn-danger{
    background: #EF4444;
    color: #FFFFFF;
}

.eap-plugin-scope .eap-portal-shell .eap-btn-action{
    background: var(--role-accent);
    color: #FFFFFF;
}

/* ── Forms ── */
.eap-plugin-scope .eap-portal-shell .eap-form-group{
    margin-bottom: 20px;
}

.eap-plugin-scope .eap-portal-shell label{
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 8px;
}

.eap-plugin-scope .eap-portal-shell input[type="text"],
.eap-plugin-scope .eap-portal-shell input[type="email"],
.eap-plugin-scope .eap-portal-shell input[type="password"],
.eap-plugin-scope .eap-portal-shell select,
.eap-plugin-scope .eap-portal-shell textarea{
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid var(--border-soft);
    background: var(--bg-card);
    font-size: 15px;
    color: var(--text-dark);
    transition: all 0.2s;
}

.eap-plugin-scope .eap-portal-shell input:focus,
.eap-plugin-scope .eap-portal-shell select:focus,
.eap-plugin-scope .eap-portal-shell textarea:focus{
    outline: none;
    border-color: var(--role-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/* ── Tables ── */
.eap-plugin-scope .eap-portal-shell .eap-table{
    width: 100%;
    border-collapse: collapse;
}

.eap-plugin-scope .eap-portal-shell .eap-table th{
    background: var(--bg-page);
    color: var(--text-muted);
    font-size: 12px;
    text-transform: uppercase;
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid var(--border-soft);
}

.eap-plugin-scope .eap-portal-shell .eap-table td{
    padding: 16px;
    border-bottom: 1px solid var(--border-soft);
    font-size: 14px;
}

/* ── Empty States ── */
.eap-plugin-scope .eap-portal-shell .eap-empty-state,
.eap-plugin-scope .eap-portal-shell .u-empty-state,
.eap-plugin-scope .eap-portal-shell .eap-teacher-empty,
.eap-plugin-scope .eap-portal-shell .eap-inst-home-empty{
    text-align: center;
    padding: 48px 24px;
    background: var(--bg-page);
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    width: 100%;
    color: var(--text-muted);
    font-size: 14px;
}

.eap-plugin-scope .eap-portal-shell .eap-empty-state-icon{
    font-size: 48px;
    color: #94A3B8;
    margin-bottom: 16px;
}

.eap-plugin-scope .eap-portal-shell .eap-empty-state h3{
    font-size: 18px;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 8px;
}

.eap-plugin-scope .eap-portal-shell .eap-empty-state p{
    color: var(--text-muted);
    font-size: 14px;
    margin-bottom: 24px;
}

/* ── Specific Overrides for Scattered Pages ── */
/* ── Specific Overrides for Scattered Pages ── */
/* Force full width on layout components */
.eap-plugin-scope .eap-portal-shell .eap-table-container,
.eap-plugin-scope .eap-portal-shell .eap-dashboard-list,
.eap-plugin-scope .eap-portal-shell .eap-record-container{
    width: 100%;
}

/* Overview Rows & Facts (Institution, Teacher & Student) */
.eap-plugin-scope .eap-portal-shell .eap-inst-home-overview-row,
.eap-plugin-scope .eap-portal-shell .eap-inst-home-ops-row,
.eap-plugin-scope .eap-portal-shell .eap-teacher-home-fact,
.eap-plugin-scope .eap-portal-shell .eap-student-meta{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-soft);
    margin: 0;
}

.eap-plugin-scope .eap-portal-shell .eap-inst-home-overview-row:last-child,
.eap-plugin-scope .eap-portal-shell .eap-inst-home-ops-row:last-child,
.eap-plugin-scope .eap-portal-shell .eap-teacher-home-fact:last-child,
.eap-plugin-scope .eap-portal-shell .eap-student-meta:last-child{
    border-bottom: none;
}

.eap-plugin-scope .eap-portal-shell .eap-inst-home-overview-label,
.eap-plugin-scope .eap-portal-shell .eap-inst-home-ops-label,
.eap-plugin-scope .eap-portal-shell .eap-teacher-home-fact span{
    font-size: 14px;
    color: var(--text-muted);
    font-weight: 500;
}

.eap-plugin-scope .eap-portal-shell .eap-inst-home-overview-value,
.eap-plugin-scope .eap-portal-shell .eap-inst-home-ops-row strong,
.eap-plugin-scope .eap-portal-shell .eap-teacher-home-fact strong{
    font-size: 14px;
    color: var(--text-dark);
    font-weight: 600;
}

.eap-plugin-scope .eap-portal-shell .eap-teacher-home-panel-title,
.eap-plugin-scope .eap-portal-shell .eap-student-home-panel-title{
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
    margin-bottom: 16px;
    font-weight: 600;
}

/* Internal Layout Grids (Student/Teacher Dashboards) */
.eap-plugin-scope .eap-portal-shell .eap-teacher-home-summary-grid,
.eap-plugin-scope .eap-portal-shell .eap-student-home-summary-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 24px;
}

.eap-plugin-scope .eap-portal-shell .eap-teacher-home-overview-grid,
.eap-plugin-scope .eap-portal-shell .eap-student-home-overview-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
}

.eap-plugin-scope .eap-portal-shell .eap-teacher-home-kpi-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 24px;
}

.eap-plugin-scope .eap-portal-shell .eap-home-live-label{
    color: #ef4444;
}

.eap-plugin-scope .eap-portal-shell .eap-teacher-session-live-badge{
    color: #ef4444;
}

.eap-plugin-scope .eap-portal-shell .eap-home-kpi-meta{
    font-size: 12px;
    opacity: 0.75;
}

.eap-plugin-scope .eap-portal-shell .eap-home-kpi-value--status{
    font-size: 24px;
}

.eap-plugin-scope .eap-portal-shell .eap-home-panel{
    background: var(--bg-page);
    padding: 20px;
    border-radius: 12px;
}

.eap-plugin-scope .eap-portal-shell .eap-home-panel--center{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.eap-plugin-scope .eap-portal-shell .eap-home-fact-list{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 13.5px;
    color: var(--text-muted);
    line-height: 2;
}

.eap-plugin-scope .eap-portal-shell .eap-home-fact-label{
    color: var(--text-dark);
    display: inline-block;
    width: 140px;
}

.eap-plugin-scope .eap-portal-shell .eap-student-home-summary-value--institution{
    font-size: 16px;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eap-plugin-scope .eap-portal-shell .eap-student-home-summary-value--language{
    font-size: 22px;
    line-height: 1.2;
}

.eap-plugin-scope .eap-portal-shell .eap-student-home-summary-value--metric{
    font-size: 30px;
    line-height: 1;
}

.eap-plugin-scope .eap-portal-shell .eap-student-feature-grid{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.eap-plugin-scope .eap-portal-shell .eap-student-feature-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px;
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    background: var(--bg-page);
}

.eap-plugin-scope .eap-portal-shell .eap-student-feature-pill{
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 999px;
}

.eap-plugin-scope .eap-portal-shell .eap-student-feature-pill.is-on{
    background: rgba(16, 185, 129, 0.15);
    color: #065f46;
}

.eap-plugin-scope .eap-portal-shell .eap-student-feature-pill.is-off{
    background: rgba(239, 68, 68, 0.15);
    color: #991b1b;
}

.eap-plugin-scope .eap-portal-shell .eap-session-action-btn{
    padding: 4px 10px;
}

.eap-plugin-scope .eap-portal-shell .eap-livehub-code--compact{
    font-weight: 700;
}

/* Quick Actions Container */
.eap-plugin-scope .eap-portal-shell .eap-inst-actions,
.eap-plugin-scope .eap-portal-shell .eap-teacher-home-actions,
.eap-plugin-scope .eap-portal-shell .eap-student-home-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.eap-plugin-scope .eap-portal-shell .eap-student-home-action-card{
    background: var(--bg-card);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    padding: 20px;
    flex: 1;
    min-width: 250px;
}

.eap-plugin-scope .eap-portal-shell .eap-student-home-action-card h4{
    margin: 0 0 8px 0;
    color: var(--text-dark);
}

.eap-plugin-scope .eap-portal-shell .eap-student-home-action-card p{
    font-size: 13px;
    color: var(--text-muted);
    margin: 0 0 16px 0;
}

/* Usage Bars */
.eap-plugin-scope .eap-portal-shell .eap-usage-bar-wrap{
    margin-top: 16px;
}

.eap-plugin-scope .eap-portal-shell .eap-usage-bar-labels{
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 13px;
    color: var(--text-dark);
}

.eap-plugin-scope .eap-portal-shell .eap-progress-bar{
    width: 100%;
    height: 8px;
    background: var(--bg-page);
    border-radius: 9999px;
    overflow: hidden;
}

.eap-plugin-scope .eap-portal-shell .eap-progress-fill{
    height: 100%;
    border-radius: 9999px;
    background: var(--role-primary);
}

.eap-plugin-scope .eap-portal-shell .eap-progress-fill--success{ background: #15803D; }
.eap-plugin-scope .eap-portal-shell .eap-progress-fill--warning{ background: #B45309; }
.eap-plugin-scope .eap-portal-shell .eap-progress-fill--danger{ background: #EF4444; }

/* Item Lists */
.eap-plugin-scope .eap-portal-shell .eap-item-list{
    list-style: none;
    padding: 0;
    margin: 0;
}

.eap-plugin-scope .eap-portal-shell .eap-item-list__row{
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-soft);
    gap: 12px;
}

.eap-plugin-scope .eap-portal-shell .eap-item-list__row:last-child{
    border-bottom: none;
}

.eap-plugin-scope .eap-portal-shell .eap-item-list__dot{
    width: 8px;
    height: 8px;
    background: var(--role-primary);
    border-radius: 50%;
}

.eap-plugin-scope .eap-portal-shell .eap-item-list__label{
    flex: 1;
    font-size: 14px;
    color: var(--text-dark);
    font-weight: 500;
}

/* Embedded iframe styling is defined once in the canonical portal section above. */

/* ── Responsive ── */
@media (max-width: 1024px) {
    .eap-plugin-scope .eap-portal-shell .eap-dashboard-grid-main{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .eap-plugin-scope .eap-portal-shell .eap-dashboard-grid-stats,
.eap-plugin-scope .eap-portal-shell .eap-kpi-grid,
.eap-plugin-scope .eap-portal-shell .eap-dashboard-grid-features{
        grid-template-columns: 1fr;
    }

    .eap-plugin-scope .eap-portal-shell .eap-dashboard-grid > *,
.eap-plugin-scope .eap-portal-shell .eap-col-12,
.eap-plugin-scope .eap-portal-shell .eap-col-8,
.eap-plugin-scope .eap-portal-shell .eap-col-6,
.eap-plugin-scope .eap-portal-shell .eap-col-4,
.eap-plugin-scope .eap-portal-shell .eap-col-3{
        grid-column: span 12 !important;
    }

    .eap-plugin-scope .eap-portal-shell .eap-sidebar{
        position: fixed;
        transform: translateX(-100%);
        z-index: 100;
    }

    .eap-plugin-scope .eap-portal-shell .eap-sidebar.mobile-open,
.eap-plugin-scope .eap-portal-shell.sidebar-open .eap-sidebar{
        transform: translateX(0);
    }

    .eap-plugin-scope .eap-portal-shell .eap-main > div{
        padding: 16px;
    }

    .eap-plugin-scope .eap-portal-shell .eap-teacher-home-kpi-grid,
.eap-plugin-scope .eap-portal-shell .eap-student-home-summary-grid{
        grid-template-columns: 1fr;
    }

    .eap-plugin-scope .eap-portal-shell .eap-student-feature-grid{
        grid-template-columns: 1fr;
    }

    .eap-plugin-scope .eap-portal-shell .eap-home-fact-label{
        width: 120px;
    }
}

/* ===== SOURCE: eap-portal-experience.css ===== */
/**
 * Premium portal experience layer.
 * Scoped to the plugin-owned post-login shell only.
 */

.eap-plugin-scope .eap-viewport-shell{
    --portal-bg: #f7fafc;
    --portal-surface: #ffffff;
    --portal-surface-soft: #f8fafc;
    --portal-border: #dbe4ee;
    --portal-text: #0f172a;
    --portal-muted: #64748b;
    --portal-blue: #2563eb;
    --portal-green: #059669;
    --portal-coral: #e11d48;
    --portal-amber: #b45309;
    --portal-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    background:
        linear-gradient(180deg, rgba(37, 99, 235, 0.06), rgba(5, 150, 105, 0.04) 42%, rgba(248, 250, 252, 1) 100%),
        var(--portal-bg);
    color: var(--portal-text);
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="teacher"]{
    --portal-blue: #047857;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"]{
    --portal-blue: #0e7490;
}

.eap-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"]{
    --portal-blue: #4f46e5;
}

.eap-plugin-scope .eap-shell-inner{
    background: transparent;
}

.eap-plugin-scope .eap-sidebar{
    background: #0f172a;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 12px 0 32px rgba(15, 23, 42, 0.18);
}

.eap-plugin-scope .eap-sidebar-logo{
    min-height: 72px;
    padding: 18px 16px;
}

.eap-plugin-scope .eap-logo-mark{
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 14px;
}

.eap-plugin-scope .eap-logo-name,
.eap-plugin-scope .eap-sidebar-user-name{
    letter-spacing: 0;
}

.eap-plugin-scope .eap-sidebar-nav{
    padding: 10px 10px 18px;
    gap: 4px;
}

.eap-plugin-scope .eap-nav-link{
    min-height: 42px;
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.74);
    transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.eap-plugin-scope .eap-nav-link:hover{
    background: rgba(255, 255, 255, 0.09);
    color: #ffffff;
    transform: translateX(2px);
}

.eap-plugin-scope .eap-nav-link.active{
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.eap-plugin-scope .eap-main{
    background: transparent;
}

.eap-plugin-scope .eap-topbar{
    position: sticky;
    top: 0;
    z-index: 20;
    margin: 0;
    padding: 22px 28px 18px;
    background: rgba(247, 250, 252, 0.88);
    border-bottom: 1px solid rgba(219, 228, 238, 0.72);
    backdrop-filter: blur(18px);
}

.eap-plugin-scope .eap-shell-kicker{
    color: var(--portal-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.eap-plugin-scope .eap-role-badge,
.eap-plugin-scope .eap-status-pill{
    border-radius: 999px;
    border: 1px solid rgba(37, 99, 235, 0.18);
    background: rgba(37, 99, 235, 0.08);
    color: var(--portal-blue);
    font-weight: 800;
}

.eap-plugin-scope .eap-page-title{
    margin-top: 6px;
    color: var(--portal-text);
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.12;
    letter-spacing: 0;
}

.eap-plugin-scope .eap-page-subtitle{
    max-width: 760px;
    color: var(--portal-muted);
    font-size: 14px;
}

.eap-plugin-scope .eap-user-chip,
.eap-plugin-scope .eap-sidebar-user{
    border: 1px solid var(--portal-border);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.eap-plugin-scope .eap-sidebar-user{
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: none;
}

.eap-plugin-scope .eap-command-strip{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 24px 28px 0;
    padding: 18px;
    border: 1px solid var(--portal-border);
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.94)),
        var(--portal-surface);
    box-shadow: var(--portal-shadow);
}

.eap-plugin-scope .eap-command-strip__copy{
    display: grid;
    gap: 4px;
}

.eap-plugin-scope .eap-command-strip__eyebrow{
    color: var(--portal-blue);
    font-size: 12px;
    font-weight: 800;
}

.eap-plugin-scope .eap-command-strip__copy strong{
    color: var(--portal-text);
    font-size: 15px;
    line-height: 1.35;
}

.eap-plugin-scope .eap-command-strip__actions{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.eap-plugin-scope .eap-command-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid var(--portal-border);
    border-radius: 10px;
    background: var(--portal-surface);
    color: var(--portal-text);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.eap-plugin-scope .eap-command-btn:hover{
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.32);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.10);
}

.eap-plugin-scope .eap-command-btn--primary{
    border-color: transparent;
    background: var(--portal-blue);
    color: #ffffff;
}

.eap-plugin-scope .eap-content{
    padding: 24px 28px 32px;
}

.eap-plugin-scope .eap-dashboard-grid{
    gap: 18px;
}

.eap-plugin-scope .eap-card,
.eap-plugin-scope .eap-kpi-card,
.eap-plugin-scope .eap-widget,
.eap-plugin-scope .eap-list-item{
    border: 1px solid var(--portal-border);
    border-radius: 14px;
    background: var(--portal-surface);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

.eap-plugin-scope .eap-card-title{
    color: var(--portal-text);
    letter-spacing: 0;
}

.eap-plugin-scope .eap-table{
    border-collapse: separate;
    border-spacing: 0;
}

.eap-plugin-scope .eap-table th{
    background: var(--portal-surface-soft);
    color: #334155;
    font-size: 12px;
    letter-spacing: 0;
}

.eap-plugin-scope .eap-table td,
.eap-plugin-scope .eap-table th{
    border-bottom: 1px solid var(--portal-border);
}

.eap-plugin-scope .eap-btn,
.eap-plugin-scope .eap-btn-action,
.eap-plugin-scope .eap-dashboard-shell button,
.eap-plugin-scope .eap-dashboard-shell input[type="submit"]{
    border-radius: 10px;
    font-weight: 800;
    letter-spacing: 0;
}

.eap-plugin-scope .eap-dashboard-shell input,
.eap-plugin-scope .eap-dashboard-shell select,
.eap-plugin-scope .eap-dashboard-shell textarea{
    border: 1px solid var(--portal-border);
    border-radius: 10px;
    background: #ffffff;
    color: var(--portal-text);
}

.eap-plugin-scope .eap-dashboard-shell input:focus,
.eap-plugin-scope .eap-dashboard-shell select:focus,
.eap-plugin-scope .eap-dashboard-shell textarea:focus{
    border-color: var(--portal-blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
    outline: none;
}

@media (max-width: 900px) {
    .eap-plugin-scope .eap-topbar{
        padding: 18px 18px 14px;
    }

    .eap-plugin-scope .eap-command-strip{
        align-items: stretch;
        flex-direction: column;
        margin: 18px 18px 0;
    }

    .eap-plugin-scope .eap-command-strip__actions{
        justify-content: stretch;
    }

    .eap-plugin-scope .eap-command-btn{
        flex: 1 1 160px;
    }

    .eap-plugin-scope .eap-content{
        padding: 18px;
    }
}

/* Premium post-login polish overrides legacy role colors. */
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell{
    --portal-sidebar-start: #16306f;
    --portal-sidebar-mid: #1f3f91;
    --portal-sidebar-end: #14214d;
    --portal-accent: #0e7490;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"]{
    --portal-sidebar-start: #0f513c;
    --portal-sidebar-mid: #13795b;
    --portal-sidebar-end: #123524;
    --portal-accent: #047857;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"],
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="super_admin"]{
    --portal-sidebar-start: #263172;
    --portal-sidebar-mid: #3949ab;
    --portal-sidebar-end: #1f244f;
    --portal-accent: #4f46e5;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-shell-inner{
    gap: 18px;
    padding: 18px 22px 22px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar{
    background: linear-gradient(180deg, var(--portal-sidebar-start), var(--portal-sidebar-mid) 46%, var(--portal-sidebar-end)) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18) !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar{
    position: sticky !important;
    top: 18px !important;
    height: calc(100vh - 40px) !important;
    min-height: 0 !important;
    max-height: calc(100vh - 40px) !important;
    padding: 20px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    overflow: hidden !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-top{
    min-height: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-logo{
    flex: 0 0 auto !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-nav{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 2px 4px 8px 0 !important;
    margin-right: -4px !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.42) rgba(255, 255, 255, 0.08);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-nav::-webkit-scrollbar{
    width: 7px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-nav::-webkit-scrollbar-track{
    background: rgba(255, 255, 255, 0.08);
    border-radius: 999px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-nav::-webkit-scrollbar-thumb{
    background: rgba(255, 255, 255, 0.38);
    border-radius: 999px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-footer{
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-user{
    min-height: 58px !important;
    padding: 10px !important;
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-user-info{
    min-width: 0 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-user-name,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-user-role{
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-logout{
    min-height: 38px !important;
    margin-top: 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

@media (max-width: 960px) {
    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar{
        position: relative !important;
        top: auto !important;
        height: auto !important;
        max-height: none !important;
        width: 100% !important;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-nav{
        max-height: 68vh !important;
    }
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-logo-name,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-user-name{
    color: #ffffff !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-logo-sub,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-user-role,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-logout{
    color: rgba(255, 255, 255, 0.72) !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-nav-link{
    color: rgba(255, 255, 255, 0.78) !important;
    border-left: 0 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-nav-link:hover,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-nav-link.active{
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-nav-link.active{
    box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.82) !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-user{
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-mobile-menu-toggle{
    display: none !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-sidebar-toggle{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-topbar{
    position: static !important;
    min-height: 118px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 22px 26px !important;
    background: linear-gradient(135deg, #ffffff 0%, #f7fbff 100%) !important;
    border: 1px solid var(--portal-border) !important;
    border-radius: 14px !important;
    border-bottom: 1px solid var(--portal-border) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07) !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-topbar h1,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-page-title{
    background: none !important;
    color: #0f172a !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: clamp(24px, 2.8vw, 32px) !important;
    letter-spacing: 0 !important;
    margin: 8px 0 6px !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-page-subtitle{
    color: #64748b !important;
    margin: 0 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-shell-kicker,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-role-badge{
    color: var(--portal-accent) !important;
    -webkit-text-fill-color: currentColor !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-user-chip{
    background: #ffffff !important;
    border-color: var(--portal-border) !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-topbar-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-portal-tools{
    display: flex;
    align-items: center;
    gap: 8px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-tool-button{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid var(--portal-border);
    border-radius: 10px;
    background: #ffffff;
    color: #0f172a;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-tool-button--notifications{
    width: 40px;
    padding: 0;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-notification-count{
    position: absolute;
    top: -7px;
    right: -7px;
    display: inline-grid;
    min-width: 20px;
    height: 20px;
    place-items: center;
    padding: 0 5px;
    border: 2px solid #ffffff;
    border-radius: 999px;
    background: #e11d48;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-notification-drawer{
    position: fixed;
    top: calc(var(--eap-adminbar-h, 0px) + 92px);
    right: 28px;
    z-index: 120;
    width: min(380px, calc(100vw - 32px));
    max-height: calc(100vh - 132px);
    overflow: auto;
    padding: 14px;
    border: 1px solid var(--portal-border);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity 160ms ease, transform 160ms ease;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-notification-drawer.is-open{
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-notification-drawer__head{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 4px 12px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-notification-drawer__head span{
    display: block;
    color: var(--portal-accent);
    font-size: 12px;
    font-weight: 900;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-notification-drawer__head strong{
    display: block;
    margin-top: 4px;
    color: #0f172a;
    font-size: 16px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-notification-close,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-panel__bar button{
    display: inline-grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid #dbe4ee;
    border-radius: 10px;
    background: #ffffff;
    color: #334155;
    cursor: pointer;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-notification-list{
    display: grid;
    gap: 10px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-notification-item{
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
    border: 1px solid #e5edf6;
    border-radius: 12px;
    background: #f8fafc;
    color: #0f172a;
    text-decoration: none;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-notification-item > .dashicons{
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
    background: rgba(14, 116, 144, 0.10);
    color: var(--portal-accent);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-notification-item.is-attention > .dashicons{
    background: rgba(180, 83, 9, 0.12);
    color: #b45309;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-notification-item strong,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-notification-item small{
    display: block;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-notification-item small{
    margin-top: 4px;
    color: #64748b;
    line-height: 1.4;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-overlay{
    position: fixed;
    inset: 0;
    z-index: 140;
    display: grid;
    align-items: start;
    justify-items: center;
    padding: calc(var(--eap-adminbar-h, 0px) + 76px) 18px 18px;
    background: rgba(15, 23, 42, 0.28);
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms ease;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-overlay.is-open{
    opacity: 1;
    pointer-events: auto;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-panel{
    width: min(720px, 100%);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.48);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.28);
    transform: translateY(-8px);
    transition: transform 160ms ease;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-overlay.is-open .eap-search-panel{
    transform: translateY(0);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-panel__bar{
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 38px;
    gap: 10px;
    align-items: center;
    padding: 14px;
    border-bottom: 1px solid #e5edf6;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-panel__bar > .dashicons{
    color: var(--portal-accent);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-panel__bar input{
    min-height: 44px;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #0f172a;
    font-size: 16px;
    font-weight: 700;
    outline: 0 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-results{
    display: grid;
    max-height: min(520px, 58vh);
    overflow: auto;
    padding: 10px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-result{
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 12px;
    color: #0f172a;
    text-decoration: none;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-result:hover{
    background: #f1f5f9;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-result > .dashicons{
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
    background: rgba(14, 116, 144, 0.10);
    color: var(--portal-accent);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-result strong,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-result small{
    display: block;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-result small,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-empty{
    color: #64748b;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-search-empty{
    margin: 0;
    padding: 18px;
    text-align: center;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-portal-toast{
    position: relative;
    margin: 0 0 14px !important;
    padding: 12px 14px !important;
    border: 1px solid #dbe4ee !important;
    border-left: 4px solid var(--portal-accent) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08) !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-command-strip{
    margin: 18px 0 0;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-content{
    margin: 0 !important;
    padding: 22px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-main > .eap-topbar,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-main > .eap-command-strip,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-main > .eap-content{
    max-width: none !important;
    width: 100% !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution"] .eap-dashboard-grid,
.eap-plugin-scope .pa-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid,
.eap-plugin-scope .eap-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid{
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
    width: 100% !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-widget,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-card,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution"] .eap-dashboard-grid > .eap-widget,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution"] .eap-dashboard-grid > .eap-card,
.eap-plugin-scope .pa-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-widget,
.eap-plugin-scope .pa-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-card,
.eap-plugin-scope .eap-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-widget,
.eap-plugin-scope .eap-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-card{
    grid-column: span 4 !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-col-12,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution"] .eap-dashboard-grid > .eap-col-12,
.eap-plugin-scope .pa-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-col-12,
.eap-plugin-scope .eap-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-col-12,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-inst-module-card,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution"] .eap-dashboard-grid > .eap-inst-module-card,
.eap-plugin-scope .pa-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-inst-module-card,
.eap-plugin-scope .eap-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-inst-module-card{
    grid-column: 1 / -1 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-col-8,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution"] .eap-dashboard-grid > .eap-col-8,
.eap-plugin-scope .pa-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-col-8,
.eap-plugin-scope .eap-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-col-8{
    grid-column: span 8 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-col-6,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution"] .eap-dashboard-grid > .eap-col-6,
.eap-plugin-scope .pa-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-col-6,
.eap-plugin-scope .eap-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-col-6{
    grid-column: span 6 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-col-4,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution"] .eap-dashboard-grid > .eap-col-4,
.eap-plugin-scope .pa-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-col-4,
.eap-plugin-scope .eap-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-col-4{
    grid-column: span 4 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"] .eap-card-body,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"] .eap-widget-header,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution"] .eap-card-body,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution"] .eap-widget-header,
.eap-plugin-scope .pa-role-institution .eap-portal-shell.eap-viewport-shell .eap-card-body,
.eap-plugin-scope .pa-role-institution .eap-portal-shell.eap-viewport-shell .eap-widget-header,
.eap-plugin-scope .eap-role-institution .eap-portal-shell.eap-viewport-shell .eap-card-body,
.eap-plugin-scope .eap-role-institution .eap-portal-shell.eap-viewport-shell .eap-widget-header{
    min-width: 0 !important;
    max-width: 100% !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-col-5{
    grid-column: span 5 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-col-7{
    grid-column: span 7 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-inst-link-card{
    grid-column: 1 / -1 !important;
    max-width: 100% !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-link-card .eap-card-body{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-link-note,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-link-card .eap-join-status{
    margin: 0;
    min-width: 0;
    max-width: 760px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-link-card .eap-btn{
    flex: 0 0 auto;
    max-width: 100%;
    white-space: normal;
    text-align: center;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-module-card,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-card,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-page{
    min-width: 0 !important;
    max-width: 100% !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-module-card{
    padding: 16px !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-module-card .eap-widget-header,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-card .eap-widget-header{
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-module-card .eap-card-title,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-card .eap-card-title{
    font-size: 18px !important;
    line-height: 1.2 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-module-card .eap-card-body,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-card .eap-card-body{
    padding: 0 !important;
    overflow: hidden !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-module-card .eap-inst-module-frame,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-module-card .eap-inst-module-frame--has-fallback{
    min-height: clamp(520px, 68vh, 760px) !important;
    height: clamp(520px, 68vh, 760px) !important;
    padding: 0 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-module-card .eap-inst-iframe{
    min-height: clamp(520px, 68vh, 760px) !important;
    height: clamp(520px, 68vh, 760px) !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module{
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: auto;
    color: #111827;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module .eap-admin-wrap,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module .eap-dashboard-stack,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module .wrap{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module .eap-dashboard-stack{
    display: grid !important;
    gap: 14px !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module .eap-dashboard-grid{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module .eap-widget{
    max-width: 100% !important;
    min-width: 0 !important;
    border: 1px solid #e5edf6 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module .eap-widget-header{
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module .eap-card-title,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module h2{
    font-size: 17px !important;
    line-height: 1.25 !important;
    letter-spacing: .02em !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--language .eap-lang-page-header,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--language .eap-lang-page-kpis,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--language .eap-lang-info-grid,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--book .eap-conv-header{
    display: none !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--language .eap-lang-inst-page{
    margin: 0 !important;
    padding: 0 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--language .eap-table-scroll,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--book .eap-table-scroll{
    max-height: clamp(360px, 48vh, 620px);
    overflow: auto !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--language table,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--book table{
    min-width: 720px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--book .eap-conv-diagnostics-card{
    display: none !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--book .eap-conv-upload-card .eap-admin-form{
    gap: 12px !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--book .eap-conv-form-grid{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 16px !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--book .eap-conv-flow-note,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--book .eap-conv-rights-box{
    margin: 0 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--book .eap-conv-cta-row{
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-live-hub-panel{
    overflow: hidden;
    padding: 16px !important;
    border: 1px solid var(--portal-border);
    border-radius: 14px;
    background: #ffffff;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-live-hub-panel .wrap,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-live-hub-panel .eap-admin-wrap,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-live-hub-panel .eap-page,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-live-hub-panel .eap-dashboard-grid{
    max-width: 100% !important;
    margin: 0 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-live-hub-panel h1,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-live-hub-panel h2,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-live-hub-panel h3{
    margin-top: 0 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--live .notice,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--live .updated,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--live .error{
    margin: 0 0 12px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--live form,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--live fieldset{
    max-width: 100% !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--live input,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--live select,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-native-module--live textarea{
    max-width: 100% !important;
    box-sizing: border-box;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-requests-card{
    padding: 18px !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-module{
    display: grid;
    gap: 14px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-module__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-module__title{
    margin: 0 0 4px !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-module__subtitle{
    margin: 0 !important;
    color: #64748b;
    font-size: 14px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-kpis{
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: 10px;
    min-width: min(460px, 100%);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-kpi{
    padding: 10px 12px !important;
    border: 1px solid #e5edf6;
    border-radius: 12px;
    background: #f8fafc;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-kpi span{
    display: block;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-kpi strong{
    display: block;
    margin-top: 4px;
    color: #0f172a;
    font-size: 24px;
    line-height: 1;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-table-wrap{
    max-height: 58vh;
    border: 1px solid #e5edf6;
    border-radius: 12px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-table{
    margin: 0 !important;
    min-width: 780px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-table th,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-table td{
    padding: 10px 12px !important;
    font-size: 13px !important;
    vertical-align: middle;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-table th{
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f8fafc;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-col-actions{
    min-width: 170px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-widget,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-card,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .pa-card{
    border: 1px solid var(--portal-border) !important;
    border-left: 1px solid var(--portal-border) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06) !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-card-title{
    border-bottom: 1px solid #e5edf6 !important;
    color: #2563eb !important;
    letter-spacing: 0.04em !important;
    padding-bottom: 10px !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-hero{
    display: grid;
    gap: 18px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-hero__main{
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-avatar{
    display: grid;
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    place-items: center;
    overflow: hidden;
    border-radius: 16px;
    background: #e0f2fe;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-kicker,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-summary-card span,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-overview-card span{
    display: block;
    color: #2563eb;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-identity h3{
    margin: 8px 0 8px;
    color: #0f172a;
    font-size: 22px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-identity p,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-panel__head p,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-summary-card p,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-overview-card p,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-note{
    color: #475569;
    line-height: 1.55;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-meta{
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-meta-chip{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid #e5edf6;
    border-radius: 10px;
    background: #f8fafc;
    color: #64748b;
    line-height: 1.35;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-meta-chip strong{
    color: #0f172a;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-summary-grid,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-overview-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-overview-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-summary-card,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-overview-card,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-language-strip,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-security-note{
    padding: 14px;
    border: 1px solid #e5edf6;
    border-radius: 12px;
    background: #f8fafc;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-summary-card strong,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-overview-card strong{
    display: block;
    margin-top: 8px;
    color: #0f172a;
    font-size: 18px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-panel{
    display: grid;
    gap: 18px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-panel__head h4{
    margin: 0 0 8px;
    color: #0f172a;
    font-size: 18px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-form-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-form-grid__full,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-actions{
    grid-column: 1 / -1;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-form .eap-form-group{
    margin: 0;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-form label{
    display: block;
    margin-bottom: 8px;
    color: #1e293b;
    font-weight: 800;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-language-pills{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-language-pill{
    padding: 7px 10px;
    border: 1px solid #dbe4ee;
    border-radius: 999px;
    background: #ffffff;
    color: #475569;
    font-size: 12px;
    font-weight: 800;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-language-pill.is-active{
    border-color: rgba(14, 116, 144, 0.22);
    background: rgba(14, 116, 144, 0.10);
    color: #0e7490;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-save{
    background: var(--portal-accent) !important;
    border-color: var(--portal-accent) !important;
    color: #ffffff !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-card{
    overflow: hidden;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-card .eap-card-body{
    padding-top: 4px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-focus-panel{
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.9fr);
    gap: 20px;
    align-items: stretch;
    padding: 22px;
    border: 1px solid rgba(14, 116, 144, 0.14);
    border-radius: 16px;
    background:
        radial-gradient(circle at top right, rgba(14, 116, 144, 0.14), transparent 34%),
        linear-gradient(135deg, #f8fafc 0%, #ffffff 64%);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-eyebrow{
    display: inline-flex;
    width: fit-content;
    margin-bottom: 10px;
    padding: 6px 10px;
    border: 1px solid rgba(14, 116, 144, 0.16);
    border-radius: 999px;
    background: rgba(14, 116, 144, 0.08);
    color: var(--portal-accent);
    font-size: 12px;
    font-weight: 900;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-focus-panel h3{
    margin: 0 0 10px;
    color: #0f172a;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.08;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-focus-panel p{
    max-width: 760px;
    margin: 0;
    color: #475569;
    line-height: 1.6;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-primary-action,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-secondary-action{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin-top: 18px;
    padding: 0 16px;
    border-radius: 10px;
    font-weight: 900;
    text-decoration: none;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-primary-action{
    background: var(--portal-accent);
    color: #ffffff;
    box-shadow: 0 14px 26px rgba(14, 116, 144, 0.22);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-secondary-action{
    border: 1px solid #dbe4ee;
    background: #ffffff;
    color: #0f172a;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-focus-panel__metrics{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    align-content: center;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-focus-panel__metrics article{
    min-height: 112px;
    padding: 16px;
    border: 1px solid #e5edf6;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-focus-panel__metrics span,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-health__score span{
    display: block;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-focus-panel__metrics strong{
    display: block;
    margin-top: 8px;
    color: #0f172a;
    font-size: clamp(22px, 3vw, 32px);
    line-height: 1;
    overflow-wrap: anywhere;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-focus-panel__metrics small{
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-weight: 700;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-timeline{
    display: grid;
    gap: 14px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-timeline__item{
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
    border: 1px solid #e5edf6;
    border-radius: 12px;
    background: #f8fafc;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-timeline__dot{
    width: 12px;
    height: 12px;
    margin-top: 4px;
    border-radius: 999px;
    background: #94a3b8;
    box-shadow: 0 0 0 5px rgba(148, 163, 184, 0.12);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-timeline__item.is-live .eap-premium-timeline__dot{
    background: #059669;
    box-shadow: 0 0 0 5px rgba(5, 150, 105, 0.14);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-timeline__item.is-attention .eap-premium-timeline__dot{
    background: #b45309;
    box-shadow: 0 0 0 5px rgba(180, 83, 9, 0.14);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-timeline__item.is-done .eap-premium-timeline__dot{
    background: #2563eb;
    box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.12);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-timeline__item strong,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-timeline__item a{
    color: #0f172a;
    font-weight: 900;
    text-decoration: none;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-timeline__item p{
    margin: 5px 0 0;
    color: #64748b;
    line-height: 1.45;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-health{
    display: grid;
    gap: 14px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-health__score{
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 14px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-health__score strong{
    color: #0f172a;
    font-size: 34px;
    line-height: 1;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-health__bar{
    height: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: #e5edf6;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-health__bar span{
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--portal-accent), #22c55e);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-health__items{
    display: grid;
    gap: 10px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-health__items article{
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
    border: 1px solid #e5edf6;
    border-radius: 12px;
    background: #f8fafc;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-health__items .dashicons{
    color: var(--portal-accent);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-health__items article.is-open .dashicons{
    color: #b45309;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-health__items strong{
    color: #0f172a;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-health__items p{
    margin: 4px 0 0;
    color: #64748b;
    line-height: 1.4;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-empty-state{
    display: grid;
    justify-items: start;
    gap: 8px;
    padding: 18px;
    border: 1px dashed #cbd5e1;
    border-radius: 14px;
    background: #f8fafc;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-empty-state .dashicons{
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
    background: rgba(14, 116, 144, 0.10);
    color: var(--portal-accent);
    font-size: 20px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-empty-state strong{
    color: #0f172a;
    font-size: 16px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-empty-state p{
    margin: 0;
    color: #64748b;
    line-height: 1.5;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-progress-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-progress-grid article{
    min-height: 132px;
    padding: 16px;
    border: 1px solid #e5edf6;
    border-radius: 14px;
    background: #f8fafc;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-progress-grid span{
    display: block;
    color: var(--portal-accent);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-progress-grid strong{
    display: block;
    margin-top: 8px;
    color: #0f172a;
    font-size: 24px;
    line-height: 1.1;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-progress-grid p{
    margin: 8px 0 0;
    color: #64748b;
    line-height: 1.45;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-widget,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-command-btn,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-primary-action,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-secondary-action,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-timeline__item,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-health__items article,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-progress-grid article,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-tool-button,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-notification-item{
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-widget:hover,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-timeline__item:hover,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-health__items article:hover,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-progress-grid article:hover,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-tool-button:hover,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-notification-item:hover{
    transform: translateY(-1px);
    border-color: rgba(14, 116, 144, 0.22) !important;
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08) !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-wide-state .eap-empty-state,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-guided-empty{
    min-height: 180px;
    align-content: center;
    justify-items: center;
    text-align: center;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-guided-empty .eap-btn{
    margin-top: 8px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-sessions-kpi-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-sessions-kpi{
    min-height: 136px;
    padding: 18px;
    border: 1px solid #e5edf6;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-sessions-kpi-label{
    margin: 0;
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-sessions-kpi-value{
    margin: 10px 0 4px;
    color: #0f172a;
    font-size: 32px;
    font-weight: 900;
    line-height: 1;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-sessions-kpi-meta{
    margin: 0;
    color: #64748b;
    line-height: 1.45;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-sessions-start-panel{
    padding: 20px;
    border: 1px solid #e5edf6;
    border-radius: 14px;
    background: #ffffff;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-sessions-start-title{
    margin: 0 0 6px;
    color: #0f172a;
    font-size: 18px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-sessions-start-subtitle{
    margin: 0 0 18px;
    color: #64748b;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-session-start-form{
    display: grid;
    gap: 16px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-session-action-row{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-session-start-btn{
    min-height: 42px;
    border-radius: 999px !important;
    padding: 0 20px !important;
    font-weight: 800 !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-session-start-btn--primary{
    background: var(--portal-accent) !important;
    border-color: var(--portal-accent) !important;
    color: #ffffff !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-session-start-btn--secondary{
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-session-bucket .eap-card-body{
    min-height: 190px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-session-bucket .eap-teacher-empty{
    display: grid;
    min-height: 142px;
    place-items: center;
    margin: 0;
    padding: 18px;
    border: 1px dashed #d8e2ec;
    border-radius: 14px;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
    line-height: 1.45;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-summary{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-pill{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid #e5edf6;
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    font-size: 13px;
    font-weight: 800;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-pill strong{
    color: #0f172a;
    font-size: 16px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-pill.is-completed{
    border-color: rgba(22, 163, 74, 0.22);
    background: #f0fdf4;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-pill.is-failed{
    border-color: rgba(220, 38, 38, 0.22);
    background: #fef2f2;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-pill.is-pending{
    border-color: rgba(217, 119, 6, 0.22);
    background: #fffbeb;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-table-wrap{
    overflow-x: auto;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-table{
    min-width: 980px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-table th,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-table td{
    padding: 14px 16px;
    vertical-align: top;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-table .eap-teacher-table-primary{
    min-width: 220px;
    font-weight: 800;
    line-height: 1.35;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-actions{
    min-width: 260px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-inline-form{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-student-ids{
    min-width: 190px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-status-tag{
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 9px;
    border-radius: 999px;
    background: #eef2f7;
    color: #334155;
    font-size: 12px;
    font-weight: 900;
    text-transform: capitalize;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-status-tag--completed,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-status-tag--active,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-status-tag--published{
    background: #dcfce7;
    color: #166534;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-status-tag--failed,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-status-tag--blocked,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-status-tag--cancelled{
    background: #fee2e2;
    color: #991b1b;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-status-tag--draft,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-status-tag--pending,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-status-tag--processing{
    background: #fef3c7;
    color: #92400e;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-generation-steps{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 14px 0 4px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-generation-steps span{
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 11px;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 850;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-guided-empty > .dashicons{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-bottom: 8px;
    border-radius: 50%;
    background: #e8f7ef;
    color: #2f7d58;
    font-size: 18px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-blocked-action{
    max-width: 520px;
    padding: 16px;
    border: 1px dashed #fecaca;
    border-radius: 8px;
    background: #fff7f7;
    color: #7f1d1d;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-blocked-action strong{
    display: block;
    margin-bottom: 6px;
    color: #991b1b;
    font-size: 13px;
    font-weight: 900;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-blocked-action p{
    margin: 0;
    color: #7f1d1d;
    font-size: 13px;
    line-height: 1.45;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-action-links{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-library-blocked-action .eap-teacher-library-action-links{
    margin-top: 12px;
    margin-bottom: 0;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-profile-summary-meta{
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-profile-summary-meta span{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: normal;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-profile-snapshot-card{
    align-self: start;
    position: sticky;
    top: 18px;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-profile-snapshot{
    display: grid;
    gap: 12px;
    margin: 0;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-profile-snapshot div{
    display: grid;
    grid-template-columns: minmax(92px, 0.42fr) minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5edf6;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-profile-snapshot div:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-profile-snapshot dt{
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-profile-snapshot dd{
    min-width: 0;
    margin: 0;
    color: #0f172a;
    font-weight: 800;
    overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-sessions-kpi-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-profile-snapshot-card{
        position: static;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-widget,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-card,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution"] .eap-dashboard-grid > .eap-widget,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution"] .eap-dashboard-grid > .eap-card,
.eap-plugin-scope .pa-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-widget,
.eap-plugin-scope .pa-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-card,
.eap-plugin-scope .eap-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-widget,
.eap-plugin-scope .eap-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-card{
        grid-column: span 6 !important;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-col-12,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution"] .eap-dashboard-grid > .eap-col-12,
.eap-plugin-scope .pa-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-col-12,
.eap-plugin-scope .eap-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-col-12,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-inst-module-card,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution"] .eap-dashboard-grid > .eap-inst-module-card,
.eap-plugin-scope .pa-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-inst-module-card,
.eap-plugin-scope .eap-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-inst-module-card{
        grid-column: 1 / -1 !important;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-col-5,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-col-7{
        grid-column: span 12 !important;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-link-card .eap-card-body{
        align-items: flex-start;
        flex-direction: column;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-link-card .eap-btn{
        width: 100%;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-module__header{
        align-items: flex-start;
        flex-direction: column;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-kpis{
        grid-template-columns: repeat(3, minmax(0, 1fr));
        min-width: 0;
        width: 100%;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-focus-panel{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-sessions-kpi-grid{
        grid-template-columns: 1fr;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-session-action-row,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-session-action-row .button,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-inline-form,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-inline-form .button,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-inline-form input{
        width: 100%;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="teacher"] .eap-teacher-profile-snapshot div{
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-shell-inner{
        padding: 12px;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-mobile-menu-toggle{
        display: inline-flex !important;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-hero__main,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-topbar{
        align-items: flex-start !important;
        flex-direction: column;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-widget,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution_admin"] .eap-dashboard-grid > .eap-card,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution"] .eap-dashboard-grid > .eap-widget,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell[data-eap-role="institution"] .eap-dashboard-grid > .eap-card,
.eap-plugin-scope .pa-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-widget,
.eap-plugin-scope .pa-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-card,
.eap-plugin-scope .eap-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-widget,
.eap-plugin-scope .eap-role-institution .eap-portal-shell.eap-viewport-shell .eap-dashboard-grid > .eap-card{
        grid-column: 1 / -1 !important;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-module-card,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-card,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-live-hub-panel{
        padding: 12px !important;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-module-card .eap-inst-module-frame,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-module-card .eap-inst-module-frame--has-fallback,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-compact-module-card .eap-inst-iframe{
        min-height: 560px !important;
        height: 560px !important;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-inst-join-kpis{
        grid-template-columns: 1fr;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-topbar-right,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-portal-tools{
        width: 100%;
        justify-content: space-between;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-tool-button--search{
        flex: 1;
    }

    .eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-summary-grid,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-overview-grid,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-student-profile-form-grid,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-focus-panel__metrics,
.eap-plugin-scope .eap-portal-shell.eap-viewport-shell .eap-premium-progress-grid{
        grid-template-columns: 1fr;
    }
}
.eap-plugin-scope .eap-role-preview-notice{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 14px 24px 0;
    padding: 12px 14px;
    border: 1px solid #b45309;
    border-radius: 10px;
    background: #fffbeb;
    color: #78350f;
    line-height: 1.45;
}

.eap-plugin-scope .eap-role-preview-notice .dashicons{
    flex: 0 0 auto;
    color: #d97706;
    margin-top: 2px;
}

.eap-plugin-scope .eap-role-preview-notice strong{
    display: block;
}

.eap-plugin-scope [data-eap-theme="dark"] .eap-role-preview-notice{
    background: #422006;
    color: #fef3c7;
    border-color: #d97706;
}

/* ===== SOURCE: eap-dashboard-freeze.css ===== */
/**
 * EAP Dashboard Freeze
 * Final shared UI layer for all plugin-owned frontend dashboards and menus.
 */

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

.eap-plugin-scope .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: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    color: var(--eap-freeze-text) !important;
    background: linear-gradient(180deg, #f8fbff 0%, var(--eap-freeze-bg) 100%) !important;
}

.eap-plugin-scope .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-plugin-scope .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-plugin-scope .eap-viewport-shell[data-eap-role="institution_admin"],
.eap-plugin-scope .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-plugin-scope .eap-shell-inner,
.eap-plugin-scope .eap-dashboard-app-wrap{
    background: transparent !important;
}

.eap-plugin-scope .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-plugin-scope .eap-sidebar-top{
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    gap: 18px !important;
}

.eap-plugin-scope .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-plugin-scope .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-plugin-scope .eap-logo-name{
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
}

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

.eap-plugin-scope .eap-sidebar-toggle,
.eap-plugin-scope .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-plugin-scope .eap-sidebar-nav{
    display: grid !important;
    gap: 7px !important;
    padding: 0 4px !important;
}

.eap-plugin-scope .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-plugin-scope .eap-nav-link:hover,
.eap-plugin-scope .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-plugin-scope .eap-nav-link.active,
.eap-plugin-scope .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-plugin-scope .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-plugin-scope .eap-nav-label{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

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

.eap-plugin-scope .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-plugin-scope .eap-sidebar-avatar-img,
.eap-plugin-scope .eap-avatar-img{
    border-radius: 12px !important;
    object-fit: cover !important;
}

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

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

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

.eap-plugin-scope .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-plugin-scope .eap-sidebar-logout:hover{
    background: rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
}

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

.eap-plugin-scope .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-plugin-scope .eap-topbar-left{
    display: grid !important;
    gap: 6px !important;
    min-width: 0 !important;
}

.eap-plugin-scope .eap-shell-kicker,
.eap-plugin-scope .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-plugin-scope .eap-shell-kicker{
    border: 1px solid #d8eee4 !important;
    background: var(--eap-role-accent-soft) !important;
    color: var(--eap-role-accent) !important;
}

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

.eap-plugin-scope .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-plugin-scope .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-plugin-scope .eap-topbar-right,
.eap-plugin-scope .eap-portal-tools{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.eap-plugin-scope .eap-tool-button,
.eap-plugin-scope .eap-user-chip,
.eap-plugin-scope .eap-command-btn,
.eap-plugin-scope .eap-notification-close,
.eap-plugin-scope .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-plugin-scope .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-plugin-scope .eap-tool-button--notifications{
    position: relative !important;
    width: 46px !important;
    padding: 0 !important;
}

.eap-plugin-scope .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: 12px !important;
    font-weight: 900 !important;
}

.eap-plugin-scope .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-plugin-scope .eap-user-chip-name,
.eap-plugin-scope .eap-user-chip-role{
    display: block !important;
    max-width: 150px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

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

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

.eap-plugin-scope .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-plugin-scope .eap-command-strip__eyebrow{
    color: var(--eap-role-accent) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

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

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

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

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

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

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

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

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

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

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

.eap-plugin-scope .eap-widget,
.eap-plugin-scope .eap-card,
.eap-plugin-scope .eap-kpi-card,
.eap-plugin-scope .eap-list-item,
.eap-plugin-scope .eap-panel,
.eap-plugin-scope .eap-empty-state,
.eap-plugin-scope .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-plugin-scope .eap-widget{
    overflow: hidden !important;
}

.eap-plugin-scope .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-plugin-scope .eap-card-title,
.eap-plugin-scope .eap-widget h2,
.eap-plugin-scope .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-plugin-scope .eap-card-body{
    padding: 20px 22px 22px !important;
    color: var(--eap-freeze-text) !important;
}

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

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

.eap-plugin-scope .eap-btn,
.eap-plugin-scope .eap-btn-action,
.eap-plugin-scope .eap-command-btn,
.eap-plugin-scope .eap-dashboard-shell button,
.eap-plugin-scope .eap-dashboard-shell input[type="submit"],
.eap-plugin-scope .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-plugin-scope .eap-btn--primary,
.eap-plugin-scope .eap-dashboard-shell .button-primary,
.eap-plugin-scope .eap-dashboard-shell input[type="submit"].primary,
.eap-plugin-scope .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-plugin-scope .eap-btn:hover,
.eap-plugin-scope .eap-dashboard-shell button:hover,
.eap-plugin-scope .eap-dashboard-shell input[type="submit"]:hover,
.eap-plugin-scope .eap-dashboard-shell .button:hover{
    transform: translateY(-1px) !important;
}

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

.eap-plugin-scope .eap-dashboard-shell input[type="text"],
.eap-plugin-scope .eap-dashboard-shell input[type="email"],
.eap-plugin-scope .eap-dashboard-shell input[type="password"],
.eap-plugin-scope .eap-dashboard-shell input[type="url"],
.eap-plugin-scope .eap-dashboard-shell input[type="tel"],
.eap-plugin-scope .eap-dashboard-shell input[type="number"],
.eap-plugin-scope .eap-dashboard-shell input[type="datetime-local"],
.eap-plugin-scope .eap-dashboard-shell input[type="search"],
.eap-plugin-scope .eap-dashboard-shell input[type="file"],
.eap-plugin-scope .eap-dashboard-shell select,
.eap-plugin-scope .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-plugin-scope .eap-dashboard-shell textarea{
    min-height: 104px !important;
    resize: vertical !important;
}

.eap-plugin-scope .eap-dashboard-shell input:focus,
.eap-plugin-scope .eap-dashboard-shell select:focus,
.eap-plugin-scope .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-plugin-scope .eap-dashboard-shell input[type="checkbox"],
.eap-plugin-scope .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-plugin-scope .eap-form-group,
.eap-plugin-scope .eap-field,
.eap-plugin-scope .eap-filter-group{
    display: grid !important;
    gap: 8px !important;
}

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

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

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

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

.eap-plugin-scope .eap-table thead th,
.eap-plugin-scope .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: 12px !important;
    font-weight: 900 !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

.eap-plugin-scope .eap-table tbody td,
.eap-plugin-scope .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-plugin-scope .eap-table tbody tr:nth-child(even) td{
    background: #fbfdff !important;
}

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

.eap-plugin-scope .eap-badge,
.eap-plugin-scope .eap-status-pill,
.eap-plugin-scope .eap-status-tag,
.eap-plugin-scope .eap-teacher-status-tag,
.eap-plugin-scope .eap-teacher-status-badge,
.eap-plugin-scope .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: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

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

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

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

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

.eap-plugin-scope .eap-empty-state,
.eap-plugin-scope .eap-teacher-empty,
.eap-plugin-scope .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-plugin-scope .eap-empty-state strong,
.eap-plugin-scope .eap-teacher-empty strong,
.eap-plugin-scope .eap-student-empty strong{
    color: var(--eap-freeze-text) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

.eap-plugin-scope .eap-alert,
.eap-plugin-scope .eap-notice,
.eap-plugin-scope .settings-error,
.eap-plugin-scope .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-plugin-scope .eap-notification-drawer,
.eap-plugin-scope .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-plugin-scope .eap-notification-item,
.eap-plugin-scope .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-plugin-scope .eap-search-panel__bar input{
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

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

.eap-plugin-scope .eap-live-panel,
.eap-plugin-scope .eap-peer-chat-panel,
.eap-plugin-scope .eap-live-controls,
.eap-plugin-scope .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-plugin-scope .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-plugin-scope .eap-live-room-head-actions{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.eap-plugin-scope .eap-live-teacher-actionbar{
    position: sticky !important;
    top: 12px !important;
    z-index: 50 !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 16px !important;
    border: 1px solid #fecaca !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .97) !important;
    color: #7f1d1d !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .14) !important;
    backdrop-filter: blur(10px) !important;
}

.eap-plugin-scope .eap-live-teacher-actionbar span{
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.eap-plugin-scope .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-plugin-scope .eap-live-room-code{
    margin: 6px 0 0 !important;
    color: var(--eap-freeze-muted) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

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

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

.eap-plugin-scope .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-plugin-scope .eap-live-panel-detail,
.eap-plugin-scope .eap-live-subtle-status{
    color: var(--eap-freeze-muted) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

.eap-plugin-scope .eap-live-launch-state,
.eap-plugin-scope .eap-live-health-grid,
.eap-plugin-scope .eap-live-recording-text,
.eap-plugin-scope .eap-peer-chat-title,
.eap-plugin-scope .eap-peer-chat-row,
.eap-plugin-scope .eap-live-student-hint,
.eap-plugin-scope .eap-live-language-label{
    color: var(--eap-freeze-text) !important;
}

.eap-plugin-scope .eap-live-input,
.eap-plugin-scope .eap-live-room-wrap select,
.eap-plugin-scope .eap-live-room-wrap textarea,
.eap-plugin-scope .eap-live-room-wrap input{
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .04) !important;
}

.eap-plugin-scope .eap-live-input::placeholder,
.eap-plugin-scope .eap-live-room-wrap textarea::placeholder,
.eap-plugin-scope .eap-live-room-wrap input::placeholder{
    color: #64748b !important;
    opacity: 1 !important;
}

.eap-plugin-scope .eap-peer-chat-messages{
    min-height: 110px !important;
    background: #f8fafc !important;
}

.eap-plugin-scope .eap-peer-chat-row{
    background: #ffffff !important;
    border-color: #dbe5f0 !important;
}

.eap-plugin-scope .eap-peer-chat-row > div:last-child,
.eap-plugin-scope .eap-peer-chat-empty{
    color: #334155 !important;
}

.eap-plugin-scope .eap-live-transcript{
    min-height: 240px !important;
    height: min(40vh, 380px) !important;
    color: #0f172a !important;
}

.eap-plugin-scope .eap-live-diagnostics-summary{
    cursor: pointer !important;
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    list-style-position: inside !important;
}

.eap-plugin-scope .eap-live-panel--health[open] .eap-live-health-grid{
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e2e8f0 !important;
}

.eap-plugin-scope .eap-live-transcript-empty,
.eap-plugin-scope .eap-transcript-placeholder{
    color: #64748b !important;
}

@media (max-width: 760px) {
    .eap-plugin-scope .eap-live-room-wrap{ padding: 10px !important; }
    .eap-plugin-scope .eap-live-room-head{ align-items: flex-start !important; flex-direction: column !important; }
    .eap-plugin-scope .eap-live-room-head-actions{ width: 100% !important; justify-content: space-between !important; }
    .eap-plugin-scope .eap-live-teacher-actionbar{ grid-template-columns: 1fr auto !important; }
    .eap-plugin-scope .eap-live-teacher-actionbar span{ display: none !important; }
    .eap-plugin-scope .eap-live-form-row,
.eap-plugin-scope .eap-peer-chat-form{ flex-direction: column !important; }
    .eap-plugin-scope .eap-live-input,
.eap-plugin-scope .eap-live-form-row .eap-btn,
.eap-plugin-scope .eap-peer-chat-form .eap-btn{ width: 100% !important; min-width: 0 !important; }
}

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

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

.eap-plugin-scope .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-plugin-scope .eap-live-material-viewer{
    display: grid !important;
    gap: 12px !important;
}

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

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

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

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

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

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

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

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

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

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

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

    .eap-plugin-scope .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-plugin-scope .eap-sidebar-logo{
        padding: 4px !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ==========================================================================
   FRONTEND CONTAINMENT OVERRIDES — v1.6.19

   Full-viewport dashboards are allowed only on pages dedicated to an EAP
   portal shortcode. When an EAP shortcode is embedded in an ordinary theme
   page, it stays in document flow and cannot cover the site header/footer.
   ========================================================================== */
.eap-plugin-scope.eap-plugin-scope--embedded {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    isolation: isolate;
}

.eap-plugin-scope.eap-plugin-scope--embedded .eap-viewport-shell {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 520px !important;
    min-height: clamp(520px, 72dvh, 720px) !important;
    overflow: visible !important;
    z-index: auto !important;
}

.eap-plugin-scope.eap-plugin-scope--embedded .eap-shell-inner,
.eap-plugin-scope.eap-plugin-scope--embedded .eap-dashboard-app-wrap {
    height: auto !important;
    min-height: 520px !important;
    min-height: clamp(520px, 72dvh, 720px) !important;
}

.eap-plugin-scope.eap-plugin-scope--embedded .eap-main {
    min-height: 520px;
    min-height: clamp(520px, 72dvh, 720px);
    overflow: visible !important;
}

@media (max-width: 782px) {
    .eap-plugin-scope.eap-plugin-scope--embedded .eap-viewport-shell,
    .eap-plugin-scope.eap-plugin-scope--embedded .eap-shell-inner,
    .eap-plugin-scope.eap-plugin-scope--embedded .eap-dashboard-app-wrap,
    .eap-plugin-scope.eap-plugin-scope--embedded .eap-main {
        min-height: 480px !important;
        min-height: clamp(480px, 68dvh, 600px) !important;
    }

    .eap-plugin-scope.eap-plugin-scope--embedded .eap-sidebar {
        position: absolute !important;
    }
}

/* ─── 100. Frontend Polish & Accessibility Overrides ─────────────────────── */
/* 1. Strictly hide skip-to-content accessibility links when not focused to prevent heading overlap */
.eap-plugin-scope .skip-link:not(:focus),
.eap-plugin-scope .screen-reader-text:not(:focus),
.eap-plugin-scope a.skip-link:not(:focus),
.eap-plugin-scope a[href="#content"]:not(:focus),
.eap-plugin-scope a[href="#main"]:not(:focus),
.eap-plugin-scope a[href="#primary"]:not(:focus) {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    padding: 0 !important;
    margin: -1px !important;
}

.eap-plugin-scope .skip-link:focus,
.eap-plugin-scope .screen-reader-text:focus,
.eap-plugin-scope a.skip-link:focus,
.eap-plugin-scope a[href="#content"]:focus,
.eap-plugin-scope a[href="#main"]:focus,
.eap-plugin-scope a[href="#primary"]:focus {
    position: fixed !important;
    top: 16px !important;
    left: 16px !important;
    z-index: 999999 !important;
    width: auto !important;
    height: auto !important;
    clip: auto !important;
    clip-path: none !important;
    background: #ffffff !important;
    color: #0f172a !important;
    padding: 10px 18px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    border: 2px solid #2563eb !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
    text-decoration: none !important;
}

/* 2. Universal solid styling for primary buttons across all signup and login forms */
.eap-plugin-scope .pa-button-primary,
.eap-plugin-scope button[type="submit"].pa-button-primary,
.eap-plugin-scope input[type="submit"].pa-button-primary,
.eap-plugin-scope .eap-btn--primary,
.eap-plugin-scope button[type="submit"].eap-btn--primary,
.eap-plugin-scope input[type="submit"].eap-btn--primary,
.eap-signup-root .pa-button-primary,
.eap-signup-root .eap-btn--primary,
.eap-signup-root button[type="submit"] {
    background: #2563eb !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 800 !important;
    border-radius: 8px !important;
    padding: 13px 20px !important;
    box-shadow: 0 2px 4px rgba(59,130,246,0.25) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.eap-plugin-scope .pa-button-primary:hover,
.eap-plugin-scope button[type="submit"].pa-button-primary:hover,
.eap-plugin-scope .eap-btn--primary:hover,
.eap-plugin-scope button[type="submit"].eap-btn--primary:hover,
.eap-signup-root .pa-button-primary:hover,
.eap-signup-root .eap-btn--primary:hover,
.eap-signup-root button[type="submit"]:hover {
    background: #1d4ed8 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(59,130,246,0.35) !important;
}

/* 3. Clean layout for signup forms and footer notes */
.eap-signup-root .eap-auth-footer-note {
    margin-top: 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-align: center !important;
}

/* ==========================================================================
   4. CONNECTED ACADEMIC ECOSYSTEM SHELL (HEADER, FOOTER & LEGAL STYLES)
   ========================================================================== */
/* Hide duplicate WordPress theme header and footer whenever eap-connected-shell is rendered */
body.eap-portal-template #masthead,
body.eap-portal-template .site-header,
body.eap-portal-template header[class*="ast-"],
body.eap-portal-template .ast-main-header-wrap,
body.eap-portal-template .ast-desktop-header,
body.eap-portal-template .ast-mobile-header-wrap,
body.eap-portal-template .site-footer,
body.eap-portal-template #colophon,
body.eap-portal-template footer[class*="ast-"] {
    display: none !important;
}

/* Universal document scrolling overrides when portal connected shell or legal pages render */
html:has(body.eap-portal-template) {
    scroll-behavior: smooth !important;
}

html:has(body.eap-portal-template) {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: auto !important;
}

body.eap-portal-template,
body.eap-portal-template {
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
    height: auto !important;
    min-height: 100vh !important;
}

.eap-legal-section {
    scroll-margin-top: 110px !important;
}

body.eap-portal-template .eap-connected-shell,
body.eap-portal-template .eap-legal-root,
body.eap-portal-template .eap-signup-root,
body.eap-portal-template .eap-login-root,
body.eap-portal-template .eap-auth-shell,
.eap-connected-shell .eap-viewport-shell,
.eap-legal-root,
.eap-signup-root,
.eap-login-root,
.eap-auth-shell {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

.eap-connected-shell {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    background: #0f172a !important;
    color: #f8fafc !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    isolation: isolate;
    overflow: visible !important;
}

.eap-auth-grid .eap-auth-card--signup {
    width: 100% !important;
    margin: 0 !important;
}

.eap-portal-site-header {
    position: relative !important;
    top: auto !important;
    z-index: 100000 !important;
    width: 100% !important;
    background: #0f172a !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
    flex-shrink: 0 !important;
}

.eap-portal-site-header__inner {
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 16px 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
}

.eap-portal-brand {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    text-decoration: none !important;
    color: #ffffff !important;
}

.eap-portal-brand__logo {
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #1e293b, #0f172a) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

.eap-portal-brand__text {
    display: flex !important;
    flex-direction: column !important;
}

.eap-portal-brand__title {
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: #f8fafc !important;
    line-height: 1.2 !important;
}

.eap-portal-brand__subtitle {
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: #38bdf8 !important;
}

.eap-portal-nav {
    display: flex !important;
    align-items: center !important;
}

.eap-portal-nav__list {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.eap-portal-nav__link {
    padding: 8px 16px !important;
    border-radius: 9999px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 1px solid transparent !important;
    display: inline-block !important;
}

.eap-portal-nav__link:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    transform: translateY(-1px) !important;
}

.eap-portal-nav__link.is-active {
    color: #ffffff !important;
    background: rgba(14, 165, 233, 0.15) !important;
    border-color: rgba(14, 165, 233, 0.4) !important;
    box-shadow: 0 0 16px rgba(14, 165, 233, 0.2) !important;
}

.eap-portal-nav__link--highlight {
    background: linear-gradient(135deg, #0ea5e9, #2563eb) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(14, 165, 233, 0.3) !important;
}

.eap-portal-nav__link--highlight:hover {
    background: linear-gradient(135deg, #0284c7, #1d4ed8) !important;
    box-shadow: 0 6px 20px rgba(14, 165, 233, 0.45) !important;
    transform: translateY(-1px) !important;
}

.eap-connected-content {
    flex: 1 0 auto !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 32px 20px 64px 20px !important;
    width: 100% !important;
    max-width: 100% !important;
}

.eap-portal-site-footer {
    width: 100% !important;
    background: #0b1120 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 36px 32px !important;
    margin-top: auto !important;
    flex-shrink: 0 !important;
}

.eap-portal-site-footer__inner {
    max-width: 1440px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
}

.eap-portal-footer-copyright {
    font-size: 14px !important;
    color: #cbd5e1 !important;
    margin: 0 0 6px 0 !important;
}

.eap-portal-footer-tagline {
    font-size: 13px !important;
    color: #64748b !important;
    margin: 0 !important;
    max-width: 650px !important;
    line-height: 1.5 !important;
}

.eap-portal-footer-links {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.eap-portal-footer-link {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.eap-portal-footer-link:hover,
.eap-portal-footer-link.is-active {
    color: #38bdf8 !important;
    text-decoration: underline !important;
}

/* Legal & Terms Rich High-Contrast Document Layout */
.eap-legal-root {
    width: 100% !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
}

body.eap-portal-template .eap-legal-card,
.eap-connected-shell .eap-legal-card,
.eap-legal-card {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
}

body.eap-portal-template .eap-legal-head,
.eap-connected-shell .eap-legal-head,
.eap-legal-head {
    padding: 44px 52px !important;
    background: linear-gradient(135deg, #0f172a, #1e293b) !important;
    border-bottom: 1px solid #334155 !important;
    color: #ffffff !important;
}

body.eap-portal-template .eap-legal-head *,
.eap-connected-shell .eap-legal-head *,
.eap-legal-head * {
    color: #ffffff !important;
}

body.eap-portal-template .eap-legal-head .eap-legal-subtitle,
.eap-connected-shell .eap-legal-head .eap-legal-subtitle,
.eap-legal-head .eap-legal-subtitle {
    color: #94a3b8 !important;
    font-size: 15px !important;
}

body.eap-portal-template .eap-legal-title,
.eap-connected-shell .eap-legal-title,
.eap-legal-title {
    font-size: 38px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    margin: 14px 0 8px 0 !important;
    letter-spacing: -0.03em !important;
}

.eap-legal-grid {
    display: grid !important;
    grid-template-columns: 320px 1fr !important;
    gap: 0 !important;
}

body.eap-portal-template .eap-legal-sidebar,
.eap-connected-shell .eap-legal-sidebar,
.eap-legal-sidebar {
    padding: 44px 32px !important;
    background: #f8fafc !important;
    border-right: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    position: sticky !important;
    top: 20px !important;
    max-height: calc(100vh - 40px) !important;
    overflow-y: auto !important;
    align-self: start !important;
}

body.eap-portal-template .eap-legal-toc-title,
.eap-connected-shell .eap-legal-toc-title,
.eap-legal-toc-title {
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #475569 !important;
    margin-bottom: 16px !important;
}

.eap-legal-toc-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

body.eap-portal-template .eap-legal-toc-list a,
.eap-connected-shell .eap-legal-toc-list a,
.eap-legal-toc-list a {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    text-decoration: none !important;
    display: block !important;
    padding: 8px 14px !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

body.eap-portal-template .eap-legal-toc-list a:hover,
.eap-connected-shell .eap-legal-toc-list a:hover,
.eap-legal-toc-list a:hover,
body.eap-portal-template .eap-legal-toc-list a.is-active,
.eap-connected-shell .eap-legal-toc-list a.is-active,
.eap-legal-toc-list a.is-active {
    color: #0ea5e9 !important;
    background: #e0f2fe !important;
    font-weight: 700 !important;
}

body.eap-portal-template .eap-legal-content,
.eap-connected-shell .eap-legal-content,
.eap-legal-content {
    padding: 44px 52px !important;
    background: #ffffff !important;
    color: #1e293b !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}

body.eap-portal-template .eap-legal-section,
.eap-connected-shell .eap-legal-section,
.eap-legal-section {
    margin-bottom: 44px !important;
    padding-bottom: 44px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

body.eap-portal-template .eap-legal-section:last-child,
.eap-connected-shell .eap-legal-section:last-child,
.eap-legal-section:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.eap-portal-template .eap-legal-section h2,
.eap-connected-shell .eap-legal-section h2,
.eap-legal-section h2 {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 16px 0 !important;
    letter-spacing: -0.01em !important;
}

body.eap-portal-template .eap-legal-section p,
.eap-connected-shell .eap-legal-section p,
.eap-legal-section p,
body.eap-portal-template .eap-legal-section li,
.eap-connected-shell .eap-legal-section li,
.eap-legal-section li {
    color: #334155 !important;
    margin-bottom: 16px !important;
    line-height: 1.75 !important;
    font-size: 15.5px !important;
}

body.eap-portal-template .eap-legal-section ul,
.eap-connected-shell .eap-legal-section ul,
.eap-legal-section ul {
    margin: 0 0 16px 24px !important;
    padding: 0 !important;
}

body.eap-portal-template .eap-legal-section code,
.eap-connected-shell .eap-legal-section code,
.eap-legal-section code {
    background: #f1f5f9 !important;
    color: #0284c7 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    font-size: 13.5px !important;
    font-family: monospace !important;
    border: 1px solid #cbd5e1 !important;
}

@media (max-width: 960px) {
    .eap-portal-site-header__inner {
        flex-direction: column !important;
        gap: 16px !important;
        padding: 16px 20px !important;
    }
    .eap-portal-nav__list {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    .eap-portal-site-footer__inner {
        flex-direction: column !important;
        text-align: center !important;
    }
    .eap-portal-footer-links {
        justify-content: center !important;
    }
    .eap-legal-grid {
        grid-template-columns: 1fr !important;
    }
    body.eap-portal-template .eap-legal-sidebar,
    .eap-connected-shell .eap-legal-sidebar,
    .eap-legal-sidebar {
        border-right: none !important;
        border-bottom: 1px solid #e2e8f0 !important;
        padding: 28px 24px !important;
    }
    body.eap-portal-template .eap-legal-head,
    .eap-connected-shell .eap-legal-head,
    .eap-legal-head,
    body.eap-portal-template .eap-legal-content,
    .eap-connected-shell .eap-legal-content,
    .eap-legal-content {
        padding: 28px 24px !important;
    }
}

/* ═══════════════════════════════════════════════════════════
   ENHANCEMENTS 1, 2, & 3 UI COMPONENTS
═══════════════════════════════════════════════════════════ */

/* 1. Real-Time Connection Heartbeat Pill */
.eap-connection-heartbeat {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 12px !important;
    border-radius: 9999px !important;
    background: rgba(15, 23, 42, 0.65) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #e2e8f0 !important;
    letter-spacing: 0.02em !important;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.08) !important;
}

.eap-heartbeat-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    position: relative !important;
}

.eap-heartbeat-dot.is-online {
    background: #22c55e !important;
    box-shadow: 0 0 8px #22c55e !important;
}

.eap-heartbeat-dot.is-online::after {
    content: "" !important;
    position: absolute !important;
    inset: -3px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(34, 197, 94, 0.5) !important;
    animation: eap-pulse-ring 2s cubic-bezier(0, 0, 0.2, 1) infinite !important;
}

.eap-heartbeat-dot.is-limited {
    background: #b45309 !important;
    box-shadow: 0 0 8px #b45309 !important;
}

.eap-heartbeat-dot.is-offline {
    background: #ef4444 !important;
    box-shadow: 0 0 8px #ef4444 !important;
}

@keyframes eap-pulse-ring {
    0% { transform: scale(0.95); opacity: 0.8; }
    70% { transform: scale(1.8); opacity: 0; }
    100% { transform: scale(0.95); opacity: 0; }
}

/* 2. Topbar Buttons */
.eap-tool-button--tour,
.eap-tool-button--export {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.eap-tool-button--tour {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.15), rgba(37, 99, 235, 0.15)) !important;
    border: 1px solid rgba(14, 165, 233, 0.35) !important;
    color: #38bdf8 !important;
}

.eap-tool-button--tour:hover {
    background: linear-gradient(135deg, #0ea5e9, #2563eb) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3) !important;
}

.eap-tool-button--export {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #e2e8f0 !important;
}

.eap-tool-button--export:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

/* 3. Interactive Guided Onboarding Tour Modal */
.eap-onboarding-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
}

.eap-onboarding-modal.is-open {
    display: flex !important;
}

.eap-onboarding-modal .eap-modal-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.78) !important;
    backdrop-filter: blur(8px) !important;
}

.eap-onboarding-modal .eap-modal-card {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 620px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    border-radius: 20px !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45) !important;
    border: 1px solid #cbd5e1 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.eap-onboarding-modal .eap-modal-header {
    padding: 24px 32px 18px 32px !important;
    background: linear-gradient(135deg, #0f172a, #1e293b) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    border-bottom: 1px solid #334155 !important;
}

.eap-onboarding-modal .eap-modal-header h2 {
    margin: 0 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
}

.eap-onboarding-modal .eap-modal-close {
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    cursor: pointer !important;
    font-size: 20px !important;
    transition: color 0.2s ease !important;
}

.eap-onboarding-modal .eap-modal-close:hover {
    color: #ffffff !important;
}

.eap-onboarding-modal .eap-modal-body {
    padding: 32px !important;
    min-height: 260px !important;
}

.eap-tour-slide {
    display: none !important;
}

.eap-tour-slide.is-active {
    display: block !important;
    animation: eap-fade-in 0.3s ease !important;
}

@keyframes eap-fade-in {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

.eap-tour-slide h3 {
    margin: 0 0 14px 0 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.eap-tour-slide p {
    margin: 0 0 16px 0 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #475569 !important;
}

.eap-tour-graphic {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 18px !important;
    background: #f1f5f9 !important;
    border-radius: 12px !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700 !important;
    color: #0369a1 !important;
    margin-top: 20px !important;
}

.eap-tour-list {
    margin: 0 0 0 20px !important;
    padding: 0 !important;
    color: #334155 !important;
    line-height: 1.7 !important;
}

.eap-tour-list li {
    margin-bottom: 10px !important;
}

.eap-tour-buttons {
    margin-top: 24px !important;
}

.eap-onboarding-modal .eap-tour-footer {
    padding: 18px 32px !important;
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.eap-tour-dots {
    display: flex !important;
    gap: 8px !important;
}

.eap-tour-dot {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #cbd5e1 !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: all 0.2s ease !important;
}

.eap-tour-dot.is-active {
    background: #0ea5e9 !important;
    transform: scale(1.3) !important;
}

.eap-tour-nav-btns {
    display: flex !important;
    gap: 10px !important;
}


/* ========================================================================== */
/* 1.6.40 institution portal reliability and usability layer                  */
/* ========================================================================== */
/* Break the dedicated portal out of restrictive theme content containers. */
.eap-plugin-scope.eap-plugin-scope--portal{
    width:100vw !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
}
.eap-plugin-scope .eap-dashboard-shell{
    width:100% !important;
    max-width:none !important;
}
.eap-plugin-scope .eap-main{min-width:0 !important;}
.eap-plugin-scope .eap-topbar{gap:16px !important;align-items:center !important;}
.eap-plugin-scope .eap-topbar-right{
    min-width:0 !important;
    flex:1 1 auto !important;
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
    gap:10px !important;
}
.eap-plugin-scope .eap-portal-tools{
    min-width:0 !important;
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
}
.eap-plugin-scope .eap-user-chip{max-width:230px !important;min-width:0 !important;}
.eap-plugin-scope .eap-user-chip-info{min-width:0 !important;}
.eap-plugin-scope .eap-user-chip-name,
.eap-plugin-scope .eap-user-chip-role{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    display:block !important;
}
.eap-plugin-scope .eap-content{padding-bottom:48px !important;}
.eap-plugin-scope .eap-card,
.eap-plugin-scope .eap-dashboard-card{border-color:#dbe5f0 !important;box-shadow:0 8px 24px rgba(15,23,42,.055) !important;}
.eap-plugin-scope .eap-inst-module-card>.eap-card-header,
.eap-plugin-scope .eap-inst-compact-module-card>.eap-card-header{border-top-width:3px !important;}
.eap-plugin-scope .eap-inst-native-module .eap-card,
.eap-plugin-scope .eap-inst-native-module .eap-dashboard-card{box-shadow:none !important;border-color:#e4ebf3 !important;}
.eap-plugin-scope .eap-inst-native-module>.eap-conv-page{gap:18px !important;}
.eap-plugin-scope .eap-inst-native-module--book .eap-conv-diagnostics-card{order:2;}
.eap-plugin-scope .eap-inst-native-module--book .eap-conv-upload-card{order:1;}
.eap-plugin-scope .eap-inst-native-module--book .eap-conv-streams-card{order:3;}
.eap-plugin-scope .eap-empty-state,
.eap-plugin-scope td>.eap-state,
.eap-plugin-scope td>.eap-empty-state{width:100% !important;max-width:none !important;box-sizing:border-box !important;}
.eap-plugin-scope .eap-table tbody tr:only-child td[colspan]{padding:0 !important;}
.eap-plugin-scope .eap-inst-row-actions{flex-wrap:wrap !important;}
.eap-plugin-scope .eap-inst-license-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.eap-plugin-scope .eap-inst-license-grid article{padding:15px;border:1px solid #dfe8f2;border-radius:12px;background:#f8fbff;display:grid;gap:6px;min-width:0;}
.eap-plugin-scope .eap-inst-license-grid article>span{font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#64748b;}
.eap-plugin-scope .eap-inst-license-grid article>strong{font-size:17px;line-height:1.25;overflow-wrap:anywhere;}
.eap-plugin-scope .eap-inst-license-grid article>strong small{font-size:12px;color:#64748b;}
.eap-plugin-scope .eap-inst-license-status.is-active{color:#047857;}
.eap-plugin-scope .eap-inst-license-status.is-warning{color:#b45309;}
.eap-plugin-scope .eap-inst-license-status.is-blocked{color:#be123c;}
.eap-plugin-scope .eap-inst-license-meter{height:6px;border-radius:999px;background:#dbe5f0;overflow:hidden;}
.eap-plugin-scope .eap-inst-license-meter i{display:block;height:100%;background:#2563eb;border-radius:inherit;}
.eap-plugin-scope .eap-inst-license-features{margin-top:18px;display:grid;gap:9px;}
.eap-plugin-scope .eap-inst-license-chips{display:flex;flex-wrap:wrap;gap:8px;}
.eap-plugin-scope .eap-inst-license-chip{padding:6px 10px;border:1px solid #cfe0f6;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:700;}
.eap-plugin-scope .eap-inst-license-action{margin-top:16px;padding:12px 14px;border-radius:11px;background:#f8fafc;border-left:4px solid #2563eb;}
.eap-plugin-scope .eap-inst-license-action p{margin:4px 0 0;color:#64748b;font-size:13px;}
.eap-plugin-scope .eap-analytics-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;}
.eap-plugin-scope .eap-analytics-summary-head h3{margin:0;font-size:18px;}
.eap-plugin-scope .eap-analytics-summary-head p{margin:5px 0 0;color:#64748b;font-size:13px;}
.eap-plugin-scope .eap-analytics-summary-head>span{padding:7px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800;white-space:nowrap;}
.eap-plugin-scope .eap-analytics-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.eap-plugin-scope .eap-analytics-metric-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e0e8f1;border-radius:13px;background:linear-gradient(180deg,#fff,#f8fbff);min-width:0;}
.eap-plugin-scope .eap-analytics-metric-card>.dashicons{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eff6ff;color:#2563eb;font-size:19px;flex:0 0 auto;}
.eap-plugin-scope .eap-analytics-metric-card div{min-width:0;display:grid;gap:2px;}
.eap-plugin-scope .eap-analytics-metric-card strong{font-size:24px;line-height:1;font-weight:850;color:#0f172a;}
.eap-plugin-scope .eap-analytics-metric-card small{font-size:12px;color:#64748b;white-space:normal;}
.eap-plugin-scope .eap-inst-join-col-actions form button[disabled]{cursor:wait;opacity:.7;}
.eap-plugin-scope .eap-inst-join-table tr{transition:opacity .2s ease;}
.eap-plugin-scope .eap-conv-inline-status{
    padding:12px 14px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;
    color:#1e40af;font-size:13px;font-weight:700;line-height:1.45;
}
.eap-plugin-scope .eap-conv-inline-status.is-error{border-color:#fecaca;background:#fef2f2;color:#991b1b;}
.eap-plugin-scope .eap-conv-inline-status.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534;}
.eap-plugin-scope .eap-conv-inline-status[hidden]{display:none !important;}
@media (max-width:1200px){
    .eap-plugin-scope .eap-inst-license-grid,
    .eap-plugin-scope .eap-analytics-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .eap-plugin-scope .eap-tool-button--tour span:last-child,
    .eap-plugin-scope .eap-tool-button--export span:last-child,
    .eap-plugin-scope .eap-tool-button--search span:last-child{display:none !important;}
}
@media (max-width:900px){
    .eap-plugin-scope.eap-plugin-scope--portal{margin-inline:0 !important;width:100% !important;}
    .eap-plugin-scope .eap-topbar{align-items:flex-start !important;}
    .eap-plugin-scope .eap-topbar-right,
    .eap-plugin-scope .eap-portal-tools{justify-content:flex-start !important;}
}
@media (max-width:600px){
    .eap-plugin-scope .eap-inst-license-grid,
    .eap-plugin-scope .eap-analytics-metric-grid{grid-template-columns:1fr;}
    .eap-plugin-scope .eap-analytics-summary-head{display:grid;}
}

/* ========================================================================== */
/* 1.6.56 student learning experience, saved editions and audio reader         */
/* ========================================================================== */
.eap-plugin-scope.eap-plugin-scope--portal,
.eap-plugin-scope .eap-viewport-shell,
.eap-plugin-scope .eap-shell-inner {
    width: 100% !important;
    max-width: none !important;
}
body.eap-portal-template .eap-plugin-scope.eap-plugin-scope--portal {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-shell-inner {
    min-height: calc(100vh - var(--eap-adminbar-h, 0px)) !important;
}
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-main {
    width: min(100%, calc(100vw - 334px)) !important;
    max-width: none !important;
}
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-content {
    width: 100% !important;
    max-width: none !important;
}
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-command-strip {
    margin-top: 16px !important;
    padding: 12px 16px !important;
    min-height: 58px !important;
}
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-command-strip__copy strong {
    font-size: 14px !important;
}
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-command-strip__eyebrow {
    font-size: 12px !important;
}
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-card-header h3 {
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-empty-state,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-student-empty {
    min-height: 150px !important;
    padding: 30px !important;
}
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-card-body {
    min-width: 0 !important;
}
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-student-help-panel__head p,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-student-profile-copy,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-state p {
    max-width: 72ch !important;
}

.eap-plugin-scope .eap-reader-v2 {
    display: grid !important;
    gap: 12px !important;
    min-width: 0 !important;
}
.eap-plugin-scope .eap-student-reader-card > .eap-card-header {
    display: none !important;
}
.eap-plugin-scope .eap-student-reader-card > .eap-card-body {
    padding: 0 !important;
}
.eap-plugin-scope .eap-reader-hero,
.eap-plugin-scope .eap-reader-language-card,
.eap-plugin-scope .eap-reader-panel {
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}
.eap-plugin-scope .eap-reader-hero {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 20px 22px !important;
}
.eap-plugin-scope .eap-reader-hero__copy {
    min-width: 0 !important;
}
.eap-plugin-scope .eap-reader-hero h2,
.eap-plugin-scope .eap-reader-panel__head h3,
.eap-plugin-scope .eap-translated-page__head h4 {
    margin: 3px 0 5px !important;
    color: #0f172a !important;
    line-height: 1.16 !important;
}
.eap-plugin-scope .eap-reader-hero h2 {
    font-size: clamp(22px, 2.4vw, 32px) !important;
}
.eap-plugin-scope .eap-reader-hero p,
.eap-plugin-scope .eap-reader-panel__head p,
.eap-plugin-scope .eap-translated-page__head p {
    margin: 0 !important;
    color: #64748b !important;
    line-height: 1.5 !important;
}
.eap-plugin-scope .eap-reader-eyebrow {
    display: inline-flex !important;
    color: #0e7490 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}
.eap-plugin-scope .eap-reader-language-card {
    display: grid !important;
    grid-template-columns: minmax(250px, .9fr) minmax(330px, 1.2fr) auto !important;
    gap: 16px !important;
    align-items: center !important;
    padding: 16px 18px !important;
    background: linear-gradient(135deg, #f0fdfa 0%, #eff6ff 100%) !important;
}
.eap-plugin-scope .eap-reader-language-card__intro {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
}
.eap-plugin-scope .eap-reader-language-card__intro > .dashicons {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #0e7490 !important;
    box-shadow: 0 8px 18px rgba(14, 116, 144, .12) !important;
}
.eap-plugin-scope .eap-reader-language-card__intro strong {
    display: block !important;
    color: #0f172a !important;
    font-size: 15px !important;
}
.eap-plugin-scope .eap-reader-language-card__intro p {
    margin: 3px 0 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}
.eap-plugin-scope .eap-reader-language-form {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
}
.eap-plugin-scope .eap-reader-language-form label {
    flex: 1 1 220px !important;
    margin: 0 !important;
}
.eap-plugin-scope .eap-reader-language-form select {
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    background: #ffffff !important;
}
.eap-plugin-scope .eap-reader-cache-badge {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 9px 12px !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 12px !important;
    background: #f0fdf4 !important;
    color: #166534 !important;
}
.eap-plugin-scope .eap-reader-cache-badge strong,
.eap-plugin-scope .eap-reader-cache-badge small {
    display: block !important;
}
.eap-plugin-scope .eap-reader-cache-badge small {
    margin-top: 2px !important;
    color: #3f6d50 !important;
    font-size: 12px !important;
}
.eap-plugin-scope .eap-reader-notice {
    padding: 12px 14px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}
.eap-plugin-scope .eap-reader-notice.is-success {
    border: 1px solid #bbf7d0 !important;
    background: #f0fdf4 !important;
    color: #166534 !important;
}
.eap-plugin-scope .eap-reader-notice.is-warning {
    border: 1px solid #fed7aa !important;
    background: #fff7ed !important;
    color: #9a3412 !important;
}
.eap-plugin-scope .eap-reader-tabs {
    position: static !important;
    top: auto !important;
    z-index: 1 !important;
    display: flex !important;
    gap: 6px !important;
    padding: 7px !important;
    overflow-x: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}
.eap-plugin-scope .eap-reader-tabs .eap-student-book-tab {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 0 14px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #475569 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}
.eap-plugin-scope .eap-reader-tabs .eap-student-book-tab:hover,
.eap-plugin-scope .eap-reader-tabs .eap-student-book-tab.is-active {
    border-color: #bae6fd !important;
    background: #ecfeff !important;
    color: #0e7490 !important;
}
.eap-plugin-scope .eap-reader-panel {
    min-width: 0 !important;
    overflow: hidden !important;
}
.eap-plugin-scope .eap-reader-panel__head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 10px 4px 11px !important;
    border-bottom: 1px solid #edf1f6 !important;
    background: transparent !important;
}
.eap-plugin-scope .eap-reader-source-frame {
    display: block !important;
    width: 100% !important;
    height: min(76vh, 920px) !important;
    min-height: 620px !important;
    border: 0 !important;
    background: #ffffff !important;
}
.eap-plugin-scope .eap-reader-empty {
    display: grid !important;
    place-items: center !important;
    gap: 6px !important;
    min-height: 190px !important;
    padding: 28px !important;
    text-align: center !important;
    color: #475569 !important;
}
.eap-plugin-scope .eap-reader-empty strong {
    color: #0f172a !important;
    font-size: 17px !important;
}
.eap-plugin-scope .eap-reader-empty p {
    max-width: 62ch !important;
    margin: 0 !important;
}
.eap-plugin-scope .eap-reader-empty.is-warning {
    background: #fffaf0 !important;
}
.eap-plugin-scope .eap-reader-toolbar {
    position: sticky !important;
    top: 74px !important;
    z-index: 20 !important;
    display: grid !important;
    grid-template-columns: minmax(120px, .55fr) 174px minmax(0, 2fr) !important;
    align-items: center;
    gap: 14px;
    margin: 12px 16px 0;
    padding: 10px 12px;
    border: 1px solid #dbe5f0;
    border-radius: 14px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .055);
    backdrop-filter: blur(12px);
}
.eap-plugin-scope .eap-reader-page-nav {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 0;
    padding: 5px;
    border: 1px solid #e3eaf2;
    border-radius: 12px;
    background: #f8fafc;
}
.eap-plugin-scope .eap-reader-audio {
    display: grid;
    grid-template-columns: minmax(138px, .52fr) minmax(260px, 1fr) minmax(300px, .92fr);
    grid-template-areas: "summary transport settings" "summary progress progress" "summary status status";
    align-items: center;
    gap: 7px 12px;
    min-width: 0;
    width: 100% !important;
    justify-self: stretch;
}
.eap-plugin-scope .eap-reader-audio__summary {
    grid-area: summary;
    display: grid;
    align-content: center;
    gap: 2px;
    min-height: 64px;
    padding: 9px 11px;
    border: 1px solid #dce9f7;
    border-radius: 11px;
    background: linear-gradient(135deg, #f2f8ff, #f8fbff);
}
.eap-plugin-scope .eap-reader-audio__summary strong {
    color: #0f172a;
    font-size: 13px;
    line-height: 1.25;
}
.eap-plugin-scope .eap-reader-page-nav label,
.eap-plugin-scope .eap-reader-speed {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: #475569;
    font-size: 12px;
    font-weight: 800;
}
.eap-plugin-scope .eap-reader-page-nav select,
.eap-plugin-scope .eap-reader-speed select {
    width: auto;
    min-height: 38px;
    margin: 0;
    padding-block: 5px;
}
.eap-plugin-scope .eap-reader-icon-btn {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    padding: 0;
    border-radius: 10px;
}
.eap-plugin-scope .eap-reader-audio audio {
    display: none;
}
.eap-plugin-scope .eap-reader-audio-status,
.eap-plugin-scope .eap-reader-audio-unavailable {
    max-width: none;
    color: #64748b;
    font-size: 11.5px;
    line-height: 1.35;
}
.eap-plugin-scope .eap-reader-audio-status {
    grid-area: status;
    display: flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 8px;
    border-radius: 8px;
    background: #f8fafc;
}
.eap-plugin-scope .eap-reader-audio[data-audio-state="playing"] .eap-reader-audio-status {
    color: #075985;
    background: #f0f9ff;
}
.eap-plugin-scope .eap-reader-audio[data-audio-state="loading"] .eap-reader-audio-status {
    color: #854d0e;
    background: #fffbeb;
}
.eap-plugin-scope .eap-reader-audio[data-audio-state="error"] .eap-reader-audio-status {
    color: #b42318;
    background: #fff5f4;
}
.eap-plugin-scope .eap-reader-audio__transport {
    grid-area: transport;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-width: 0;
}
.eap-plugin-scope .eap-reader-audio__transport .eap-btn {
    min-width: 0;
    white-space: nowrap;
}
.eap-plugin-scope .eap-reader-audio__settings {
    grid-area: settings;
    display: grid;
    grid-template-columns: repeat(3, minmax(88px, 1fr));
    gap: 6px;
    min-width: 0;
}
.eap-plugin-scope .eap-reader-audio__settings .eap-reader-speed {
    min-width: 0;
    justify-content: space-between;
    gap: 5px;
    padding: 3px 5px 3px 8px;
    border: 1px solid #e3eaf2;
    border-radius: 9px;
    background: #f8fafc;
}
.eap-plugin-scope .eap-reader-audio__settings select {
    max-width: 100%;
    min-height: 32px;
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
}
.eap-plugin-scope .eap-reader-audio__progress {
    grid-area: progress;
    display: grid;
    grid-template-columns: 38px minmax(100px, 1fr) 38px;
    align-items: center;
    gap: 7px;
    width: 100%;
    color: #64748b;
    font-size: 10.5px;
    font-variant-numeric: tabular-nums;
}
.eap-plugin-scope .eap-reader-audio__progress[hidden] {
    display: none;
}
.eap-plugin-scope .eap-reader-audio__progress input[type="range"] {
    width: 100%;
    margin: 0;
}
.eap-plugin-scope .eap-reader-audio .eap-btn[disabled] {
    opacity: .55;
    cursor: wait;
}
.eap-plugin-scope .eap-reader-audio [data-eap-audio-main][aria-pressed="true"] {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .14);
}
.eap-plugin-scope .eap-reader-audio-unavailable {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.eap-plugin-scope .eap-reader-page-stack {
    padding: 0 !important;
    background: transparent !important;
}
.eap-plugin-scope .eap-translated-page {
    max-width: 980px !important;
    margin: 0 auto !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}
.eap-plugin-scope .eap-translated-page__head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 14px 10px 12px !important;
    border-bottom: 1px solid #edf1f6 !important;
    background: #ffffff !important;
}
.eap-plugin-scope .eap-translated-page__actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}
.eap-plugin-scope .eap-hybrid-page-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
}
.eap-plugin-scope .eap-hybrid-page-grid.is-comparing {
    grid-template-columns: minmax(0, 1fr) minmax(380px, 46%) !important;
}
.eap-plugin-scope .eap-translated-sheet {
    min-height: 0 !important;
    padding: clamp(28px, 4.4vw, 52px) clamp(18px, 5.8vw, 70px) !important;
    color: #283548 !important;
    font-family: var(--eap-reader-font-family, Georgia, "Times New Roman", serif) !important;
    font-size: var(--eap-reader-font-size, clamp(17px, 1.18vw, 18px)) !important;
    line-height: var(--eap-reader-line-height, 1.72) !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}
.eap-plugin-scope .eap-translated-sheet p {
    max-width: 68ch !important;
    margin: 0 auto 1.15em !important;
    text-wrap: pretty;
}
.eap-plugin-scope .eap-translated-sheet p:last-child {
    margin-bottom: 0 !important;
}
.eap-plugin-scope .eap-source-page-pane {
    min-width: 0 !important;
    border-left: 1px solid #dbe5f0 !important;
    background: #f8fafc !important;
}
.eap-plugin-scope .eap-source-page-pane iframe {
    display: block !important;
    width: 100% !important;
    height: 760px !important;
    border: 0 !important;
    background: #ffffff !important;
}
.eap-plugin-scope .eap-reader-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 18px !important;
}
.eap-plugin-scope .eap-reader-list article {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    min-width: 0 !important;
    padding: 16px !important;
    border: 1px solid #dfe8f2 !important;
    border-radius: 13px !important;
    background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
}
.eap-plugin-scope .eap-reader-list article > .dashicons {
    flex: 0 0 auto !important;
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 10px !important;
    background: #ecfeff !important;
    color: #0e7490 !important;
}
.eap-plugin-scope .eap-reader-list article div {
    min-width: 0 !important;
}
.eap-plugin-scope .eap-reader-list article strong {
    color: #0f172a !important;
    font-size: 15px !important;
}
.eap-plugin-scope .eap-reader-list article p {
    margin: 5px 0 0 !important;
    color: #64748b !important;
    line-height: 1.55 !important;
}
.eap-plugin-scope .eap-reader-practice {
    display: grid !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 18px 18px 18px 54px !important;
}
.eap-plugin-scope .eap-reader-practice li {
    padding: 15px 16px !important;
    border: 1px solid #dfe8f2 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    line-height: 1.6 !important;
}

@media (max-width: 1280px) {
    .eap-plugin-scope .eap-reader-language-card {
        grid-template-columns: 1fr 1.2fr !important;
    }
    .eap-plugin-scope .eap-reader-cache-badge {
        grid-column: 1 / -1 !important;
    }
    .eap-plugin-scope .eap-reader-toolbar {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }
    .eap-plugin-scope .eap-reader-page-nav {
        justify-self: start !important;
    }
    .eap-plugin-scope .eap-reader-audio {
        width: 100% !important;
        justify-self: stretch !important;
    }
}
@media (max-width: 900px) {
    .eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-main {
        width: 100% !important;
    }
    .eap-plugin-scope .eap-reader-language-card,
    .eap-plugin-scope .eap-reader-list {
        grid-template-columns: 1fr !important;
    }
    .eap-plugin-scope .eap-reader-audio {
        grid-template-columns: minmax(125px, .48fr) minmax(0, 1fr);
        grid-template-areas: "summary transport" "settings settings" "progress progress" "status status";
    }
    .eap-plugin-scope .eap-reader-audio__transport {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .eap-plugin-scope .eap-reader-hero,
    .eap-plugin-scope .eap-reader-panel__head,
    .eap-plugin-scope .eap-translated-page__head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
    .eap-plugin-scope .eap-hybrid-page-grid.is-comparing {
        grid-template-columns: 1fr !important;
    }
    .eap-plugin-scope .eap-source-page-pane {
        border-top: 1px solid #dbe5f0 !important;
        border-left: 0 !important;
    }
}
@media (max-width: 640px) {
    .eap-plugin-scope .eap-reader-language-form,
    .eap-plugin-scope .eap-reader-page-nav {
        align-items: stretch !important;
        flex-direction: column !important;
    }
    .eap-plugin-scope .eap-reader-language-form .eap-btn,
    .eap-plugin-scope .eap-reader-audio .eap-btn {
        width: 100% !important;
    }
    .eap-plugin-scope .eap-reader-audio {
        grid-template-columns: 1fr;
        grid-template-areas: "summary" "transport" "settings" "progress" "status";
    }
    .eap-plugin-scope .eap-reader-audio__transport,
    .eap-plugin-scope .eap-reader-audio__settings {
        display: grid;
        grid-template-columns: 1fr;
    }
    .eap-plugin-scope .eap-reader-audio__summary {
        min-height: 0;
    }
    .eap-plugin-scope .eap-reader-tabs {
        top: 0 !important;
    }
    .eap-plugin-scope .eap-reader-toolbar {
        top: 58px !important;
    }
    .eap-plugin-scope .eap-translated-sheet {
        padding: 24px 20px !important;
    }
}

/* Student portal polish discovered during 1.6.56 visual review. */
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-student-help-summary-card {
    display: grid !important;
    gap: 5px !important;
    align-content: start !important;
    min-width: 0 !important;
}
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-student-help-summary-card > span,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-student-session-summary-card > span {
    display: block !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
}
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-student-help-summary-card > strong,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-student-session-summary-card > strong {
    display: block !important;
    margin: 0 !important;
    color: #0f172a !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
}
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-student-help-summary-card > p,
.eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-student-session-summary-card > p {
    margin: 2px 0 0 !important;
    line-height: 1.5 !important;
}
.eap-plugin-scope .eap-student-empty--actionable {
    gap: 10px !important;
}
.eap-plugin-scope .eap-student-empty--actionable .eap-btn {
    margin-top: 4px !important;
}
.eap-plugin-scope .eap-reader-saved-editions {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    padding-top: 12px !important;
    border-top: 1px solid #e5edf5 !important;
}
.eap-plugin-scope .eap-reader-saved-editions > span {
    flex: 0 0 auto !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}
.eap-plugin-scope .eap-reader-saved-editions__list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    min-width: 0 !important;
}
.eap-plugin-scope .eap-reader-saved-edition {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 34px !important;
    padding: 6px 10px !important;
    border: 1px solid #dbe5f0 !important;
    border-radius: 999px !important;
    background: #f8fbff !important;
    color: #1e3a8a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}
.eap-plugin-scope .eap-reader-saved-edition:hover,
.eap-plugin-scope .eap-reader-saved-edition:focus,
.eap-plugin-scope .eap-reader-saved-edition.is-active {
    border-color: #93c5fd !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}
.eap-plugin-scope .eap-reader-saved-edition .dashicons {
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
}
@media (max-width: 760px) {
    .eap-plugin-scope .eap-reader-saved-editions {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

/* 1.6.57 — Student learning experience and governance */
.eap-reader-v3{position:relative;isolation:isolate;max-width:100%;}
.eap-reader-watermark{position:fixed;right:4vw;bottom:4vh;z-index:4;max-width:45vw;opacity:.10;font-size:clamp(16px,2vw,32px);font-weight:800;transform:rotate(-18deg);pointer-events:none;user-select:none;}
.eap-reader-progress-card{margin:18px 0;padding:18px 20px;border:1px solid #d9e5f4;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#eef8f7);box-shadow:0 8px 24px rgba(31,66,113,.07);}
.eap-reader-progress-card__main{display:flex;align-items:center;justify-content:space-between;gap:20px}.eap-reader-progress-card__main strong{display:block;font-size:22px;color:#10233f}.eap-reader-progress-card__main p{margin:4px 0 0;color:#60718a}.eap-reader-progress-track{height:9px;margin-top:14px;border-radius:999px;background:#dce6f2;overflow:hidden}.eap-reader-progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1a86a1,#386ff0);transition:width .3s ease}.eap-reader-progress-ring{--eap-progress:0;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#16879e calc(var(--eap-progress)*1%),#dce6f2 0);position:relative;flex:0 0 auto}.eap-reader-progress-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.eap-reader-progress-ring span{position:relative;font-weight:800;color:#10233f}.eap-reader-assignment-brief{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;padding-top:12px;border-top:1px solid #dce6f2;font-size:13px;color:#4c5d73}.eap-reader-assignment-brief strong{color:#13243b}.eap-reader-assignment-brief span{padding:4px 8px;border-radius:999px;background:#fff;border:1px solid #dbe5f1}
.eap-reader-study-tools{margin:0;padding:20px;border:1px solid #dce6f2;border-radius:18px;background:#fff;box-shadow:0 9px 28px rgba(31,66,113,.06)}.eap-reader-study-tools__top{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.eap-reader-study-tools__top h3{margin:3px 0 4px;font-size:20px}.eap-reader-study-tools__top p{margin:0;max-width:720px;color:#60718a}.eap-reader-display-controls label,.eap-reader-speed{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#40516a}.eap-reader-display-controls select,.eap-reader-speed select{min-height:38px;border:1px solid #ced9e8;border-radius:10px;background:#fff;padding:0 30px 0 10px}.eap-reader-search{display:flex;gap:10px;margin-top:16px}.eap-reader-search label{flex:1}.eap-reader-search input{width:100%;min-height:44px;border:1px solid #ced9e8;border-radius:12px;padding:0 14px}.eap-reader-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin-top:14px}.eap-reader-tool-btn{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 12px;border:1px solid #d7e2ef;border-radius:12px;background:#f8fbff;color:#14263f;font-weight:700;text-align:left;cursor:pointer}.eap-reader-tool-btn:hover,.eap-reader-tool-btn:focus-visible{border-color:#2d72df;background:#edf5ff;outline:3px solid rgba(45,114,223,.15)}.eap-reader-tool-btn .dashicons{color:#176f96}.eap-reader-tool-workspace,.eap-reader-search-results{margin-top:14px;padding:16px;border:1px solid #dbe5f1;border-radius:14px;background:#f9fbfe}.eap-reader-tool-workspace__head{display:flex;align-items:center;justify-content:space-between}.eap-reader-tool-workspace textarea{width:100%;margin-top:6px;border:1px solid #ced9e8;border-radius:10px;padding:10px}.eap-reader-tool-result{margin-top:12px;padding:12px;border-left:4px solid #16879e;background:#fff;border-radius:8px}.eap-reader-tool-result small{display:block;margin-top:8px;color:#60718a}.eap-reader-search-list{display:grid;gap:8px}.eap-reader-search-list button{display:grid;grid-template-columns:90px 1fr;gap:12px;width:100%;padding:12px;border:1px solid #dce6f2;border-radius:10px;background:#fff;text-align:left;cursor:pointer}.eap-reader-search-list button:hover{border-color:#2d72df}.eap-reader-saved-tools{margin-top:14px}.eap-reader-saved-tools summary{cursor:pointer;font-weight:800}.eap-reader-saved-tools__list{display:grid;gap:8px;margin-top:10px}.eap-reader-saved-tools__list article{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border:1px solid #dce6f2;border-radius:10px;background:#fff}.eap-reader-saved-tools__list p{margin:3px 0 0;color:#5e6f85}
.eap-reader-teacher-notes{display:grid;gap:8px;margin:14px 0 0;padding:14px;border:1px solid #bcd9e2;border-radius:12px;background:#f0fbfd}.eap-reader-teacher-notes h5{margin:0;color:#0e7082}.eap-reader-teacher-notes article{padding:10px 12px;border-left:4px solid #16879e;background:#fff;border-radius:8px}.eap-reader-teacher-notes article.is-exam{border-left-color:#7a52c7}.eap-reader-teacher-notes article.is-mistake{border-left-color:#d25b50}.eap-reader-teacher-notes article.is-homework{border-left-color:#d58c20}.eap-reader-teacher-notes p{margin:4px 0 0}
.eap-reader-mode-dyslexia .eap-translated-sheet{font-family:Arial,Verdana,sans-serif;letter-spacing:.045em;word-spacing:.12em;line-height:1.95}.eap-reader-mode-dyslexia .eap-translated-sheet p{max-width:68ch}.eap-reader-mode-high-contrast{--eap-reader-fg:#000;--eap-reader-bg:#fff}.eap-reader-mode-high-contrast .eap-translated-sheet,.eap-reader-mode-high-contrast .eap-reader-panel,.eap-reader-mode-high-contrast .eap-reader-study-tools{color:#000;background:#fff;border-color:#000}.eap-reader-mode-high-contrast a,.eap-reader-mode-high-contrast button{outline-color:#000}.eap-reader-mode-low-data .eap-source-page-pane,.eap-reader-mode-low-data .eap-reader-source-frame{display:none!important}.eap-reader-mode-low-data .eap-reader-panel{box-shadow:none}.eap-reader-v3[data-disable-copy="1"] .eap-translated-sheet{user-select:none;-webkit-user-select:none}mark.eap-highlight-yellow{background:#fff2a8}mark.eap-highlight-green{background:#c8f1d2}mark.eap-highlight-blue{background:#cce5ff}mark.eap-highlight-pink{background:#ffd5e5}mark.eap-highlight-purple{background:#e4d7ff}
.eap-learning-admin{font-size:14px}.eap-learning-admin__hero{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px;padding:20px;border-radius:18px;background:linear-gradient(135deg,#eef7ff,#effaf8);border:1px solid #d7e5f1}.eap-learning-admin__hero h1{margin:4px 0 6px;font-size:28px}.eap-learning-admin__hero p{margin:0;color:#596b83}.eap-learning-book-picker{margin:14px 0}.eap-learning-book-picker label{display:flex;align-items:center;gap:10px;font-weight:800}.eap-learning-book-picker select{min-width:min(420px,100%)}.eap-learning-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}.eap-learning-metrics article{display:flex;flex-direction:column;gap:4px;padding:15px;border:1px solid #dbe5f1;border-radius:14px;background:#fff}.eap-learning-metrics span,.eap-learning-metrics small{color:#60718a}.eap-learning-metrics strong{font-size:22px;color:#10233f}.eap-learning-admin__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.eap-learning-panel{padding:18px;border:1px solid #dce6f2;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(29,62,106,.06)}.eap-learning-panel--wide{grid-column:1/-1}.eap-learning-panel header h2{margin:0 0 5px;font-size:19px}.eap-learning-panel header p{margin:0 0 14px;color:#60718a}.eap-learning-form{display:grid;gap:11px}.eap-learning-form label{display:grid;gap:5px;font-weight:700}.eap-learning-form input,.eap-learning-form select,.eap-learning-form textarea{width:100%;border:1px solid #ced9e8;border-radius:9px;padding:8px}.eap-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.eap-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px}.eap-check-grid label{display:flex;align-items:center;gap:7px;font-weight:600}.eap-check-grid input{width:auto}.eap-learning-chip-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.eap-learning-chip-list span{padding:6px 9px;border-radius:999px;background:#eff5fb;border:1px solid #d6e3ef}.eap-learning-issue-list,.eap-assignment-rule-grid{display:grid;gap:12px}.eap-learning-issue,.eap-assignment-rule{padding:14px;border:1px solid #dce6f2;border-radius:12px;background:#f9fbfd}.eap-learning-issue__meta{display:flex;justify-content:space-between;gap:12px}.eap-learning-issue blockquote{margin:10px 0;padding:10px;border-left:4px solid #6b82d7;background:#fff}.eap-inline-actions{display:flex;flex-wrap:wrap;gap:8px}.eap-edition-list{display:grid;gap:8px}.eap-edition-list form{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #dce6f2;border-radius:10px}.eap-edition-list form div{display:grid}.eap-edition-list span{color:#60718a}
@media(max-width:900px){.eap-learning-admin__grid{grid-template-columns:1fr}.eap-learning-panel--wide{grid-column:auto}.eap-reader-study-tools__top,.eap-reader-progress-card__main{align-items:flex-start;flex-direction:column}.eap-reader-progress-ring{align-self:flex-end;margin-top:-60px}.eap-reader-search-list button{grid-template-columns:1fr}.eap-reader-audio__settings>*{max-width:100%}}
@media(max-width:600px){.eap-reader-progress-card,.eap-reader-study-tools{padding:14px}.eap-reader-progress-ring{display:none}.eap-reader-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eap-reader-tool-btn{font-size:12px}.eap-reader-search{flex-direction:column}.eap-learning-admin__hero{padding:15px}.eap-learning-admin__hero h1{font-size:23px}.eap-learning-book-picker label{align-items:stretch;flex-direction:column}.eap-learning-book-picker select{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.eap-reader-v3 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.eap-sidebar,.eap-reader-study-tools,.eap-reader-tabs,.eap-reader-toolbar,.eap-reader-language-card,.eap-reader-progress-card,.eap-reader-hero .eap-btn{display:none!important}.eap-translated-page{display:block!important;break-after:page}.eap-reader-watermark{opacity:.16}.eap-main{margin:0!important;width:100%!important}.eap-translated-sheet{box-shadow:none!important;border:0!important}}
.eap-reading-resume-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.eap-reading-resume-grid article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;border:1px solid #dce6f2;border-radius:14px;background:linear-gradient(135deg,#fff,#f7fbff)}.eap-reading-resume-grid article div{display:grid;gap:3px}.eap-reading-resume-grid article span{font-size:12px;font-weight:800;color:#16809a}.eap-reading-resume-grid article strong{font-size:16px}.eap-reading-resume-grid article p{margin:0;color:#60718a;font-size:13px}

/* 1.6.57 interactive practice, chapter audio and governance controls */
.eap-reader-v3 .eap-reader-practice--interactive{display:grid;gap:16px;list-style:none;padding:0;margin:18px 0 0}
.eap-reader-v3 .eap-practice-item{display:grid;gap:12px;padding:20px;border:1px solid var(--eap-border,#d9e2ef);border-radius:16px;background:#fff}
.eap-reader-v3 .eap-practice-item>strong{font-size:1rem;line-height:1.55}
.eap-reader-v3 .eap-practice-item label{display:grid;gap:7px;font-weight:700}
.eap-reader-v3 .eap-practice-item textarea{width:100%;min-height:90px;border:1px solid #cbd6e5;border-radius:12px;padding:12px;font:inherit;resize:vertical}
.eap-reader-v3 .eap-practice-feedback{min-height:0;padding:0;border-radius:12px}
.eap-reader-v3 .eap-practice-feedback.is-success,.eap-reader-v3 .eap-practice-feedback.is-warning{padding:12px 14px}
.eap-reader-v3 .eap-practice-feedback.is-success{background:#ecfdf3;border:1px solid #b7e8ca;color:#14532d}
.eap-reader-v3 .eap-practice-feedback.is-warning{background:#fff8e8;border:1px solid #f2d28f;color:#7c4a03}
.eap-reader-v3 .eap-practice-feedback p{margin:5px 0 0}
.eap-reader-v3 .eap-practice-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.eap-reader-v3 .eap-practice-summary article{display:grid;gap:5px;padding:15px;border:1px solid #d9e2ef;border-radius:14px;background:#f8fbff}
.eap-reader-v3 .eap-practice-summary span{font-size:.78rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.eap-reader-v3 .eap-practice-summary strong{font-size:1.35rem;color:#132238}
.eap-learning-admin .eap-provider-probe{display:flex;align-items:center;gap:12px;margin:12px 0 20px;padding:14px 16px;border:1px solid #cfd9e8;border-radius:14px;background:#f8fbff}
.eap-learning-admin .eap-provider-probe p{margin:0;color:#64748b}
.eap-learning-admin .eap-usage-inline{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.eap-learning-admin .eap-usage-inline span{padding:7px 10px;border-radius:999px;background:#eef4fb;color:#42566f;font-size:.84rem}
@media (max-width:700px){.eap-reader-v3 .eap-practice-summary{grid-template-columns:1fr}.eap-learning-admin .eap-provider-probe{align-items:flex-start;flex-direction:column}}

/* 1.6.57 assignment completion and learner progress */
.eap-reader-requirements{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:11px 12px;border:1px solid #cddbea;border-radius:12px;background:#fff}.eap-reader-requirements>div{display:flex;flex-wrap:wrap;gap:7px}.eap-reader-requirements span{padding:5px 9px;border-radius:999px;background:#fff4db;color:#80530b;border:1px solid #f2d18a;font-size:12px;font-weight:800}.eap-reader-requirements span.is-met{background:#e9f8ef;color:#166535;border-color:#b9e5c9}.eap-reader-requirements.is-complete{border-color:#a9dec0;background:#f1fbf5}.eap-reader-requirements.is-overdue{border-color:#efb2ae;background:#fff4f3}.eap-reader-requirements.is-overdue>strong{color:#a72e26}
.eap-learning-progress-table{overflow:auto}.eap-learning-progress-table table{width:100%;min-width:820px;border-collapse:collapse}.eap-learning-progress-table th,.eap-learning-progress-table td{padding:11px 10px;border-bottom:1px solid #e2eaf3;text-align:left;vertical-align:top}.eap-learning-progress-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#5d6e84;background:#f7f9fc}.eap-learning-progress-table td strong,.eap-learning-progress-table td small{display:block}.eap-learning-progress-table td small,.eap-muted{color:#728197}.eap-progress-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf3fa;color:#334d6f;font-size:12px;font-weight:800}.eap-progress-status.is-complete{background:#e6f7ed;color:#176638}.eap-progress-status.is-overdue{background:#fdeceb;color:#a3312a}.eap-progress-status.is-in-progress{background:#fff4dc;color:#80550e}
@media(max-width:700px){.eap-reader-requirements{align-items:flex-start;flex-direction:column}}

.eap-translated-sheet [data-eap-reading-segment]{position:relative;border-radius:8px;transition:background-color .18s ease,box-shadow .18s ease}.eap-translated-sheet [data-eap-reading-segment].is-speaking{background:#e8f5ff;box-shadow:0 0 0 5px #e8f5ff}.eap-reader-mode-high-contrast .eap-translated-sheet [data-eap-reading-segment].is-speaking{background:#ffec66;box-shadow:0 0 0 5px #ffec66;color:#000}@media(prefers-reduced-motion:reduce){.eap-translated-sheet [data-eap-reading-segment]{transition:none}}

@media print{.eap-student-book-reader[data-allow-print="0"]{display:none!important}.eap-student-book-reader[data-allow-print="0"]~*{display:none!important}}

/* 1.6.59 media-aware source comparison */
.eap-plugin-scope .eap-reader-source-image {
    display: block;
    width: 100%;
    max-height: 78vh;
    object-fit: contain;
    background: #fff;
    border: 1px solid var(--eap-border, #dce4ee);
    border-radius: 0 0 16px 16px;
}
.eap-plugin-scope .eap-source-page-pane img[data-eap-source-preview] {
    display: block;
    width: 100%;
    max-height: 72vh;
    object-fit: contain;
    background: #fff;
    border-radius: 12px;
}
.eap-plugin-scope .eap-source-loading {
    padding: 14px;
    color: var(--eap-muted, #5f6f86);
    text-align: center;
}
/*! Perfect Aptitude production source: eap-ui-refinement.css */
/*
 * Perfect Aptitude portal UI refinement — 1.6.93.15 Stabilized UI
 * Visual-only layer. No route, permission, data, provider or workflow behavior.
 */

.eap-portal-shell {
    --pa-bg: #f5f7fb;
    --pa-surface: #ffffff;
    --pa-surface-soft: #f8fafc;
    --pa-surface-muted: #eef3f8;
    --pa-border: #dfe6ee;
    --pa-border-strong: #cbd5e1;
    --pa-text: #172033;
    --pa-text-soft: #475569;
    --pa-text-muted: #64748b;
    --pa-primary: #2563eb;
    --pa-primary-strong: #1d4ed8;
    --pa-primary-soft: #eff6ff;
    --pa-success: #15803d;
    --pa-success-soft: #f0fdf4;
    --pa-warning: #b45309;
    --pa-warning-soft: #fffbeb;
    --pa-danger: #b91c1c;
    --pa-danger-soft: #fef2f2;
    --pa-info: #0369a1;
    --pa-info-soft: #f0f9ff;
    --pa-sidebar: #10243f;
    --pa-sidebar-2: #15304f;
    --pa-sidebar-text: #dbe7f4;
    --pa-sidebar-muted: #9fb3c8;
    --pa-radius-control: 8px;
    --pa-radius-card: 12px;
    --pa-radius-panel: 16px;
    --pa-shadow-card: 0 1px 2px rgba(15, 23, 42, .035), 0 10px 28px rgba(15, 23, 42, .045);
    --pa-shadow-float: 0 18px 45px rgba(15, 23, 42, .14);
    --pa-space-1: 4px;
    --pa-space-2: 8px;
    --pa-space-3: 12px;
    --pa-space-4: 16px;
    --pa-space-5: 24px;
    --pa-space-6: 32px;
    --pa-space-7: 48px;
    --pa-focus: 0 0 0 3px rgba(37, 99, 235, .2);
    color: var(--pa-text);
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: var(--pa-bg);
}

.eap-portal-shell[data-eap-theme="dark"],
.eap-portal-shell[data-theme="dark"] {
    --pa-bg: #0b1220;
    --pa-surface: #121b2a;
    --pa-surface-soft: #172235;
    --pa-surface-muted: #1b2940;
    --pa-border: #29384f;
    --pa-border-strong: #3b4b63;
    --pa-text: #ecf2f8;
    --pa-text-soft: #c7d2e0;
    --pa-text-muted: #94a3b8;
    --pa-primary: #60a5fa;
    --pa-primary-strong: #93c5fd;
    --pa-primary-soft: #122a46;
    --pa-success: #4ade80;
    --pa-success-soft: #102a1d;
    --pa-warning: #fbbf24;
    --pa-warning-soft: #32260c;
    --pa-danger: #f87171;
    --pa-danger-soft: #321719;
    --pa-info: #7dd3fc;
    --pa-info-soft: #102637;
    --pa-sidebar: #0a1628;
    --pa-sidebar-2: #10223a;
    --pa-sidebar-text: #e7eef7;
    --pa-sidebar-muted: #9bb0c8;
    --pa-shadow-card: 0 1px 2px rgba(0, 0, 0, .25), 0 10px 28px rgba(0, 0, 0, .16);
    --pa-shadow-float: 0 22px 55px rgba(0, 0, 0, .34);
    color-scheme: dark;
}

.eap-portal-shell *,
.eap-portal-shell *::before,
.eap-portal-shell *::after { box-sizing: border-box; }

/* Shell */
.eap-portal-shell .eap-shell-inner {
    background: var(--pa-bg);
    gap: 0;
}

.eap-portal-shell .eap-main {
    background: var(--pa-bg);
    color: var(--pa-text);
}

.eap-portal-shell .eap-content {
    padding: var(--pa-space-5) var(--pa-space-5) var(--pa-space-7);
    max-width: 1680px;
    width: 100%;
    margin-inline: auto;
}

/* Sidebar */
.eap-portal-shell .eap-sidebar {
    background: var(--pa-sidebar);
    color: var(--pa-sidebar-text);
    border-inline-end: 1px solid rgba(255,255,255,.07);
    box-shadow: none;
}

.eap-portal-shell .eap-sidebar-logo {
    min-height: 76px;
    padding: 16px 16px 14px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.eap-portal-shell .eap-logo-name {
    color: #fff;
    font-weight: 750;
    letter-spacing: -.015em;
}

.eap-portal-shell .eap-logo-sub,
.eap-portal-shell .eap-sidebar-user-role { color: var(--pa-sidebar-muted); }

.eap-portal-shell .eap-sidebar-nav {
    padding: 12px 10px 18px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.18) transparent;
}

.eap-portal-shell .eap-nav-group { margin: 0 0 8px; }

.eap-portal-shell .eap-nav-group-toggle {
    width: 100%;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 4px 10px 5px;
    margin: 0 0 2px;
    border: 0;
    background: transparent;
    color: var(--pa-sidebar-muted);
    font: inherit;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .09em;
    line-height: 1.3;
    text-transform: uppercase;
    cursor: default;
    text-align: left;
}

.eap-portal-shell .eap-nav-group-toggle .dashicons {
    display: none;
    width: 16px;
    height: 16px;
    font-size: 16px;
    transition: transform .16s ease;
}

.eap-portal-shell .eap-nav-group-items { display: grid; gap: 2px; }

.eap-portal-shell .eap-nav-link {
    position: relative;
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 11px;
    border-radius: 9px;
    color: var(--pa-sidebar-text);
    font-size: 13.5px;
    font-weight: 570;
    line-height: 1.3;
    text-decoration: none;
    background: transparent;
    transition: background-color .16s ease, color .16s ease, transform .16s ease;
}

.eap-portal-shell .eap-nav-link::before {
    content: "";
    position: absolute;
    inset: 7px auto 7px -10px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: transparent;
}

.eap-portal-shell .eap-nav-link:hover,
.eap-portal-shell .eap-nav-link:focus-visible {
    color: #fff;
    background: rgba(255,255,255,.075);
    transform: translateX(1px);
}

.eap-portal-shell .eap-nav-link.active,
.eap-portal-shell .eap-nav-link[aria-current="page"] {
    color: #fff;
    background: rgba(96,165,250,.17);
    font-weight: 720;
}

.eap-portal-shell .eap-nav-link.active::before,
.eap-portal-shell .eap-nav-link[aria-current="page"]::before { background: #60a5fa; }

.eap-portal-shell .eap-nav-icon { opacity: .84; }
.eap-portal-shell .eap-nav-link.active .eap-nav-icon { opacity: 1; }

.eap-portal-shell .eap-sidebar-footer {
    border-top: 1px solid rgba(255,255,255,.08);
    padding: 12px;
    background: rgba(0,0,0,.06);
}

.eap-portal-shell .eap-sidebar-user { min-width: 0; }
.eap-portal-shell .eap-sidebar-user-name { color: #fff; font-weight: 650; }

.eap-portal-shell .eap-sidebar-logout {
    min-height: 38px;
    border-radius: 8px;
    color: var(--pa-sidebar-text);
}
.eap-portal-shell .eap-sidebar-logout:hover,
.eap-portal-shell .eap-sidebar-logout:focus-visible { background: rgba(255,255,255,.08); color: #fff; }

/* Header */
.eap-portal-shell .eap-topbar {
    position: sticky;
    top: var(--eap-adminbar-h, 0px);
    z-index: var(--eap-z-sticky, 20);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--pa-space-5);
    min-height: 92px;
    padding: 17px 24px;
    background: color-mix(in srgb, var(--pa-surface) 96%, transparent);
    border-bottom: 1px solid var(--pa-border);
    box-shadow: 0 1px 0 rgba(15,23,42,.015);
    backdrop-filter: blur(12px);
}

.eap-portal-shell .eap-topbar-left {
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
    column-gap: 8px;
    row-gap: 2px;
    min-width: 0;
}

.eap-portal-shell .eap-shell-kicker {
    grid-column: 1;
    color: var(--pa-primary);
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.eap-portal-shell .eap-role-badge {
    grid-column: 2;
    border: 0;
    background: var(--pa-surface-muted);
    color: var(--pa-text-muted);
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 700;
}

.eap-portal-shell .eap-page-title {
    grid-column: 1 / -1;
    margin: 2px 0 0;
    color: var(--pa-text);
    font-size: clamp(24px, 2vw, 31px);
    font-weight: 760;
    letter-spacing: -.025em;
    line-height: 1.12;
}

.eap-portal-shell .eap-page-subtitle {
    grid-column: 1 / -1;
    margin: 3px 0 0;
    max-width: 760px;
    color: var(--pa-text-muted);
    font-size: 13.5px;
    line-height: 1.5;
}

.eap-portal-shell .eap-topbar-right { display: flex; align-items: center; gap: 12px; }
.eap-portal-shell .eap-portal-tools { display: flex; align-items: center; gap: 6px; }

.eap-portal-shell .eap-tool-button,
.eap-portal-shell .eap-tool-overflow-toggle,
.eap-portal-shell .eap-notification-close {
    min-height: 38px;
    min-width: 38px;
    padding: 7px 10px;
    border: 1px solid var(--pa-border);
    border-radius: 9px;
    background: var(--pa-surface);
    color: var(--pa-text-soft);
    box-shadow: none;
    font: inherit;
    font-size: 12.5px;
    font-weight: 650;
    cursor: pointer;
}

.eap-portal-shell .eap-tool-button:hover,
.eap-portal-shell .eap-tool-overflow-toggle:hover { border-color: var(--pa-border-strong); background: var(--pa-surface-soft); color: var(--pa-text); }

.eap-portal-shell .eap-connection-heartbeat {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 6px 9px;
    border: 1px solid var(--pa-border);
    border-radius: 999px;
    background: var(--pa-surface-soft);
    color: var(--pa-text-muted);
    font-size: 11.5px;
    font-weight: 650;
}

.eap-portal-shell .eap-user-chip {
    min-height: 42px;
    padding: 4px 7px 4px 5px;
    border: 1px solid var(--pa-border);
    border-radius: 10px;
    background: var(--pa-surface);
    box-shadow: none;
}
.eap-portal-shell .eap-user-chip-name { color: var(--pa-text); font-weight: 680; }
.eap-portal-shell .eap-user-chip-role { color: var(--pa-text-muted); }

.eap-portal-shell .eap-tool-overflow { position: relative; }
.eap-portal-shell .eap-tool-overflow-panel {
    position: absolute;
    top: calc(100% + 8px);
    inset-inline-end: 0;
    z-index: var(--eap-z-drawer, 410);
    min-width: 210px;
    padding: 7px;
    border: 1px solid var(--pa-border);
    border-radius: 11px;
    background: var(--pa-surface);
    box-shadow: var(--pa-shadow-float);
}
.eap-portal-shell .eap-tool-overflow-panel[hidden] { display: none; }
.eap-portal-shell .eap-tool-overflow-panel .eap-tool-button {
    width: 100%;
    justify-content: flex-start;
    border-color: transparent;
    background: transparent;
    text-align: left;
}

/* Quick actions */
.eap-portal-shell .eap-command-strip {
    max-width: 1680px;
    margin: 18px auto 0;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.eap-portal-shell .eap-command-strip__eyebrow { color: var(--pa-text-muted); font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.eap-portal-shell .eap-command-strip__copy strong { color: var(--pa-text); font-size: 13.5px; }
.eap-portal-shell .eap-command-strip__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.eap-portal-shell .eap-command-btn {
    min-height: 38px;
    padding: 8px 11px;
    border: 1px solid var(--pa-border);
    border-radius: 9px;
    background: var(--pa-surface);
    color: var(--pa-text-soft);
    box-shadow: none;
    font-weight: 650;
}
.eap-portal-shell .eap-command-btn:hover { border-color: var(--pa-border-strong); background: var(--pa-surface-soft); color: var(--pa-text); transform: none; }
.eap-portal-shell .eap-command-btn--primary { border-color: var(--pa-primary); background: var(--pa-primary); color: #fff; }
.eap-portal-shell .eap-command-btn--primary:hover { border-color: var(--pa-primary-strong); background: var(--pa-primary-strong); color: #fff; }

/* Cards and sections */
.eap-portal-shell .eap-dashboard-grid { gap: 18px; }
.eap-portal-shell .eap-card,
.eap-portal-shell .eap-panel,
.eap-portal-shell .eap-widget,
.eap-portal-shell .eap-student-help-block,
.eap-portal-shell .eap-student-session-summary-card {
    border: 1px solid var(--pa-border);
    border-radius: var(--pa-radius-card);
    background: var(--pa-surface);
    color: var(--pa-text);
    box-shadow: var(--pa-shadow-card);
}

.eap-portal-shell .eap-card:hover { transform: none; box-shadow: var(--pa-shadow-card); }
.eap-portal-shell .eap-card-header { border-bottom: 1px solid var(--pa-border); background: transparent; }
.eap-portal-shell .eap-card-title,
.eap-portal-shell .eap-card h2,
.eap-portal-shell .eap-card h3 { color: var(--pa-text); letter-spacing: -.012em; }
.eap-portal-shell .eap-card p,
.eap-portal-shell .eap-card small,
.eap-portal-shell .eap-muted,
.eap-portal-shell .description { color: var(--pa-text-muted); }

/* Reduce nested-card visual noise. */
.eap-portal-shell .eap-card .eap-card,
.eap-portal-shell .eap-card .eap-panel,
.eap-portal-shell .eap-card .eap-student-help-block {
    box-shadow: none;
    background: var(--pa-surface-soft);
    border-color: var(--pa-border);
}

/* Forms */
.eap-portal-shell label { color: var(--pa-text-soft); font-weight: 650; }
.eap-portal-shell input[type="text"],
.eap-portal-shell input[type="email"],
.eap-portal-shell input[type="password"],
.eap-portal-shell input[type="number"],
.eap-portal-shell input[type="search"],
.eap-portal-shell input[type="url"],
.eap-portal-shell input[type="tel"],
.eap-portal-shell input[type="date"],
.eap-portal-shell input[type="time"],
.eap-portal-shell select,
.eap-portal-shell textarea {
    min-height: 42px;
    max-width: 100%;
    border: 1px solid var(--pa-border-strong);
    border-radius: var(--pa-radius-control);
    background: var(--pa-surface);
    color: var(--pa-text);
    box-shadow: none;
    font: inherit;
    font-size: 14px;
    line-height: 1.45;
}
.eap-portal-shell textarea { min-height: 104px; padding: 10px 12px; }
.eap-portal-shell input:focus,
.eap-portal-shell select:focus,
.eap-portal-shell textarea:focus { border-color: var(--pa-primary); outline: 0; box-shadow: var(--pa-focus); }
.eap-portal-shell input[readonly],
.eap-portal-shell input[disabled],
.eap-portal-shell select[disabled],
.eap-portal-shell textarea[disabled] { background: var(--pa-surface-muted); color: var(--pa-text-muted); opacity: .9; }
.eap-portal-shell .eap-form-help,
.eap-portal-shell .eap-field-help { color: var(--pa-text-muted); font-size: 12px; line-height: 1.45; }

/* Buttons */
.eap-portal-shell .eap-btn,
.eap-portal-shell button.eap-btn,
.eap-portal-shell a.eap-btn {
    min-height: 40px;
    padding: 8px 13px;
    border-radius: var(--pa-radius-control);
    border-width: 1px;
    box-shadow: none;
    font-size: 13.5px;
    font-weight: 680;
    line-height: 1.2;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
    transform: none;
}
.eap-portal-shell .eap-btn:hover { transform: none; }
.eap-portal-shell .eap-btn--primary { background: var(--pa-primary); border-color: var(--pa-primary); color: #fff; }
.eap-portal-shell .eap-btn--primary:hover { background: var(--pa-primary-strong); border-color: var(--pa-primary-strong); }
.eap-portal-shell .eap-btn--secondary { background: var(--pa-surface); border-color: var(--pa-border-strong); color: var(--pa-text-soft); }
.eap-portal-shell .eap-btn--secondary:hover { background: var(--pa-surface-soft); color: var(--pa-text); }
.eap-portal-shell .eap-btn--danger { background: var(--pa-danger); border-color: var(--pa-danger); color: #fff; }

/* Tables */
.eap-portal-shell .eap-table-scroll,
.eap-portal-shell .eap-table-wrap,
.eap-portal-shell [class*="table-wrap"] { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.eap-portal-shell table.eap-table,
.eap-portal-shell .eap-responsive-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--pa-text);
    background: var(--pa-surface);
}
.eap-portal-shell table.eap-table thead th,
.eap-portal-shell .eap-responsive-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 11px 12px;
    border-bottom: 1px solid var(--pa-border-strong);
    background: var(--pa-surface-soft);
    color: var(--pa-text-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
    white-space: nowrap;
}
.eap-portal-shell table.eap-table tbody td,
.eap-portal-shell .eap-responsive-table tbody td {
    padding: 12px;
    border-bottom: 1px solid var(--pa-border);
    color: var(--pa-text-soft);
    vertical-align: middle;
}
.eap-portal-shell table.eap-table tbody tr:hover td,
.eap-portal-shell .eap-responsive-table tbody tr:hover td { background: var(--pa-surface-soft); }

/* Status */
.eap-portal-shell .eap-status-pill,
.eap-portal-shell .eap-badge,
.eap-portal-shell [class*="status-pill"] {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid var(--pa-border);
    background: var(--pa-surface-muted);
    color: var(--pa-text-soft);
    font-size: 11.5px;
    font-weight: 750;
    line-height: 1.25;
}
.eap-portal-shell .eap-status-pill.green,
.eap-portal-shell .eap-status-pill.is-success,
.eap-portal-shell .eap-status-pill.success { background: var(--pa-success-soft); border-color: color-mix(in srgb, var(--pa-success) 28%, transparent); color: var(--pa-success); }
.eap-portal-shell .eap-status-pill.amber,
.eap-portal-shell .eap-status-pill.warning { background: var(--pa-warning-soft); border-color: color-mix(in srgb, var(--pa-warning) 28%, transparent); color: var(--pa-warning); }
.eap-portal-shell .eap-status-pill.rose,
.eap-portal-shell .eap-status-pill.danger,
.eap-portal-shell .eap-status-pill.error { background: var(--pa-danger-soft); border-color: color-mix(in srgb, var(--pa-danger) 28%, transparent); color: var(--pa-danger); }
.eap-portal-shell .eap-status-pill.blue,
.eap-portal-shell .eap-status-pill.info { background: var(--pa-primary-soft); border-color: color-mix(in srgb, var(--pa-primary) 24%, transparent); color: var(--pa-primary); }

/* Empty/loading/error states */
.eap-portal-shell .eap-empty-state,
.eap-portal-shell .eap-student-empty,
.eap-portal-shell .eap-empty-table-cell {
    padding: 28px 20px;
    border: 1px dashed var(--pa-border-strong);
    border-radius: var(--pa-radius-card);
    background: var(--pa-surface-soft);
    color: var(--pa-text-muted);
    text-align: center;
}
.eap-portal-shell .eap-empty-state strong,
.eap-portal-shell .eap-student-empty strong { display: block; margin-bottom: 5px; color: var(--pa-text); font-size: 15px; }
.eap-portal-shell .eap-alert,
.eap-portal-shell [role="alert"] { border-radius: var(--pa-radius-card); }
.eap-portal-shell .eap-skeleton,
.eap-portal-shell [data-eap-loading="1"] { border-radius: 8px; }

/* Drawer/search/modal */
.eap-portal-shell .eap-notification-drawer,
.eap-portal-shell .eap-search-panel,
.eap-portal-shell .eap-modal-card {
    border: 1px solid var(--pa-border);
    border-radius: var(--pa-radius-panel);
    background: var(--pa-surface);
    color: var(--pa-text);
    box-shadow: var(--pa-shadow-float);
}
.eap-portal-shell .eap-notification-item { border-radius: 9px; color: var(--pa-text-soft); }
.eap-portal-shell .eap-notification-item:hover { background: var(--pa-surface-soft); }

/* Tooltip — keyboard and hover share one visual component. */
.eap-tooltip {
    position: fixed;
    z-index: var(--eap-z-critical, 600);
    max-width: 260px;
    padding: 7px 9px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 7px;
    background: #172033;
    color: #fff;
    box-shadow: 0 10px 28px rgba(15,23,42,.22);
    font: 600 12px/1.4 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    pointer-events: none;
}

/* Legacy gateway/profile/invitation surfaces brought into the same language. */
.eap-gateway-container,
.eap-profile-container,
.eap-invitation-container {
    background: var(--pa-bg, #f5f7fb);
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.eap-gateway-card,
.eap-profile-container,
.eap-invitation-container {
    border-radius: 14px;
    border: 1px solid #dfe6ee;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 12px 30px rgba(15,23,42,.055);
}
.eap-gateway-card { transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.eap-gateway-card:hover { transform: translateY(-1px); border-color: #9db8ec; box-shadow: 0 12px 28px rgba(15,23,42,.08); }

/* Focus/accessibility */
.eap-portal-shell a:focus-visible,
.eap-portal-shell button:focus-visible,
.eap-portal-shell input:focus-visible,
.eap-portal-shell select:focus-visible,
.eap-portal-shell textarea:focus-visible,
.eap-portal-shell [tabindex]:focus-visible {
    outline: 2px solid var(--pa-primary);
    outline-offset: 2px;
    box-shadow: var(--pa-focus);
}

/* Tablet */
@media (max-width: 1280px) {
    .eap-portal-shell .eap-heartbeat-label { display: none; }
    .eap-portal-shell .eap-connection-heartbeat { min-width: 36px; justify-content: center; padding-inline: 9px; }
    .eap-portal-shell .eap-user-chip-info { display: none; }
}

@media (max-width: 1024px) {
    .eap-portal-shell .eap-topbar { min-height: 84px; padding: 14px 18px; }
    .eap-portal-shell .eap-content { padding-inline: 18px; }
    .eap-portal-shell .eap-command-strip { padding-inline: 18px; }
    .eap-portal-shell .eap-page-title { font-size: 25px; }
}

/* Mobile navigation becomes grouped accordions. */
@media (max-width: 768px) {
    .eap-portal-shell .eap-sidebar-nav { padding: 10px 10px 18px; }
    .eap-portal-shell .eap-nav-group { border-bottom: 1px solid rgba(255,255,255,.06); padding-bottom: 5px; margin-bottom: 5px; }
    .eap-portal-shell .eap-nav-group-toggle { min-height: 36px; cursor: pointer; color: #c8d7e7; }
    .eap-portal-shell .eap-nav-group-toggle .dashicons { display: inline-block; }
    .eap-portal-shell .eap-nav-group:not(.is-open):not(.is-active) .eap-nav-group-items { display: none; }
    .eap-portal-shell .eap-nav-group.is-open .eap-nav-group-toggle .dashicons,
    .eap-portal-shell .eap-nav-group.is-active .eap-nav-group-toggle .dashicons { transform: rotate(180deg); }
    .eap-portal-shell .eap-nav-link { min-height: 40px; padding: 8px 10px; }

    .eap-portal-shell .eap-topbar {
        position: sticky;
        display: grid;
        grid-template-columns: minmax(0,1fr) auto;
        min-height: auto;
        gap: 10px;
        padding: 12px 14px;
    }
    .eap-portal-shell .eap-topbar-left { min-width: 0; }
    .eap-portal-shell .eap-topbar-right { gap: 6px; }
    .eap-portal-shell .eap-role-badge { display: none; }
    .eap-portal-shell .eap-page-title { font-size: 22px; }
    .eap-portal-shell .eap-page-subtitle { display: block; overflow: visible; font-size: 13px; overflow-wrap: anywhere; }
    .eap-portal-shell .eap-tool-button { min-width: 36px; padding: 7px; }
    .eap-portal-shell .eap-tool-button > span:not(.dashicons):not(.eap-notification-count) { display: none; }
    .eap-portal-shell .eap-user-chip { display: none; }
    .eap-portal-shell .eap-command-strip { align-items: flex-start; padding: 0 14px; margin-top: 12px; }
    .eap-portal-shell .eap-command-strip__copy { display: none; }
    .eap-portal-shell .eap-command-strip__actions { justify-content: flex-start; width: 100%; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; }
    .eap-portal-shell .eap-command-btn { white-space: nowrap; }
    .eap-portal-shell .eap-content { padding: 14px 14px 34px; }
    .eap-portal-shell .eap-dashboard-grid { gap: 12px; }

    /* Responsive record cards for annotated tables. */
    .eap-portal-shell table.eap-ui-responsive-table thead { display: none; }
    .eap-portal-shell table.eap-ui-responsive-table,
    .eap-portal-shell table.eap-ui-responsive-table tbody,
    .eap-portal-shell table.eap-ui-responsive-table tr,
    .eap-portal-shell table.eap-ui-responsive-table td { display: block; width: 100%; min-width: 0; }
    .eap-portal-shell table.eap-ui-responsive-table tbody { display: grid; gap: 10px; }
    .eap-portal-shell table.eap-ui-responsive-table tr {
        overflow: hidden;
        border: 1px solid var(--pa-border);
        border-radius: 11px;
        background: var(--pa-surface);
        box-shadow: none;
    }
    .eap-portal-shell table.eap-ui-responsive-table td {
        display: grid;
        grid-template-columns: minmax(92px, 36%) 1fr;
        gap: 10px;
        padding: 9px 11px;
        border-bottom: 1px solid var(--pa-border);
        text-align: left;
        white-space: normal;
    }
    .eap-portal-shell table.eap-ui-responsive-table td:last-child { border-bottom: 0; }
    .eap-portal-shell table.eap-ui-responsive-table td::before {
        content: attr(data-eap-label);
        color: var(--pa-text-muted);
        font-size: 10.5px;
        font-weight: 800;
        letter-spacing: .035em;
        text-transform: uppercase;
    }
    .eap-portal-shell table.eap-ui-responsive-table td[colspan] { display: block; text-align: center; }
    .eap-portal-shell table.eap-ui-responsive-table td[colspan]::before { content: none; }
}

@media (max-width: 480px) {
    .eap-portal-shell .eap-shell-kicker { font-size: 12px; }
    .eap-portal-shell .eap-page-title { font-size: 20px; }
    .eap-portal-shell .eap-topbar-right { align-self: start; }
    .eap-portal-shell .eap-connection-heartbeat { display: none; }
    .eap-portal-shell table.eap-ui-responsive-table td { grid-template-columns: 1fr; gap: 3px; }
}

@media (prefers-reduced-motion: reduce) {
    .eap-portal-shell *, .eap-portal-shell *::before, .eap-portal-shell *::after {
        scroll-behavior: auto;
        transition-duration: .01ms;
        animation-duration: .01ms;
        animation-iteration-count: 1;
    }
}

.eap-portal-shell .eap-ui-empty-copy {
    color: var(--pa-text-muted);
    font-style: normal;
}

.eap-portal-shell .eap-mobile-tabbar { display: none; }

@media (max-width: 768px) {
    .eap-portal-shell .eap-main { padding-bottom: 70px; }
    .eap-portal-shell .eap-mobile-tabbar {
        position: fixed;
        inset-inline: 8px;
        bottom: max(8px, env(safe-area-inset-bottom));
        z-index: var(--eap-z-dock, 120);
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 3px;
        min-height: 64px;
        padding: 5px;
        border: 1px solid var(--pa-border);
        border-radius: 15px;
        background: color-mix(in srgb, var(--pa-surface) 96%, transparent);
        box-shadow: 0 14px 38px rgba(15,23,42,.18);
        backdrop-filter: blur(14px);
    }
    .eap-portal-shell .eap-mobile-tabbar__item {
        min-width: 0;
        min-height: 54px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        padding: 4px 3px;
        border: 0;
        border-radius: 10px;
        background: transparent;
        color: var(--pa-text-muted);
        font: inherit;
        font-size: 11.5px;
        font-weight: 700;
        line-height: 1.1;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }
    .eap-portal-shell .eap-mobile-tabbar__item:hover,
    .eap-portal-shell .eap-mobile-tabbar__item:focus-visible { background: var(--pa-surface-soft); color: var(--pa-text); }
    .eap-portal-shell .eap-mobile-tabbar__item.is-active,
    .eap-portal-shell .eap-mobile-tabbar__item[aria-current="page"] { background: var(--pa-primary-soft); color: var(--pa-primary); }
    .eap-portal-shell .eap-mobile-tabbar__icon { width: 18px; height: 18px; font-size: 18px; }
}

/* Authentication, signup, profile and policy pages use the same visual language. */
.eap-plugin-scope .eap-auth-shell,
.eap-plugin-scope .eap-auth-container,
.eap-plugin-scope .eap-auth-portal,
.eap-plugin-scope .eap-auth-role-section,
.eap-plugin-scope .eap-profile-container,
.eap-plugin-scope .eap-invitation-container,
.eap-plugin-scope .eap-policy-container {
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #172033;
}

.eap-plugin-scope .eap-auth-card,
.eap-plugin-scope .eap-auth-panel,
.eap-plugin-scope .eap-auth-role-card,
.eap-plugin-scope .eap-profile-container,
.eap-plugin-scope .eap-invitation-container,
.eap-plugin-scope .eap-policy-card {
    border: 1px solid #dfe6ee;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 12px 30px rgba(15,23,42,.055);
}

.eap-plugin-scope .eap-auth-card,
.eap-plugin-scope .eap-auth-panel { padding: clamp(20px, 4vw, 34px); }

.eap-plugin-scope .eap-auth-card h1,
.eap-plugin-scope .eap-auth-card h2,
.eap-plugin-scope .eap-auth-role-title,
.eap-plugin-scope .eap-profile-container h2 { color: #172033; letter-spacing: -.025em; }
.eap-plugin-scope .eap-auth-subtitle,
.eap-plugin-scope .eap-auth-card p,
.eap-plugin-scope .eap-auth-role-card p { color: #64748b; }

.eap-plugin-scope .eap-auth-card input,
.eap-plugin-scope .eap-auth-card select,
.eap-plugin-scope .eap-profile-container input,
.eap-plugin-scope .eap-invitation-container select {
    min-height: 42px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    color: #172033;
    box-shadow: none;
}
.eap-plugin-scope .eap-auth-card input:focus,
.eap-plugin-scope .eap-auth-card select:focus,
.eap-plugin-scope .eap-profile-container input:focus,
.eap-plugin-scope .eap-invitation-container select:focus { border-color: #2563eb; outline: 0; box-shadow: 0 0 0 3px rgba(37,99,235,.16); }

.eap-plugin-scope .eap-auth-submit,
.eap-plugin-scope .eap-profile-submit,
.eap-plugin-scope .eap-invitation-btn {
    min-height: 40px;
    border-radius: 8px;
    font-weight: 680;
    box-shadow: none;
}
.eap-plugin-scope .eap-auth-role-card { transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.eap-plugin-scope .eap-auth-role-card:hover { transform: translateY(-2px); border-color: #a9bfea; box-shadow: 0 14px 32px rgba(15,23,42,.08); }

.eap-portal-shell .eap-state {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    gap: 12px;
    align-items: start;
    padding: 18px;
    border: 1px solid var(--pa-border);
    border-radius: 11px;
    background: var(--pa-surface-soft);
    color: var(--pa-text-soft);
}
.eap-portal-shell .eap-state__icon { width: 22px; height: 22px; font-size: 22px; color: var(--pa-text-muted); }
.eap-portal-shell .eap-state__title { display: block; color: var(--pa-text); font-size: 14px; font-weight: 740; }
.eap-portal-shell .eap-state__desc,
.eap-portal-shell .eap-state__hint { margin: 4px 0 0; color: var(--pa-text-muted); line-height: 1.5; }
.eap-portal-shell .eap-state--error { border-color: color-mix(in srgb, var(--pa-danger) 28%, var(--pa-border)); background: var(--pa-danger-soft); }
.eap-portal-shell .eap-state--error .eap-state__icon { color: var(--pa-danger); }
.eap-portal-shell .eap-state--permission { border-color: color-mix(in srgb, var(--pa-warning) 28%, var(--pa-border)); background: var(--pa-warning-soft); }
.eap-portal-shell .eap-state__debug { grid-column: 1/-1; margin-top: 7px; padding-top: 8px; border-top: 1px solid var(--pa-border); }
.eap-portal-shell .eap-state__skeleton {
    grid-column: 1/-1;
    height: 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--pa-surface-muted), var(--pa-surface), var(--pa-surface-muted));
    background-size: 220% 100%;
    animation: eap-ui-skeleton 1.2s ease-in-out infinite;
}
.eap-portal-shell .eap-state__skeleton--title { width: 42%; height: 16px; }
.eap-portal-shell .eap-state__skeleton--short { width: 64%; }
@keyframes eap-ui-skeleton { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }
.eap-plugin-scope .eap-form-message { margin: 10px 0 0; padding: 9px 11px; border-radius: 8px; font-weight: 650; }
.eap-plugin-scope .eap-form-message--success { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; }
.eap-plugin-scope .eap-form-message--error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
.eap-portal-shell .eap-shell-inner--fallback { padding: 2rem; }
.eap-portal-shell .eap-shell-fallback-alert { max-width: 720px; margin: 0 auto; }
.eap-portal-shell .eap-inst-module-frame--has-fallback { display:flex; flex-direction:column; width:100%; min-height:700px; }
.eap-portal-shell .eap-inst-iframe { display:block; width:100%; height:100%; min-height:700px; border:0; flex:1; border-radius:10px; background:var(--pa-surface); }
.eap-portal-shell .eap-sidebar.collapsed .eap-nav-group-toggle { display: none; }
.eap-portal-shell .eap-sidebar.collapsed .eap-nav-group { margin-bottom: 3px; }
.eap-portal-shell .eap-sidebar.collapsed .eap-nav-group-items { display: grid; }

/* Compatibility for older component fragments that still carry light inline presentation values. */
.eap-portal-shell[data-eap-theme="dark"] [style*="background:#fff"],
.eap-portal-shell[data-eap-theme="dark"] [style*="background: #fff"],
.eap-portal-shell[data-eap-theme="dark"] [style*="background:#ffffff"],
.eap-portal-shell[data-eap-theme="dark"] [style*="background: #ffffff"] { background: var(--pa-surface) !important; }
.eap-portal-shell[data-eap-theme="dark"] [style*="background:#f8fafc"],
.eap-portal-shell[data-eap-theme="dark"] [style*="background: #f8fafc"],
.eap-portal-shell[data-eap-theme="dark"] [style*="background:#f1f5f9"],
.eap-portal-shell[data-eap-theme="dark"] [style*="background: #f1f5f9"] { background: var(--pa-surface-soft) !important; }
.eap-portal-shell[data-eap-theme="dark"] [style*="color:#0f172a"],
.eap-portal-shell[data-eap-theme="dark"] [style*="color: #0f172a"],
.eap-portal-shell[data-eap-theme="dark"] [style*="color:#1e293b"],
.eap-portal-shell[data-eap-theme="dark"] [style*="color: #1e293b"] { color: var(--pa-text) !important; }
.eap-portal-shell[data-eap-theme="dark"] [style*="color:#64748b"],
.eap-portal-shell[data-eap-theme="dark"] [style*="color: #64748b"] { color: var(--pa-text-muted) !important; }

/* Restrain legacy stagger/hover motion in the final portal layer. */
.eap-portal-shell .eap-card,
.eap-portal-shell .eap-dashboard-grid > * { animation-delay: 0s !important; }
.eap-portal-shell .eap-card { transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease; }
.eap-portal-shell .eap-nav-icon--svg {
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    color: currentColor;
    opacity: .82;
}
.eap-portal-shell .eap-nav-link.active .eap-nav-icon--svg,
.eap-portal-shell .eap-nav-link:hover .eap-nav-icon--svg { opacity: 1; }

/* Refinement icons use the same lightweight line treatment as portal navigation. */
.eap-portal-shell .eap-tool-overflow__icon,
.eap-portal-shell .eap-mobile-tabbar__icon svg,
.eap-portal-shell svg.eap-mobile-tabbar__icon {
    width: 18px;
    height: 18px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.eap-portal-shell .eap-tool-overflow__icon circle { fill: currentColor; stroke: none; }

/* ========================================================================== */
/* 1.6.89.0 UI FINALIZATION — authoritative visual safety layer               */
/* Presentation only: no route, permission, workflow or data behavior.        */
/* ========================================================================== */
.eap-portal-shell {
    --eap-bg: var(--pa-bg);
    --eap-surface: var(--pa-surface);
    --eap-surface-soft: var(--pa-surface-soft);
    --eap-surface-muted: var(--pa-surface-muted);
    --eap-border: var(--pa-border);
    --eap-border-strong: var(--pa-border-strong);
    --eap-text-primary: var(--pa-text);
    --eap-text-secondary: var(--pa-text-soft);
    --eap-text-muted: var(--pa-text-muted);
    --eap-primary: var(--pa-primary);
    --eap-success: var(--pa-success);
    --eap-warning: var(--pa-warning);
    --eap-danger: var(--pa-danger);
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    overflow-wrap: break-word;
}
.eap-portal-shell :where(button, input, select, textarea) { font: inherit; }
.eap-portal-shell :where(select, input, textarea) { color-scheme: light; }
.eap-portal-shell[data-eap-theme="dark"] :where(select, input, textarea),
.eap-portal-shell[data-theme="dark"] :where(select, input, textarea) { color-scheme: dark; }

/* Dynamic viewport protection for mobile browser chrome. */
.eap-plugin-scope .eap-viewport-shell { min-height: calc(100vh - var(--eap-adminbar-h, 0px)); }
@supports (height: 100dvh) {
    .eap-plugin-scope .eap-viewport-shell,
    .eap-plugin-scope .eap-viewport-shell[data-eap-role="student"] .eap-shell-inner {
        min-height: calc(100dvh - var(--eap-adminbar-h, 0px)) !important;
    }
    .eap-portal-shell .eap-search-dialog,
    .eap-portal-shell .eap-notification-drawer { max-height: calc(100dvh - 32px); }
}
.eap-portal-shell .eap-main,
.eap-portal-shell .eap-sidebar-nav { scrollbar-gutter: stable; }
html.eap-mobile-nav-open,
html.eap-modal-open { overflow: hidden; }

/* Logical-direction normalization. */
.eap-portal-shell .eap-sidebar { border-inline-end: 1px solid rgba(255,255,255,.07); }
.eap-portal-shell .eap-nav-group-toggle { text-align: start; }
.eap-portal-shell .eap-tool-overflow-panel { inset-inline-end: 0; }
[dir="rtl"] .eap-portal-shell .eap-nav-group-toggle .dashicons { transform-origin: center; }
[dir="rtl"] .eap-portal-shell .eap-tool-overflow-panel,
[dir="rtl"] .eap-portal-shell .eap-notification-drawer { direction: rtl; text-align: start; }
[dir="rtl"] .eap-portal-shell :where(.dashicons-arrow-right-alt2,.dashicons-arrow-right,.dashicons-arrow-left-alt2,.dashicons-arrow-left) { transform: scaleX(-1); }
[dir="rtl"] .eap-portal-shell .eap-tutorial-steps li { padding-inline: 48px 14px; }
[dir="rtl"] .eap-portal-shell .eap-tutorial-steps li::before { inset-inline-start: 13px; }

/* Normalize legacy light-only surfaces through the canonical portal tokens. */
.eap-portal-shell :where(
    .eap-auth-card,.eap-profile-card,.eap-profile-panel,.eap-invitation-card,.eap-gateway-card,
    .eap-panel,.eap-dashboard-card,.eap-table-card,.eap-data-card,.eap-settings-card,
    .eap-book-card,.eap-reader-card,.eap-review-card,.eap-question-card,.eap-catalog-card,
    .eap-conv-diagnostics-panel
) {
    border-color: var(--pa-border) !important;
    background: var(--pa-surface) !important;
    color: var(--pa-text) !important;
}
.eap-portal-shell :where(
    .eap-auth-card,.eap-profile-card,.eap-profile-panel,.eap-invitation-card,.eap-gateway-card,
    .eap-panel,.eap-dashboard-card,.eap-table-card,.eap-data-card,.eap-settings-card,
    .eap-book-card,.eap-reader-card,.eap-review-card,.eap-question-card,.eap-catalog-card
) :where(h1,h2,h3,h4,h5,h6,strong,label,legend) { color: var(--pa-text); }
.eap-portal-shell :where(
    .eap-auth-card,.eap-profile-card,.eap-profile-panel,.eap-invitation-card,.eap-gateway-card,
    .eap-panel,.eap-dashboard-card,.eap-table-card,.eap-data-card,.eap-settings-card,
    .eap-book-card,.eap-reader-card,.eap-review-card,.eap-question-card,.eap-catalog-card
) :where(p,small,.description,.muted,.eap-muted) { color: var(--pa-text-muted); }
.eap-portal-shell :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    border-color: var(--pa-border-strong) !important;
    background: var(--pa-surface) !important;
    color: var(--pa-text) !important;
}
.eap-portal-shell :where(input,select,textarea)::placeholder { color: var(--pa-text-muted); opacity: .82; }
.eap-portal-shell :where(table,th,td) { border-color: var(--pa-border); }
.eap-portal-shell :where(thead th) { background: var(--pa-surface-soft); color: var(--pa-text-soft); }
.eap-portal-shell :where(tbody td) { color: var(--pa-text); }

/* Dark-mode completion for legacy component classes and inline fragments. */
.eap-portal-shell[data-eap-theme="dark"] :where(.eap-form-message--success,.notice-success) { background: var(--pa-success-soft) !important; color: var(--pa-success) !important; border-color: color-mix(in srgb,var(--pa-success) 36%,var(--pa-border)) !important; }
.eap-portal-shell[data-eap-theme="dark"] :where(.eap-form-message--error,.notice-error,.eap-error) { background: var(--pa-danger-soft) !important; color: var(--pa-danger) !important; border-color: color-mix(in srgb,var(--pa-danger) 36%,var(--pa-border)) !important; }
.eap-portal-shell[data-eap-theme="dark"] :where(.notice-warning,.eap-warning) { background: var(--pa-warning-soft) !important; color: var(--pa-warning) !important; border-color: color-mix(in srgb,var(--pa-warning) 36%,var(--pa-border)) !important; }
.eap-portal-shell[data-eap-theme="dark"] [style*="background:#f7fafc"],
.eap-portal-shell[data-eap-theme="dark"] [style*="background: #f7fafc"],
.eap-portal-shell[data-eap-theme="dark"] [style*="background:#f7f9fc"],
.eap-portal-shell[data-eap-theme="dark"] [style*="background: #f7f9fc"],
.eap-portal-shell[data-eap-theme="dark"] [style*="background:#f5f8fc"],
.eap-portal-shell[data-eap-theme="dark"] [style*="background: #f5f8fc"] { background: var(--pa-surface-soft) !important; }
.eap-portal-shell[data-eap-theme="dark"] [style*="color:#172033"],
.eap-portal-shell[data-eap-theme="dark"] [style*="color: #172033"],
.eap-portal-shell[data-eap-theme="dark"] [style*="color:#475569"],
.eap-portal-shell[data-eap-theme="dark"] [style*="color: #475569"] { color: var(--pa-text) !important; }

/* Semantic OCR diagnostics control — visually identical, keyboard ready. */
.eap-plugin-scope .eap-conv-diagnostics-toggle {
    appearance: none;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    text-align: start;
    cursor: pointer;
}
.eap-plugin-scope .eap-conv-diagnostics-toggle:focus-visible { outline: 2px solid var(--pa-primary, #2563eb); outline-offset: 4px; border-radius: 5px; }

/* Tables: only simple records become mobile cards; complex tables retain safe scroll. */
.eap-portal-shell .eap-ui-table-scroll-only { width: 100%; min-width: max-content; }
.eap-portal-shell .eap-ui-table-scroll-only:is(table) { table-layout: auto; }
@media (max-width: 768px) {
    .eap-portal-shell table.eap-ui-responsive-table:not(.eap-ui-table-scroll-only) thead {
        display: table-header-group !important;
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
    .eap-portal-shell .eap-table-wrap:has(.eap-ui-table-scroll-only),
    .eap-portal-shell .table-responsive:has(.eap-ui-table-scroll-only) { overflow-x: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }

    /* Consistent 44px+ touch geometry. */
    .eap-portal-shell :where(.eap-nav-link,.eap-nav-group-toggle,.eap-tool-button,.eap-command-btn,.eap-btn,button:not(.wp-switch-editor),a.button) { min-height: 44px; }
    .eap-portal-shell .eap-tool-button { min-width: 44px; }
    .eap-portal-shell .eap-mobile-tabbar__item { min-height: 54px; min-width: 0; font-size: 11.5px; line-height: 1.15; }
    .eap-portal-shell .eap-mobile-tabbar__item > span:last-child { min-width: 0; max-width: 100%; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; text-align: center; line-height: 1.15; }

    /* A live room owns the phone control bar; the generic portal bar must disappear. */
    .eap-portal-shell.eap-ui-live-room-active .eap-mobile-tabbar { display: none !important; }
    .eap-portal-shell.eap-ui-live-room-active .eap-main { padding-bottom: 0 !important; }
}

/* Avoid hover-only movement on touch hardware. */
@media (hover: none) {
    .eap-portal-shell :where(.eap-card,.eap-nav-link,.eap-auth-role-card,.eap-btn,.eap-tool-button):hover { transform: none !important; }
}

/* More predictable clipping and long-label behavior. */
.eap-portal-shell :where(.eap-page-title,.eap-card-title,h1,h2,h3,h4,.eap-nav-label,.eap-tool-overflow__label) { overflow-wrap: anywhere; }
.eap-portal-shell :where(img,video,canvas,iframe) { max-width: 100%; }
.eap-portal-shell :where(pre,code) { max-width: 100%; overflow-wrap: anywhere; }

/* Forced-colors safety for users with OS-level contrast modes. */
@media (forced-colors: active) {
    .eap-portal-shell :where(.eap-card,.eap-panel,.eap-btn,.eap-tool-button,.eap-nav-link,.eap-mobile-tabbar,input,select,textarea) { border: 1px solid CanvasText; }
    .eap-portal-shell :where(a,button,input,select,textarea):focus-visible { outline: 2px solid Highlight !important; outline-offset: 2px; box-shadow: none !important; }
}

/* 1.6.89 UI hardening: state parity, Reader/Auth continuity and logical-direction polish. */
@media (min-width: 769px) {
    .eap-portal-shell .eap-sidebar.collapsed {
        width: 80px !important;
        min-width: 80px !important;
        max-width: 80px !important;
        flex-basis: 80px !important;
    }
    .eap-portal-shell .eap-sidebar.collapsed :where(.eap-logo-text,.eap-logo-sub,.eap-nav-label,.eap-sidebar-user-info,.eap-logout-label) {
        display: none !important;
    }
    .eap-portal-shell .eap-sidebar.collapsed :where(.eap-sidebar-logo,.eap-nav-link,.eap-sidebar-user,.eap-sidebar-logout) {
        justify-content: center !important;
    }
    .eap-portal-shell .eap-sidebar.collapsed .eap-sidebar-logo { padding-inline: 10px !important; }
    .eap-portal-shell .eap-sidebar.collapsed .eap-sidebar-nav { padding-inline: 9px !important; }
    .eap-portal-shell .eap-sidebar.collapsed .eap-nav-link { padding-inline: 0 !important; gap: 0 !important; }
    .eap-portal-shell .eap-sidebar.collapsed .eap-nav-link .dashicons { margin-inline: auto !important; }
    .eap-portal-shell .eap-sidebar.collapsed .eap-sidebar-toggle { inset-inline-end: -15px; }
}

.eap-portal-shell .eap-alert--error {
    background: var(--pa-danger-soft) !important;
    border-color: color-mix(in srgb, var(--pa-danger) 30%, var(--pa-border)) !important;
    color: var(--pa-danger) !important;
}

/* Reader: all reading surfaces consume the portal tokens rather than legacy fixed-light values. */
.eap-portal-shell :where(
    .eap-reader-hero,.eap-reader-language-card,.eap-reader-panel,.eap-reader-progress-card,
    .eap-reader-study-tools,.eap-reader-tool-workspace,.eap-reader-search-results,
    .eap-reader-saved-tools__list article,.eap-reader-teacher-notes,.eap-reader-teacher-notes article,
    .eap-reading-resume-grid article,.eap-reader-v3 .eap-practice-item,.eap-reader-v3 .eap-practice-summary article,
    .eap-reader-requirements,.eap-learning-panel,.eap-translated-sheet
) {
    background: var(--pa-surface) !important;
    border-color: var(--pa-border) !important;
    color: var(--pa-text) !important;
}
.eap-portal-shell :where(
    .eap-reader-page-stack,.eap-reader-tool-result,.eap-reader-search-list button,
    .eap-reader-study-tools__top,.eap-reader-saved-editions,.eap-learning-progress-table th
) {
    background: var(--pa-surface-soft) !important;
    border-color: var(--pa-border) !important;
    color: var(--pa-text) !important;
}
.eap-portal-shell :where(
    .eap-reader-hero p,.eap-reader-language-card p,.eap-reader-panel p,.eap-reader-panel small,
    .eap-reader-saved-tools__list p,.eap-reader-teacher-notes p,.eap-reading-resume-grid article p,
    .eap-reader-v3 .eap-practice-summary span,.eap-learning-progress-table td small,.eap-muted
) { color: var(--pa-text-muted) !important; }
.eap-portal-shell :where(
    .eap-reader-language-form select,.eap-reader-speed select,.eap-reader-search input,
    .eap-reader-tool-workspace textarea,.eap-reader-v3 .eap-practice-item textarea
) {
    background: var(--pa-surface) !important;
    border-color: var(--pa-border-strong) !important;
    color: var(--pa-text) !important;
}
.eap-portal-shell .eap-reader-tool-btn {
    background: var(--pa-surface-soft) !important;
    border-color: var(--pa-border) !important;
    color: var(--pa-text) !important;
}
.eap-portal-shell .eap-reader-tool-btn:is(:hover,:focus-visible) {
    background: var(--pa-primary-soft) !important;
    border-color: var(--pa-primary) !important;
    color: var(--pa-primary-strong) !important;
}
.eap-portal-shell .eap-reader-v3 .eap-practice-feedback.is-success {
    background: var(--pa-success-soft) !important;
    border-color: color-mix(in srgb,var(--pa-success) 30%,var(--pa-border)) !important;
    color: var(--pa-success) !important;
}
.eap-portal-shell .eap-reader-v3 .eap-practice-feedback.is-warning,
.eap-portal-shell .eap-reader-requirements span {
    background: var(--pa-warning-soft) !important;
    border-color: color-mix(in srgb,var(--pa-warning) 30%,var(--pa-border)) !important;
    color: var(--pa-warning) !important;
}
.eap-portal-shell .eap-reader-requirements span.is-met,
.eap-portal-shell .eap-reader-requirements.is-complete {
    background: var(--pa-success-soft) !important;
    border-color: color-mix(in srgb,var(--pa-success) 30%,var(--pa-border)) !important;
    color: var(--pa-success) !important;
}
.eap-portal-shell .eap-reader-requirements.is-overdue {
    background: var(--pa-danger-soft) !important;
    border-color: color-mix(in srgb,var(--pa-danger) 30%,var(--pa-border)) !important;
}
.eap-portal-shell .eap-learning-progress-table :where(th,td) { border-color: var(--pa-border) !important; }
.eap-portal-shell .eap-progress-status { background: var(--pa-surface-muted) !important; color: var(--pa-text-soft) !important; }
.eap-portal-shell .eap-progress-status.is-complete { background: var(--pa-success-soft) !important; color: var(--pa-success) !important; }
.eap-portal-shell .eap-progress-status.is-overdue { background: var(--pa-danger-soft) !important; color: var(--pa-danger) !important; }
.eap-portal-shell .eap-progress-status.is-in-progress { background: var(--pa-warning-soft) !important; color: var(--pa-warning) !important; }
.eap-portal-shell[data-eap-theme="dark"] .eap-translated-sheet [data-eap-reading-segment].is-speaking,
.eap-portal-shell[data-theme="dark"] .eap-translated-sheet [data-eap-reading-segment].is-speaking {
    background: var(--pa-primary-soft) !important;
    box-shadow: 0 0 0 5px var(--pa-primary-soft) !important;
}

/* Auth/login: visually join the portal family without changing authentication behavior. */
.eap-plugin-scope .eap-login-root {
    --pa-auth-bg: #f5f7fb;
    --pa-auth-surface: #fff;
    --pa-auth-soft: #f8fafc;
    --pa-auth-border: #dfe6ee;
    --pa-auth-text: #172033;
    --pa-auth-muted: #64748b;
    --pa-auth-primary: #2563eb;
    font-family: ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    background: var(--pa-auth-bg) !important;
    color: var(--pa-auth-text) !important;
}
.eap-plugin-scope .eap-login-root :where(.eap-auth-card,.eap-auth-role-section,.eap-auth-trust,.eap-auth-need-access) {
    background: var(--pa-auth-surface) !important;
    border-color: var(--pa-auth-border) !important;
    color: var(--pa-auth-text) !important;
}
.eap-plugin-scope .eap-login-root :where(.eap-auth-title,.eap-auth-role-title,.eap-auth-role-card-title,.eap-auth-trust-title,.eap-auth-label) { color: var(--pa-auth-text) !important; }
.eap-plugin-scope .eap-login-root :where(.eap-auth-subtitle,.eap-auth-role-subtitle,.eap-auth-role-card-copy,.eap-auth-support,.eap-auth-trust-label,.eap-auth-footer-note) { color: var(--pa-auth-muted) !important; }
.eap-plugin-scope .eap-login-root :where(.eap-auth-input,input,select,textarea) {
    background: var(--pa-auth-surface) !important;
    border-color: var(--pa-auth-border) !important;
    color: var(--pa-auth-text) !important;
}
.eap-plugin-scope .eap-login-root :where(.eap-auth-link,.eap-auth-secondary-link) { color: var(--pa-auth-primary) !important; }
@media (prefers-color-scheme: dark) {
    html:not([data-eap-theme="light"]) .eap-plugin-scope .eap-login-root {
        --pa-auth-bg: #0b1220;
        --pa-auth-surface: #121b2a;
        --pa-auth-soft: #172235;
        --pa-auth-border: #29384f;
        --pa-auth-text: #ecf2f8;
        --pa-auth-muted: #94a3b8;
        --pa-auth-primary: #60a5fa;
        color-scheme: dark;
    }
}

/* Logical-direction overrides for the remaining high-density reader/auth/tutorial surfaces. */
[dir="rtl"] .eap-portal-shell :where(.eap-reader-tool-btn,.eap-reader-search-list button,.eap-learning-progress-table th,.eap-learning-progress-table td) { text-align: start !important; }
[dir="rtl"] .eap-portal-shell .eap-reader-tool-result,
[dir="rtl"] .eap-portal-shell .eap-reader-teacher-notes article { border-inline-end: 1px solid var(--pa-border) !important; border-inline-start: 4px solid var(--pa-info) !important; }
[dir="rtl"] .eap-plugin-scope .eap-login-root :where(.eap-auth-head,.eap-auth-form,.eap-auth-role-section,.eap-auth-trust) { text-align: start; }

@media (max-width: 768px) {
    html.eap-mobile-nav-open { overflow: hidden; }
    .eap-portal-shell .eap-sidebar.mobile-open { overscroll-behavior: contain; }
}


/* 1.6.90 EXTRACTED COMPONENT DARK PARITY — keep role/page assets on portal tokens. */
.eap-portal-shell[data-eap-theme="dark"] :where(
  .eap-teacher-profile-main-card .eap-inst-profile-section,
  .eap-teacher-profile-snapshot-card,
  .eap-teacher-profile-tabs,
  .eap-teacher-pref-grid label,
  .eap-teacher-content-form input,
  .eap-teacher-content-form select,
  .eap-teacher-content-form textarea,
  .eap-teacher-action-drawer__body,
  .eap-teacher-action-section>summary,
  .eap-teacher-session-card,
  .eap-teacher-session-share__qr,
  .eap-teacher-session-link-copy,
  .eap-teacher-session-cleanup-btn,
  .eap-action-item,
  .eap-class-card,
  .eap-review-card,
  .eap-flag-card,
  .eap-ops-form,
  .eap-release-section,
  .eap-budget-card,
  .eap-conv-progress,
  .eap-conv-upload-card,
  .eap-conv-streams-card,
  .eap-conv-form-panel,
  .eap-conv-table-wrap,
  .eap-approval-item
){background:var(--pa-surface)!important;border-color:var(--pa-border)!important;color:var(--pa-text)!important}
.eap-portal-shell[data-eap-theme="dark"] :where(
  .eap-ops-summary>div,
  .eap-roster-grid label,
  .eap-checklist-grid label,
  .eap-check-row label,
  .eap-review-preview>div,
  .eap-ops-empty,
  .eap-guardian-metric,
  .eap-conv-page-selection,
  .eap-conv-ocr-row,
  .eap-conv-flow-note,
  .eap-conv-rights-box,
  .eap-conv-empty-state,
  .eap-conv-table thead th,
  .eap-approval-meta span,
  .eap-teacher-picker-empty,
  .eap-teacher-library-blocked-action
){background:var(--pa-surface-soft)!important;border-color:var(--pa-border)!important;color:var(--pa-text)!important}
.eap-portal-shell[data-eap-theme="dark"] :where(
  .eap-teacher-profile-main-card .eap-inst-profile-summary-title,
  .eap-teacher-profile-form .eap-inst-profile-section-title,
  .eap-teacher-profile-form label,
  .eap-teacher-profile-snapshot dd,
  .eap-teacher-content-form label,
  .eap-teacher-session-card__title,
  .eap-teacher-session-share strong,
  .eap-ops-summary strong,
  .eap-ops-form summary,
  .eap-class-card summary,
  .eap-conv-page-title,
  .eap-conv-card-header h2,
  .eap-conv-card-header .eap-card-title,
  .eap-conv-panel-head h4,
  .eap-conv-check strong,
  .eap-conv-rights-box h4,
  .eap-conv-empty-state strong
){color:var(--pa-text)!important}
.eap-portal-shell[data-eap-theme="dark"] :where(
  .eap-teacher-profile-main-card .eap-inst-profile-summary-description,
  .eap-teacher-profile-snapshot dt,
  .eap-teacher-content-form small,
  .eap-teacher-session-card__meta,
  .eap-teacher-session-card__time,
  .eap-action-item p,
  .eap-class-card p,
  .eap-review-card p,
  .eap-flag-card p,
  .eap-ops-footnote,
  .eap-conv-page-subtitle,
  .eap-conv-card-header p,
  .eap-conv-panel-head p,
  .eap-conv-field-help,
  .eap-conv-check small,
  .eap-conv-rights-box p,
  .eap-conv-job-status small
){color:var(--pa-text-muted)!important}
.eap-portal-shell[data-eap-theme="dark"] :where(
  .eap-teacher-profile-form input,
  .eap-teacher-profile-form select,
  .eap-teacher-profile-form textarea,
  .eap-teacher-content-form input,
  .eap-teacher-content-form select,
  .eap-teacher-content-form textarea,
  .eap-teacher-session-start-form input,
  .eap-teacher-session-start-form select,
  .eap-conv-upload-card input,
  .eap-conv-upload-card select,
  .eap-conv-upload-card textarea
){background:var(--pa-surface-soft)!important;border-color:var(--pa-border)!important;color:var(--pa-text)!important}

/* 1.6.90 CONTENT LIBRARY DARK PARITY */
.eap-portal-shell[data-eap-theme="dark"] :where(.eap-cl-card-author,.eap-cl-card-meta,.eap-cl-language-note,.eap-cl-reading-time,.eap-cl-muted-italic){color:var(--pa-text-muted)!important}
.eap-portal-shell[data-eap-theme="dark"] :where(.eap-cl-toc-pill,.eap-cl-reader-summary-box,.eap-cl-concept-callout,.eap-latex-box){background:var(--pa-surface-soft)!important;border-color:var(--pa-border)!important;color:var(--pa-text)!important}
.eap-portal-shell[data-eap-theme="dark"] .eap-cl-formula-callout{background:color-mix(in srgb,var(--pa-success) 12%,var(--pa-surface))!important;border-color:color-mix(in srgb,var(--pa-success) 35%,var(--pa-border))!important}
.eap-portal-shell[data-eap-theme="dark"] :where(.eap-cl-formula-title,.eap-cl-formula-copy){color:color-mix(in srgb,var(--pa-success) 74%,white)!important}


/* 1.6.92.0 frontend type/touch freeze — presentation only */
.eap-plugin-scope,.eap-portal-shell{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.eap-plugin-scope button,.eap-plugin-scope input,.eap-plugin-scope select,.eap-plugin-scope textarea{font-family:inherit}
@media (max-width:768px){
  .eap-plugin-scope button:not(.eap-icon-only),.eap-plugin-scope .eap-btn,.eap-plugin-scope input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.eap-plugin-scope select{min-height:44px}
}


/* 1.6.92.0 UI-freeze edge-state hardening — presentation only. */
.eap-portal-shell .eap-btn--fit{width:max-content!important;max-width:100%}
.eap-portal-shell :where(.eap-btn,.pa-button,button,input[type="submit"],input[type="button"]){overflow-wrap:anywhere}
.eap-portal-shell :where(.eap-card,.eap-widget,.eap-panel,.eap-table-scroll,.eap-topbar,.eap-sidebar){min-width:0}
.eap-portal-shell :where(.eap-card-title,h1,h2,h3,h4,.eap-page-title,.eap-user-chip-name,.eap-sidebar-user-name){overflow-wrap:anywhere}
.eap-portal-shell .eap-table-scroll{overscroll-behavior-inline:contain;scrollbar-gutter:stable}
.eap-portal-shell :where(input,select,textarea,button,.eap-btn,a.eap-btn):disabled{cursor:not-allowed;opacity:.66}
.eap-portal-shell :where(.eap-btn,.pa-button,button):focus-visible{outline:2px solid var(--pa-primary,#2563eb);outline-offset:2px}
.eap-portal-shell .eap-empty-state:empty{display:none}
@media(max-width:430px){
  .eap-portal-shell .eap-content{padding-inline:14px}
  .eap-portal-shell :where(.eap-inline-actions,.eap-card-actions,.eap-toolbar-actions){gap:8px}
  .eap-portal-shell :where(.eap-inline-actions,.eap-card-actions,.eap-toolbar-actions)>.eap-btn{max-width:100%}
}
@media(forced-colors:active){
  .eap-portal-shell :where(.eap-btn,.pa-button,button,input,select,textarea){forced-color-adjust:auto}
}

/* Static inline-style consolidation utilities (1.6.92.0). */
.eap-portal-shell .eap-form-spaced{margin-top:8px}
.eap-portal-shell .eap-field-compact{max-width:220px}
.eap-portal-shell .eap-field-gap-bottom{margin-bottom:6px}
.eap-portal-shell .eap-field-gap-top{margin-top:8px}
.eap-portal-shell .eap-form-actions-spaced{margin-top:8px}

/* Shared widget utility classes used by frontend dashboard renderers. */
.eap-portal-shell .eap-kpi-value--compact{font-size:16px}
.eap-portal-shell .eap-text-muted{color:var(--pa-text-muted,#64748b)}
.eap-portal-shell .eap-field-full{width:100%}
.eap-portal-shell .eap-auth-message-card{max-width:480px;margin:40px auto;text-align:center}
.eap-portal-shell .eap-auth-message-card--wide{max-width:520px}

/* 1.6.92.0 final secondary-surface polish — presentation only. */
.eap-plugin-scope .els-card{
  margin:0 0 18px;padding:20px;border:1px solid var(--pa-border,#dbe5f0);border-radius:var(--pa-radius-card,14px);
  background:var(--pa-surface,#fff);color:var(--pa-text,#0f172a);box-shadow:0 8px 24px rgba(15,23,42,.05)
}
.eap-plugin-scope .els-card :where(h2,h3){margin-top:0;color:var(--pa-text,#0f172a);font-weight:750;letter-spacing:-.01em}
.eap-plugin-scope .els-card p{color:var(--pa-text-muted,#64748b);line-height:1.6}
.eap-plugin-scope .els-card :where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--pa-primary,#2563eb);outline-offset:2px}
.eap-portal-shell[data-eap-theme="dark"] .els-card,
.eap-portal-shell[data-theme="dark"] .els-card,
.eap-plugin-scope:has(.eap-portal-shell[data-eap-theme="dark"]) .els-card,
.eap-plugin-scope:has(.eap-portal-shell[data-theme="dark"]) .els-card{
  background:var(--pa-surface,#121b2a);border-color:var(--pa-border,#29384f);color:var(--pa-text,#ecf2f8);box-shadow:none
}
.eap-portal-shell .eap-conv-approval-note{font-size:12px!important;line-height:1.45!important}
.eap-portal-shell .eap-conv-progress-status,.eap-portal-shell .eap-conv-progress-note,.eap-portal-shell .eap-conv-job-status small{font-size:12px!important;line-height:1.45!important}
@media(max-width:768px){.eap-plugin-scope .els-card{padding:16px}}

/* 1.6.92.0 remaining active frontend contrast corrections. */
.eap-plugin-scope .eap-peer-chat-unread{background:#b91c1c!important;color:#fff!important}
.eap-plugin-scope .eap-portal-shell .eap-btn-danger,.eap-plugin-scope .eap-btn-danger{background:#b91c1c!important;border-color:#b91c1c!important;color:#fff!important}
.eap-plugin-scope .eap-portal-shell .eap-btn-danger:hover,.eap-plugin-scope .eap-btn-danger:hover{background:#991b1b!important;border-color:#991b1b!important;color:#fff!important}
.eap-plugin-scope .eap-legal-toc-list a:hover,.eap-plugin-scope .eap-legal-toc-list a:focus-visible{background:#e0f2fe!important;color:#0369a1!important}
.eap-plugin-scope .eap-legal-section code{color:#0369a1!important}

/* Restrict animation to visual properties; avoid layout-affecting transition:all. */
.eap-plugin-scope .eap-cl-tab,.eap-plugin-scope .eap-tab-btn{transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease!important}
.eap-plugin-scope .eap-transcript-row{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important}

/* 1.6.93.1 lifecycle, privacy, notification and search hardening. */
.eap-portal-shell .eap-account-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}
.eap-portal-shell .eap-account-summary-card{min-width:0;padding:16px;border:1px solid var(--pa-border,#dbe5f0);border-radius:14px;background:var(--pa-surface,#fff)}
.eap-portal-shell .eap-account-summary-card strong{display:block;margin-bottom:5px;color:var(--pa-text,#0f172a)}
.eap-portal-shell .eap-account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.eap-portal-shell .eap-account-form-grid .eap-field-full{grid-column:1/-1}
.eap-portal-shell .eap-account-toggle{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--pa-border,#e2e8f0)}
.eap-portal-shell .eap-account-toggle:last-child{border-bottom:0}
.eap-portal-shell .eap-account-toggle input{flex:0 0 auto;margin-top:3px}
.eap-portal-shell .eap-account-security-status{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:10px 0 16px}
.eap-portal-shell .eap-notification-centre-list{display:grid;gap:12px}
.eap-portal-shell .eap-notification-centre-item{padding:16px;border:1px solid var(--pa-border,#dbe5f0);border-radius:14px;background:var(--pa-surface,#fff)}
.eap-portal-shell .eap-notification-centre-item.is-unread{border-inline-start:4px solid var(--pa-primary,#2563eb)}
.eap-portal-shell .eap-notification-centre-type{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--pa-text-muted,#64748b)}
.eap-portal-shell .eap-notification-centre-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.eap-portal-shell .eap-notification-empty{padding:18px 14px;text-align:center;color:var(--pa-text-muted,#64748b)}
.eap-portal-shell .eap-notification-suggestions{margin-top:10px;padding-top:10px;border-top:1px solid var(--pa-border,#e2e8f0)}
.eap-portal-shell .eap-notification-suggestions-title{padding:5px 12px;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:var(--pa-text-muted,#64748b)}
.eap-portal-shell .eap-notification-view-all{display:block;margin-top:8px;padding:10px 12px;border-top:1px solid var(--pa-border,#e2e8f0);font-weight:700;text-align:center}
.eap-portal-shell .eap-search-static-results:empty,.eap-portal-shell .eap-search-global-results:empty{display:none}
.eap-portal-shell .eap-search-global-results:not(:empty){border-top:1px solid var(--pa-border,#e2e8f0);padding-top:5px;margin-top:5px}
.eap-portal-shell .eap-governance-privacy-requests{display:grid;gap:12px;margin-top:14px}
.eap-portal-shell .eap-governance-privacy-request{padding:14px;border:1px solid var(--pa-border,#dbe5f0);border-radius:12px;background:var(--pa-surface,#fff)}
.eap-portal-shell .eap-inline-action-form{display:inline-flex;margin:4px 6px 0 0}
@media(max-width:820px){
  .eap-portal-shell .eap-account-summary-grid{grid-template-columns:1fr}
  .eap-portal-shell .eap-account-form-grid{grid-template-columns:1fr}
  .eap-portal-shell .eap-account-form-grid .eap-field-full{grid-column:auto}
}
@media(forced-colors:active){
  .eap-portal-shell .eap-notification-centre-item.is-unread{border-inline-start-width:4px}
}
/* Release 1.6.93.23 — portal form + language catalog hardening. */
.eap-plugin-scope .eap-product-form .eap-form-span-all{grid-column:1/-1!important}
.eap-plugin-scope .eap-product-form [hidden]{display:none!important}
.eap-plugin-scope .eap-product-form [data-eap-audience-users] select[multiple]{min-height:150px}
.eap-plugin-scope .eap-lang-catalog-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,240px) auto auto minmax(120px,1fr);gap:10px;align-items:center;margin:18px 0;padding:12px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
.eap-plugin-scope .eap-lang-catalog-toolbar label{margin:0}
.eap-plugin-scope .eap-lang-catalog-toolbar input[type=search],.eap-plugin-scope .eap-lang-catalog-toolbar select{width:100%;min-height:40px;margin:0}
.eap-plugin-scope .eap-lang-filter-count{justify-self:end;color:#64748b;font-size:12px;font-weight:600}
.eap-plugin-scope .eap-lang-pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;margin:16px 0 0}
.eap-plugin-scope .eap-lang-pagination .button{min-width:36px;text-align:center}
.eap-plugin-scope .eap-lang-pagination .button.is-current{background:#2563eb;border-color:#2563eb;color:#fff;pointer-events:none}
.eap-plugin-scope .eap-lang-table-module__header{display:flex;gap:16px;justify-content:space-between;align-items:flex-end}
.eap-plugin-scope .eap-lang-table-count{white-space:nowrap;color:#64748b;font-size:12px;font-weight:600}
.eap-plugin-scope .eap-lang-table--professional td,.eap-plugin-scope .eap-lang-table--professional th{vertical-align:middle}
@media(max-width:1000px){.eap-plugin-scope .eap-lang-catalog-toolbar{grid-template-columns:1fr 1fr auto auto}.eap-plugin-scope .eap-lang-filter-count{grid-column:1/-1;justify-self:start}}
@media(max-width:620px){.eap-plugin-scope .eap-product-form .eap-form-span-all{grid-column:auto!important}.eap-plugin-scope .eap-lang-catalog-toolbar{grid-template-columns:1fr}.eap-plugin-scope .eap-lang-filter-count{grid-column:auto}.eap-plugin-scope .eap-lang-table-module__header{align-items:flex-start;flex-direction:column}.eap-plugin-scope .eap-lang-table--professional thead{display:none}.eap-plugin-scope .eap-lang-table--professional,.eap-plugin-scope .eap-lang-table--professional tbody,.eap-plugin-scope .eap-lang-table--professional tr,.eap-plugin-scope .eap-lang-table--professional td{display:block;width:100%}.eap-plugin-scope .eap-lang-table--professional tr{padding:12px;border-bottom:1px solid #e2e8f0}.eap-plugin-scope .eap-lang-table--professional td{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:7px 0;border:0}.eap-plugin-scope .eap-lang-table--professional td::before{content:attr(data-label);font-size:12px;font-weight:700;color:#64748b}.eap-plugin-scope .eap-lang-pagination{justify-content:flex-start}}

/*! Perfect Aptitude Portal UI v3 — 1.6.93.27
 * Shared SaaS role-dashboard presentation. The v3 marker isolates the signed
 * portal shell from legacy/public EAP surfaces while preserving feature CSS.
 */
.eap-plugin-scope [data-eap-ui="3"]{
  --eap-ui-bg:#f4f7fb;--eap-ui-surface:#fff;--eap-ui-surface-soft:#f8fafc;
  --eap-ui-border:#e2e8f0;--eap-ui-border-strong:#cbd5e1;--eap-ui-text:#0f172a;
  --eap-ui-muted:#64748b;--eap-ui-soft:#eef4ff;--eap-ui-primary:var(--pa-primary,#2563eb);
  --eap-ui-radius:14px;--eap-ui-shadow:0 8px 24px rgba(15,23,42,.055);
  --eap-ui-shadow-hover:0 12px 32px rgba(15,23,42,.085);
  background:var(--eap-ui-bg);color:var(--eap-ui-text);font-size:14px;line-height:1.5;
}
.eap-plugin-scope [data-eap-ui="3"] .eap-shell-inner{background:var(--eap-ui-bg)}
.eap-plugin-scope [data-eap-ui="3"] .eap-sidebar{width:244px;background:#fff;border-right:1px solid var(--eap-ui-border);box-shadow:none}
.eap-plugin-scope [data-eap-ui="3"] .eap-sidebar-top{min-height:82px;border-bottom:1px solid #eef2f7}
.eap-plugin-scope [data-eap-ui="3"] .eap-sidebar-nav{padding:14px 12px 18px;overflow-y:auto;scrollbar-width:thin}
.eap-plugin-scope [data-eap-ui="3"] .eap-nav-group{margin:0 0 8px}
.eap-plugin-scope [data-eap-ui="3"] .eap-nav-group-toggle{min-height:30px;padding:4px 9px;color:#94a3b8;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.eap-plugin-scope [data-eap-ui="3"] .eap-nav-link{min-height:39px;margin:2px 0;padding:8px 10px;border-radius:10px;color:#475569;font-weight:600;gap:10px}
.eap-plugin-scope [data-eap-ui="3"] .eap-nav-link:hover{background:#f8fafc;color:#0f172a}
.eap-plugin-scope [data-eap-ui="3"] .eap-nav-link.active{background:#eef4ff;color:#1d4ed8;box-shadow:inset 3px 0 0 var(--eap-ui-primary)}
.eap-plugin-scope [data-eap-ui="3"] .eap-sidebar-footer{background:#fff;border-top:1px solid #eef2f7;padding:12px}
.eap-plugin-scope [data-eap-ui="3"] .eap-main{min-width:0;background:var(--eap-ui-bg)}
.eap-plugin-scope [data-eap-ui="3"] .eap-topbar{min-height:108px;padding:20px clamp(20px,3vw,40px);background:#f8fbff;border-bottom:1px solid #eaf0f7;box-shadow:none}
.eap-plugin-scope [data-eap-ui="3"] .eap-topbar-left{max-width:760px}
.eap-plugin-scope [data-eap-ui="3"] .eap-page-title{font-size:clamp(28px,2.2vw,38px);line-height:1.06;letter-spacing:-.035em;margin:5px 0 6px;background:transparent;box-shadow:none;padding:0}
.eap-plugin-scope [data-eap-ui="3"] .eap-page-subtitle{max-width:760px;color:var(--eap-ui-muted);font-size:13px}
.eap-plugin-scope [data-eap-ui="3"] .eap-context-badge,.eap-plugin-scope [data-eap-ui="3"] .eap-role-badge{min-height:24px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.07em}
.eap-plugin-scope [data-eap-ui="3"] .eap-topbar-actions{gap:8px}
.eap-plugin-scope [data-eap-ui="3"] .eap-topbar-search,.eap-plugin-scope [data-eap-ui="3"] .eap-topbar-icon-btn,.eap-plugin-scope [data-eap-ui="3"] .eap-user-menu-toggle,.eap-plugin-scope [data-eap-ui="3"] .eap-service-heartbeat{min-height:40px;border-color:#e5ebf3;box-shadow:0 2px 8px rgba(15,23,42,.025)}
.eap-plugin-scope [data-eap-ui="3"] .eap-command-strip{min-height:68px;margin:0;padding:11px clamp(20px,3vw,40px);background:linear-gradient(90deg,#f6f9ff 0%,#fff 55%,#f3fff9 100%);border-bottom:1px solid #e8eef6;box-shadow:none}
.eap-plugin-scope [data-eap-ui="3"] .eap-command-strip__copy{gap:1px}
.eap-plugin-scope [data-eap-ui="3"] .eap-command-strip__eyebrow{font-size:12px;letter-spacing:.09em}
.eap-plugin-scope [data-eap-ui="3"] .eap-command-strip__copy strong{font-size:13px;color:#1e293b}
.eap-plugin-scope [data-eap-ui="3"] .eap-command-btn{min-height:38px;padding:7px 13px;border-radius:9px;border:1px solid #e2e8f0;background:#fff;box-shadow:none;font-size:12px;font-weight:700}
.eap-plugin-scope [data-eap-ui="3"] .eap-command-btn--primary{background:var(--eap-ui-primary);border-color:var(--eap-ui-primary);color:#fff}
.eap-plugin-scope [data-eap-ui="3"] .eap-content{padding:24px clamp(20px,3vw,40px) 48px;max-width:1480px;width:100%;margin:0 auto}
.eap-plugin-scope [data-eap-ui="3"] .eap-dashboard-grid{gap:18px;align-items:start}
.eap-plugin-scope [data-eap-ui="3"] .eap-card,.eap-plugin-scope [data-eap-ui="3"] .eap-dashboard-card,.eap-plugin-scope [data-eap-ui="3"] .eap-widget-card{border:1px solid var(--eap-ui-border);border-radius:var(--eap-ui-radius);background:var(--eap-ui-surface);box-shadow:var(--eap-ui-shadow);overflow:hidden}
.eap-plugin-scope [data-eap-ui="3"] .eap-card:hover,.eap-plugin-scope [data-eap-ui="3"] .eap-dashboard-card:hover{box-shadow:var(--eap-ui-shadow-hover)}
.eap-plugin-scope [data-eap-ui="3"] .eap-card-header,.eap-plugin-scope [data-eap-ui="3"] .eap-widget-header{padding:18px 20px 12px;border-bottom:1px solid #edf2f7;background:#fff}
.eap-plugin-scope [data-eap-ui="3"] .eap-card-title,.eap-plugin-scope [data-eap-ui="3"] .eap-widget-title{font-size:15px;color:#2563eb;font-weight:750;letter-spacing:0}
.eap-plugin-scope [data-eap-ui="3"] .eap-card-body,.eap-plugin-scope [data-eap-ui="3"] .eap-widget-body{padding:20px}
.eap-plugin-scope [data-eap-ui="3"] .eap-empty-state{min-height:0;padding:32px 24px;border:1px dashed #dbe4ef;border-radius:12px;background:#f8fafc;color:var(--eap-ui-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}
.eap-plugin-scope [data-eap-ui="3"] .eap-empty-state strong{font-size:14px;color:#0f172a}
.eap-plugin-scope [data-eap-ui="3"] .eap-empty-state p{max-width:560px;margin:0 auto 5px;color:#64748b}
.eap-plugin-scope [data-eap-ui="3"] .eap-btn,.eap-plugin-scope [data-eap-ui="3"] button.eap-btn{min-height:38px;padding:8px 14px;border-radius:9px;font-weight:700;box-shadow:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.eap-plugin-scope [data-eap-ui="3"] .eap-btn:hover{transform:translateY(-1px)}
.eap-plugin-scope [data-eap-ui="3"] input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.eap-plugin-scope [data-eap-ui="3"] select,.eap-plugin-scope [data-eap-ui="3"] textarea{border:1px solid #dbe4ef;border-radius:9px;background:#fff;color:#0f172a;box-shadow:none;font:inherit}
.eap-plugin-scope [data-eap-ui="3"] input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.eap-plugin-scope [data-eap-ui="3"] select{min-height:42px;padding:8px 11px}
.eap-plugin-scope [data-eap-ui="3"] textarea{padding:10px 11px}
.eap-plugin-scope [data-eap-ui="3"] label{color:#334155;font-size:12px;font-weight:700}
.eap-plugin-scope [data-eap-ui="3"] .eap-admin-form,.eap-plugin-scope [data-eap-ui="3"] .eap-product-form{gap:14px}
.eap-plugin-scope [data-eap-ui="3"] .eap-product-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.eap-plugin-scope [data-eap-ui="3"] .eap-product-form .eap-form-span-all{grid-column:1/-1}
.eap-plugin-scope [data-eap-ui="3"] .eap-table-responsive{border:1px solid #e5ebf3;border-radius:11px;overflow:auto}
.eap-plugin-scope [data-eap-ui="3"] .eap-table{border-collapse:separate;border-spacing:0;width:100%;background:#fff}
.eap-plugin-scope [data-eap-ui="3"] .eap-table th{padding:10px 12px;background:#f8fafc;color:#64748b;font-size:12px;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid #e5ebf3}
.eap-plugin-scope [data-eap-ui="3"] .eap-table td{padding:11px 12px;border-bottom:1px solid #eef2f7;vertical-align:middle}
.eap-plugin-scope [data-eap-ui="3"] .eap-table tr:last-child td{border-bottom:0}
.eap-plugin-scope [data-eap-ui="3"] .eap-table tbody tr:hover{background:#fbfdff}
/* Student question/support */
.eap-plugin-scope [data-eap-ui="3"] .eap-context-tip{display:flex;gap:11px;padding:13px 14px;margin:0 0 16px;border:1px solid #dbeafe;border-radius:11px;background:#f4f8ff;color:#334155}
.eap-plugin-scope [data-eap-ui="3"] .eap-context-tip .dashicons{color:#2563eb;margin-top:1px}
.eap-plugin-scope [data-eap-ui="3"] .eap-context-tip strong{display:block;margin-bottom:2px;color:#0f172a}
.eap-plugin-scope [data-eap-ui="3"] .eap-context-tip p{margin:0;font-size:12px;color:#64748b}
.eap-plugin-scope [data-eap-ui="3"] .eap-student-help-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.eap-plugin-scope [data-eap-ui="3"] .eap-student-help-block{padding:14px;border:1px solid #e5ebf3;border-radius:11px;background:#fff;box-shadow:none}
.eap-plugin-scope [data-eap-ui="3"] .eap-student-help-block h4{margin:0 0 5px;font-size:13px}
.eap-plugin-scope [data-eap-ui="3"] .eap-student-help-block p{margin:0;color:#64748b;font-size:12px}
.eap-plugin-scope [data-eap-ui="3"] .eap-support-ticket-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:14px;border:1px solid #bfdbfe;border-radius:11px;background:#eff6ff}
.eap-plugin-scope [data-eap-ui="3"] .eap-support-ticket-cta p{margin:2px 0 0;color:#64748b;font-size:12px}
.eap-plugin-scope [data-eap-ui="3"] .eap-student-help-contact__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.eap-plugin-scope [data-eap-ui="3"] .eap-student-help-contact-card{padding:13px;border:1px solid #e5ebf3;border-radius:10px;box-shadow:none}
/* Student content library */
.eap-plugin-scope [data-eap-ui="3"] .eap-student-stack{display:grid;gap:11px}
.eap-plugin-scope [data-eap-ui="3"] .eap-student-content-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 15px;border:1px solid #e5ebf3;border-radius:12px;background:#fff;box-shadow:none}
.eap-plugin-scope [data-eap-ui="3"] .eap-learning-material-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#eff6ff;color:#2563eb;font-size:20px}
.eap-plugin-scope [data-eap-ui="3"] .eap-student-content-meta strong{display:block;font-size:14px;color:#0f172a}
.eap-plugin-scope [data-eap-ui="3"] .eap-student-content-meta p{margin:3px 0 0;color:#64748b;font-size:12px}
.eap-plugin-scope [data-eap-ui="3"] .eap-student-worksheet-form{grid-column:2/-1}
/* Reader */
.eap-plugin-scope [data-eap-ui="3"] .eap-reader-study-tools{padding:16px;border:1px solid #e5ebf3;border-radius:13px;background:#fff;box-shadow:var(--eap-ui-shadow)}
.eap-plugin-scope [data-eap-ui="3"] .eap-reader-study-tools__top{gap:16px;align-items:flex-start}
.eap-plugin-scope [data-eap-ui="3"] .eap-reader-study-tools__top h3{font-size:16px;margin:1px 0}
.eap-plugin-scope [data-eap-ui="3"] .eap-reader-study-tools__top p{font-size:12px;margin:0;color:#64748b}
.eap-plugin-scope [data-eap-ui="3"] .eap-reader-action-grid--primary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.eap-plugin-scope [data-eap-ui="3"] .eap-reader-tool-btn{min-height:42px;padding:7px 9px;border:1px solid #dbe4ef;border-radius:9px;background:#fff;color:#334155;box-shadow:none;font-size:12px}
.eap-plugin-scope [data-eap-ui="3"] .eap-reader-tool-btn:hover{border-color:#93c5fd;background:#f8fbff;color:#1d4ed8}
.eap-plugin-scope [data-eap-ui="3"] .eap-reader-more-tools{margin-top:10px;border-top:1px solid #eef2f7;padding-top:10px}
.eap-plugin-scope [data-eap-ui="3"] .eap-reader-more-tools>summary{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:#475569;font-size:12px;font-weight:750;list-style:none}
.eap-plugin-scope [data-eap-ui="3"] .eap-reader-more-tools>summary::-webkit-details-marker{display:none}
.eap-plugin-scope [data-eap-ui="3"] .eap-reader-action-grid--secondary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px}
.eap-plugin-scope [data-eap-ui="3"] .eap-reader-panel{border-radius:13px}
/* Teacher session records */
.eap-plugin-scope [data-eap-ui="3"] details.eap-session-record{padding:0;border:1px solid #e5ebf3;border-radius:12px;background:#fff;box-shadow:none;overflow:hidden}
.eap-plugin-scope [data-eap-ui="3"] details.eap-session-record>summary{list-style:none;cursor:pointer;padding:13px 15px;background:#fff;border:0;display:flex;align-items:center;gap:10px}
.eap-plugin-scope [data-eap-ui="3"] details.eap-session-record>summary::-webkit-details-marker{display:none}
.eap-plugin-scope [data-eap-ui="3"] .eap-session-record__chevron{margin-left:auto;color:#94a3b8;transition:transform .18s ease}
.eap-plugin-scope [data-eap-ui="3"] details.eap-session-record[open] .eap-session-record__chevron{transform:rotate(180deg)}
.eap-plugin-scope [data-eap-ui="3"] .eap-session-record__body{padding:13px 15px 15px;border-top:1px solid #eef2f7;background:#fcfdff}
.eap-plugin-scope [data-eap-ui="3"] .eap-teacher-performance--summary,.eap-plugin-scope [data-eap-ui="3"] .eap-teacher-performance--mcq{margin-top:12px;padding:12px 13px;border:1px solid #dbeafe;border-radius:10px;background:#f4f8ff;color:#334155}
.eap-plugin-scope [data-eap-ui="3"] .eap-teacher-performance-title{display:block;margin-bottom:3px;color:#1e3a8a;font-size:12px}
.eap-plugin-scope [data-eap-ui="3"] .eap-teacher-performance-copy{margin:0;color:#475569;font-size:12px}
/* Guided support incident form */
.eap-plugin-scope [data-eap-ui="3"] .eap-support-form-intro{margin:0 0 16px;padding:14px;border:1px solid #dbeafe;border-radius:11px;background:#f8fbff}
.eap-plugin-scope [data-eap-ui="3"] .eap-support-form-intro strong{display:block;font-size:14px}
.eap-plugin-scope [data-eap-ui="3"] .eap-support-form-intro p{margin:3px 0 0;color:#64748b;font-size:12px}
.eap-plugin-scope [data-eap-ui="3"] .eap-support-field{display:flex;flex-direction:column;gap:5px;margin:0}
.eap-plugin-scope [data-eap-ui="3"] .eap-support-field small{float:right;color:#94a3b8;font-weight:600}
.eap-plugin-scope [data-eap-ui="3"] .eap-support-form-actions{display:flex;justify-content:flex-end}
/* Language Packs frontend renderer */
.eap-plugin-scope [data-eap-ui="3"] .eap-lang-portal-wrap{font:inherit;color:#0f172a}
.eap-plugin-scope [data-eap-ui="3"] .eap-lang-portal-wrap .eap-lang-page-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.eap-plugin-scope [data-eap-ui="3"] .eap-lang-portal-wrap .eap-lang-kpi{padding:13px;border:1px solid #e5ebf3;border-radius:10px;background:#fff;box-shadow:none}
.eap-plugin-scope [data-eap-ui="3"] .eap-lang-portal-wrap .eap-lang-kpi span{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.06em}
.eap-plugin-scope [data-eap-ui="3"] .eap-lang-portal-wrap .eap-lang-kpi strong{display:block;font-size:19px;color:#0f172a}
.eap-plugin-scope [data-eap-ui="3"] .eap-lang-portal-wrap .eap-lang-kpi small{color:#64748b}
.eap-plugin-scope [data-eap-ui="3"] .eap-lang-portal-wrap .eap-lang-table-wrap{overflow:auto;border:1px solid #e5ebf3;border-radius:11px}
.eap-plugin-scope [data-eap-ui="3"] .eap-lang-portal-wrap .eap-lang-table{width:100%;border-collapse:collapse;background:#fff}
.eap-plugin-scope [data-eap-ui="3"] .eap-lang-portal-wrap .eap-lang-table th{padding:10px 12px;background:#f8fafc;color:#64748b;font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-align:left}
.eap-plugin-scope [data-eap-ui="3"] .eap-lang-portal-wrap .eap-lang-table td{padding:12px;border-top:1px solid #eef2f7;vertical-align:middle}
.eap-plugin-scope [data-eap-ui="3"] .eap-lang-portal-wrap .eap-lang-identity strong{display:block}
.eap-plugin-scope [data-eap-ui="3"] .eap-lang-portal-wrap .eap-lang-identity code{padding:2px 5px;border-radius:5px;background:#f1f5f9;color:#475569}
.eap-plugin-scope [data-eap-ui="3"] .eap-lang-capabilities{display:flex;flex-wrap:wrap;gap:5px}
.eap-plugin-scope [data-eap-ui="3"] .eap-lang-capability{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid #dbe4ef;border-radius:999px;background:#f8fafc;font-size:12px;color:#475569}
.eap-plugin-scope [data-eap-ui="3"] .eap-lang-capability.is-unavailable{opacity:.45}
.eap-plugin-scope [data-eap-ui="3"] .eap-lang-manage-menu>summary.button,.eap-plugin-scope [data-eap-ui="3"] .eap-lang-actions .button{border-radius:8px;min-height:34px;padding:5px 10px}
/* Operational pages: prevent giant blank canvases and over-wide controls. */
.eap-plugin-scope [data-eap-ui="3"] .eap-teacher-stack,.eap-plugin-scope [data-eap-ui="3"] .eap-student-stack{gap:10px}
.eap-plugin-scope [data-eap-ui="3"] .eap-teacher-guided-empty{margin-top:10px}
.eap-plugin-scope [data-eap-ui="3"] .eap-stat-card,.eap-plugin-scope [data-eap-ui="3"] .eap-metric-card{border:1px solid #e5ebf3;border-radius:11px;background:#f8fafc;box-shadow:none}
.eap-plugin-scope [data-eap-ui="3"] .eap-alert{border-radius:10px}
.eap-plugin-scope [data-eap-ui="3"] [class*="eap-col-"]{min-width:0}
@media(max-width:1100px){
 .eap-plugin-scope [data-eap-ui="3"] .eap-reader-action-grid--primary{grid-template-columns:repeat(3,minmax(0,1fr))}
 .eap-plugin-scope [data-eap-ui="3"] .eap-reader-action-grid--secondary{grid-template-columns:repeat(3,minmax(0,1fr))}
 .eap-plugin-scope [data-eap-ui="3"] .eap-student-help-blocks{grid-template-columns:1fr}
}
@media(max-width:900px){
 .eap-plugin-scope [data-eap-ui="3"] .eap-sidebar{width:220px}
 .eap-plugin-scope [data-eap-ui="3"] .eap-command-strip{align-items:flex-start;gap:10px}
 .eap-plugin-scope [data-eap-ui="3"] .eap-command-strip__actions{flex-wrap:wrap}
 .eap-plugin-scope [data-eap-ui="3"] .eap-product-form{grid-template-columns:1fr}
 .eap-plugin-scope [data-eap-ui="3"] .eap-product-form .eap-form-span-all{grid-column:auto}
 .eap-plugin-scope [data-eap-ui="3"] .eap-student-content-row{grid-template-columns:42px minmax(0,1fr)}
 .eap-plugin-scope [data-eap-ui="3"] .eap-student-content-row>.eap-btn{grid-column:2;justify-self:start}
 .eap-plugin-scope [data-eap-ui="3"] .eap-student-worksheet-form{grid-column:1/-1}
}
@media(max-width:720px){
 .eap-plugin-scope [data-eap-ui="3"] .eap-topbar{min-height:auto;padding:14px 16px}
 .eap-plugin-scope [data-eap-ui="3"] .eap-page-title{font-size:27px}
 .eap-plugin-scope [data-eap-ui="3"] .eap-content{padding:16px 14px 36px}
 .eap-plugin-scope [data-eap-ui="3"] .eap-command-strip{padding:10px 14px}
 .eap-plugin-scope [data-eap-ui="3"] .eap-command-strip__copy{display:none}
 .eap-plugin-scope [data-eap-ui="3"] .eap-command-strip__actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .eap-plugin-scope [data-eap-ui="3"] .eap-command-btn{justify-content:center;padding:7px 8px}
 .eap-plugin-scope [data-eap-ui="3"] .eap-command-btn span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .eap-plugin-scope [data-eap-ui="3"] .eap-reader-action-grid--primary,.eap-plugin-scope [data-eap-ui="3"] .eap-reader-action-grid--secondary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .eap-plugin-scope [data-eap-ui="3"] .eap-student-help-contact__grid,.eap-plugin-scope [data-eap-ui="3"] .eap-lang-portal-wrap .eap-lang-page-kpis{grid-template-columns:1fr}
 .eap-plugin-scope [data-eap-ui="3"] .eap-support-ticket-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:480px){
 .eap-plugin-scope [data-eap-ui="3"] .eap-command-strip__actions{grid-template-columns:1fr}
 .eap-plugin-scope [data-eap-ui="3"] .eap-reader-action-grid--primary,.eap-plugin-scope [data-eap-ui="3"] .eap-reader-action-grid--secondary{grid-template-columns:1fr}
}

/* Dense operational lists use readable two-column cards instead of narrow tile walls. */
.eap-plugin-scope [data-eap-ui="3"] .eap-action-centre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.eap-plugin-scope [data-eap-ui="3"] .eap-action-item{min-height:128px;padding:15px;border-radius:11px;box-shadow:none}
.eap-plugin-scope [data-eap-ui="3"] .eap-action-item h3{font-size:15px;line-height:1.25}
.eap-plugin-scope [data-eap-ui="3"] .eap-ops-empty{min-height:0;padding:30px 22px;border:1px dashed #dbe4ef;border-radius:11px;background:#f8fafc;text-align:center;color:#64748b}
.eap-plugin-scope [data-eap-ui="3"][data-eap-view="tutorials"] .eap-context-help-trigger{display:none}
@media(max-width:820px){.eap-plugin-scope [data-eap-ui="3"] .eap-action-centre-grid{grid-template-columns:1fr}}

/* Perfect Aptitude SaaS UI v3 — 1.6.93.27
 * Product-first portal shell. One visual system for Student, Teacher, Institution,
 * Guardian and platform administration. Dedicated pages retain their functions;
 * this layer changes hierarchy, density and presentation only. */
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"]{
 --eap3-bg:#f6f8fb;--eap3-surface:#fff;--eap3-surface-2:#f9fafb;--eap3-text:#101828;
 --eap3-muted:#667085;--eap3-subtle:#98a2b3;--eap3-border:#e4e7ec;--eap3-border-strong:#d0d5dd;
 --eap3-primary:var(--pa-primary,#2563eb);--eap3-primary-strong:var(--pa-primary-dark,#1d4ed8);--eap3-primary-soft:#eff6ff;
 --eap3-success:#067647;--eap3-success-soft:#ecfdf3;--eap3-warning:#b54708;--eap3-danger:#b42318;
 --eap3-radius:10px;--eap3-radius-lg:12px;--eap3-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 14px rgba(16,24,40,.035);
 --eap-sidebar-width:260px;position:fixed;inset:0;z-index:9998;background:var(--eap3-bg)!important;color:var(--eap3-text)!important;
 font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
}
body.admin-bar .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"]{top:var(--eap-adminbar-h,32px)}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] *{box-sizing:border-box}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-shell-inner{display:flex!important;width:100%;height:100%;min-height:0;gap:0!important;padding:0!important;background:var(--eap3-bg)!important}

/* Sidebar — compact, continuous, no phantom gaps. */
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;flex:0 0 var(--eap-sidebar-width);width:var(--eap-sidebar-width)!important;min-width:var(--eap-sidebar-width)!important;max-width:var(--eap-sidebar-width)!important;height:100%!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important;border:0!important;border-right:1px solid var(--eap3-border)!important;border-radius:0!important;box-shadow:none!important;color:var(--eap3-text)!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar-top{display:flex!important;flex:1 1 auto!important;min-height:0!important;flex-direction:column!important;gap:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar-logo{display:grid!important;grid-template-columns:30px minmax(0,1fr) 30px!important;align-items:center!important;gap:10px!important;min-height:72px!important;margin:0!important;padding:12px 13px!important;background:#fff!important;border:0!important;border-bottom:1px solid #f0f2f5!important;border-radius:0!important;box-shadow:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-logo-mark{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-width:30px!important;border:0!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-logo-mark-img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-logo-text{display:block!important;min-width:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-logo-name{display:block!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;color:#101828!important;font-size:12.8px!important;font-weight:750!important;line-height:1.2!important;letter-spacing:-.01em!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-logo-sub{display:block!important;margin-top:2px!important;color:#98a2b3!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar-toggle{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border:1px solid var(--eap3-border)!important;border-radius:8px!important;background:#fff!important;color:#667085!important;box-shadow:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar-nav{display:block!important;flex:1 1 auto!important;min-height:0!important;margin:0!important;padding:10px 9px 16px!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:stable!important;scrollbar-color:#d0d5dd transparent!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-group{display:block!important;margin:0 0 5px!important;padding:0!important;border:0!important;min-height:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-group-toggle{display:flex!important;width:100%!important;min-height:29px!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0!important;padding:5px 9px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#98a2b3!important;box-shadow:none!important;font-size:9.5px!important;font-weight:750!important;line-height:1.2!important;letter-spacing:.075em!important;text-align:left!important;text-transform:uppercase!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-group-toggle:hover{background:#f9fafb!important;color:#667085!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-group-toggle .dashicons{display:inline-block!important;width:14px!important;height:14px!important;font-size:14px!important;line-height:14px!important;color:#98a2b3!important;transition:transform .16s ease!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-group:not(.is-open) .eap-nav-group-items{display:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-group.is-open .eap-nav-group-items{display:grid!important;gap:1px!important;margin:1px 0 4px!important;padding:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-group.is-open .eap-nav-group-toggle .dashicons{transform:rotate(180deg)!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-link{display:flex!important;align-items:center!important;gap:10px!important;min-height:38px!important;margin:1px 0!important;padding:8px 10px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#475467!important;box-shadow:none!important;font-size:12.5px!important;font-weight:560!important;line-height:1.25!important;text-decoration:none!important;transform:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-link .dashicons{flex:0 0 16px!important;width:16px!important;height:16px!important;font-size:16px!important;line-height:16px!important;color:#667085!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-link:hover,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-link:focus-visible{background:#f7f9fc!important;color:#101828!important;border-color:#f2f4f7!important;box-shadow:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-link.active,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-link[aria-current="page"]{background:#eff4ff!important;color:#1849a9!important;border-color:#d1e0ff!important;box-shadow:none!important;font-weight:700!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-link.active .dashicons,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-link[aria-current="page"] .dashicons{color:#2563eb!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-link.active::before,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-nav-link[aria-current="page"]::before{display:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar-footer{flex:0 0 auto!important;margin:0!important;padding:9px!important;background:#fff!important;border:0!important;border-top:1px solid #f0f2f5!important;border-radius:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar-user{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:44px!important;padding:6px 7px!important;border:0!important;border-radius:8px!important;background:#f9fafb!important;box-shadow:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar-user-name{color:#101828!important;font-size:11.5px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar-user-role{color:#98a2b3!important;font-size:9.5px!important;font-weight:650!important;text-transform:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar-logout{display:flex!important;align-items:center!important;gap:8px!important;min-height:32px!important;margin-top:4px!important;padding:6px 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#b42318!important;box-shadow:none!important;font-size:12px!important;font-weight:650!important;text-decoration:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar-logout:hover{background:#fef3f2!important;color:#912018!important}

/* Collapsed sidebar is icon-only without broken group labels. */
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar.collapsed{--eap-sidebar-width:72px}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar.collapsed .eap-sidebar-logo{grid-template-columns:34px 24px!important;padding-inline:7px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar.collapsed .eap-logo-text,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar.collapsed .eap-nav-group-toggle,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar.collapsed .eap-nav-link span:not(.dashicons),.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar.collapsed .eap-sidebar-user-info,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar.collapsed .eap-logout-label{display:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar.collapsed .eap-nav-group-items{display:grid!important;gap:2px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar.collapsed .eap-nav-link{justify-content:center!important;padding-inline:8px!important}

/* Main canvas + SaaS topbar. */
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-main{position:relative!important;display:flex!important;flex:1 1 auto!important;min-width:0!important;height:100%!important;min-height:0!important;flex-direction:column!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--eap3-bg)!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-topbar{position:relative!important;top:auto!important;z-index:30!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;min-height:88px!important;margin:0!important;padding:14px 24px!important;background:rgba(255,255,255,.96)!important;border:0!important;border-bottom:1px solid var(--eap3-border)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:saturate(140%) blur(12px)!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-topbar-left{display:grid!important;grid-template-columns:auto 1fr!important;grid-template-areas:"kicker title" "kicker subtitle"!important;column-gap:10px!important;align-items:center!important;max-width:820px!important;min-width:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-shell-kicker{grid-area:kicker!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;overflow:hidden!important;border:1px solid #dbeafe!important;border-radius:8px!important;background:#eff6ff!important;color:transparent!important;font-size:0!important;letter-spacing:0!important;text-transform:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-shell-kicker::before{content:"PA";color:#2563eb;font-size:12px;font-weight:850;letter-spacing:-.02em}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-role-badge{display:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-page-title{grid-area:title!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;color:#101828!important;box-shadow:none!important;font-size:clamp(22px,1.8vw,28px)!important;font-weight:760!important;line-height:1.15!important;letter-spacing:-.025em!important;text-transform:none!important;overflow-wrap:normal!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-page-subtitle{grid-area:subtitle!important;margin:2px 0 0!important;color:#667085!important;font-size:12.5px!important;line-height:1.4!important;max-width:760px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-topbar-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-portal-tools{display:flex!important;align-items:center!important;gap:6px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-tool-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:36px!important;min-height:36px!important;padding:7px 10px!important;border:1px solid var(--eap3-border)!important;border-radius:9px!important;background:#fff!important;color:#344054!important;box-shadow:none!important;font-size:11.5px!important;font-weight:650!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-tool-button:hover{background:#f9fafb!important;border-color:#d0d5dd!important;color:#101828!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-tool-button--tour,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-tool-button--export{display:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-connection-heartbeat{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:34px!important;padding:6px 9px!important;border:1px solid #abefc6!important;border-radius:9px!important;background:#ecfdf3!important;color:#067647!important;box-shadow:none!important;font-size:10.5px!important;font-weight:650!important;white-space:nowrap!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"][data-eap-role="student"] .eap-connection-heartbeat,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"][data-eap-role="guardian"] .eap-connection-heartbeat{display:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-user-chip{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-width:112px!important;min-height:40px!important;padding:4px 8px!important;border:1px solid var(--eap3-border)!important;border-radius:9px!important;background:#fff!important;color:#101828!important;box-shadow:none!important;text-decoration:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-user-chip-name{color:#101828!important;font-size:11.5px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-user-chip-role{color:#98a2b3!important;font-size:12px!important;font-weight:700!important;letter-spacing:.035em!important;text-transform:uppercase!important}

/* Context action bar: secondary to page title, not a second hero. */
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-command-strip{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:48px!important;margin:0!important;padding:7px 24px!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--eap3-border)!important;border-radius:0!important;box-shadow:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-command-strip__copy{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-command-strip__eyebrow{display:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-command-strip__copy strong{color:#475467!important;font-size:11.5px!important;font-weight:560!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-command-strip__actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-command-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:34px!important;padding:6px 10px!important;border:1px solid var(--eap3-border)!important;border-radius:8px!important;background:#fff!important;color:#344054!important;box-shadow:none!important;font-size:12px!important;font-weight:650!important;text-decoration:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-command-btn--primary{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}

/* Content frame + component rhythm. */
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-content{flex:0 0 auto!important;width:100%!important;max-width:1400px!important;margin:0 auto!important;padding:20px 24px 42px!important;background:transparent!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-dashboard-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:14px!important;align-items:start!important;min-width:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-widget,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-card,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-dashboard-card,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-panel{min-width:0!important;border:1px solid var(--eap3-border)!important;border-radius:var(--eap3-radius-lg)!important;background:#fff!important;box-shadow:var(--eap3-shadow)!important;overflow:hidden!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-widget::before,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-card::before,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-dashboard-card::before{display:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-widget-header,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-card-header{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:49px!important;padding:14px 16px 10px!important;border:0!important;border-bottom:1px solid #f2f4f7!important;background:#fff!important;box-shadow:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-card-title,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-widget-title,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-widget h2,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-widget h3{margin:0!important;color:#101828!important;font-size:14px!important;font-weight:720!important;line-height:1.3!important;letter-spacing:-.01em!important;text-transform:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-card-body,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-widget-body{padding:15px 16px 17px!important;color:#475467!important;font-size:12.5px!important;line-height:1.55!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-card-body>p:first-child{margin-top:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-card-body>p:last-child{margin-bottom:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-empty-state{display:grid!important;place-items:center!important;min-height:0!important;margin:0!important;padding:24px 18px!important;border:1px dashed #e4e7ec!important;border-radius:9px!important;background:#f9fafb!important;color:#667085!important;box-shadow:none!important;text-align:center!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-empty-state strong{display:block!important;margin-bottom:3px!important;color:#344054!important;font-size:12.5px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-empty-state p{max-width:520px!important;margin:2px auto 0!important;color:#667085!important;font-size:11.5px!important}

/* Buttons, fields and tables — one SaaS language everywhere. */
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] :is(.eap-btn,button.eap-btn,a.eap-btn,.button,button.button){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid var(--eap3-border-strong);border-radius:8px;background:#fff;color:#344054;box-shadow:none;font-size:11.5px;font-weight:650;line-height:1.2;text-decoration:none;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] :is(.eap-btn,button.eap-btn,a.eap-btn,.button,button.button):hover{background:#f9fafb;border-color:#98a2b3;color:#101828;box-shadow:none}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] :is(.eap-btn--primary,.button-primary){background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] :is(.eap-btn--primary,.button-primary):hover{background:#1d4ed8!important;border-color:#1d4ed8!important;color:#fff!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-btn--danger{background:#fff!important;border-color:#fecdca!important;color:#b42318!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){width:100%;min-height:40px;padding:8px 10px;border:1px solid #d0d5dd!important;border-radius:8px!important;background:#fff!important;color:#101828!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important;font:inherit!important;font-size:12px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] textarea{min-height:92px!important;resize:vertical!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] :is(input,select,textarea):focus{outline:0!important;border-color:#84adff!important;box-shadow:0 0 0 3px rgba(37,99,235,.10)!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] label{color:#344054!important;font-size:12px!important;font-weight:650!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-product-form,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 14px!important;align-items:start!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-table-scroll{overflow:auto!important;border:1px solid var(--eap3-border)!important;border-radius:10px!important;background:#fff!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] table.eap-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;color:#344054!important;font-size:11.5px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] table.eap-table th{padding:10px 12px!important;background:#f9fafb!important;border-bottom:1px solid var(--eap3-border)!important;color:#667085!important;font-size:9.5px!important;font-weight:700!important;letter-spacing:.055em!important;text-align:left!important;text-transform:uppercase!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] table.eap-table td{padding:11px 12px!important;border-bottom:1px solid #f2f4f7!important;background:#fff!important;vertical-align:middle!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] table.eap-table tbody tr:last-child td{border-bottom:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] table.eap-table tbody tr:hover td{background:#fcfcfd!important}

/* Home dashboard primitives. */
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-premium-focus-panel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(250px,320px)!important;align-items:center!important;gap:18px!important;min-height:0!important;padding:18px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#f8fbff 0%,#f5f9ff 48%,#f8fafc 100%)!important;box-shadow:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-premium-focus-panel::before,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-premium-focus-panel::after{display:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-premium-eyebrow{display:inline-flex!important;width:max-content!important;margin:0 0 7px!important;padding:3px 7px!important;border:1px solid #b2ccff!important;border-radius:999px!important;background:#eff4ff!important;color:#1849a9!important;font-size:12px!important;font-weight:750!important;letter-spacing:.02em!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-premium-focus-panel h3{margin:0 0 4px!important;color:#101828!important;font-size:18px!important;font-weight:740!important;line-height:1.25!important;letter-spacing:-.015em!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-premium-focus-panel p{max-width:680px!important;margin:0!important;color:#667085!important;font-size:12px!important;line-height:1.5!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-premium-primary-action{margin-top:12px!important;min-height:36px!important;padding:7px 11px!important;border:1px solid #2563eb!important;border-radius:8px!important;background:#2563eb!important;color:#fff!important;box-shadow:none!important;font-size:11.5px!important;font-weight:700!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-premium-focus-panel__metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-premium-focus-panel__metrics article{min-width:0!important;min-height:74px!important;padding:10px!important;border:1px solid #e4e7ec!important;border-radius:9px!important;background:rgba(255,255,255,.94)!important;box-shadow:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-premium-focus-panel__metrics span{display:block!important;color:#667085!important;font-size:9.5px!important;font-weight:650!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-premium-focus-panel__metrics strong{display:block!important;margin-top:5px!important;color:#101828!important;font-size:22px!important;font-weight:750!important;line-height:1!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-premium-focus-panel__metrics small{display:block!important;margin-top:4px!important;color:#98a2b3!important;font-size:9.5px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-reading-resume-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-reading-resume-grid>article{display:flex!important;min-width:0!important;min-height:112px!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;gap:12px!important;padding:13px!important;border:1px solid var(--eap3-border)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-reading-resume-grid>article>div{min-width:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-reading-resume-grid span{display:inline-flex!important;margin-bottom:7px!important;padding:2px 6px!important;border-radius:999px!important;background:#eff4ff!important;color:#1849a9!important;font-size:8.5px!important;font-weight:750!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-reading-resume-grid strong{display:block!important;overflow:hidden!important;color:#101828!important;font-size:13px!important;font-weight:700!important;line-height:1.3!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-reading-resume-grid p{margin:4px 0 0!important;color:#667085!important;font-size:10.5px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-reading-resume-grid .eap-btn{width:max-content!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-metric-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-metric{min-width:0!important;padding:12px!important;border:1px solid var(--eap3-border)!important;border-radius:9px!important;background:#f9fafb!important;box-shadow:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-metric span,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-metric strong,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-metric small{display:block!important;min-width:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-metric span{color:#667085!important;font-size:9.5px!important;font-weight:650!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-metric strong{margin-top:5px!important;color:#101828!important;font-size:20px!important;font-weight:750!important;line-height:1!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-metric small{margin-top:5px!important;color:#98a2b3!important;font-size:9.5px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-dashboard-card-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:13px!important;padding-top:12px!important;border-top:1px solid #f2f4f7!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-support-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-support-summary>div{padding:12px!important;border:1px solid var(--eap3-border)!important;border-radius:9px!important;background:#f9fafb!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-support-count{display:block!important;margin-bottom:7px!important;color:#2563eb!important;font-size:21px!important;font-weight:750!important;line-height:1!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-support-summary strong{display:block!important;color:#101828!important;font-size:11.5px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-support-summary p{margin:4px 0 0!important;color:#667085!important;font-size:10.5px!important;line-height:1.45!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-split-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-split-list>section{min-width:0!important;padding:12px!important;border:1px solid var(--eap3-border)!important;border-radius:9px!important;background:#f9fafb!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-split-list h4{margin:0 0 8px!important;color:#344054!important;font-size:10.5px!important;font-weight:700!important;text-transform:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-admin-health .eap-health-list{margin:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-admin-capacity{margin-top:12px!important;padding-top:12px!important;border-top:1px solid #f2f4f7!important}

/* Timelines and lists become compact activity feeds. */
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-item-list{display:grid!important;gap:0!important;margin:0!important;padding:0!important;list-style:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-item-list__row{display:grid!important;grid-template-columns:8px minmax(0,1fr) 16px!important;align-items:center!important;gap:9px!important;min-height:40px!important;padding:8px 2px!important;border:0!important;border-bottom:1px solid #f2f4f7!important;background:transparent!important;color:#475467!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-item-list__row:last-child{border-bottom:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-item-list__dot{width:6px!important;height:6px!important;border-radius:50%!important;background:#84adff!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-item-list__label{min-width:0!important;color:#475467!important;font-size:12px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-item-list__arrow{color:#98a2b3!important;font-size:13px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-timeline{display:grid!important;gap:6px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-timeline-item{min-height:0!important;padding:10px 11px!important;border:1px solid #f2f4f7!important;border-radius:9px!important;background:#f9fafb!important;box-shadow:none!important}

/* Status surfaces and operational pages. */
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] :is(.eap-kpi-card,.eap-stat-card,.eap-metric-card){min-width:0!important;padding:12px!important;border:1px solid var(--eap3-border)!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-kpi-label{color:#667085!important;font-size:9.5px!important;font-weight:650!important;text-transform:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-kpi-value{margin-top:5px!important;color:#101828!important;font-size:22px!important;font-weight:750!important;line-height:1!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-action-centre-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-action-item{min-height:0!important;padding:13px!important;border:1px solid var(--eap3-border)!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-action-item h3{color:#101828!important;font-size:13px!important;line-height:1.3!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-alert{padding:12px 13px!important;border-radius:9px!important;box-shadow:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-teacher-performance--summary,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-teacher-performance--mcq{margin-top:10px!important;padding:11px!important;border:1px solid #d1e0ff!important;border-radius:8px!important;background:#f5f8ff!important;color:#344054!important;box-shadow:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] details.eap-session-record{border:1px solid var(--eap3-border)!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] details.eap-session-record>summary{padding:11px 12px!important;background:#fff!important;border:0!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] details.eap-session-record[open]>summary{background:#f9fafb!important;border-bottom:1px solid #f2f4f7!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-reader-study-tools{padding:0!important;border:1px solid var(--eap3-border)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-reader-tool-btn{min-height:38px!important;padding:6px 8px!important;border:1px solid var(--eap3-border)!important;border-radius:8px!important;background:#fff!important;color:#475467!important;box-shadow:none!important;font-size:10.5px!important}

/* Contextual help is a small SaaS help button, never a dominant pill. */
.eap-plugin-scope .eap-context-help-trigger{right:18px!important;bottom:18px!important;display:inline-grid!important;grid-template-columns:20px auto!important;align-items:center!important;gap:5px!important;min-width:0!important;min-height:36px!important;padding:7px 10px!important;border:1px solid #d0d5dd!important;border-radius:9px!important;background:#fff!important;color:#344054!important;box-shadow:0 4px 14px rgba(16,24,40,.10)!important;font-size:10.5px!important;font-weight:650!important}
.eap-plugin-scope .eap-context-help-trigger .dashicons{width:16px!important;height:16px!important;font-size:16px!important;line-height:16px!important;color:#2563eb!important}

/* Auth / login / signup surfaces — product SaaS, not a marketing landing page. */
.eap-plugin-scope .eap-login-root.eap-auth-shell{min-height:100vh;margin:0;padding:36px 24px;background:#f6f8fb;color:#101828;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.eap-plugin-scope .eap-login-root .eap-auth-inner{width:min(1120px,100%);margin:0 auto}
.eap-plugin-scope .eap-login-root .eap-auth-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:22px;align-items:stretch}
.eap-plugin-scope .eap-login-root .eap-auth-hero{display:flex;min-height:540px;flex-direction:column;justify-content:center;padding:48px;border:1px solid #d1e0ff;border-radius:16px;background:linear-gradient(145deg,#eef4ff 0%,#f7f9ff 52%,#eff8ff 100%);color:#101828;box-shadow:none}
.eap-plugin-scope .eap-login-root .eap-auth-kicker{display:inline-flex;width:max-content;margin:0 0 18px;padding:5px 9px;border:1px solid #b2ccff;border-radius:999px;background:#fff;color:#1849a9;font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.eap-plugin-scope .eap-login-root .eap-auth-hero-title{max-width:620px;margin:0;color:#101828;font-size:clamp(34px,4vw,52px);font-weight:760;line-height:1.05;letter-spacing:-.045em;text-transform:none}
.eap-plugin-scope .eap-login-root .eap-auth-hero-copy{max-width:620px;margin:18px 0 0;color:#475467;font-size:15px;line-height:1.65}
.eap-plugin-scope .eap-login-root .eap-auth-hero-points{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 0}
.eap-plugin-scope .eap-login-root .eap-auth-hero-points span{padding:6px 9px;border:1px solid #d1e0ff;border-radius:8px;background:rgba(255,255,255,.75);color:#344054;font-size:10.5px;font-weight:650}
.eap-plugin-scope .eap-login-root .eap-auth-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}
.eap-plugin-scope .eap-login-root .eap-auth-hero-btn{min-height:40px;padding:9px 14px;border-radius:8px;box-shadow:none;font-size:11.5px;font-weight:700}
.eap-plugin-scope .eap-login-root .eap-auth-card{margin:0;padding:34px;border:1px solid var(--eap3-border,#e4e7ec);border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(16,24,40,.06)}
.eap-plugin-scope .eap-login-root .eap-auth-card--login{display:flex;flex-direction:column;justify-content:center;min-height:540px}
.eap-plugin-scope .eap-login-root .eap-auth-title{margin:0 0 5px;color:#101828;font-size:25px;font-weight:750;letter-spacing:-.025em;text-transform:none}
.eap-plugin-scope .eap-login-root .eap-auth-subtitle{margin:0;color:#667085;font-size:12.5px}
.eap-plugin-scope .eap-login-root .eap-auth-form{display:grid;gap:13px;margin-top:22px}
.eap-plugin-scope .eap-login-root .eap-auth-label{display:block;margin-bottom:5px;color:#344054;font-size:12px;font-weight:650}
.eap-plugin-scope .eap-login-root .eap-auth-input{width:100%;min-height:44px;padding:9px 11px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#101828;box-shadow:0 1px 2px rgba(16,24,40,.03);font-size:12.5px}
.eap-plugin-scope .eap-login-root .eap-auth-input:focus{outline:0;border-color:#84adff;box-shadow:0 0 0 3px rgba(37,99,235,.10)}
.eap-plugin-scope .eap-login-root .eap-auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#667085;font-size:12px}
.eap-plugin-scope .eap-login-root .eap-auth-submit{width:100%;min-height:42px;border-radius:8px;box-shadow:none;font-size:12px;font-weight:700}
.eap-plugin-scope .eap-login-root .eap-auth-secondary-link{width:100%;min-height:40px;border-radius:8px;box-shadow:none}
.eap-plugin-scope .eap-login-root .eap-auth-recovery-form:not(:target){display:none}
.eap-plugin-scope .eap-login-root .eap-auth-recovery-form:target{display:grid;margin-top:16px;padding-top:16px;border-top:1px solid #f2f4f7}
.eap-plugin-scope .eap-login-root .eap-auth-need-access{margin-top:18px;padding-top:16px;border-top:1px solid #f2f4f7;color:#667085;font-size:11.5px;text-align:center}
.eap-plugin-scope .eap-login-root .eap-auth-role-section{margin:24px 0 0;padding:24px;border:1px solid var(--eap3-border,#e4e7ec);border-radius:14px;background:#fff;box-shadow:none}
.eap-plugin-scope .eap-login-root .eap-auth-role-title{margin:0;color:#101828;font-size:18px;font-weight:740;letter-spacing:-.02em}
.eap-plugin-scope .eap-login-root .eap-auth-role-subtitle{margin:5px 0 16px;color:#667085;font-size:12px}
.eap-plugin-scope .eap-login-root .eap-auth-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.eap-plugin-scope .eap-login-root .eap-auth-role-card{display:flex;min-height:178px;flex-direction:column;justify-content:space-between;padding:15px;border:1px solid var(--eap3-border,#e4e7ec);border-radius:10px;background:#f9fafb;box-shadow:none}
.eap-plugin-scope .eap-login-root .eap-auth-role-icon{display:grid;place-items:center;width:32px;height:32px;margin:0 0 12px;border-radius:8px;background:#eff4ff;color:#1849a9;font-size:12px;font-weight:750}
.eap-plugin-scope .eap-login-root .eap-auth-role-card-title{margin:0 0 5px;color:#101828;font-size:13px;font-weight:700}
.eap-plugin-scope .eap-login-root .eap-auth-role-card-copy{margin:0 0 12px;color:#667085;font-size:10.5px;line-height:1.5}
.eap-plugin-scope .eap-login-root .eap-auth-role-cta{width:100%;min-height:36px;padding:7px 10px;border-radius:8px;box-shadow:none;font-size:10.5px;font-weight:700}
.eap-plugin-scope .eap-login-root .eap-auth-trust{margin:14px 0 0;padding:18px;border:1px solid var(--eap3-border,#e4e7ec);border-radius:12px;background:#fff;box-shadow:none}
.eap-plugin-scope .eap-login-root .eap-auth-trust-title{margin:0 0 12px;color:#344054;font-size:12px;font-weight:700;text-transform:none}
.eap-plugin-scope .eap-login-root .eap-auth-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
.eap-plugin-scope .eap-login-root .eap-auth-trust-item{display:flex;align-items:center;gap:6px;color:#475467;font-size:10.5px;font-weight:600}
.eap-plugin-scope .eap-login-root .eap-auth-badge-row{display:none}

/* Desktop/Tablet/Mobile. */
@media(max-width:1120px){
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"]{--eap-sidebar-width:220px}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-reading-resume-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .eap-plugin-scope .eap-login-root .eap-auth-grid{grid-template-columns:1fr!important}
 .eap-plugin-scope .eap-login-root .eap-auth-hero{min-height:0!important;padding:34px!important}
 .eap-plugin-scope .eap-login-root .eap-auth-card--login{min-height:0!important}
}
@media(max-width:900px){
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"]{position:fixed!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-shell-inner{display:block!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar{position:absolute!important;z-index:90!important;left:0!important;top:0!important;bottom:0!important;width:min(300px,88vw)!important;min-width:min(300px,88vw)!important;max-width:min(300px,88vw)!important;height:100%!important;transform:translateX(-103%)!important;box-shadow:0 18px 50px rgba(16,24,40,.16)!important;transition:transform .18s ease!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar.mobile-open{transform:translateX(0)!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-mobile-menu-toggle{display:inline-grid!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-sidebar-toggle{display:none!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-main{width:100%!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-topbar{grid-template-columns:1fr!important;gap:10px!important;padding:12px 16px!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-topbar-right{justify-content:flex-start!important;flex-wrap:wrap!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-command-strip{padding:7px 16px!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-content{padding:16px 14px 34px!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-dashboard-grid{gap:12px!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] [class*="eap-col-"]{grid-column:1/-1!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-premium-focus-panel{grid-template-columns:1fr!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-product-form,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-form-grid{grid-template-columns:1fr!important}
}
@media(max-width:620px){
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-page-title{font-size:21px!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-page-subtitle{font-size:11.5px!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-tool-button--search span:not(.dashicons){display:none!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-user-chip-info{display:none!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-user-chip{min-width:40px!important;grid-template-columns:30px!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-command-strip__copy{display:none!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-command-strip{justify-content:flex-end!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-reading-resume-grid,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-metric-grid,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-support-summary,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-saas-split-list,.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-action-centre-grid{grid-template-columns:1fr!important}
 .eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] .eap-premium-focus-panel__metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .eap-plugin-scope .eap-login-root.eap-auth-shell{padding:16px 12px!important}
 .eap-plugin-scope .eap-login-root .eap-auth-hero{padding:24px!important;border-radius:12px!important}
 .eap-plugin-scope .eap-login-root .eap-auth-hero-title{font-size:34px!important}
 .eap-plugin-scope .eap-login-root .eap-auth-card{padding:24px 18px!important;border-radius:12px!important}
 .eap-plugin-scope .eap-login-root .eap-auth-role-grid,.eap-plugin-scope .eap-login-root .eap-auth-trust-grid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){.eap-plugin-scope .eap-portal-shell[data-eap-ui="3"] *,.eap-plugin-scope .eap-login-root *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ======================================================================
   PERFECT APTITUDE — SaaS UI V4 structural components
   ====================================================================== */
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"]{
 --eap-v4-bg:#f6f8fb;--eap-v4-surface:#fff;--eap-v4-subtle:#f8fafc;--eap-v4-border:#e5eaf0;
 --eap-v4-text:#101828;--eap-v4-muted:#667085;--eap-v4-primary:#2563eb;--eap-v4-success:#067647;
 --eap-v4-warning:#b54708;--eap-v4-danger:#b42318;--eap-v4-radius:12px;
}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-content{background:var(--eap-v4-bg)}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-logo-name{font-size:12.8px;letter-spacing:-.015em}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-command-strip:has(.eap-command-strip__actions:empty){display:none}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-page-subtitle{max-width:720px}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-widget-card>.eap-card-header:first-child,
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-card>.eap-card-header:first-child{background:#fff}

/* shared V4 primitives */
.eap-plugin-scope .eap-saas-v4-eyebrow{display:block;margin:0 0 5px;color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.eap-plugin-scope .eap-saas-v4-muted{color:var(--eap-v4-muted);font-size:12px}
.eap-plugin-scope .eap-saas-v4-workspace{display:grid;gap:16px}
.eap-plugin-scope .eap-saas-v4-section-head,.eap-plugin-scope .eap-saas-v4-object-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:2px 0 16px;border-bottom:1px solid var(--eap-v4-border)}
.eap-plugin-scope .eap-saas-v4-section-head h2,.eap-plugin-scope .eap-saas-v4-object-toolbar h2{margin:0;color:var(--eap-v4-text);font-size:20px;line-height:1.2;letter-spacing:-.02em}
.eap-plugin-scope .eap-saas-v4-section-head p,.eap-plugin-scope .eap-saas-v4-object-toolbar p{max-width:700px;margin:4px 0 0;color:var(--eap-v4-muted);font-size:12.5px;line-height:1.5}
.eap-plugin-scope .eap-saas-v4-counter{display:inline-grid;place-items:center;min-width:36px;height:30px;padding:0 9px;border:1px solid var(--eap-v4-border);border-radius:8px;background:#fff;color:#344054;font-size:12px;font-weight:750}
.eap-plugin-scope .eap-saas-v4-status{display:inline-flex;align-items:center;width:max-content;min-height:24px;padding:3px 8px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10.5px;font-weight:750;white-space:nowrap}
.eap-plugin-scope .eap-saas-v4-status.is-success{background:#ecfdf3;color:#067647}
.eap-plugin-scope .eap-saas-v4-status.is-warning{background:#fffaeb;color:#b54708}
.eap-plugin-scope .eap-saas-v4-status.is-danger{background:#fef3f2;color:#b42318}
.eap-plugin-scope .eap-saas-v4-status.is-neutral{background:#f2f4f7;color:#475467}
.eap-plugin-scope .eap-saas-v4-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff}
.eap-plugin-scope .eap-saas-v4-callout strong{display:block;color:#1d2939;font-size:13px}
.eap-plugin-scope .eap-saas-v4-callout p{margin:3px 0 0;color:#667085;font-size:12px}

/* filters */
.eap-plugin-scope .eap-saas-v4-filterbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,240px) auto auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--eap-v4-border);border-radius:10px;background:#f8fafc}
.eap-plugin-scope .eap-saas-v4-filterbar label{margin:0}
.eap-plugin-scope .eap-saas-v4-filter-count{color:#667085;font-size:11.5px;font-weight:650;white-space:nowrap}

/* object-first library/classes/directories */
.eap-plugin-scope .eap-saas-v4-object-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.eap-plugin-scope .eap-saas-v4-object-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;min-width:0;padding:16px;border:1px solid var(--eap-v4-border);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.02);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.eap-plugin-scope .eap-saas-v4-object-card:hover{border-color:#cfd8e6;box-shadow:0 8px 24px rgba(16,24,40,.055);transform:translateY(-1px)}
.eap-plugin-scope .eap-saas-v4-object-thumb{display:grid;place-items:center;width:52px;height:64px;border-radius:8px;background:linear-gradient(160deg,#eef4ff,#f8fbff);color:#2563eb}
.eap-plugin-scope .eap-saas-v4-object-thumb .dashicons{width:22px;height:22px;font-size:22px}
.eap-plugin-scope .eap-saas-v4-object-body{min-width:0}
.eap-plugin-scope .eap-saas-v4-object-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.eap-plugin-scope .eap-saas-v4-object-heading h3{margin:0;color:#101828;font-size:14px;font-weight:750;line-height:1.35;overflow-wrap:anywhere}
.eap-plugin-scope .eap-saas-v4-object-heading p{margin:3px 0 0;color:#667085;font-size:11.5px}
.eap-plugin-scope .eap-saas-v4-object-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:12px;color:#667085;font-size:12px}
.eap-plugin-scope .eap-saas-v4-object-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px}
.eap-plugin-scope .eap-saas-v4-object-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.eap-plugin-scope .eap-saas-v4-object-stats span{padding:8px;border-radius:8px;background:#f8fafc;color:#667085;font-size:10.5px}
.eap-plugin-scope .eap-saas-v4-empty{display:flex;min-height:170px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px;border:1px dashed #d7dee8;border-radius:12px;background:#fafbfc;text-align:center}
.eap-plugin-scope .eap-saas-v4-empty>.dashicons{width:28px;height:28px;font-size:28px;color:#98a2b3}
.eap-plugin-scope .eap-saas-v4-empty strong{color:#101828;font-size:14px}
.eap-plugin-scope .eap-saas-v4-empty p{max-width:520px;margin:0 0 6px;color:#667085;font-size:12px}

/* disclosure/create */
.eap-plugin-scope details.eap-saas-v4-create-panel,.eap-plugin-scope details.eap-saas-v4-disclosure{border:1px solid var(--eap-v4-border);border-radius:12px;background:#fff;overflow:hidden}
.eap-plugin-scope details.eap-saas-v4-create-panel>summary,.eap-plugin-scope details.eap-saas-v4-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px;padding:12px 16px;cursor:pointer;list-style:none;color:#101828;font-size:13px;font-weight:750}
.eap-plugin-scope details.eap-saas-v4-create-panel>summary::-webkit-details-marker,.eap-plugin-scope details.eap-saas-v4-disclosure>summary::-webkit-details-marker{display:none}
.eap-plugin-scope details.eap-saas-v4-disclosure>summary small{margin-left:auto;color:#667085;font-size:12px;font-weight:500}
.eap-plugin-scope details.eap-saas-v4-create-panel[open]>summary,.eap-plugin-scope details.eap-saas-v4-disclosure[open]>summary{border-bottom:1px solid var(--eap-v4-border);background:#fafbfc}
.eap-plugin-scope details.eap-saas-v4-create-panel>.eap-saas-v4-form,.eap-plugin-scope details.eap-saas-v4-disclosure>.eap-dashboard-stack{padding:16px}
.eap-plugin-scope .eap-saas-v4-disclosure--advanced>summary{color:#475467}
.eap-plugin-scope .eap-saas-v4-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}

/* Action Centre */
.eap-plugin-scope .eap-saas-v4-action-summary{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(150px,.65fr));gap:10px;margin-bottom:14px}
.eap-plugin-scope .eap-saas-v4-action-summary>article{padding:14px 15px;border:1px solid var(--eap-v4-border);border-radius:10px;background:#fff}
.eap-plugin-scope .eap-saas-v4-action-summary span{display:block;color:#667085;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.eap-plugin-scope .eap-saas-v4-action-summary strong{display:block;margin-top:4px;color:#101828;font-size:20px}
.eap-plugin-scope .eap-saas-v4-action-section{display:grid;gap:10px}
.eap-plugin-scope .eap-saas-v4-action-list{display:grid;gap:8px}
.eap-plugin-scope .eap-saas-v4-action-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--eap-v4-border);border-radius:10px;background:#fff}
.eap-plugin-scope .eap-saas-v4-action-state{width:8px;height:8px;border-radius:999px;background:#f79009}
.eap-plugin-scope .eap-saas-v4-action-copy strong{display:block;color:#101828;font-size:13px}
.eap-plugin-scope .eap-saas-v4-action-copy p{margin:2px 0 0;color:#667085;font-size:11.5px}
.eap-plugin-scope .eap-saas-v4-clear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.eap-plugin-scope .eap-saas-v4-clear-grid>div{padding:11px;border-radius:9px;background:#f8fafc;color:#475467;font-size:11.5px}

/* metrics, usage, policies */
.eap-plugin-scope .eap-saas-v4-metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.eap-plugin-scope .eap-saas-v4-metric-strip>article{padding:14px;border:1px solid var(--eap-v4-border);border-radius:10px;background:#fff}
.eap-plugin-scope .eap-saas-v4-metric-strip span{display:block;color:#667085;font-size:10.5px;font-weight:650}
.eap-plugin-scope .eap-saas-v4-metric-strip strong{display:block;margin-top:5px;color:#101828;font-size:22px;line-height:1}
.eap-plugin-scope .eap-saas-v4-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.eap-plugin-scope .eap-saas-v4-usage-card{min-height:118px;padding:15px;border:1px solid var(--eap-v4-border);border-radius:11px;background:#fff}
.eap-plugin-scope .eap-saas-v4-usage-card strong{display:block;color:#101828;font-size:13px}
.eap-plugin-scope .eap-saas-v4-usage-card b{display:block;margin-top:12px;color:#101828;font-size:20px}
.eap-plugin-scope .eap-saas-v4-usage-card small{display:block;margin-top:4px;color:#667085}
.eap-plugin-scope .eap-saas-v4-policy-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.eap-plugin-scope .eap-saas-v4-policy-summary>article{padding:14px;border:1px solid var(--eap-v4-border);border-radius:10px;background:#fff}
.eap-plugin-scope .eap-saas-v4-policy-summary span{display:block;color:#667085;font-size:10.5px}
.eap-plugin-scope .eap-saas-v4-policy-summary strong{display:block;margin-top:4px;color:#101828;font-size:14px}
.eap-plugin-scope .eap-saas-v4-policy-hero{margin-bottom:14px;padding:15px 16px;border:1px solid #dbeafe;border-radius:11px;background:#f8fbff}

/* tables & permissions */
.eap-plugin-scope .eap-saas-v4-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--eap-v4-border);border-radius:10px;overflow:hidden;background:#fff}
.eap-plugin-scope .eap-saas-v4-table th{padding:10px 12px;background:#f8fafc;color:#667085;font-size:9.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;text-align:left}
.eap-plugin-scope .eap-saas-v4-table td{padding:11px 12px;border-top:1px solid #eef2f6;vertical-align:middle;color:#344054;font-size:12px}
.eap-plugin-scope .eap-saas-v4-cell-note,.eap-plugin-scope .eap-saas-v4-risk-reason{display:block;margin-top:2px;color:#667085;font-size:10.5px}
.eap-plugin-scope .eap-saas-v4-row-config>summary{cursor:pointer;color:#2563eb;font-size:11.5px;font-weight:700}
.eap-plugin-scope .eap-saas-v4-row-config[open]>div{display:grid;gap:9px;margin-top:9px;padding:12px;border-radius:9px;background:#f8fafc}
.eap-plugin-scope .eap-saas-v4-permissions{display:grid;gap:12px}
.eap-plugin-scope .eap-saas-v4-permission-group{border:1px solid var(--eap-v4-border);border-radius:11px;background:#fff;overflow:hidden}
.eap-plugin-scope .eap-saas-v4-permission-group>h3{margin:0;padding:12px 14px;border-bottom:1px solid var(--eap-v4-border);background:#fafbfc;color:#344054;font-size:13px}
.eap-plugin-scope .eap-saas-v4-permission-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.6fr) auto;align-items:center;gap:16px;padding:12px 14px;border-top:1px solid #f0f2f5}
.eap-plugin-scope .eap-saas-v4-permission-row:first-of-type{border-top:0}
.eap-plugin-scope .eap-saas-v4-permission-row strong{font-size:12px;color:#101828}
.eap-plugin-scope .eap-saas-v4-permission-row p{margin:0;color:#667085;font-size:11.5px}
.eap-plugin-scope .eap-saas-v4-switch{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:11.5px;font-weight:700;color:#344054}

/* calendar */
.eap-plugin-scope .eap-saas-v4-calendar{display:grid;gap:12px}
.eap-plugin-scope .eap-saas-v4-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.eap-plugin-scope .eap-saas-v4-calendar-head h3{margin:0;font-size:18px;color:#101828}
.eap-plugin-scope .eap-saas-v4-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--eap-v4-border);border-radius:12px;overflow:hidden;background:#fff}
.eap-plugin-scope .eap-saas-v4-calendar-weekday{padding:8px;background:#f8fafc;color:#667085;font-size:9.5px;font-weight:750;text-align:center;text-transform:uppercase;letter-spacing:.06em}
.eap-plugin-scope .eap-saas-v4-calendar-day{min-height:108px;padding:8px;border-top:1px solid #eef2f6;border-right:1px solid #eef2f6;background:#fff}
.eap-plugin-scope .eap-saas-v4-calendar-day:nth-child(7n){border-right:0}
.eap-plugin-scope .eap-saas-v4-calendar-date{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:#475467;font-size:12px;font-weight:700}
.eap-plugin-scope .eap-saas-v4-calendar-today .eap-saas-v4-calendar-date{background:#2563eb;color:#fff}
.eap-plugin-scope .eap-saas-v4-calendar-event{display:block;margin-top:5px;padding:4px 6px;border-radius:6px;background:#eff6ff;color:#1d4ed8;font-size:9.5px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eap-plugin-scope .eap-saas-v4-calendar-more{display:block;margin-top:4px;color:#667085;font-size:9.5px}

/* replays */
.eap-plugin-scope .eap-saas-v4-replay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.eap-plugin-scope .eap-saas-v4-replay-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--eap-v4-border);border-radius:11px;background:#fff}
.eap-plugin-scope .eap-saas-v4-replay-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:9px;background:#eef4ff;color:#2563eb}
.eap-plugin-scope .eap-saas-v4-replay-copy strong{display:block;color:#101828;font-size:13px}
.eap-plugin-scope .eap-saas-v4-replay-copy p{margin:3px 0;color:#667085;font-size:11.5px}
.eap-plugin-scope .eap-saas-v4-replay-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}

/* review split */
.eap-plugin-scope .eap-saas-v4-review-card{display:grid;gap:12px;padding:15px;border:1px solid var(--eap-v4-border);border-radius:11px;background:#fff}
.eap-plugin-scope .eap-saas-v4-review-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:12px}
.eap-plugin-scope .eap-saas-v4-review-split>section{min-height:170px;padding:14px;border-radius:9px;background:#f8fafc}

/* advanced / release */
.eap-plugin-scope .eap-saas-v4-advanced-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:15px 16px;border:1px solid #f0d5a8;border-radius:11px;background:#fffbeb}
.eap-plugin-scope .eap-saas-v4-advanced-banner strong{display:block;color:#7a2e0e;font-size:13px}
.eap-plugin-scope .eap-saas-v4-advanced-banner p{margin:3px 0 0;color:#93370d;font-size:11.5px}
.eap-plugin-scope .eap-saas-v4-acceptance{margin-top:16px;padding-top:16px;border-top:1px solid var(--eap-v4-border)}

/* Learning Workspace */
.eap-plugin-scope .eap-saas-v4-tabs{display:flex;gap:4px;margin:14px 0 16px;padding:4px;border:1px solid var(--eap-v4-border);border-radius:10px;background:#f8fafc;overflow-x:auto}
.eap-plugin-scope .eap-saas-v4-tabs a{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border-radius:7px;color:#475467;font-size:11.5px;font-weight:700;text-decoration:none;white-space:nowrap}
.eap-plugin-scope .eap-saas-v4-tabs a:hover{background:#fff;color:#101828}
.eap-plugin-scope .eap-saas-v4-tabs a.is-active{background:#fff;color:#1d4ed8;box-shadow:0 1px 2px rgba(16,24,40,.08)}
.eap-plugin-scope .eap-saas-v4-learning-tab{display:block}
.eap-plugin-scope .eap-saas-v4-learning-tab>.eap-learning-panel{width:100%;margin:0}
.eap-plugin-scope .eap-saas-v4-overview-panel{display:grid;gap:14px;padding:16px;border:1px solid var(--eap-v4-border);border-radius:12px;background:#fff}
.eap-plugin-scope .eap-saas-v4-overview-panel header h2{margin:0;color:#101828;font-size:19px}
.eap-plugin-scope .eap-saas-v4-overview-panel header p{margin:4px 0 0;color:#667085;font-size:12px}

/* conversion */
.eap-plugin-scope .eap-saas-v4-conversion-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;padding:17px 18px;border:1px solid #dbeafe;border-radius:12px;background:linear-gradient(135deg,#f8fbff,#fff)}
.eap-plugin-scope .eap-saas-v4-conversion-intro h2{margin:0;color:#101828;font-size:19px;letter-spacing:-.02em}
.eap-plugin-scope .eap-saas-v4-conversion-intro p{margin:5px 0 0;color:#667085;font-size:12px}
.eap-plugin-scope .eap-saas-v4-stepper{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.eap-plugin-scope .eap-saas-v4-stepper span{padding:5px 8px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:9.5px;font-weight:750}
.eap-plugin-scope .eap-saas-v4-stepper span.is-active{background:#2563eb;color:#fff}
.eap-plugin-scope .eap-saas-v4-conversion>.eap-card{box-shadow:none}
.eap-plugin-scope .eap-saas-v4-conversion .eap-conv-form-grid{gap:16px}
.eap-plugin-scope .eap-saas-v4-conversion .eap-conv-form-panel{padding:14px;border:1px solid var(--eap-v4-border);border-radius:10px;background:#fff}
.eap-plugin-scope .eap-saas-v4-conversion .eap-dropzone{min-height:150px;background:#f8fbff}

/* analytics */
.eap-plugin-scope .eap-saas-v4-range select{min-width:130px}
.eap-plugin-scope .eap-saas-v4-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.eap-plugin-scope .eap-saas-v4-breakdown,.eap-plugin-scope .eap-saas-v4-decision-card{padding:15px;border:1px solid var(--eap-v4-border);border-radius:11px;background:#fff}
.eap-plugin-scope .eap-saas-v4-breakdown h4,.eap-plugin-scope .eap-saas-v4-decision-card h4{margin:0 0 12px;color:#101828;font-size:13px}
.eap-plugin-scope .eap-saas-v4-breakdown-row{display:grid;gap:5px;margin-top:9px}
.eap-plugin-scope .eap-saas-v4-breakdown-row>div{display:flex;justify-content:space-between;gap:10px;color:#667085;font-size:12px}
.eap-plugin-scope .eap-saas-v4-bar{display:block;height:6px;border-radius:999px;background:#eef2f6;overflow:hidden}
.eap-plugin-scope .eap-saas-v4-bar i{display:block;height:100%;border-radius:inherit;background:#2563eb}
.eap-plugin-scope .eap-saas-v4-decision-card ul{margin:0;padding-left:18px;color:#475467;font-size:11.5px;line-height:1.65}

/* Security / access preview */
.eap-plugin-scope .eap-saas-v4-security-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #eef2f6}
.eap-plugin-scope .eap-saas-v4-security-row:last-child{border-bottom:0}
.eap-plugin-scope .eap-saas-v4-security-status{flex:0 0 auto}
.eap-plugin-scope .eap-saas-v4-access-preview{margin-top:12px;padding:13px 14px;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff;color:#475467;font-size:11.5px}
.eap-plugin-scope .eap-saas-v4-access-preview strong{display:block;margin-bottom:5px;color:#101828;font-size:12px}

/* Language portal refinement */
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-lang-portal-wrap .eap-lang-add-panel{margin:0 0 14px;padding:15px;border:1px solid #dbeafe;border-radius:11px;background:#f8fbff}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-lang-portal-wrap .eap-lang-table-module{padding:0;border:0;background:transparent}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-lang-portal-wrap .eap-lang-catalog-toolbar{margin-bottom:14px}

@media(max-width:1180px){
 .eap-plugin-scope .eap-saas-v4-object-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .eap-plugin-scope .eap-saas-v4-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .eap-plugin-scope .eap-saas-v4-clear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .eap-plugin-scope .eap-saas-v4-review-split{grid-template-columns:1fr}
}
@media(max-width:900px){
 .eap-plugin-scope .eap-saas-v4-object-grid,.eap-plugin-scope .eap-saas-v4-replay-grid,.eap-plugin-scope .eap-saas-v4-analytics-grid{grid-template-columns:1fr}
 .eap-plugin-scope .eap-saas-v4-filterbar{grid-template-columns:1fr 1fr}
 .eap-plugin-scope .eap-saas-v4-action-summary,.eap-plugin-scope .eap-saas-v4-policy-summary,.eap-plugin-scope .eap-saas-v4-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .eap-plugin-scope .eap-saas-v4-conversion-intro{grid-template-columns:1fr;align-items:start}
 .eap-plugin-scope .eap-saas-v4-calendar-day{min-height:86px}
}
@media(max-width:620px){
 .eap-plugin-scope .eap-saas-v4-object-toolbar,.eap-plugin-scope .eap-saas-v4-section-head,.eap-plugin-scope .eap-saas-v4-callout,.eap-plugin-scope .eap-saas-v4-advanced-banner{flex-direction:column;align-items:stretch}
 .eap-plugin-scope .eap-saas-v4-filterbar,.eap-plugin-scope .eap-saas-v4-action-summary,.eap-plugin-scope .eap-saas-v4-policy-summary,.eap-plugin-scope .eap-saas-v4-metric-strip,.eap-plugin-scope .eap-saas-v4-usage-grid,.eap-plugin-scope .eap-saas-v4-clear-grid,.eap-plugin-scope .eap-saas-v4-form{grid-template-columns:1fr}
 .eap-plugin-scope .eap-saas-v4-permission-row{grid-template-columns:1fr}
 .eap-plugin-scope .eap-saas-v4-object-card{grid-template-columns:42px minmax(0,1fr)}
 .eap-plugin-scope .eap-saas-v4-object-thumb{width:42px;height:52px}
 .eap-plugin-scope .eap-saas-v4-calendar{overflow-x:auto}
 .eap-plugin-scope .eap-saas-v4-calendar-grid{min-width:700px}
}
/* Tutorial V4: one primary action per row; full index on demand. */
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-tutorial-path-browser{margin:14px 0;border:1px solid #e5eaf0;border-radius:10px;background:#fff;overflow:hidden}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-tutorial-path-browser>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-tutorial-path-browser>summary::-webkit-details-marker{display:none}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-tutorial-path-browser>summary strong,.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-tutorial-path-browser>summary small{display:block}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-tutorial-path-browser>summary small{margin-top:2px;color:#667085;font-size:10.5px}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-tutorial-path-browser .eap-tutorial-index{margin:0;padding:12px;border-top:1px solid #eef2f6;background:#fafbfc}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-tutorial-item{min-height:0}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-tutorial-item__header{min-height:70px;padding:11px 13px}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-tutorial-item__actions{align-items:center;gap:6px}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-tutorial-item__more{position:relative}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-tutorial-item__more>summary{display:grid;place-items:center;width:34px;height:34px;cursor:pointer;list-style:none;border:1px solid #e5eaf0;border-radius:8px;background:#fff;color:#667085;font-size:12px;font-weight:800;letter-spacing:1px}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-tutorial-item__more>summary::-webkit-details-marker{display:none}
.eap-plugin-scope .eap-portal-shell[data-eap-ui-revision="4"] .eap-tutorial-item__more>div{position:absolute;z-index:12;right:0;top:40px;display:grid;gap:6px;width:190px;padding:8px;border:1px solid #e5eaf0;border-radius:9px;background:#fff;box-shadow:0 12px 30px rgba(16,24,40,.12)}

/* Institution directory controls: bounded server-side roster navigation. */
.eap-plugin-scope .eap-directory-filterbar{margin:0 0 16px}
.eap-plugin-scope .eap-directory-filterbar__summary{align-self:center;justify-self:end;color:var(--pa-text-secondary,#475569);font-size:.875rem;white-space:nowrap}
.eap-plugin-scope .eap-directory-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px}
.eap-plugin-scope .eap-directory-pagination__status{color:var(--pa-text-secondary,#475569);font-size:.875rem}
@media(max-width:640px){.eap-plugin-scope .eap-directory-filterbar__summary{justify-self:start;white-space:normal}.eap-plugin-scope .eap-directory-pagination{justify-content:space-between;flex-wrap:wrap}}
.eap-plugin-scope .eap-search-status{margin:6px 8px;padding:10px 12px;border-radius:8px;color:var(--pa-text-secondary,#475569);font-size:.875rem}
.eap-plugin-scope .eap-search-status--error{border:1px solid var(--pa-danger-border,#fecaca);background:var(--pa-danger-soft,#fef2f2);color:var(--pa-danger,#b91c1c)}
/* Paged class roster: one bounded directory page at a time. */
.eap-class-roster-editor{margin-top:20px}
.eap-roster-grid--paged label{align-items:flex-start;min-width:0;border:1px solid #e2e8f0}
.eap-roster-grid--paged label>span{display:grid;gap:2px;min-width:0}
.eap-roster-grid--paged label small{color:#64748b;font-weight:500;overflow-wrap:anywhere}
.eap-class-roster-editor__actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}
@media(max-width:640px){.eap-roster-grid--paged{grid-template-columns:1fr}.eap-class-roster-editor__actions{align-items:stretch;flex-direction:column}.eap-class-roster-editor__actions .eap-btn{width:100%}}
+/* Teacher question bank: original plus the teacher's selected language. */
.eap-portal-shell .eap-question-bilingual{display:grid;gap:8px;min-width:240px;max-width:620px}
.eap-portal-shell .eap-question-language-block{padding:10px 12px;border:1px solid var(--pa-border,#dfe6ee);border-radius:10px;background:var(--pa-surface,#fff)}
.eap-portal-shell .eap-question-language-block--teacher{border-inline-start:3px solid var(--pa-primary,#2563eb);background:var(--pa-primary-soft,#eff6ff)}
.eap-portal-shell .eap-question-language-label{display:block;margin-bottom:5px;color:var(--pa-text-muted,#64748b);font-size:10px;font-weight:800;letter-spacing:.065em;text-transform:uppercase}
.eap-portal-shell .eap-question-language-block p{margin:0;color:var(--pa-text,#172033);font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.eap-portal-shell .eap-question-language-block .eap-question-translation-pending{color:var(--pa-warning,#b45309);font-size:12px;font-style:italic}
@media(max-width:782px){.eap-portal-shell .eap-question-bilingual{min-width:210px}.eap-portal-shell .eap-question-language-block{padding:9px 10px}}


/* Academic Suite + Integrations — 1.6.94.1 */
.eap-suite-form{display:grid;gap:18px}.eap-suite-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.eap-suite-form label{display:grid;gap:7px;font-weight:650;color:var(--eap-freeze-text,var(--eap-text,#172033))}.eap-suite-form input,.eap-suite-form select,.eap-suite-form textarea{width:100%;min-height:44px;border:1px solid var(--eap-freeze-border,var(--eap-border,#dfe3ea));border-radius:10px;background:var(--eap-freeze-surface,#fff);color:inherit;padding:10px 12px;font:inherit;box-sizing:border-box}.eap-suite-form textarea{min-height:108px;resize:vertical}.eap-suite-form input:focus,.eap-suite-form select:focus,.eap-suite-form textarea:focus{outline:2px solid color-mix(in srgb,var(--eap-primary,#315efb) 28%,transparent);outline-offset:1px;border-color:var(--eap-primary,#315efb)}.eap-suite-check{display:flex;align-items:flex-start;gap:9px;font-weight:500}.eap-suite-check input{width:18px;min-height:18px;margin-top:2px}.eap-suite-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:0 0 18px}.eap-suite-metric{border:1px solid var(--eap-freeze-border,var(--eap-border,#dfe3ea));border-radius:14px;background:var(--eap-freeze-surface-soft,#f8fafc);padding:16px}.eap-suite-metric span{display:block;font-size:12px;color:var(--eap-freeze-muted,var(--eap-muted,#657083));text-transform:uppercase;letter-spacing:.05em}.eap-suite-metric strong{display:block;margin-top:5px;font-size:24px;line-height:1.1}.eap-suite-notice{border:1px solid var(--eap-freeze-border,var(--eap-border,#dfe3ea));border-left:4px solid var(--eap-primary,#315efb);border-radius:10px;padding:12px 14px;background:var(--eap-freeze-surface-soft,#f8fafc)}.eap-suite-notice--success{border-left-color:var(--eap-emerald,#15803d)}.eap-suite-notice--error{border-left-color:var(--eap-danger,#b42318)}.eap-table-scroll{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.eap-table-scroll .eap-table{min-width:700px}.eap-suite-learner-block{padding:18px 0;border-top:1px solid var(--eap-freeze-border,var(--eap-border,#dfe3ea))}.eap-suite-learner-block:first-child{padding-top:0;border-top:0}.eap-callout{margin:16px 0;padding:15px 16px;border:1px solid var(--eap-freeze-border,var(--eap-border,#dfe3ea));border-radius:12px;background:var(--eap-freeze-surface-soft,#f8fafc)}.eap-callout p:last-child{margin-bottom:0}.eap-suite-certificate-grid,.eap-suite-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.eap-suite-certificate{position:relative;border:1px solid var(--eap-freeze-border,var(--eap-border,#dfe3ea));border-radius:16px;padding:20px;background:var(--eap-freeze-surface,#fff)}.eap-suite-certificate-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--eap-role-accent-soft,#eef3ff);font-size:22px;margin-bottom:12px}.eap-suite-certificate dl{display:grid;grid-template-columns:minmax(90px,.7fr) 1.3fr;gap:7px 12px}.eap-suite-certificate dt{font-weight:700}.eap-suite-certificate dd{margin:0;min-width:0;overflow-wrap:anywhere}.eap-signup-choice-card{border:1px solid var(--eap-freeze-border,var(--eap-border,#dfe3ea));border-radius:16px;background:var(--eap-freeze-surface,#fff);padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.eap-signup-choice-card h3,.eap-signup-choice-card p{margin:0}.eap-signup-choice-card .eap-btn{margin-top:auto}.eap-eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--eap-primary,#315efb)}.eap-auth-sso{display:grid;gap:10px;margin-top:18px}.eap-auth-divider{display:flex;align-items:center;gap:12px;color:var(--eap-muted,#657083);font-size:12px}.eap-auth-divider:before,.eap-auth-divider:after{content:"";height:1px;flex:1;background:var(--eap-border,#dfe3ea)}.eap-auth-sso-button{display:flex;justify-content:center;align-items:center;min-height:44px;border:1px solid var(--eap-border,#dfe3ea);border-radius:10px;background:#fff;color:inherit;text-decoration:none;font-weight:700}.eap-pwa-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.eap-pwa-control__status{font-size:13px;color:var(--eap-muted,#657083)}.eap-inline-form{display:inline-flex}.eap-help-text{color:var(--eap-muted,#657083);font-size:13px}.eap-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:750;background:var(--eap-role-accent-soft,#eef3ff)}.eap-status-pill.green{color:var(--eap-emerald,#15803d)}.eap-status-pill.amber{color:#8a5a00}@media(max-width:720px){.eap-suite-form-grid{grid-template-columns:1fr}.eap-suite-certificate-grid,.eap-suite-card-grid{grid-template-columns:1fr}.eap-suite-certificate dl{grid-template-columns:1fr}.eap-table-scroll .eap-table{min-width:620px}}



/* ================================================================
   READER V4 — FOCUS-FIRST LEARNING READER
   1.6.94.11: reading content owns the viewport; controls stay compact.
   ================================================================ */
.eap-plugin-scope .eap-reader-v4{--eap-reader-surface:#fff;--eap-reader-soft:#f7f9fc;--eap-reader-border:#e3e9f1;--eap-reader-ink:#172033;--eap-reader-muted:#64748b;--eap-reader-accent:#2563eb;position:relative}
.eap-plugin-scope .eap-reader-v4 .eap-reader-bookbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"identity progress actions" "track track track";gap:10px 22px;align-items:center;padding:17px 18px 13px;border:1px solid var(--eap-reader-border);border-radius:15px;background:var(--eap-reader-surface);box-shadow:0 7px 22px rgba(15,23,42,.045)}
.eap-plugin-scope .eap-reader-bookbar__identity{grid-area:identity;min-width:0}.eap-plugin-scope .eap-reader-bookbar__identity h2{margin:2px 0 3px;font-size:22px;line-height:1.2;color:var(--eap-reader-ink)}.eap-plugin-scope .eap-reader-bookbar__identity p{margin:0;color:var(--eap-reader-muted);font-size:12px}
.eap-plugin-scope .eap-reader-bookbar__progress{grid-area:progress;display:flex;align-items:center;gap:12px;min-width:220px}.eap-plugin-scope .eap-reader-bookbar__progress>div:first-child{display:grid;gap:2px;text-align:right}.eap-plugin-scope .eap-reader-bookbar__progress strong{font-size:13px;color:var(--eap-reader-ink)}.eap-plugin-scope .eap-reader-bookbar__progress span{font-size:11.5px;color:var(--eap-reader-muted)}.eap-plugin-scope .eap-reader-bookbar__progress b{color:#0e7490}
.eap-plugin-scope .eap-reader-bookbar__progress .eap-reader-progress-ring{width:48px;height:48px;flex:0 0 48px;margin:0;align-self:auto}.eap-plugin-scope .eap-reader-bookbar__progress .eap-reader-progress-ring span{font-size:10px;font-weight:900;color:var(--eap-reader-ink)}
.eap-plugin-scope .eap-reader-bookbar__actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.eap-plugin-scope .eap-reader-bookbar__track{grid-area:track;height:4px;overflow:hidden;border-radius:99px;background:#edf2f7}.eap-plugin-scope .eap-reader-bookbar__track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0e93ad,#2563eb)}
.eap-plugin-scope .eap-reader-assignment{border:1px solid var(--eap-reader-border);border-radius:11px;background:#fbfcfe}.eap-plugin-scope .eap-reader-assignment summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 12px;cursor:pointer;color:#475569;font-size:12px;list-style:none}.eap-plugin-scope .eap-reader-assignment summary::-webkit-details-marker{display:none}.eap-plugin-scope .eap-reader-assignment summary>span:last-child{margin-left:auto;color:#7b8aa0}.eap-plugin-scope .eap-reader-assignment__content{display:flex;gap:8px;flex-wrap:wrap;padding:0 12px 11px}.eap-plugin-scope .eap-reader-assignment__content>span{padding:5px 8px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:700}.eap-plugin-scope .eap-reader-assignment__status.is-complete{background:#ecfdf3;color:#166534}.eap-plugin-scope .eap-reader-assignment__status.is-overdue{background:#fff1f2;color:#be123c}
.eap-plugin-scope .eap-reader-preferences{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 11px;border:1px solid #d7e8eb;border-radius:12px;background:linear-gradient(135deg,#f5fcfb,#f7faff)}.eap-plugin-scope .eap-reader-preferences__language{display:flex;align-items:center;gap:8px;flex:1 1 390px;min-width:0}.eap-plugin-scope .eap-reader-preferences__language>.dashicons{color:#0e7490}.eap-plugin-scope .eap-reader-v4 .eap-reader-language-form{flex:1 1 auto}.eap-plugin-scope .eap-reader-v4 .eap-reader-language-form label{display:flex;align-items:center;gap:7px;flex:1 1 260px}.eap-plugin-scope .eap-reader-v4 .eap-reader-language-form label>span,.eap-plugin-scope .eap-reader-preferences__view label>span{font-size:11px;font-weight:850;color:#526175}.eap-plugin-scope .eap-reader-v4 .eap-reader-language-form select{min-height:38px}
.eap-plugin-scope .eap-reader-preferences__view{display:flex;align-items:center;gap:7px;margin-left:auto}.eap-plugin-scope .eap-reader-preferences__view>label{display:flex;align-items:center;gap:6px}.eap-plugin-scope .eap-reader-preferences__view select{min-height:38px;margin:0;border:1px solid #d8e0ea;border-radius:9px;background:#fff;padding:5px 30px 5px 9px}
.eap-plugin-scope .eap-reader-text-menu,.eap-plugin-scope .eap-reader-editions-menu{position:relative}.eap-plugin-scope .eap-reader-text-menu>summary,.eap-plugin-scope .eap-reader-editions-menu>summary{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 10px;border:1px solid #d8e0ea;border-radius:9px;background:#fff;color:#334155;font-size:12px;font-weight:800;cursor:pointer;list-style:none}.eap-plugin-scope .eap-reader-text-menu>summary::-webkit-details-marker,.eap-plugin-scope .eap-reader-editions-menu>summary::-webkit-details-marker{display:none}.eap-plugin-scope .eap-reader-text-menu[open]>div,.eap-plugin-scope .eap-reader-editions-menu[open]>.eap-reader-editions-menu__list{position:absolute;right:0;top:calc(100% + 7px);z-index:45;width:min(320px,calc(100vw - 32px));padding:12px;border:1px solid var(--eap-reader-border);border-radius:12px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.14)}.eap-plugin-scope .eap-reader-text-menu[open]>div{display:grid;gap:10px}.eap-plugin-scope .eap-reader-text-menu label{display:grid;gap:4px;font-size:11px;font-weight:800;color:#526175}.eap-plugin-scope .eap-reader-text-menu select{width:100%;min-height:36px;margin:0}.eap-plugin-scope .eap-reader-font-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.eap-plugin-scope .eap-reader-font-buttons button{min-height:35px;border:1px solid #d8e0ea;border-radius:8px;background:#f8fafc;color:#253248;font-weight:850;cursor:pointer}.eap-plugin-scope .eap-reader-editions-menu__list{display:grid;gap:6px}.eap-plugin-scope .eap-reader-editions-menu__list>a{padding:7px 9px;border-radius:8px;text-decoration:none;font-size:12px}.eap-plugin-scope .eap-reader-editions-menu__list>a.is-active{background:#eff6ff;color:#1d4ed8;font-weight:800}.eap-plugin-scope .eap-reader-last-edition{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid #e8edf3}.eap-plugin-scope .eap-reader-last-edition span{display:grid}.eap-plugin-scope .eap-reader-last-edition small{color:var(--eap-reader-muted);font-size:10.5px}.eap-plugin-scope .eap-reader-last-edition a{font-size:12px;font-weight:800}
.eap-plugin-scope .eap-reader-tools-drawer,.eap-plugin-scope .eap-reader-sections-drawer{border:1px solid var(--eap-reader-border);border-radius:11px;background:#fff}.eap-plugin-scope .eap-reader-tools-drawer>summary,.eap-plugin-scope .eap-reader-sections-drawer>summary{display:flex;align-items:center;gap:7px;min-height:43px;padding:8px 12px;cursor:pointer;list-style:none}.eap-plugin-scope .eap-reader-tools-drawer>summary::-webkit-details-marker,.eap-plugin-scope .eap-reader-sections-drawer>summary::-webkit-details-marker{display:none}.eap-plugin-scope .eap-reader-tools-drawer>summary strong,.eap-plugin-scope .eap-reader-sections-drawer>summary strong{font-size:12px;color:#243145}.eap-plugin-scope .eap-reader-tools-drawer>summary>span:last-child,.eap-plugin-scope .eap-reader-sections-drawer>summary>span:last-child{margin-left:auto;color:#7a899e;font-size:11px}.eap-plugin-scope .eap-reader-tools-drawer__body{padding:0 12px 12px;border-top:1px solid #edf1f5}.eap-plugin-scope .eap-reader-v4 .eap-reader-study-tools{padding:0;border-radius:11px;box-shadow:none}.eap-plugin-scope .eap-reader-v4 .eap-reader-study-tools__top{padding-top:12px}.eap-plugin-scope .eap-reader-sections-drawer .eap-reader-tabs{position:static;top:auto;margin:0;padding:7px;border:0;border-top:1px solid #edf1f5;border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none}
.eap-plugin-scope .eap-reader-v4 .eap-reader-primary-panel{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.eap-plugin-scope .eap-reader-v4 .eap-reader-content-heading{padding:5px 4px 9px;border:0;background:transparent}.eap-plugin-scope .eap-reader-content-heading h3{font-size:17px}.eap-plugin-scope .eap-reader-content-heading p{font-size:11.5px}
.eap-plugin-scope .eap-reader-dock{top:10px;grid-template-columns:minmax(120px,.55fr) 174px minmax(0,2fr);margin:0;padding:8px 9px;border-radius:12px;box-shadow:0 8px 26px rgba(15,23,42,.075)}.eap-plugin-scope .eap-reader-dock__identity{display:grid;min-width:0;padding:0 5px}.eap-plugin-scope .eap-reader-dock__identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#172033;font-size:12px}.eap-plugin-scope .eap-reader-dock__identity span{color:#708096;font-size:10.5px;font-weight:700}.eap-plugin-scope .eap-reader-v4 .eap-reader-audio{grid-template-columns:minmax(112px,.38fr) minmax(215px,.9fr) minmax(260px,.9fr);gap:5px 8px}.eap-plugin-scope .eap-reader-v4 .eap-reader-audio__summary{min-height:54px;padding:6px 8px}.eap-plugin-scope .eap-reader-v4 .eap-reader-audio__summary strong{font-size:11px}.eap-plugin-scope .eap-reader-v4 .eap-reader-audio__transport .eap-btn{min-height:34px;padding:0 9px;font-size:11px}.eap-plugin-scope .eap-reader-v4 .eap-reader-audio__settings .eap-reader-speed{padding:1px 4px 1px 6px;font-size:10.5px}.eap-plugin-scope .eap-reader-v4 .eap-reader-audio__settings select{min-height:30px;font-size:10.5px}.eap-plugin-scope .eap-reader-v4 .eap-reader-audio-status{min-height:20px;padding:2px 6px;font-size:10.5px}
.eap-plugin-scope .eap-reader-v4 .eap-translated-page__head h4{font-size:14px}.eap-plugin-scope .eap-reader-v4 .eap-translated-page__head p{font-size:11px}.eap-plugin-scope .eap-reader-v4 .eap-translated-page__head .eap-reader-eyebrow{font-size:10px}.eap-plugin-scope .eap-reader-v4 .eap-reader-canvas{margin-top:0}
.eap-plugin-scope .eap-reader-bottom-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;max-width:980px;margin:10px auto 0;padding:10px 4px}.eap-plugin-scope .eap-reader-bottom-nav>span{text-align:center;color:#64748b;font-size:12px;font-weight:800}.eap-plugin-scope .eap-reader-bottom-nav>button:first-child{justify-self:start}.eap-plugin-scope .eap-reader-bottom-nav>button:last-child{justify-self:end}
.eap-plugin-scope .eap-reader-selection-toolbar{position:fixed;z-index:9999;display:flex;gap:2px;max-width:calc(100vw - 16px);padding:5px;border:1px solid #dbe3ed;border-radius:11px;background:#111827;box-shadow:0 12px 36px rgba(15,23,42,.22)}.eap-plugin-scope .eap-reader-selection-toolbar[hidden]{display:none}.eap-plugin-scope .eap-reader-selection-toolbar button{min-height:32px;padding:5px 9px;border:0;border-radius:7px;background:transparent;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.eap-plugin-scope .eap-reader-selection-toolbar button:hover,.eap-plugin-scope .eap-reader-selection-toolbar button:focus-visible{background:#334155;outline:none}
.eap-plugin-scope .eap-reader-v4[data-reader-font-size="-1"]{--eap-reader-font-size:16px}.eap-plugin-scope .eap-reader-v4[data-reader-font-size="1"]{--eap-reader-font-size:19px}.eap-plugin-scope .eap-reader-v4[data-reader-font-size="2"]{--eap-reader-font-size:20px}.eap-plugin-scope .eap-reader-v4[data-reader-font-family="sans"]{--eap-reader-font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.eap-plugin-scope .eap-reader-v4[data-reader-line-spacing="relaxed"]{--eap-reader-line-height:1.9}
.eap-plugin-scope .eap-reader-v4 .eap-translated-sheet ::selection{background:#dbeafe;color:#172033}.eap-plugin-scope .eap-reader-v4 .eap-translated-sheet mark{border-radius:3px;padding:1px 0}.eap-plugin-scope .eap-reader-v4 .eap-translated-sheet [data-eap-reading-segment]{scroll-margin-top:145px}
.eap-reader-focus-active .eap-sidebar,.eap-reader-focus-active .eap-topbar,.eap-reader-focus-active .eap-command-strip,.eap-reader-focus-active .eap-help-fab{display:none}.eap-reader-focus-active .eap-shell-inner{display:block}.eap-reader-focus-active .eap-main{width:100%;max-width:none;margin:0}.eap-reader-focus-active .eap-content{max-width:1240px;margin:0 auto;padding-top:12px}.eap-reader-focus-active .eap-student-reader-card{border:0;box-shadow:none}.eap-reader-focus-active .eap-reader-bookbar{position:sticky;top:0;z-index:35}.eap-reader-focus-active .eap-reader-preferences,.eap-reader-focus-active .eap-reader-assignment,.eap-reader-focus-active .eap-reader-tools-drawer,.eap-reader-focus-active .eap-reader-sections-drawer,.eap-reader-focus-active .eap-reader-content-heading{display:none}.eap-reader-focus-active .eap-reader-dock{top:72px}.eap-reader-focus-document{scroll-behavior:smooth}
@media(max-width:1100px){.eap-plugin-scope .eap-reader-v4 .eap-reader-bookbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity actions" "progress progress" "track track"}.eap-plugin-scope .eap-reader-bookbar__progress{justify-content:flex-start}.eap-plugin-scope .eap-reader-bookbar__progress>div:first-child{text-align:left}.eap-plugin-scope .eap-reader-dock{grid-template-columns:1fr 174px}.eap-plugin-scope .eap-reader-dock__identity{display:none}.eap-plugin-scope .eap-reader-v4 .eap-reader-audio{grid-column:1/-1;grid-template-columns:minmax(105px,.35fr) minmax(210px,.9fr) minmax(250px,.9fr)}}
@media(max-width:820px){.eap-plugin-scope .eap-reader-v4 .eap-reader-bookbar{grid-template-columns:1fr;grid-template-areas:"identity" "progress" "actions" "track"}.eap-plugin-scope .eap-reader-bookbar__actions{justify-content:flex-start}.eap-plugin-scope .eap-reader-preferences{align-items:stretch}.eap-plugin-scope .eap-reader-preferences__language{flex-basis:100%}.eap-plugin-scope .eap-reader-preferences__view{width:100%;margin-left:0;justify-content:flex-start}.eap-plugin-scope .eap-reader-dock{position:sticky;grid-template-columns:1fr}.eap-plugin-scope .eap-reader-page-nav{justify-self:start}.eap-plugin-scope .eap-reader-v4 .eap-reader-audio{grid-template-columns:1fr 1fr;grid-template-areas:"summary transport" "settings settings" "progress progress" "status status"}.eap-plugin-scope .eap-reader-audio__settings{grid-template-columns:repeat(3,1fr)}.eap-plugin-scope .eap-hybrid-page-grid.is-comparing{grid-template-columns:1fr}.eap-plugin-scope .eap-source-page-pane{border-left:0;border-top:1px solid #dbe5f0}.eap-plugin-scope .eap-reader-selection-toolbar{overflow-x:auto}}
@media(max-width:560px){.eap-plugin-scope .eap-reader-v4 .eap-reader-bookbar{padding:14px}.eap-plugin-scope .eap-reader-bookbar__progress .eap-reader-progress-ring{display:none}.eap-plugin-scope .eap-reader-bookbar__actions{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.eap-plugin-scope .eap-reader-bookbar__actions .eap-btn{justify-content:center}.eap-plugin-scope .eap-reader-v4 .eap-reader-language-form{display:grid;grid-template-columns:1fr auto}.eap-plugin-scope .eap-reader-v4 .eap-reader-language-form label{grid-column:1/-1;display:grid}.eap-plugin-scope .eap-reader-preferences__view{display:grid;grid-template-columns:1fr auto}.eap-plugin-scope .eap-reader-preferences__view>label{grid-column:1/-1;display:grid}.eap-plugin-scope .eap-reader-dock{top:4px}.eap-plugin-scope .eap-reader-v4 .eap-reader-audio{grid-template-columns:1fr;grid-template-areas:"transport" "settings" "progress" "status"}.eap-plugin-scope .eap-reader-audio__summary{display:none}.eap-plugin-scope .eap-reader-audio__transport{justify-content:flex-start;overflow-x:auto}.eap-plugin-scope .eap-reader-audio__settings{grid-template-columns:1fr}.eap-plugin-scope .eap-reader-v4 .eap-translated-sheet{padding:24px 14px;font-size:17px}.eap-plugin-scope .eap-reader-v4 .eap-translated-page__head{align-items:flex-start;padding-inline:2px}.eap-plugin-scope .eap-reader-bottom-nav{grid-template-columns:1fr 1fr}.eap-plugin-scope .eap-reader-bottom-nav>span{grid-column:1/-1;grid-row:1}.eap-plugin-scope .eap-reader-bottom-nav>button{grid-row:2}.eap-plugin-scope .eap-reader-tools-drawer>summary>span:last-child,.eap-plugin-scope .eap-reader-sections-drawer>summary>span:last-child{display:none}.eap-plugin-scope .eap-reader-selection-toolbar button{padding-inline:8px}.eap-reader-focus-active .eap-reader-dock{top:68px}}
@media print{.eap-reader-bookbar,.eap-reader-preferences,.eap-reader-assignment,.eap-reader-tools-drawer,.eap-reader-sections-drawer,.eap-reader-bottom-nav,.eap-reader-selection-toolbar{display:none}}

/* Reader V5 — calm controls, canonical page state and compact audio mini-player. */
.eap-plugin-scope .eap-reader-v5{--eap-reader-font-size:17.5px;--eap-reader-line-height:1.72}
.eap-plugin-scope .eap-reader-v5 .eap-reader-bookbar{grid-template-columns:minmax(0,1fr) auto auto;gap:14px 18px;padding:16px 18px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-bookbar__identity p{font-size:11px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-bookbar__progress{gap:8px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-bookbar__progress>div:first-child>span{display:block;margin-top:2px;color:#718096;font-size:11px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-progress-details{position:relative}
.eap-plugin-scope .eap-reader-v5 .eap-reader-progress-details>summary{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dce4ee;border-radius:999px;background:#f8fafc;color:#617087;cursor:pointer;list-style:none}
.eap-plugin-scope .eap-reader-v5 .eap-reader-progress-details>summary::-webkit-details-marker{display:none}
.eap-plugin-scope .eap-reader-v5 .eap-reader-progress-details>div{position:absolute;z-index:80;top:38px;right:0;display:grid;gap:6px;width:210px;padding:12px;border:1px solid #dce4ee;border-radius:12px;background:#fff;box-shadow:0 16px 34px rgba(15,23,42,.14);color:#607087;font-size:11px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-progress-details>div strong{color:#182235;font-size:12px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-bookbar__actions{gap:7px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-bookbar__actions .eap-btn{min-height:36px}
.eap-plugin-scope .eap-reader-v5 .eap-context-help-trigger.eap-reader-inline-help{position:static;inset:auto;right:auto;bottom:auto;z-index:auto;min-height:36px;border-radius:9px;box-shadow:none;transform:none}
.eap-plugin-scope .eap-reader-v5 .eap-reader-preferences{display:flex;align-items:center;gap:8px;padding:7px 9px;border-color:#e2e8f0;background:#fbfdff}
.eap-plugin-scope .eap-reader-v5 .eap-reader-preferences__language{flex:1;min-width:250px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-language-form{display:block;width:100%}
.eap-plugin-scope .eap-reader-v5 .eap-reader-language-form label{display:block}
.eap-plugin-scope .eap-reader-v5 .eap-reader-language-form select,.eap-plugin-scope .eap-reader-v5 .eap-reader-preferences__view select{min-height:38px;border-color:#dbe3ed;border-radius:9px;background:#fff;font-size:11.5px;font-weight:750}
.eap-plugin-scope .eap-reader-v5 .eap-reader-preferences__view{display:flex;gap:7px;margin-left:auto}
.eap-plugin-scope .eap-reader-v5 .eap-reader-text-menu>summary{display:grid;place-items:center;min-width:40px;height:38px;padding:0 10px;border:1px solid #dbe3ed;border-radius:9px;background:#fff;color:#344054;font-size:13px;font-weight:850;list-style:none;cursor:pointer}
.eap-plugin-scope .eap-reader-v5 .eap-reader-tools-drawer>summary,.eap-plugin-scope .eap-reader-v5 .eap-reader-sections-drawer>summary{min-height:40px;padding:7px 11px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-drawer-chevron{margin-left:auto;transition:transform .18s ease}
.eap-plugin-scope .eap-reader-v5 details[open]>summary>.eap-reader-drawer-chevron{transform:rotate(180deg)}
.eap-plugin-scope .eap-reader-v5 .eap-reader-content-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:6px 3px 8px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-content-heading h3{margin-bottom:1px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-content-heading p{margin:0;color:#74839a;font-size:11px;font-weight:700}
.eap-plugin-scope .eap-reader-v5 .eap-reader-dock{position:sticky;top:8px;z-index:36;display:grid;grid-template-columns:1fr;gap:7px;margin:0 0 10px;padding:9px 10px;border:1px solid #dce5ef;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(15,23,42,.08);backdrop-filter:blur(12px)}
.eap-plugin-scope .eap-reader-v5 .eap-reader-dock__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-page-nav{display:flex;align-items:center;gap:7px;padding:2px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc}
.eap-plugin-scope .eap-reader-v5 .eap-reader-page-nav strong{min-width:94px;text-align:center;color:#273449;font-size:11.5px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-page-nav .eap-reader-icon-btn{width:31px;height:31px;background:#fff}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio__primary{display:flex;align-items:center;gap:8px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio__primary>span{color:#718096;font-size:10.5px;font-weight:750}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio{display:grid;grid-template-columns:1fr;grid-template-areas:"controls" "progress" "status" "pageprogress";gap:6px;padding:0;border:0;background:transparent}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio__controls{grid-area:controls;display:flex;align-items:end;gap:7px;flex-wrap:wrap}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio__controls .eap-reader-speed{display:grid;gap:2px;min-width:108px;color:#66758a;font-size:9.5px;font-weight:800}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio__controls .eap-reader-speed select{min-height:33px;padding:4px 28px 4px 8px;border:1px solid #dce4ee;border-radius:8px;background:#fff;color:#263349;font-size:11px;font-weight:750}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio__controls>.eap-btn{min-height:33px;padding:0 10px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio-more{position:relative;margin-left:auto}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio-more>summary{display:inline-flex;align-items:center;gap:5px;min-height:33px;padding:0 10px;border:1px solid #dce4ee;border-radius:8px;background:#fff;color:#405067;font-size:10.5px;font-weight:800;cursor:pointer;list-style:none}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio-more>summary::-webkit-details-marker{display:none}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio-more>div{position:absolute;z-index:75;top:39px;right:0;display:grid;gap:6px;width:230px;padding:9px;border:1px solid #dce4ee;border-radius:11px;background:#fff;box-shadow:0 16px 34px rgba(15,23,42,.15)}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio-more button{display:flex;align-items:center;gap:7px;width:100%;min-height:34px;padding:6px 8px;border:0;border-radius:7px;background:#f8fafc;color:#344054;text-align:left;font-size:11px;font-weight:750;cursor:pointer}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio-more button:hover{background:#eef4ff;color:#1d4ed8}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio-more label{display:grid;gap:4px;color:#66758a;font-size:10px;font-weight:800}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio-more select{width:100%;min-height:34px;border:1px solid #dce4ee;border-radius:7px;background:#fff}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio__progress{grid-area:progress}
.eap-plugin-scope .eap-reader-v5 .eap-reader-audio-status{grid-area:status;min-height:18px;padding:2px 4px;background:transparent;color:#718096;font-size:10.5px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-page-progress{grid-area:pageprogress;display:grid;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:8px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-page-progress>span{height:4px;overflow:hidden;border-radius:999px;background:#e7edf5}
.eap-plugin-scope .eap-reader-v5 .eap-reader-page-progress>span i{display:block;height:100%;border-radius:inherit;background:#2563eb;transition:width .15s linear}
.eap-plugin-scope .eap-reader-v5 .eap-reader-page-progress small{color:#77869b;font-size:9.5px;font-weight:700;white-space:nowrap}
.eap-plugin-scope .eap-reader-v5 .eap-translated-sheet{max-width:70ch;padding-top:34px;color:#33445e;font-size:var(--eap-reader-font-size);line-height:var(--eap-reader-line-height)}
.eap-plugin-scope .eap-reader-v5 .eap-translated-page__head{padding-bottom:7px}
.eap-plugin-scope .eap-reader-v5 .eap-reader-bottom-nav>button:first-child span:last-child{white-space:nowrap}
.eap-plugin-scope .eap-reader-v5 .eap-reader-bottom-nav>button:last-child span:first-child{white-space:nowrap}
.eap-reader-focus-active .eap-plugin-scope .eap-reader-v5 .eap-reader-bookbar{grid-template-columns:minmax(0,1fr) auto auto;padding:10px 14px}
.eap-reader-focus-active .eap-plugin-scope .eap-reader-v5 .eap-reader-bookbar__identity .eap-reader-eyebrow,.eap-reader-focus-active .eap-plugin-scope .eap-reader-v5 .eap-reader-bookbar__identity p,.eap-reader-focus-active .eap-plugin-scope .eap-reader-v5 .eap-reader-progress-ring,.eap-reader-focus-active .eap-plugin-scope .eap-reader-v5 .eap-reader-progress-details,.eap-reader-focus-active .eap-plugin-scope .eap-reader-v5 .eap-reader-library-link,.eap-reader-focus-active .eap-plugin-scope .eap-reader-v5 .eap-reader-inline-help{display:none}
.eap-reader-focus-active .eap-plugin-scope .eap-reader-v5 .eap-reader-bookbar__identity h2{font-size:16px}
.eap-reader-focus-active .eap-plugin-scope .eap-reader-v5 .eap-reader-bookbar__progress>div:first-child>span{display:none}
.eap-reader-focus-active .eap-plugin-scope .eap-reader-v5 .eap-reader-dock{top:58px}
@media(max-width:900px){.eap-plugin-scope .eap-reader-v5 .eap-reader-bookbar{grid-template-columns:1fr auto;grid-template-areas:"identity actions" "progress progress" "track track"}.eap-plugin-scope .eap-reader-v5 .eap-reader-dock__top{align-items:stretch}.eap-plugin-scope .eap-reader-v5 .eap-reader-page-progress{grid-template-columns:1fr}.eap-plugin-scope .eap-reader-v5 .eap-reader-page-progress small{white-space:normal}.eap-plugin-scope .eap-reader-v5 .eap-reader-preferences{flex-wrap:wrap}.eap-plugin-scope .eap-reader-v5 .eap-reader-preferences__language{flex-basis:100%}}
@media(max-width:620px){.eap-plugin-scope .eap-reader-v5 .eap-reader-bookbar{grid-template-columns:1fr;grid-template-areas:"identity" "progress" "actions" "track"}.eap-plugin-scope .eap-reader-v5 .eap-reader-bookbar__actions{display:flex;width:100%;flex-wrap:wrap}.eap-plugin-scope .eap-reader-v5 .eap-reader-preferences__view{width:100%;margin-left:0}.eap-plugin-scope .eap-reader-v5 .eap-reader-preferences__view>label{flex:1}.eap-plugin-scope .eap-reader-v5 .eap-reader-preferences__view select{width:100%}.eap-plugin-scope .eap-reader-v5 .eap-reader-dock__top{display:grid;grid-template-columns:1fr}.eap-plugin-scope .eap-reader-v5 .eap-reader-page-nav{justify-self:stretch;justify-content:space-between}.eap-plugin-scope .eap-reader-v5 .eap-reader-audio__primary{justify-content:space-between}.eap-plugin-scope .eap-reader-v5 .eap-reader-audio__primary .eap-btn{flex:1;justify-content:center}.eap-plugin-scope .eap-reader-v5 .eap-reader-audio__controls{display:grid;grid-template-columns:1fr 1fr}.eap-plugin-scope .eap-reader-v5 .eap-reader-audio__controls .eap-reader-speed{min-width:0}.eap-plugin-scope .eap-reader-v5 .eap-reader-audio__controls>.eap-btn{grid-column:1/-1;justify-content:center}.eap-plugin-scope .eap-reader-v5 .eap-reader-audio-more{position:static;margin-left:0}.eap-plugin-scope .eap-reader-v5 .eap-reader-audio-more>summary{width:100%;justify-content:center}.eap-plugin-scope .eap-reader-v5 .eap-reader-audio-more>div{left:0;right:0;width:auto}.eap-plugin-scope .eap-reader-v5 .eap-reader-content-heading{align-items:flex-start}.eap-reader-focus-active .eap-plugin-scope .eap-reader-v5 .eap-reader-dock{top:54px}}


/* EAP 1.6.94.11 — translation workflow restoration + Reader affordance closure */
.eap-plugin-scope .eap-reader-v8 .eap-reader-tabs--primary{position:sticky;top:8px;z-index:28;display:flex;align-items:center;gap:6px;margin:0;padding:7px;border:1px solid #dce5ef;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(15,23,42,.045);backdrop-filter:blur(10px);overflow-x:auto;scrollbar-width:thin}
.eap-plugin-scope .eap-reader-v8 .eap-reader-tabs--primary .eap-student-book-tab{flex:0 0 auto;min-height:36px;padding:7px 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:#42526a;font-size:11.5px;font-weight:800}
.eap-plugin-scope .eap-reader-v8 .eap-reader-tabs--primary .eap-student-book-tab:hover{background:#f6f9fc;color:#1d4ed8}
.eap-plugin-scope .eap-reader-v8 .eap-reader-tabs--primary .eap-student-book-tab.is-active{border-color:#a9d8e6;background:#e8f8fb;color:#087b99;box-shadow:none}
.eap-plugin-scope .eap-reader-v8 .eap-reader-tabs--primary .dashicons{width:16px;height:16px;font-size:16px}
.eap-plugin-scope .eap-reader-v8 .eap-reader-content-heading{gap:16px}
.eap-plugin-scope .eap-reader-v8 .eap-reader-content-heading__actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.eap-plugin-scope .eap-reader-v8 .eap-reader-edition-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin:10px 0 2px;padding:15px 16px;border:1px solid #dbe7f2;border-radius:13px;background:#f8fbff;color:#41516a}
.eap-plugin-scope .eap-reader-v8 .eap-reader-edition-state__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e8f8fb;color:#087b99}
.eap-plugin-scope .eap-reader-v8 .eap-reader-edition-state strong{display:block;color:#1f2c40;font-size:13px}
.eap-plugin-scope .eap-reader-v8 .eap-reader-edition-state p{margin:3px 0 0;color:#65758c;font-size:11.5px;line-height:1.5}
.eap-plugin-scope .eap-reader-v8 .eap-reader-edition-state small{display:block;margin-top:5px;color:#76869b;font-size:10px}
.eap-plugin-scope .eap-reader-v8 .eap-reader-edition-state.is-processing,.eap-plugin-scope .eap-reader-v8 .eap-reader-edition-state.is-partial{border-color:#bde5ee;background:#f4fcfd}
.eap-plugin-scope .eap-reader-v8 .eap-reader-edition-state.is-failed{border-color:#fecaca;background:#fff7f7}
.eap-plugin-scope .eap-reader-v8 .eap-reader-edition-progress{height:5px;margin-top:8px;overflow:hidden;border-radius:999px;background:#dfeaf2}
.eap-plugin-scope .eap-reader-v8 .eap-reader-edition-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0891b2,#2563eb);transition:width .25s ease}
.eap-plugin-scope .eap-reader-v8 .eap-reader-language-form[aria-busy="true"] select,.eap-plugin-scope .eap-reader-v8 .eap-reader-language-form select.is-submitting{opacity:.7;cursor:progress}
.eap-plugin-scope .eap-reader-v8 .eap-reader-study-tools{margin-bottom:0}
.eap-plugin-scope .eap-reader-v8 .eap-reader-tabs--primary+.eap-reader-panel{margin-top:10px}
.eap-plugin-scope .eap-reader-v8 .eap-reader-panel[data-panel="source"]{background:#fff}
.eap-plugin-scope .eap-reader-v8 .eap-reader-source-frame{min-height:680px}
.eap-plugin-scope .eap-reader-v8 .eap-translated-page__actions{display:flex;gap:7px;flex-wrap:wrap}
.eap-reader-focus-active .eap-plugin-scope .eap-reader-v8 .eap-reader-tabs--primary{top:58px;max-width:980px;margin-inline:auto}
@media(max-width:760px){.eap-plugin-scope .eap-reader-v8 .eap-reader-tabs--primary{top:4px}.eap-plugin-scope .eap-reader-v8 .eap-reader-edition-state{grid-template-columns:auto 1fr}.eap-plugin-scope .eap-reader-v8 .eap-reader-edition-state>.eap-btn{grid-column:1/-1;justify-content:center}.eap-plugin-scope .eap-reader-v8 .eap-reader-content-heading__actions{width:100%;justify-content:flex-start}.eap-reader-focus-active .eap-plugin-scope .eap-reader-v8 .eap-reader-tabs--primary{top:52px}}


/* EAP 1.6.94.11 — self-healing translation + progressive page/audio availability */
.eap-plugin-scope .eap-reader-v8 .eap-reader-language-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%}
.eap-plugin-scope .eap-reader-v8 .eap-reader-language-form>label{min-width:0}
.eap-plugin-scope .eap-reader-v8 .eap-reader-language-create{min-height:38px;white-space:nowrap;box-shadow:0 8px 18px rgba(37,99,235,.16)}
.eap-plugin-scope .eap-reader-v8 .eap-reader-language-create .dashicons{width:16px;height:16px;font-size:16px}
.eap-plugin-scope .eap-reader-v8 .eap-reader-edition-state{grid-template-columns:auto minmax(0,1fr)}
.eap-plugin-scope .eap-reader-v8 .eap-reader-partial-ready{display:flex;align-items:flex-start;gap:8px;margin:8px 0 10px;padding:9px 11px;border:1px solid #c9e7dc;border-radius:10px;background:#f3fbf7;color:#356a56;font-size:11px;font-weight:700;line-height:1.45}
.eap-plugin-scope .eap-reader-v8 .eap-reader-partial-ready .dashicons{flex:0 0 auto;color:#16845c}
.eap-plugin-scope .eap-reader-v8 .eap-reader-edition-state.is-processing .eap-reader-edition-state__icon,.eap-plugin-scope .eap-reader-v8 .eap-reader-edition-state.is-partial .eap-reader-edition-state__icon{animation:eapReaderTranslatePulse 1.35s ease-in-out infinite}
@keyframes eapReaderTranslatePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.93);opacity:.72}}
@media(max-width:720px){.eap-plugin-scope .eap-reader-v8 .eap-reader-language-form{grid-template-columns:1fr}.eap-plugin-scope .eap-reader-v8 .eap-reader-language-create{width:100%;justify-content:center}}


/* EAP 1.6.94.11 — resilient translation pump + audio dock separation */
.eap-plugin-scope .eap-reader-v8 .eap-reader-dock__top{display:grid;grid-template-columns:minmax(180px,auto) 1fr;align-items:center;gap:12px}
.eap-plugin-scope .eap-reader-v8 .eap-reader-page-nav{justify-self:start;min-width:0}
.eap-plugin-scope .eap-reader-v8 .eap-reader-audio__primary{justify-self:end;min-width:0}
.eap-plugin-scope .eap-reader-v8 .eap-reader-audio__primary>span{min-width:52px;text-align:right;white-space:nowrap}
.eap-plugin-scope .eap-reader-v8 .eap-reader-audio__controls{display:grid;grid-template-columns:minmax(110px,150px) minmax(90px,120px) auto minmax(84px,auto);align-items:end;gap:8px}
.eap-plugin-scope .eap-reader-v8 .eap-reader-audio-more{margin-left:0;justify-self:end}
@media(max-width:760px){.eap-plugin-scope .eap-reader-v8 .eap-reader-dock__top{grid-template-columns:1fr}.eap-plugin-scope .eap-reader-v8 .eap-reader-audio__primary{justify-self:stretch;justify-content:space-between}.eap-plugin-scope .eap-reader-v8 .eap-reader-audio__controls{grid-template-columns:1fr 1fr}.eap-plugin-scope .eap-reader-v8 .eap-reader-audio__controls>.eap-btn{grid-column:1/-1}.eap-plugin-scope .eap-reader-v8 .eap-reader-audio-more{justify-self:stretch}.eap-plugin-scope .eap-reader-v8 .eap-reader-audio-more>summary{width:100%;justify-content:center}}

/* ============================================================
   Reader workspace v9 — reference UI contract (1.6.94.19)
   Dense learning workbench with a calm reading canvas.
   ============================================================ */
.eap-plugin-scope .eap-reader-workspace-active{--eap-reader-ref-blue:#145df8;--eap-reader-ref-ink:#10213e;--eap-reader-ref-muted:#65758f;--eap-reader-ref-border:#e1e8f2;--eap-reader-ref-soft:#f7f9fc;--eap-reader-ref-cyan:#12a7bd;--eap-reader-ref-sidebar:220px}
.eap-plugin-scope .eap-reader-workspace-active .eap-command-strip{display:none}
.eap-plugin-scope .eap-reader-workspace-active .eap-topbar{min-height:126px;padding:18px 26px 16px;border-bottom:1px solid var(--eap-reader-ref-border);background:#fff;align-items:flex-start}
.eap-plugin-scope .eap-reader-topbar-left{display:grid;gap:7px;min-width:0}
.eap-plugin-scope .eap-reader-breadcrumb{display:flex;align-items:center;gap:8px;color:#566984;font-size:12px;font-weight:700}
.eap-plugin-scope .eap-reader-breadcrumb a{display:inline-flex;align-items:center;gap:5px;color:#304766;text-decoration:none}
.eap-plugin-scope .eap-reader-breadcrumb .dashicons{width:15px;height:15px;font-size:15px}
.eap-plugin-scope .eap-reader-page-title{margin:0;font-size:31px;line-height:1.05;letter-spacing:-.035em;color:var(--eap-reader-ref-ink)}
.eap-plugin-scope .eap-reader-page-subtitle{max-width:760px;margin:0;color:var(--eap-reader-ref-muted);font-size:12px;font-weight:600}
.eap-plugin-scope .eap-reader-topbar-right{align-items:flex-start;gap:10px}
.eap-plugin-scope .eap-reader-top-search{display:flex;align-items:center;gap:8px;width:min(310px,30vw);min-height:42px;padding:0 12px;border:1px solid var(--eap-reader-ref-border);border-radius:10px;background:#fff}
.eap-plugin-scope .eap-reader-top-search .dashicons{color:#173052}
.eap-plugin-scope .eap-reader-top-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#1f3150;font-size:12px;box-shadow:none}
.eap-plugin-scope .eap-reader-workspace-active .eap-portal-tools .eap-tool-button--tour,
.eap-plugin-scope .eap-reader-workspace-active .eap-portal-tools .eap-tool-button--export,
.eap-plugin-scope .eap-reader-workspace-active .eap-portal-tools .eap-tool-button--search,
.eap-plugin-scope .eap-reader-workspace-active .eap-connection-heartbeat{display:none}
.eap-plugin-scope .eap-reader-workspace-active .eap-content{max-width:none;padding:18px 18px 230px}
.eap-plugin-scope .eap-reader-workspace-active .eap-dashboard-grid{display:block}
.eap-plugin-scope .eap-reader-workspace-active .eap-student-reader-card{margin:0;border:0;background:transparent;box-shadow:none}
.eap-plugin-scope .eap-reader-workspace-active .eap-student-reader-card>.eap-widget-header{display:none}
.eap-plugin-scope .eap-reader-workspace-active .eap-student-reader-card>.eap-card-body{padding:0}
.eap-plugin-scope .eap-reader-v8{max-width:1500px;margin:0 auto;color:var(--eap-reader-ref-ink)}

/* compact identity/progress strip */
.eap-plugin-scope .eap-reader-v8 .eap-reader-bookbar{grid-template-columns:minmax(250px,1fr) auto auto;grid-template-areas:"identity progress actions" "track track track";padding:13px 15px 10px;border:1px solid var(--eap-reader-ref-border);border-radius:12px;background:#fff;box-shadow:none}
.eap-plugin-scope .eap-reader-v8 .eap-reader-bookbar__identity .eap-reader-eyebrow{font-size:9px;letter-spacing:.08em;color:#0b7595}
.eap-plugin-scope .eap-reader-v8 .eap-reader-bookbar__identity h2{font-size:15px}
.eap-plugin-scope .eap-reader-v8 .eap-reader-bookbar__identity p{font-size:11px}
.eap-plugin-scope .eap-reader-v8 .eap-reader-bookbar__progress{min-width:190px}
.eap-plugin-scope .eap-reader-v8 .eap-reader-bookbar__actions .eap-reader-library-link{display:inline-flex}
.eap-plugin-scope .eap-reader-v8 .eap-reader-bookbar__actions [data-eap-open-context-help]{position:static;inset:auto;transform:none;box-shadow:none}

/* top command row */
.eap-plugin-scope .eap-reader-commandbar{display:grid;grid-template-columns:auto minmax(280px,1.2fr) auto auto auto auto auto;gap:8px;align-items:stretch;margin:13px 0 10px}
.eap-plugin-scope .eap-reader-command,.eap-plugin-scope .eap-reader-command-menu>summary,.eap-plugin-scope .eap-reader-command-language{min-height:44px;border:1px solid var(--eap-reader-ref-border);border-radius:9px;background:#fff;color:#20324d;font-size:12px;font-weight:800}
.eap-plugin-scope .eap-reader-command{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;cursor:pointer}
.eap-plugin-scope .eap-reader-command:disabled{opacity:.45;cursor:not-allowed}
.eap-plugin-scope .eap-reader-command .dashicons,.eap-plugin-scope .eap-reader-command-menu>summary .dashicons{width:17px;height:17px;font-size:17px}
.eap-plugin-scope .eap-reader-command--listen{border-color:var(--eap-reader-ref-blue);background:var(--eap-reader-ref-blue);color:#fff;box-shadow:0 5px 13px rgba(20,93,248,.18)}
.eap-plugin-scope .eap-reader-command--original small{font-size:10px;color:#718199;font-weight:700}
.eap-plugin-scope .eap-reader-command-language{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:4px}
.eap-plugin-scope .eap-reader-command-language label{display:flex;align-items:center;gap:8px;min-width:0;padding-left:8px}
.eap-plugin-scope .eap-reader-command-language select{width:100%;min-width:0;min-height:34px;border:0;background:transparent;color:#1242a5;font-weight:800;box-shadow:none}
.eap-plugin-scope .eap-reader-command-language .eap-reader-language-create{min-height:34px;border-radius:7px;padding:0 11px;white-space:nowrap}
.eap-plugin-scope .eap-reader-command-menu{position:relative;margin:0}
.eap-plugin-scope .eap-reader-command-menu>summary{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;list-style:none;cursor:pointer;white-space:nowrap}
.eap-plugin-scope .eap-reader-command-menu>summary::-webkit-details-marker{display:none}
.eap-plugin-scope .eap-reader-command-menu__panel{position:absolute;right:0;z-index:90;display:grid;gap:8px;width:250px;margin-top:6px;padding:12px;border:1px solid var(--eap-reader-ref-border);border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(18,33,61,.16)}
.eap-plugin-scope .eap-reader-command-menu__panel label{display:grid;gap:5px;color:#53647c;font-size:11px;font-weight:800}
.eap-plugin-scope .eap-reader-command-menu__panel select{min-height:36px;border:1px solid #dce4ef;border-radius:8px;background:#fff}
.eap-plugin-scope .eap-reader-command-menu__panel>button{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 8px;border:0;border-radius:7px;background:transparent;color:#263b59;text-align:left;font-weight:700;cursor:pointer}
.eap-plugin-scope .eap-reader-command-menu__panel>button:hover{background:#f4f7fb}

/* live translation banner */
.eap-plugin-scope .eap-reader-translation-banner{display:grid;grid-template-columns:auto minmax(230px,1fr) auto 150px auto;gap:14px;align-items:center;margin:0 0 14px;padding:11px 15px;border:1px solid #f1dfbd;border-radius:10px;background:#fffaf0;color:#6c4a17}
.eap-plugin-scope .eap-reader-translation-spinner{animation:eapReaderSpin 1.15s linear infinite;color:#1c3f79}
@keyframes eapReaderSpin{to{transform:rotate(360deg)}}
.eap-plugin-scope .eap-reader-translation-banner__copy{display:grid;gap:2px}
.eap-plugin-scope .eap-reader-translation-banner__copy strong{font-size:12px;color:#29384f}
.eap-plugin-scope .eap-reader-translation-banner__copy span{font-size:10.5px;color:#728096}
.eap-plugin-scope .eap-reader-translation-banner__ready{font-size:10.5px;color:#52647c;text-align:center;white-space:nowrap}
.eap-plugin-scope .eap-reader-translation-banner__progress{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;align-items:center}
.eap-plugin-scope .eap-reader-translation-banner__progress>strong{font-size:11px;color:#334965}
.eap-plugin-scope .eap-reader-translation-banner .eap-reader-edition-progress{width:82px;height:5px;margin:0;background:#f2e2bb}
.eap-plugin-scope .eap-reader-translation-banner .eap-reader-edition-progress span{background:#f5a623}
.eap-plugin-scope .eap-reader-translation-banner__progress small{grid-column:1/-1;display:none}
.eap-plugin-scope .eap-reader-translation-banner.is-ready{border-color:#cbe9d6;background:#f2fbf6}
.eap-plugin-scope .eap-reader-translation-banner.is-ready .eap-reader-translation-spinner{animation:none;color:#19a45a}

/* study tools remain available but are secondary, as in the reference */
.eap-plugin-scope .eap-reader-v8>.eap-reader-tools-drawer{margin:0 0 12px;border-radius:10px;background:#fff}
.eap-plugin-scope .eap-reader-v8>.eap-reader-tools-drawer:not([open]){display:none}
.eap-plugin-scope .eap-reader-v8>.eap-reader-tools-drawer[open]{display:block}
.eap-plugin-scope .eap-reader-v8>.eap-reader-tools-drawer>summary{display:none}
.eap-plugin-scope .eap-reader-v8>.eap-reader-tools-drawer .eap-reader-tools-drawer__body{padding:12px}
.eap-plugin-scope .eap-reader-v8>.eap-reader-tabs--primary{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* reading workspace */
.eap-plugin-scope .eap-reader-v8 .eap-reader-primary-panel{padding:0;border:0;background:transparent;box-shadow:none}
.eap-plugin-scope .eap-reader-page-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title actions" "status actions" "note note";gap:8px 14px;margin:0 326px 9px 0;padding:18px 20px 11px;border:1px solid var(--eap-reader-ref-border);border-bottom:0;border-radius:12px 12px 0 0;background:#fff}
.eap-plugin-scope .eap-reader-page-card-head__title{grid-area:title;display:flex;align-items:center;gap:10px}
.eap-plugin-scope .eap-reader-page-card-head__title h3{margin:0;color:#192a45;font-size:21px;letter-spacing:-.02em}
.eap-plugin-scope .eap-reader-page-card-head__nav{display:flex;gap:4px}
.eap-plugin-scope .eap-reader-page-card-head__nav button,.eap-plugin-scope .eap-reader-page-card-head__actions button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:0 9px;border:1px solid #e0e7f0;border-radius:8px;background:#fff;color:#253956;cursor:pointer}
.eap-plugin-scope .eap-reader-page-card-head__actions{grid-area:actions;display:flex;align-items:flex-start;gap:6px}
.eap-plugin-scope .eap-reader-page-card-head__actions button{gap:6px;font-size:11px;font-weight:800}
.eap-plugin-scope .eap-reader-page-card-head__status{grid-area:status;display:flex;align-items:center;gap:10px;color:#2b4d7d;font-size:11px}
.eap-plugin-scope .eap-reader-availability-pill{display:inline-flex;padding:3px 8px;border-radius:999px;background:#eaf8ef;color:#20874d;font-size:9px;font-weight:900}
.eap-plugin-scope .eap-reader-source-note{grid-area:note;display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #dbe7f6;border-radius:7px;background:#f8fbff;color:#647790;font-size:10.5px}
.eap-plugin-scope .eap-reader-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:12px;align-items:start}
.eap-plugin-scope .eap-reader-workspace-main{min-width:0;border:1px solid var(--eap-reader-ref-border);border-radius:0 0 12px 12px;background:#fff;box-shadow:0 6px 22px rgba(18,33,61,.035)}
.eap-plugin-scope .eap-reader-v8 .eap-translated-page__head{display:none}
.eap-plugin-scope .eap-reader-v8 .eap-hybrid-page-grid{display:block}
.eap-plugin-scope .eap-reader-v8 .eap-translated-sheet{max-width:820px;margin:0 auto;padding:34px 22px 30px;border:0;background:#fff;box-shadow:none;color:#253b5a;font-size:16px;line-height:1.8}
.eap-plugin-scope .eap-reader-v8 .eap-translated-sheet p{max-width:72ch;margin:0 0 1.15em}
.eap-plugin-scope .eap-reader-v8 .eap-source-page-pane{margin:0 18px 24px;border:1px solid #dbe5f0;border-radius:10px;overflow:hidden}
.eap-plugin-scope .eap-reader-page-jump{display:flex;justify-content:center;gap:8px;padding:15px 16px 3px}
.eap-plugin-scope .eap-reader-page-jump button{width:40px;height:40px;border:1px solid #dfe6f0;border-radius:7px;background:#fff;color:#20324f;font-weight:800;cursor:pointer}
.eap-plugin-scope .eap-reader-page-jump button.is-active{border-color:var(--eap-reader-ref-blue);box-shadow:0 0 0 1px var(--eap-reader-ref-blue);color:var(--eap-reader-ref-blue)}
.eap-plugin-scope .eap-reader-v8 .eap-reader-bottom-nav{padding:12px 18px 17px;border-top:0}

/* right rail */
.eap-plugin-scope .eap-reader-side-rail{display:grid;gap:9px;min-width:0}
.eap-plugin-scope .eap-reader-rail-card{overflow:hidden;border:1px solid var(--eap-reader-ref-border);border-radius:10px;background:#fff}
.eap-plugin-scope .eap-reader-rail-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 13px 8px;color:#1e2e48;font-size:12px}
.eap-plugin-scope .eap-reader-rail-card>header>button{border:0;background:transparent;cursor:pointer}
.eap-plugin-scope .eap-reader-rail-card>header>span{color:#75849a;font-size:9.5px}
.eap-plugin-scope .eap-reader-rail-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 10px 11px}
.eap-plugin-scope .eap-reader-rail-tool-grid button{display:grid;place-items:center;gap:5px;min-height:74px;padding:8px 4px;border:1px solid #e5eaf2;border-radius:8px;background:#fbfcfe;color:#233958;cursor:pointer}
.eap-plugin-scope .eap-reader-rail-tool-grid button:hover{border-color:#b9d0ff;background:#f3f7ff}
.eap-plugin-scope .eap-reader-rail-tool-grid .dashicons{width:26px;height:26px;font-size:21px;padding:3px;border-radius:7px;background:#edf3ff;color:#155df5}
.eap-plugin-scope .eap-reader-rail-tool-grid small{font-size:9px;font-weight:800;line-height:1.2}
.eap-plugin-scope .eap-reader-rail-translation{padding-bottom:10px}
.eap-plugin-scope .eap-reader-rail-translation__top{display:flex;justify-content:space-between;padding:0 13px 5px;font-size:10px}
.eap-plugin-scope .eap-reader-rail-meter{height:5px;margin:0 13px 8px;border-radius:99px;background:#e8edf4;overflow:hidden}
.eap-plugin-scope .eap-reader-rail-meter span{display:block;height:100%;border-radius:inherit;background:var(--eap-reader-ref-blue)}
.eap-plugin-scope .eap-reader-rail-translation ul{display:grid;gap:7px;margin:0;padding:2px 13px 9px;list-style:none;color:#5e6e84;font-size:9.5px}
.eap-plugin-scope .eap-reader-rail-translation li{display:flex;align-items:center;gap:6px}.eap-plugin-scope .eap-reader-rail-translation li.is-ready{color:#20874d}
.eap-plugin-scope .eap-reader-rail-translation .eap-btn{width:calc(100% - 26px);margin:0 13px;justify-content:center}
.eap-plugin-scope .eap-reader-rail-list{display:grid;padding:0 10px 10px}
.eap-plugin-scope .eap-reader-rail-list button{display:flex;align-items:center;gap:9px;min-height:31px;padding:5px 6px;border:0;border-radius:6px;background:transparent;color:#3e526e;font-size:10px;text-align:left;cursor:pointer}
.eap-plugin-scope .eap-reader-rail-list button:hover{background:#f5f8fc}
.eap-plugin-scope .eap-reader-rail-list .dashicons{width:16px;height:16px;font-size:16px;color:#49617f}
.eap-plugin-scope .eap-reader-rail-marks>div{display:grid;gap:7px;padding:0 10px 10px}
.eap-plugin-scope .eap-reader-rail-mark{padding:9px 10px;border:1px solid #f0deb0;border-radius:7px;background:#fff9e9}
.eap-plugin-scope .eap-reader-rail-mark.is-highlight{border-color:#cfe8d7;background:#f2fbf5}
.eap-plugin-scope .eap-reader-rail-mark[hidden]{display:none}
.eap-plugin-scope .eap-reader-rail-mark p{margin:0;color:#3a4a61;font-size:9.5px;line-height:1.45}
.eap-plugin-scope .eap-reader-rail-mark footer{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:#78869a;font-size:8.5px}
.eap-plugin-scope .eap-reader-rail-mark footer button{border:0;background:transparent;color:#1e63e9;font-size:8.5px;cursor:pointer}
.eap-plugin-scope .eap-reader-rail-add{display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;border:0;border-top:1px solid #eef2f7;background:#fff;color:#1763ed;font-size:9.5px;font-weight:800;cursor:pointer}
.eap-plugin-scope .eap-reader-quick-jump>div{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 10px 10px}
.eap-plugin-scope .eap-reader-quick-jump button{min-height:30px;border:1px solid #e2e8f1;border-radius:6px;background:#fff;color:#314a6b;font-size:8.8px;font-weight:750;cursor:pointer}

/* bottom audio console */
.eap-plugin-scope .eap-reader-workspace-active .eap-reader-dock{position:fixed;left:var(--eap-sidebar-width,220px);right:0;bottom:0;top:auto;z-index:82;display:grid;grid-template-columns:180px minmax(0,1fr);gap:8px;margin:0;padding:10px 18px 12px;border:1px solid var(--eap-reader-ref-border);border-radius:0;background:#fff;box-shadow:0 -10px 32px rgba(15,34,64,.10)}
.eap-plugin-scope .eap-reader-workspace-active .eap-sidebar.collapsed~.eap-main .eap-reader-dock{left:72px}
.eap-plugin-scope .eap-reader-v8 .eap-reader-dock__top{display:grid;grid-template-columns:1fr;gap:7px;align-content:center}
.eap-plugin-scope .eap-reader-v8 .eap-reader-page-nav{justify-content:flex-start}
.eap-plugin-scope .eap-reader-v8 .eap-reader-page-nav strong{font-size:10px}
.eap-plugin-scope .eap-reader-v8 .eap-reader-audio__primary{display:flex;align-items:center;gap:8px}
.eap-plugin-scope .eap-reader-v8 .eap-reader-audio__primary .eap-btn{width:100%;min-height:44px;border-radius:999px;justify-content:center}
.eap-plugin-scope .eap-reader-v8 .eap-reader-audio__primary>[data-eap-audio-page-label]{display:none}
.eap-plugin-scope .eap-reader-v8 .eap-reader-audio{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"controls" "progress" "status";gap:8px;padding:0;border:0;background:#fff;box-shadow:none}
.eap-plugin-scope .eap-reader-v8 .eap-reader-audio__controls{display:grid;grid-template-columns:150px 100px minmax(160px,1fr) auto;gap:8px;align-items:end}
.eap-plugin-scope .eap-reader-v8 .eap-reader-speed{display:grid;gap:3px;padding:0;border:0;background:transparent;color:#5b6c83;font-size:9px;font-weight:800}
.eap-plugin-scope .eap-reader-v8 .eap-reader-speed select{min-height:36px;border:1px solid #dfe6ef;border-radius:8px;background:#fff;color:#243752;font-size:10px}
.eap-plugin-scope .eap-reader-v8 [data-eap-play-book]{min-height:36px;justify-content:center}
.eap-plugin-scope .eap-reader-v8 .eap-reader-audio-more{align-self:end;position:relative}
.eap-plugin-scope .eap-reader-v8 .eap-reader-audio-more>summary{display:flex;align-items:center;justify-content:center;min-width:50px;min-height:36px;border:1px solid #dfe6ef;border-radius:999px;list-style:none;cursor:pointer}
.eap-plugin-scope .eap-reader-v8 .eap-reader-audio-more>summary span:last-child{display:none}
.eap-plugin-scope .eap-reader-v8 .eap-reader-audio-more>div{bottom:48px;top:auto;right:0}
.eap-plugin-scope .eap-reader-v8 .eap-reader-audio__progress{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center;padding:0 4px;color:#617087;font-size:9px}
.eap-plugin-scope .eap-reader-v8 .eap-reader-audio-status{min-height:14px;padding:0 4px;background:transparent;color:#68788e;font-size:9px}
.eap-plugin-scope .eap-reader-v8 .eap-reader-page-progress{display:none}

/* cleaner focus mode */
.eap-reader-focus-active .eap-reader-side-rail,.eap-reader-focus-active .eap-reader-commandbar,.eap-reader-focus-active .eap-reader-translation-banner,.eap-reader-focus-active .eap-reader-bookbar{display:none}
.eap-reader-focus-active .eap-reader-page-card-head{margin-right:0}
.eap-reader-focus-active .eap-reader-workspace-grid{grid-template-columns:1fr;max-width:940px;margin:0 auto}
.eap-reader-focus-active .eap-reader-workspace-active .eap-reader-dock{left:0}

/* printing only the active page from page actions */
@media print{
 html.eap-print-current-reader-page .eap-translated-page{display:none}
 html.eap-print-current-reader-page .eap-translated-page.eap-print-target-page{display:block}
 html.eap-print-current-reader-page .eap-reader-side-rail,html.eap-print-current-reader-page .eap-reader-dock,html.eap-print-current-reader-page .eap-reader-commandbar,html.eap-print-current-reader-page .eap-reader-translation-banner{display:none}
}

@media(max-width:1180px){
 .eap-plugin-scope .eap-reader-commandbar{grid-template-columns:repeat(4,minmax(0,1fr))}
 .eap-plugin-scope .eap-reader-command-language{grid-column:span 2}
 .eap-plugin-scope .eap-reader-workspace-grid{grid-template-columns:minmax(0,1fr) 270px}
 .eap-plugin-scope .eap-reader-page-card-head{margin-right:282px}
}
@media(max-width:960px){
 .eap-plugin-scope .eap-reader-top-search{display:none}
 .eap-plugin-scope .eap-reader-workspace-grid{grid-template-columns:1fr}
 .eap-plugin-scope .eap-reader-page-card-head{margin-right:0}
 .eap-plugin-scope .eap-reader-side-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
 .eap-plugin-scope .eap-reader-workspace-active .eap-reader-dock{left:0}
}
@media(max-width:700px){
 .eap-plugin-scope .eap-reader-workspace-active .eap-topbar{min-height:auto;padding:14px}
 .eap-plugin-scope .eap-reader-page-title{font-size:24px}
 .eap-plugin-scope .eap-reader-commandbar{grid-template-columns:1fr 1fr}
 .eap-plugin-scope .eap-reader-command-language{grid-column:1/-1}
 .eap-plugin-scope .eap-reader-command-menu__panel{position:fixed;left:12px;right:12px;bottom:86px;width:auto}
 .eap-plugin-scope .eap-reader-side-rail{grid-template-columns:1fr}
 .eap-plugin-scope .eap-reader-page-card-head{grid-template-columns:1fr;grid-template-areas:"title" "status" "actions" "note"}
 .eap-plugin-scope .eap-reader-page-card-head__actions{justify-content:flex-start}
 .eap-plugin-scope .eap-reader-workspace-active .eap-content{padding:12px 10px 275px}
 .eap-plugin-scope .eap-reader-workspace-active .eap-reader-dock{grid-template-columns:1fr;padding:8px 10px}
 .eap-plugin-scope .eap-reader-v8 .eap-reader-dock__top{grid-template-columns:auto 1fr;align-items:center}
 .eap-plugin-scope .eap-reader-v8 .eap-reader-audio__controls{grid-template-columns:1fr 1fr}
 .eap-plugin-scope .eap-reader-v8 [data-eap-play-book]{grid-column:1/-1}
 .eap-plugin-scope .eap-reader-page-jump{overflow-x:auto;justify-content:flex-start}
}
.eap-plugin-scope .eap-reader-command-menu__panel .eap-reader-quick-link{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 8px;border:0;border-radius:7px;background:transparent;color:#263b59;text-decoration:none;font-size:12px;font-weight:700}.eap-plugin-scope .eap-reader-command-menu__panel .eap-reader-quick-link:hover{background:#f4f7fb}

/* ======================================================================
   Reader workspace v10 — layout hardening (1.6.94.19)
   Prevent legacy Reader layers from collapsing the reference workspace.
   ====================================================================== */
.eap-plugin-scope .eap-reader-workspace-active .eap-topbar{
    grid-template-columns:minmax(300px,1fr) auto;
    align-items:start;
    gap:24px;
}
.eap-plugin-scope .eap-reader-workspace-active .eap-topbar-right{
    width:auto;
    justify-content:flex-end;
    flex-wrap:nowrap;
}
.eap-plugin-scope .eap-reader-workspace-active .eap-portal-tools{
    width:auto;
    justify-content:flex-end;
}
.eap-plugin-scope .eap-reader-workspace-active .eap-reader-top-search{
    width:clamp(260px,28vw,390px);
    flex:0 1 390px;
}
.eap-plugin-scope .eap-reader-v10{
    width:100%;
    max-width:1440px;
    margin-inline:auto;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-bookbar{
    grid-template-columns:minmax(260px,1fr) minmax(190px,auto) auto;
    gap:18px;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-bookbar__actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:nowrap;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-bookbar__actions .eap-btn{
    min-width:108px;
    white-space:nowrap;
}

/* Stable reference command bar */
.eap-plugin-scope .eap-reader-v10 .eap-reader-commandbar{
    display:grid;
    grid-template-columns:140px minmax(280px,1fr) 112px 104px 126px 126px 132px;
    gap:10px;
    align-items:stretch;
    width:100%;
    margin:14px 0 12px;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-command,
.eap-plugin-scope .eap-reader-v10 .eap-reader-command-menu>summary,
.eap-plugin-scope .eap-reader-v10 .eap-reader-command-language{
    min-width:0;
    min-height:48px;
    height:48px;
    border-radius:10px;
    white-space:nowrap;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-command{
    width:100%;
    padding-inline:12px;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-command-language{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
    padding:5px;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-command-language label{
    min-width:0;
    overflow:hidden;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-command-language select{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-command-language .eap-reader-language-create{
    max-width:160px;
    min-height:36px;
    padding-inline:12px;
    border-radius:8px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-command-menu>summary{
    width:100%;
    padding-inline:10px;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-command-menu{
    min-width:0;
}

/* Translation banner stays one calm horizontal status strip. */
.eap-plugin-scope .eap-reader-v10 .eap-reader-translation-banner{
    grid-template-columns:auto minmax(260px,1fr) auto minmax(150px,190px) auto;
    gap:14px;
    min-height:64px;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-translation-banner__copy,
.eap-plugin-scope .eap-reader-v10 .eap-reader-translation-banner__ready,
.eap-plugin-scope .eap-reader-v10 .eap-reader-translation-banner__progress{
    min-width:0;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-translation-banner__copy strong,
.eap-plugin-scope .eap-reader-v10 .eap-reader-translation-banner__copy span{
    white-space:normal;
}

/* Main reading workspace: wide reading canvas + stable right rail. */
.eap-plugin-scope .eap-reader-v10 .eap-reader-workspace-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 286px;
    gap:16px;
    align-items:start;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-workspace-main{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--eap-reader-ref-border);
    border-radius:12px;
    background:#fff;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-page-card-head{
    width:auto;
    min-width:0;
    margin:0;
    padding:18px 20px 14px;
    border:0;
    border-bottom:1px solid var(--eap-reader-ref-border);
    border-radius:0;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"title actions" "status actions" "note note";
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-page-card-head__title{
    min-width:0;
    flex-wrap:wrap;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-page-card-head__title h3{
    min-width:max-content;
    white-space:nowrap;
    word-break:normal;
    overflow-wrap:normal;
    writing-mode:horizontal-tb;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-page-card-head__nav,
.eap-plugin-scope .eap-reader-v10 .eap-reader-page-card-head__actions{
    flex:0 0 auto;
    flex-wrap:nowrap;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-page-card-head__actions button{
    min-width:38px;
    width:auto;
    max-width:none;
    aspect-ratio:auto;
    border-radius:8px;
    white-space:nowrap;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-page-card-head__status{
    min-width:0;
    flex-wrap:wrap;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-source-note{
    min-width:0;
    width:100%;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-page-stack{
    min-width:0;
}
.eap-plugin-scope .eap-reader-v10 .eap-hybrid-page-grid{
    width:100%;
    min-width:0;
}
.eap-plugin-scope .eap-reader-v10 .eap-hybrid-page-grid:not(.is-comparing){
    display:block;
}
.eap-plugin-scope .eap-reader-v10 .eap-hybrid-page-grid.is-comparing{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);
    gap:0;
}
.eap-plugin-scope .eap-reader-v10 .eap-translated-sheet{
    width:100%;
    max-width:780px;
    min-width:0;
    margin:0 auto;
    padding:38px clamp(28px,5vw,62px) 36px;
    color:#233a59;
    font-size:17px;
    line-height:1.8;
    overflow-wrap:normal;
    word-break:normal;
}
.eap-plugin-scope .eap-reader-v10 .eap-translated-sheet p{
    max-width:68ch;
    margin-inline:auto;
    word-break:normal;
    overflow-wrap:break-word;
}
.eap-plugin-scope .eap-reader-v10 .eap-hybrid-page-grid.is-comparing .eap-translated-sheet{
    padding-inline:30px;
}
.eap-plugin-scope .eap-reader-v10 .eap-source-page-pane{
    min-width:0;
    margin:0;
    border-width:0 0 0 1px;
    border-radius:0;
    background:#f7f9fc;
}
.eap-plugin-scope .eap-reader-v10 .eap-source-page-pane iframe,
.eap-plugin-scope .eap-reader-v10 .eap-source-page-pane img{
    width:100%;
    min-height:620px;
    border:0;
    object-fit:contain;
    background:#fff;
}

/* Page navigation */
.eap-plugin-scope .eap-reader-v10 .eap-reader-page-jump{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:9px;
    padding:18px 20px 6px;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-page-jump button{
    flex:0 0 40px;
    width:40px;
    height:40px;
    padding:0;
    border-radius:8px;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-bottom-nav{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:18px;
    padding:16px 22px 20px;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-bottom-nav>span{
    text-align:center;
    white-space:nowrap;
}

/* Right rail cards must stay rectangular and readable. */
.eap-plugin-scope .eap-reader-v10 .eap-reader-side-rail{
    display:grid;
    gap:10px;
    min-width:0;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-rail-card{
    min-width:0;
    border-radius:12px;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-rail-tool-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding:0 12px 12px;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-rail-tool-grid button{
    width:100%;
    min-width:0;
    min-height:78px;
    aspect-ratio:auto;
    padding:9px 5px;
    border-radius:10px;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-rail-tool-grid small{
    max-width:100%;
    overflow-wrap:anywhere;
    text-align:center;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-quick-jump>div{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    padding:0 12px 12px;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-quick-jump button{
    width:100%;
    min-width:0;
    min-height:34px;
    padding:6px 8px;
    border-radius:8px;
    line-height:1.2;
}

/* Audio console: render after the workspace so full-page captures and the
   visual hierarchy match the approved reference. It remains immediately
   reachable from the top Listen command. */
.eap-plugin-scope .eap-reader-workspace-active .eap-reader-v10 .eap-reader-dock{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    top:auto;
    z-index:4;
    display:grid;
    grid-template-columns:190px minmax(0,1fr);
    gap:16px;
    width:100%;
    margin:16px 0 0;
    padding:14px 18px;
    border:1px solid var(--eap-reader-ref-border);
    border-radius:12px;
    background:#fff;
    box-shadow:0 8px 24px rgba(15,34,64,.06);
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-dock__top{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    align-content:center;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-page-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:0;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-page-nav strong{
    min-width:92px;
    white-space:nowrap;
    text-align:center;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-audio__primary .eap-btn{
    min-width:120px;
    width:100%;
    border-radius:10px;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-audio{
    min-width:0;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-audio__controls{
    grid-template-columns:minmax(130px,170px) minmax(90px,110px) minmax(170px,1fr) auto;
    gap:10px;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-speed select,
.eap-plugin-scope .eap-reader-v10 [data-eap-play-book]{
    width:100%;
    min-width:0;
    min-height:38px;
}
.eap-plugin-scope .eap-reader-v10 .eap-reader-audio__progress{
    grid-template-columns:42px minmax(0,1fr) 42px;
}

/* contextual help belongs in the topbar, never floating across the page */
.eap-plugin-scope .eap-reader-workspace-active .eap-reader-inline-help{
    position:static;
    inset:auto;
    transform:none;
    margin:0;
    box-shadow:none;
}

/* Robust responsive cutovers based on the real portal canvas, not legacy
   Reader breakpoints. */
@media(max-width:1320px){
    .eap-plugin-scope .eap-reader-v10 .eap-reader-commandbar{
        grid-template-columns:140px minmax(240px,1fr) 106px 100px repeat(3,116px);
        gap:8px;
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-workspace-grid{
        grid-template-columns:minmax(0,1fr) 260px;
    }
}
@media(max-width:1120px){
    .eap-plugin-scope .eap-reader-workspace-active .eap-topbar{
        grid-template-columns:1fr;
    }
    .eap-plugin-scope .eap-reader-workspace-active .eap-topbar-right{
        width:100%;
        justify-content:flex-start;
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-commandbar{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-command-language{
        grid-column:span 2;
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-workspace-grid{
        grid-template-columns:minmax(0,1fr) 240px;
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-rail-tool-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:900px){
    .eap-plugin-scope .eap-reader-v10 .eap-reader-bookbar{
        grid-template-columns:1fr;
        grid-template-areas:"identity" "progress" "actions" "track";
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-bookbar__actions{
        justify-content:flex-start;
        flex-wrap:wrap;
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-workspace-grid{
        grid-template-columns:1fr;
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-side-rail{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-workspace-active .eap-reader-dock,
    .eap-plugin-scope .eap-reader-workspace-active .eap-reader-v10 .eap-reader-dock{
        grid-template-columns:1fr;
    }
}
@media(max-width:680px){
    .eap-plugin-scope .eap-reader-workspace-active .eap-reader-top-search{
        width:100%;
        max-width:none;
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-commandbar{
        grid-template-columns:1fr 1fr;
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-command-language{
        grid-column:1/-1;
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-translation-banner{
        grid-template-columns:auto 1fr;
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-translation-banner__ready,
    .eap-plugin-scope .eap-reader-v10 .eap-reader-translation-banner__progress,
    .eap-plugin-scope .eap-reader-v10 .eap-reader-translation-banner>.eap-btn{
        grid-column:1/-1;
        justify-self:stretch;
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-page-card-head{
        grid-template-columns:1fr;
        grid-template-areas:"title" "status" "actions" "note";
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-page-card-head__actions{
        justify-content:flex-start;
        flex-wrap:wrap;
    }
    .eap-plugin-scope .eap-reader-v10 .eap-translated-sheet{
        padding:28px 20px;
        font-size:16px;
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-side-rail{
        grid-template-columns:1fr;
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-bottom-nav{
        grid-template-columns:1fr;
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-bottom-nav>span{
        order:-1;
    }
    .eap-plugin-scope .eap-reader-v10 .eap-reader-audio__controls{
        grid-template-columns:1fr 1fr;
    }
    .eap-plugin-scope .eap-reader-v10 [data-eap-play-book]{
        grid-column:1/-1;
    }
}

/* ======================================================================
   Reader workspace v11 — consolidated current namespace (1.6.94.19)
   The Reader root exposes only eap-reader-v11. Historical version rules
   above are compiled here once so older selectors cannot fight each other
   at runtime, then these current layout contracts define the final shell.
   ====================================================================== */
.eap-plugin-scope .eap-reader-v11 {
    display: grid ;
    gap: 12px ;
    min-width: 0 ;
}
.eap-reader-v11{position:relative;isolation:isolate;max-width:100%;}
.eap-reader-v11[data-disable-copy="1"] .eap-translated-sheet{user-select:none;-webkit-user-select:none}
@media (prefers-reduced-motion:reduce){.eap-reader-v11 *{scroll-behavior:auto;animation:none;transition:none}}
.eap-reader-v11 .eap-reader-practice--interactive{display:grid;gap:16px;list-style:none;padding:0;margin:18px 0 0}
.eap-reader-v11 .eap-practice-item{display:grid;gap:12px;padding:20px;border:1px solid var(--eap-border,#d9e2ef);border-radius:16px;background:#fff}
.eap-reader-v11 .eap-practice-item>strong{font-size:1rem;line-height:1.55}
.eap-reader-v11 .eap-practice-item label{display:grid;gap:7px;font-weight:700}
.eap-reader-v11 .eap-practice-item textarea{width:100%;min-height:90px;border:1px solid #cbd6e5;border-radius:12px;padding:12px;font:inherit;resize:vertical}
.eap-reader-v11 .eap-practice-feedback{min-height:0;padding:0;border-radius:12px}
.eap-reader-v11 .eap-practice-feedback.is-success,.eap-reader-v11 .eap-practice-feedback.is-warning{padding:12px 14px}
.eap-reader-v11 .eap-practice-feedback.is-success{background:#ecfdf3;border:1px solid #b7e8ca;color:#14532d}
.eap-reader-v11 .eap-practice-feedback.is-warning{background:#fff8e8;border:1px solid #f2d28f;color:#7c4a03}
.eap-reader-v11 .eap-practice-feedback p{margin:5px 0 0}
.eap-reader-v11 .eap-practice-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.eap-reader-v11 .eap-practice-summary article{display:grid;gap:5px;padding:15px;border:1px solid #d9e2ef;border-radius:14px;background:#f8fbff}
.eap-reader-v11 .eap-practice-summary span{font-size:.78rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.eap-reader-v11 .eap-practice-summary strong{font-size:1.35rem;color:#132238}
@media  (max-width:700px){.eap-reader-v11 .eap-practice-summary{grid-template-columns:1fr}}
.eap-portal-shell :where(
    .eap-reader-hero,.eap-reader-language-card,.eap-reader-panel,.eap-reader-progress-card,
    .eap-reader-study-tools,.eap-reader-tool-workspace,.eap-reader-search-results,
    .eap-reader-saved-tools__list article,.eap-reader-teacher-notes,.eap-reader-teacher-notes article,
    .eap-reading-resume-grid article,.eap-reader-v11 .eap-practice-item,.eap-reader-v11 .eap-practice-summary article,
    .eap-reader-requirements,.eap-learning-panel,.eap-translated-sheet
) {
    background: var(--pa-surface) ;
    border-color: var(--pa-border) ;
    color: var(--pa-text) ;
}
.eap-portal-shell :where(
    .eap-reader-hero p,.eap-reader-language-card p,.eap-reader-panel p,.eap-reader-panel small,
    .eap-reader-saved-tools__list p,.eap-reader-teacher-notes p,.eap-reading-resume-grid article p,
    .eap-reader-v11 .eap-practice-summary span,.eap-learning-progress-table td small,.eap-muted
) { color: var(--pa-text-muted) ; }
.eap-portal-shell :where(
    .eap-reader-language-form select,.eap-reader-speed select,.eap-reader-search input,
    .eap-reader-tool-workspace textarea,.eap-reader-v11 .eap-practice-item textarea
) {
    background: var(--pa-surface) ;
    border-color: var(--pa-border-strong) ;
    color: var(--pa-text) ;
}
.eap-portal-shell .eap-reader-v11 .eap-practice-feedback.is-success {
    background: var(--pa-success-soft) ;
    border-color: color-mix(in srgb,var(--pa-success) 30%,var(--pa-border)) ;
    color: var(--pa-success) ;
}
.eap-portal-shell .eap-reader-v11 .eap-practice-feedback.is-warning,
.eap-portal-shell .eap-reader-requirements span {
    background: var(--pa-warning-soft) ;
    border-color: color-mix(in srgb,var(--pa-warning) 30%,var(--pa-border)) ;
    color: var(--pa-warning) ;
}
.eap-plugin-scope .eap-reader-v11{--eap-reader-surface:#fff;--eap-reader-soft:#f7f9fc;--eap-reader-border:#e3e9f1;--eap-reader-ink:#172033;--eap-reader-muted:#64748b;--eap-reader-accent:#2563eb;position:relative}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"identity progress actions" "track track track";gap:10px 22px;align-items:center;padding:17px 18px 13px;border:1px solid var(--eap-reader-border);border-radius:15px;background:var(--eap-reader-surface);box-shadow:0 7px 22px rgba(15,23,42,.045)}
.eap-plugin-scope .eap-reader-v11 .eap-reader-language-form{flex:1 1 auto}
.eap-plugin-scope .eap-reader-v11 .eap-reader-language-form label{display:flex;align-items:center;gap:7px;flex:1 1 260px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-language-form label>span,.eap-plugin-scope .eap-reader-preferences__view label>span{font-size:11px;font-weight:850;color:#526175}
.eap-plugin-scope .eap-reader-v11 .eap-reader-language-form select{min-height:38px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-study-tools{padding:0;border-radius:11px;box-shadow:none}
.eap-plugin-scope .eap-reader-v11 .eap-reader-study-tools__top{padding-top:12px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-primary-panel{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.eap-plugin-scope .eap-reader-v11 .eap-reader-content-heading{padding:5px 4px 9px;border:0;background:transparent}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio{grid-template-columns:minmax(112px,.38fr) minmax(215px,.9fr) minmax(260px,.9fr);gap:5px 8px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__summary{min-height:54px;padding:6px 8px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__summary strong{font-size:11px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__transport .eap-btn{min-height:34px;padding:0 9px;font-size:11px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__settings .eap-reader-speed{padding:1px 4px 1px 6px;font-size:10.5px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__settings select{min-height:30px;font-size:10.5px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-status{min-height:20px;padding:2px 6px;font-size:10.5px}
.eap-plugin-scope .eap-reader-v11 .eap-translated-page__head h4{font-size:14px}
.eap-plugin-scope .eap-reader-v11 .eap-translated-page__head p{font-size:11px}
.eap-plugin-scope .eap-reader-v11 .eap-translated-page__head .eap-reader-eyebrow{font-size:10px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-canvas{margin-top:0}
.eap-plugin-scope .eap-reader-v11[data-reader-font-size="-1"]{--eap-reader-font-size:16px}
.eap-plugin-scope .eap-reader-v11[data-reader-font-size="1"]{--eap-reader-font-size:19px}
.eap-plugin-scope .eap-reader-v11[data-reader-font-size="2"]{--eap-reader-font-size:20px}
.eap-plugin-scope .eap-reader-v11[data-reader-font-family="sans"]{--eap-reader-font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.eap-plugin-scope .eap-reader-v11[data-reader-line-spacing="relaxed"]{--eap-reader-line-height:1.9}
.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet ::selection{background:#dbeafe;color:#172033}
.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet mark{border-radius:3px;padding:1px 0}
.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet [data-eap-reading-segment]{scroll-margin-top:145px}
@media (max-width:1100px){.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity actions" "progress progress" "track track"}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio{grid-column:1/-1;grid-template-columns:minmax(105px,.35fr) minmax(210px,.9fr) minmax(250px,.9fr)}}
@media (max-width:820px){.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar{grid-template-columns:1fr;grid-template-areas:"identity" "progress" "actions" "track"}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio{grid-template-columns:1fr 1fr;grid-template-areas:"summary transport" "settings settings" "progress progress" "status status"}}
@media (max-width:560px){.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar{padding:14px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-language-form{display:grid;grid-template-columns:1fr auto}
.eap-plugin-scope .eap-reader-v11 .eap-reader-language-form label{grid-column:1/-1;display:grid}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio{grid-template-columns:1fr;grid-template-areas:"transport" "settings" "progress" "status"}
.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet{padding:24px 14px;font-size:17px}
.eap-plugin-scope .eap-reader-v11 .eap-translated-page__head{align-items:flex-start;padding-inline:2px}}
.eap-plugin-scope .eap-reader-v11{--eap-reader-font-size:17.5px;--eap-reader-line-height:1.72}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar{grid-template-columns:minmax(0,1fr) auto auto;gap:14px 18px;padding:16px 18px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__identity p{font-size:11px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__progress{gap:8px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__progress>div:first-child>span{display:block;margin-top:2px;color:#718096;font-size:11px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-progress-details{position:relative}
.eap-plugin-scope .eap-reader-v11 .eap-reader-progress-details>summary{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dce4ee;border-radius:999px;background:#f8fafc;color:#617087;cursor:pointer;list-style:none}
.eap-plugin-scope .eap-reader-v11 .eap-reader-progress-details>summary::-webkit-details-marker{display:none}
.eap-plugin-scope .eap-reader-v11 .eap-reader-progress-details>div{position:absolute;z-index:80;top:38px;right:0;display:grid;gap:6px;width:210px;padding:12px;border:1px solid #dce4ee;border-radius:12px;background:#fff;box-shadow:0 16px 34px rgba(15,23,42,.14);color:#607087;font-size:11px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-progress-details>div strong{color:#182235;font-size:12px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__actions{gap:7px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__actions .eap-btn{min-height:36px}
.eap-plugin-scope .eap-reader-v11 .eap-context-help-trigger.eap-reader-inline-help{position:static;inset:auto;right:auto;bottom:auto;z-index:auto;min-height:36px;border-radius:9px;box-shadow:none;transform:none}
.eap-plugin-scope .eap-reader-v11 .eap-reader-preferences{display:flex;align-items:center;gap:8px;padding:7px 9px;border-color:#e2e8f0;background:#fbfdff}
.eap-plugin-scope .eap-reader-v11 .eap-reader-preferences__language{flex:1;min-width:250px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-language-form{display:block;width:100%}
.eap-plugin-scope .eap-reader-v11 .eap-reader-language-form label{display:block}
.eap-plugin-scope .eap-reader-v11 .eap-reader-language-form select,.eap-plugin-scope .eap-reader-v11 .eap-reader-preferences__view select{min-height:38px;border-color:#dbe3ed;border-radius:9px;background:#fff;font-size:11.5px;font-weight:750}
.eap-plugin-scope .eap-reader-v11 .eap-reader-preferences__view{display:flex;gap:7px;margin-left:auto}
.eap-plugin-scope .eap-reader-v11 .eap-reader-text-menu>summary{display:grid;place-items:center;min-width:40px;height:38px;padding:0 10px;border:1px solid #dbe3ed;border-radius:9px;background:#fff;color:#344054;font-size:13px;font-weight:850;list-style:none;cursor:pointer}
.eap-plugin-scope .eap-reader-v11 .eap-reader-tools-drawer>summary,.eap-plugin-scope .eap-reader-v11 .eap-reader-sections-drawer>summary{min-height:40px;padding:7px 11px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-drawer-chevron{margin-left:auto;transition:transform .18s ease}
.eap-plugin-scope .eap-reader-v11 details[open]>summary>.eap-reader-drawer-chevron{transform:rotate(180deg)}
.eap-plugin-scope .eap-reader-v11 .eap-reader-content-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:6px 3px 8px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-content-heading h3{margin-bottom:1px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-content-heading p{margin:0;color:#74839a;font-size:11px;font-weight:700}
.eap-plugin-scope .eap-reader-v11 .eap-reader-dock{position:sticky;top:8px;z-index:36;display:grid;grid-template-columns:1fr;gap:7px;margin:0 0 10px;padding:9px 10px;border:1px solid #dce5ef;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(15,23,42,.08);backdrop-filter:blur(12px)}
.eap-plugin-scope .eap-reader-v11 .eap-reader-dock__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-nav{display:flex;align-items:center;gap:7px;padding:2px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-nav strong{min-width:94px;text-align:center;color:#273449;font-size:11.5px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-nav .eap-reader-icon-btn{width:31px;height:31px;background:#fff}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__primary{display:flex;align-items:center;gap:8px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__primary>span{color:#718096;font-size:10.5px;font-weight:750}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio{display:grid;grid-template-columns:1fr;grid-template-areas:"controls" "progress" "status" "pageprogress";gap:6px;padding:0;border:0;background:transparent}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls{grid-area:controls;display:flex;align-items:end;gap:7px;flex-wrap:wrap}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls .eap-reader-speed{display:grid;gap:2px;min-width:108px;color:#66758a;font-size:9.5px;font-weight:800}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls .eap-reader-speed select{min-height:33px;padding:4px 28px 4px 8px;border:1px solid #dce4ee;border-radius:8px;background:#fff;color:#263349;font-size:11px;font-weight:750}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls>.eap-btn{min-height:33px;padding:0 10px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more{position:relative;margin-left:auto}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more>summary{display:inline-flex;align-items:center;gap:5px;min-height:33px;padding:0 10px;border:1px solid #dce4ee;border-radius:8px;background:#fff;color:#405067;font-size:10.5px;font-weight:800;cursor:pointer;list-style:none}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more>summary::-webkit-details-marker{display:none}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more>div{position:absolute;z-index:75;top:39px;right:0;display:grid;gap:6px;width:230px;padding:9px;border:1px solid #dce4ee;border-radius:11px;background:#fff;box-shadow:0 16px 34px rgba(15,23,42,.15)}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more button{display:flex;align-items:center;gap:7px;width:100%;min-height:34px;padding:6px 8px;border:0;border-radius:7px;background:#f8fafc;color:#344054;text-align:left;font-size:11px;font-weight:750;cursor:pointer}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more button:hover{background:#eef4ff;color:#1d4ed8}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more label{display:grid;gap:4px;color:#66758a;font-size:10px;font-weight:800}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more select{width:100%;min-height:34px;border:1px solid #dce4ee;border-radius:7px;background:#fff}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__progress{grid-area:progress}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-status{grid-area:status;min-height:18px;padding:2px 4px;background:transparent;color:#718096;font-size:10.5px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-progress{grid-area:pageprogress;display:grid;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:8px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-progress>span{height:4px;overflow:hidden;border-radius:999px;background:#e7edf5}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-progress>span i{display:block;height:100%;border-radius:inherit;background:#2563eb;transition:width .15s linear}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-progress small{color:#77869b;font-size:9.5px;font-weight:700;white-space:nowrap}
.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet{max-width:70ch;padding-top:34px;color:#33445e;font-size:var(--eap-reader-font-size);line-height:var(--eap-reader-line-height)}
.eap-plugin-scope .eap-reader-v11 .eap-translated-page__head{padding-bottom:7px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bottom-nav>button:first-child span:last-child{white-space:nowrap}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bottom-nav>button:last-child span:first-child{white-space:nowrap}
.eap-reader-focus-active .eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar{grid-template-columns:minmax(0,1fr) auto auto;padding:10px 14px}
.eap-reader-focus-active .eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__identity .eap-reader-eyebrow,.eap-reader-focus-active .eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__identity p,.eap-reader-focus-active .eap-plugin-scope .eap-reader-v11 .eap-reader-progress-ring,.eap-reader-focus-active .eap-plugin-scope .eap-reader-v11 .eap-reader-progress-details,.eap-reader-focus-active .eap-plugin-scope .eap-reader-v11 .eap-reader-library-link,.eap-reader-focus-active .eap-plugin-scope .eap-reader-v11 .eap-reader-inline-help{display:none}
.eap-reader-focus-active .eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__identity h2{font-size:16px}
.eap-reader-focus-active .eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__progress>div:first-child>span{display:none}
.eap-reader-focus-active .eap-plugin-scope .eap-reader-v11 .eap-reader-dock{top:58px}
@media (max-width:900px){.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar{grid-template-columns:1fr auto;grid-template-areas:"identity actions" "progress progress" "track track"}
.eap-plugin-scope .eap-reader-v11 .eap-reader-dock__top{align-items:stretch}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-progress{grid-template-columns:1fr}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-progress small{white-space:normal}
.eap-plugin-scope .eap-reader-v11 .eap-reader-preferences{flex-wrap:wrap}
.eap-plugin-scope .eap-reader-v11 .eap-reader-preferences__language{flex-basis:100%}}
@media (max-width:620px){.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar{grid-template-columns:1fr;grid-template-areas:"identity" "progress" "actions" "track"}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__actions{display:flex;width:100%;flex-wrap:wrap}
.eap-plugin-scope .eap-reader-v11 .eap-reader-preferences__view{width:100%;margin-left:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-preferences__view>label{flex:1}
.eap-plugin-scope .eap-reader-v11 .eap-reader-preferences__view select{width:100%}
.eap-plugin-scope .eap-reader-v11 .eap-reader-dock__top{display:grid;grid-template-columns:1fr}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-nav{justify-self:stretch;justify-content:space-between}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__primary{justify-content:space-between}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__primary .eap-btn{flex:1;justify-content:center}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls{display:grid;grid-template-columns:1fr 1fr}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls .eap-reader-speed{min-width:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls>.eap-btn{grid-column:1/-1;justify-content:center}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more{position:static;margin-left:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more>summary{width:100%;justify-content:center}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more>div{left:0;right:0;width:auto}
.eap-plugin-scope .eap-reader-v11 .eap-reader-content-heading{align-items:flex-start}
.eap-reader-focus-active .eap-plugin-scope .eap-reader-v11 .eap-reader-dock{top:54px}}
.eap-plugin-scope .eap-reader-v11 .eap-reader-tabs--primary{position:sticky;top:8px;z-index:28;display:flex;align-items:center;gap:6px;margin:0;padding:7px;border:1px solid #dce5ef;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(15,23,42,.045);backdrop-filter:blur(10px);overflow-x:auto;scrollbar-width:thin}
.eap-plugin-scope .eap-reader-v11 .eap-reader-tabs--primary .eap-student-book-tab{flex:0 0 auto;min-height:36px;padding:7px 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:#42526a;font-size:11.5px;font-weight:800}
.eap-plugin-scope .eap-reader-v11 .eap-reader-tabs--primary .eap-student-book-tab:hover{background:#f6f9fc;color:#1d4ed8}
.eap-plugin-scope .eap-reader-v11 .eap-reader-tabs--primary .eap-student-book-tab.is-active{border-color:#a9d8e6;background:#e8f8fb;color:#087b99;box-shadow:none}
.eap-plugin-scope .eap-reader-v11 .eap-reader-tabs--primary .dashicons{width:16px;height:16px;font-size:16px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-content-heading{gap:16px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-content-heading__actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.eap-plugin-scope .eap-reader-v11 .eap-reader-edition-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin:10px 0 2px;padding:15px 16px;border:1px solid #dbe7f2;border-radius:13px;background:#f8fbff;color:#41516a}
.eap-plugin-scope .eap-reader-v11 .eap-reader-edition-state__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e8f8fb;color:#087b99}
.eap-plugin-scope .eap-reader-v11 .eap-reader-edition-state strong{display:block;color:#1f2c40;font-size:13px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-edition-state p{margin:3px 0 0;color:#65758c;font-size:11.5px;line-height:1.5}
.eap-plugin-scope .eap-reader-v11 .eap-reader-edition-state small{display:block;margin-top:5px;color:#76869b;font-size:10px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-edition-state.is-processing,.eap-plugin-scope .eap-reader-v11 .eap-reader-edition-state.is-partial{border-color:#bde5ee;background:#f4fcfd}
.eap-plugin-scope .eap-reader-v11 .eap-reader-edition-state.is-failed{border-color:#fecaca;background:#fff7f7}
.eap-plugin-scope .eap-reader-v11 .eap-reader-edition-progress{height:5px;margin-top:8px;overflow:hidden;border-radius:999px;background:#dfeaf2}
.eap-plugin-scope .eap-reader-v11 .eap-reader-edition-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0891b2,#2563eb);transition:width .25s ease}
.eap-plugin-scope .eap-reader-v11 .eap-reader-language-form[aria-busy="true"] select,.eap-plugin-scope .eap-reader-v11 .eap-reader-language-form select.is-submitting{opacity:.7;cursor:progress}
.eap-plugin-scope .eap-reader-v11 .eap-reader-study-tools{margin-bottom:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-tabs--primary+.eap-reader-panel{margin-top:10px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-panel[data-panel="source"]{background:#fff}
.eap-plugin-scope .eap-reader-v11 .eap-reader-source-frame{min-height:680px}
.eap-plugin-scope .eap-reader-v11 .eap-translated-page__actions{display:flex;gap:7px;flex-wrap:wrap}
.eap-reader-focus-active .eap-plugin-scope .eap-reader-v11 .eap-reader-tabs--primary{top:58px;max-width:980px;margin-inline:auto}
@media (max-width:760px){.eap-plugin-scope .eap-reader-v11 .eap-reader-tabs--primary{top:4px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-edition-state{grid-template-columns:auto 1fr}
.eap-plugin-scope .eap-reader-v11 .eap-reader-edition-state>.eap-btn{grid-column:1/-1;justify-content:center}
.eap-plugin-scope .eap-reader-v11 .eap-reader-content-heading__actions{width:100%;justify-content:flex-start}
.eap-reader-focus-active .eap-plugin-scope .eap-reader-v11 .eap-reader-tabs--primary{top:52px}}
.eap-plugin-scope .eap-reader-v11 .eap-reader-language-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%}
.eap-plugin-scope .eap-reader-v11 .eap-reader-language-form>label{min-width:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-language-create{min-height:38px;white-space:nowrap;box-shadow:0 8px 18px rgba(37,99,235,.16)}
.eap-plugin-scope .eap-reader-v11 .eap-reader-language-create .dashicons{width:16px;height:16px;font-size:16px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-edition-state{grid-template-columns:auto minmax(0,1fr)}
.eap-plugin-scope .eap-reader-v11 .eap-reader-partial-ready{display:flex;align-items:flex-start;gap:8px;margin:8px 0 10px;padding:9px 11px;border:1px solid #c9e7dc;border-radius:10px;background:#f3fbf7;color:#356a56;font-size:11px;font-weight:700;line-height:1.45}
.eap-plugin-scope .eap-reader-v11 .eap-reader-partial-ready .dashicons{flex:0 0 auto;color:#16845c}
.eap-plugin-scope .eap-reader-v11 .eap-reader-edition-state.is-processing .eap-reader-edition-state__icon,.eap-plugin-scope .eap-reader-v11 .eap-reader-edition-state.is-partial .eap-reader-edition-state__icon{animation:eapReaderTranslatePulse 1.35s ease-in-out infinite}
@media (max-width:720px){.eap-plugin-scope .eap-reader-v11 .eap-reader-language-form{grid-template-columns:1fr}
.eap-plugin-scope .eap-reader-v11 .eap-reader-language-create{width:100%;justify-content:center}}
.eap-plugin-scope .eap-reader-v11 .eap-reader-dock__top{display:grid;grid-template-columns:minmax(180px,auto) 1fr;align-items:center;gap:12px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-nav{justify-self:start;min-width:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__primary{justify-self:end;min-width:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__primary>span{min-width:52px;text-align:right;white-space:nowrap}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls{display:grid;grid-template-columns:minmax(110px,150px) minmax(90px,120px) auto minmax(84px,auto);align-items:end;gap:8px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more{margin-left:0;justify-self:end}
@media (max-width:760px){.eap-plugin-scope .eap-reader-v11 .eap-reader-dock__top{grid-template-columns:1fr}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__primary{justify-self:stretch;justify-content:space-between}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls{grid-template-columns:1fr 1fr}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls>.eap-btn{grid-column:1/-1}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more{justify-self:stretch}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more>summary{width:100%;justify-content:center}}
.eap-plugin-scope .eap-reader-v11{max-width:1500px;margin:0 auto;color:var(--eap-reader-ref-ink)}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar{grid-template-columns:minmax(250px,1fr) auto auto;grid-template-areas:"identity progress actions" "track track track";padding:13px 15px 10px;border:1px solid var(--eap-reader-ref-border);border-radius:12px;background:#fff;box-shadow:none}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__identity .eap-reader-eyebrow{font-size:9px;letter-spacing:.08em;color:#0b7595}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__identity h2{font-size:15px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__identity p{font-size:11px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__progress{min-width:190px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__actions .eap-reader-library-link{display:inline-flex}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__actions [data-eap-open-context-help]{position:static;inset:auto;transform:none;box-shadow:none}
.eap-plugin-scope .eap-reader-v11>.eap-reader-tools-drawer{margin:0 0 12px;border-radius:10px;background:#fff}
.eap-plugin-scope .eap-reader-v11>.eap-reader-tools-drawer:not([open]){display:none}
.eap-plugin-scope .eap-reader-v11>.eap-reader-tools-drawer[open]{display:block}
.eap-plugin-scope .eap-reader-v11>.eap-reader-tools-drawer>summary{display:none}
.eap-plugin-scope .eap-reader-v11>.eap-reader-tools-drawer .eap-reader-tools-drawer__body{padding:12px}
.eap-plugin-scope .eap-reader-v11>.eap-reader-tabs--primary{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.eap-plugin-scope .eap-reader-v11 .eap-reader-primary-panel{padding:0;border:0;background:transparent;box-shadow:none}
.eap-plugin-scope .eap-reader-v11 .eap-translated-page__head{display:none}
.eap-plugin-scope .eap-reader-v11 .eap-hybrid-page-grid{display:block}
.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet{max-width:820px;margin:0 auto;padding:34px 22px 30px;border:0;background:#fff;box-shadow:none;color:#253b5a;font-size:16px;line-height:1.8}
.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet p{max-width:72ch;margin:0 0 1.15em}
.eap-plugin-scope .eap-reader-v11 .eap-source-page-pane{margin:0 18px 24px;border:1px solid #dbe5f0;border-radius:10px;overflow:hidden}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bottom-nav{padding:12px 18px 17px;border-top:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-dock__top{display:grid;grid-template-columns:1fr;gap:7px;align-content:center}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-nav{justify-content:flex-start}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-nav strong{font-size:10px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__primary{display:flex;align-items:center;gap:8px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__primary .eap-btn{width:100%;min-height:44px;border-radius:999px;justify-content:center}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__primary>[data-eap-audio-page-label]{display:none}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"controls" "progress" "status";gap:8px;padding:0;border:0;background:#fff;box-shadow:none}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls{display:grid;grid-template-columns:150px 100px minmax(160px,1fr) auto;gap:8px;align-items:end}
.eap-plugin-scope .eap-reader-v11 .eap-reader-speed{display:grid;gap:3px;padding:0;border:0;background:transparent;color:#5b6c83;font-size:9px;font-weight:800}
.eap-plugin-scope .eap-reader-v11 .eap-reader-speed select{min-height:36px;border:1px solid #dfe6ef;border-radius:8px;background:#fff;color:#243752;font-size:10px}
.eap-plugin-scope .eap-reader-v11 [data-eap-play-book]{min-height:36px;justify-content:center}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more{align-self:end;position:relative}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more>summary{display:flex;align-items:center;justify-content:center;min-width:50px;min-height:36px;border:1px solid #dfe6ef;border-radius:999px;list-style:none;cursor:pointer}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more>summary span:last-child{display:none}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-more>div{bottom:48px;top:auto;right:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__progress{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center;padding:0 4px;color:#617087;font-size:9px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-status{min-height:14px;padding:0 4px;background:transparent;color:#68788e;font-size:9px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-progress{display:none}
@media (max-width:700px){.eap-plugin-scope .eap-reader-v11 .eap-reader-dock__top{grid-template-columns:auto 1fr;align-items:center}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls{grid-template-columns:1fr 1fr}
.eap-plugin-scope .eap-reader-v11 [data-eap-play-book]{grid-column:1/-1}}
.eap-plugin-scope .eap-reader-v11{
    width:100%;
    max-width:1440px;
    margin-inline:auto;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar{
    grid-template-columns:minmax(260px,1fr) minmax(190px,auto) auto;
    gap:18px;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:nowrap;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__actions .eap-btn{
    min-width:108px;
    white-space:nowrap;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-commandbar{
    display:grid;
    grid-template-columns:140px minmax(280px,1fr) 112px 104px 126px 126px 132px;
    gap:10px;
    align-items:stretch;
    width:100%;
    margin:14px 0 12px;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command,
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-menu>summary,
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-language{
    min-width:0;
    min-height:48px;
    height:48px;
    border-radius:10px;
    white-space:nowrap;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command{
    width:100%;
    padding-inline:12px;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-language{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
    padding:5px;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-language label{
    min-width:0;
    overflow:hidden;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-language select{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-language .eap-reader-language-create{
    max-width:160px;
    min-height:36px;
    padding-inline:12px;
    border-radius:8px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-menu>summary{
    width:100%;
    padding-inline:10px;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-menu{
    min-width:0;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner{
    grid-template-columns:auto minmax(260px,1fr) auto minmax(150px,190px) auto;
    gap:14px;
    min-height:64px;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner__copy,
.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner__ready,
.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner__progress{
    min-width:0;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner__copy strong,
.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner__copy span{
    white-space:normal;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 286px;
    gap:16px;
    align-items:start;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-main{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--eap-reader-ref-border);
    border-radius:12px;
    background:#fff;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head{
    width:auto;
    min-width:0;
    margin:0;
    padding:18px 20px 14px;
    border:0;
    border-bottom:1px solid var(--eap-reader-ref-border);
    border-radius:0;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"title actions" "status actions" "note note";
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__title{
    min-width:0;
    flex-wrap:wrap;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__title h3{
    min-width:max-content;
    white-space:nowrap;
    word-break:normal;
    overflow-wrap:normal;
    writing-mode:horizontal-tb;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__nav,
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__actions{
    flex:0 0 auto;
    flex-wrap:nowrap;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__actions button{
    min-width:38px;
    width:auto;
    max-width:none;
    aspect-ratio:auto;
    border-radius:8px;
    white-space:nowrap;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__status{
    min-width:0;
    flex-wrap:wrap;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-source-note{
    min-width:0;
    width:100%;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-stack{
    min-width:0;
}
.eap-plugin-scope .eap-reader-v11 .eap-hybrid-page-grid{
    width:100%;
    min-width:0;
}
.eap-plugin-scope .eap-reader-v11 .eap-hybrid-page-grid:not(.is-comparing){
    display:block;
}
.eap-plugin-scope .eap-reader-v11 .eap-hybrid-page-grid.is-comparing{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);
    gap:0;
}
.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet{
    width:100%;
    max-width:780px;
    min-width:0;
    margin:0 auto;
    padding:38px clamp(28px,5vw,62px) 36px;
    color:#233a59;
    font-size:17px;
    line-height:1.8;
    overflow-wrap:normal;
    word-break:normal;
}
.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet p{
    max-width:68ch;
    margin-inline:auto;
    word-break:normal;
    overflow-wrap:break-word;
}
.eap-plugin-scope .eap-reader-v11 .eap-hybrid-page-grid.is-comparing .eap-translated-sheet{
    padding-inline:30px;
}
.eap-plugin-scope .eap-reader-v11 .eap-source-page-pane{
    min-width:0;
    margin:0;
    border-width:0 0 0 1px;
    border-radius:0;
    background:#f7f9fc;
}
.eap-plugin-scope .eap-reader-v11 .eap-source-page-pane iframe,
.eap-plugin-scope .eap-reader-v11 .eap-source-page-pane img{
    width:100%;
    min-height:620px;
    border:0;
    object-fit:contain;
    background:#fff;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-jump{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:9px;
    padding:18px 20px 6px;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-jump button{
    flex:0 0 40px;
    width:40px;
    height:40px;
    padding:0;
    border-radius:8px;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bottom-nav{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:18px;
    padding:16px 22px 20px;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bottom-nav>span{
    text-align:center;
    white-space:nowrap;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-side-rail{
    display:grid;
    gap:10px;
    min-width:0;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-rail-card{
    min-width:0;
    border-radius:12px;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-rail-tool-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding:0 12px 12px;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-rail-tool-grid button{
    width:100%;
    min-width:0;
    min-height:78px;
    aspect-ratio:auto;
    padding:9px 5px;
    border-radius:10px;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-rail-tool-grid small{
    max-width:100%;
    overflow-wrap:anywhere;
    text-align:center;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-quick-jump>div{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    padding:0 12px 12px;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-quick-jump button{
    width:100%;
    min-width:0;
    min-height:34px;
    padding:6px 8px;
    border-radius:8px;
    line-height:1.2;
}
.eap-plugin-scope .eap-reader-workspace-active .eap-reader-v11 .eap-reader-dock{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    top:auto;
    z-index:4;
    display:grid;
    grid-template-columns:190px minmax(0,1fr);
    gap:16px;
    width:100%;
    margin:16px 0 0;
    padding:14px 18px;
    border:1px solid var(--eap-reader-ref-border);
    border-radius:12px;
    background:#fff;
    box-shadow:0 8px 24px rgba(15,34,64,.06);
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-dock__top{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    align-content:center;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:0;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-nav strong{
    min-width:92px;
    white-space:nowrap;
    text-align:center;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__primary .eap-btn{
    min-width:120px;
    width:100%;
    border-radius:10px;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio{
    min-width:0;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls{
    grid-template-columns:minmax(130px,170px) minmax(90px,110px) minmax(170px,1fr) auto;
    gap:10px;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-speed select,
.eap-plugin-scope .eap-reader-v11 [data-eap-play-book]{
    width:100%;
    min-width:0;
    min-height:38px;
}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__progress{
    grid-template-columns:42px minmax(0,1fr) 42px;
}
@media (max-width:1320px){.eap-plugin-scope .eap-reader-v11 .eap-reader-commandbar{
        grid-template-columns:140px minmax(240px,1fr) 106px 100px repeat(3,116px);
        gap:8px;
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-grid{
        grid-template-columns:minmax(0,1fr) 260px;
    }}
@media (max-width:1120px){.eap-plugin-scope .eap-reader-v11 .eap-reader-commandbar{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-language{
        grid-column:span 2;
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-grid{
        grid-template-columns:minmax(0,1fr) 240px;
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-rail-tool-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }}
@media (max-width:900px){.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar{
        grid-template-columns:1fr;
        grid-template-areas:"identity" "progress" "actions" "track";
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__actions{
        justify-content:flex-start;
        flex-wrap:wrap;
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-grid{
        grid-template-columns:1fr;
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-side-rail{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-active .eap-reader-dock,
    .eap-plugin-scope .eap-reader-workspace-active .eap-reader-v11 .eap-reader-dock{
        grid-template-columns:1fr;
    }}
@media (max-width:680px){.eap-plugin-scope .eap-reader-v11 .eap-reader-commandbar{
        grid-template-columns:1fr 1fr;
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-language{
        grid-column:1/-1;
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner{
        grid-template-columns:auto 1fr;
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner__ready,
    .eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner__progress,
    .eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner>.eap-btn{
        grid-column:1/-1;
        justify-self:stretch;
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head{
        grid-template-columns:1fr;
        grid-template-areas:"title" "status" "actions" "note";
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__actions{
        justify-content:flex-start;
        flex-wrap:wrap;
    }
.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet{
        padding:28px 20px;
        font-size:16px;
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-side-rail{
        grid-template-columns:1fr;
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-bottom-nav{
        grid-template-columns:1fr;
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-bottom-nav>span{
        order:-1;
    }
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls{
        grid-template-columns:1fr 1fr;
    }
.eap-plugin-scope .eap-reader-v11 [data-eap-play-book]{
        grid-column:1/-1;
    }}

/* v11 final layout contract */
.eap-plugin-scope .eap-reader-v11{width:100%;max-width:1440px;margin-inline:auto;min-width:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity progress" "track track";gap:16px;align-items:center}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__identity{grid-area:identity;min-width:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__progress{grid-area:progress;min-width:190px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__track{grid-area:track}
.eap-plugin-scope .eap-reader-v11 .eap-reader-commandbar{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;width:100%;margin:14px 0 12px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command,.eap-plugin-scope .eap-reader-v11 .eap-reader-command-menu>summary{flex:0 1 auto;width:auto;min-width:112px;min-height:46px;height:46px;border-radius:10px;white-space:nowrap}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command--original{flex:0 0 136px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-language{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:8px;flex:1 1 360px;min-width:300px;min-height:46px;height:auto;padding:5px;border-radius:10px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-language label,.eap-plugin-scope .eap-reader-v11 .eap-reader-command-language select{min-width:0;width:100%}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-language .eap-reader-language-create{max-width:170px;min-width:135px;white-space:nowrap}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-menu{flex:0 1 135px;min-width:120px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-main{min-width:0;overflow:hidden}
.eap-plugin-scope .eap-reader-v11 .eap-reader-side-rail{min-width:0;width:100%;display:grid;grid-template-columns:1fr;gap:12px;align-content:start}
.eap-plugin-scope .eap-reader-v11 .eap-reader-rail-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-rail-tool-grid button{min-width:0;min-height:74px;width:100%;border-radius:10px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;white-space:normal;word-break:normal;overflow-wrap:anywhere;text-align:center}
.eap-plugin-scope .eap-reader-v11 .eap-reader-rail-tool-grid small{display:block;max-width:100%;font-size:11px;line-height:1.25;white-space:normal;word-break:normal;writing-mode:horizontal-tb}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__title h3{white-space:nowrap;word-break:normal;writing-mode:horizontal-tb}
.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet{width:100%;max-width:72ch;margin-inline:auto;padding:38px clamp(26px,4vw,56px);font-size:17px;line-height:1.78}
.eap-plugin-scope .eap-reader-v11 .eap-hybrid-page-grid:not(.is-comparing){display:block}
.eap-plugin-scope .eap-reader-v11 .eap-hybrid-page-grid.is-comparing{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-jump{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-jump button{width:38px;min-width:38px;height:38px;border-radius:9px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-jump button.is-pending{border-style:dashed;opacity:.5;background:#f8fafc;color:#64748b;cursor:not-allowed}
.eap-plugin-scope .eap-reader-v11 .eap-reader-resume-waiting{display:flex;align-items:flex-start;gap:9px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-dock{position:static;inset:auto;width:100%;display:grid;grid-template-columns:minmax(170px,.45fr) minmax(0,1fr);gap:14px;margin-top:18px;padding:14px 16px;border:1px solid #dce5ef;border-radius:12px;background:#fff;box-shadow:none}
.eap-plugin-scope .eap-reader-v11 .eap-reader-dock__top{display:flex;align-items:center;gap:12px;min-width:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-listening-label{display:flex;align-items:center;gap:9px;min-width:0;color:#334155}
.eap-plugin-scope .eap-reader-v11 .eap-reader-listening-label>span:last-child{display:grid;gap:1px;min-width:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-listening-label small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:700}
.eap-plugin-scope .eap-reader-v11 .eap-reader-listening-label strong{font-size:12px;white-space:nowrap}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio{min-width:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls{display:grid;grid-template-columns:minmax(120px,150px) minmax(90px,110px) minmax(150px,auto) auto;gap:9px;align-items:end}
.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner{grid-template-columns:auto minmax(240px,1fr) auto minmax(150px,190px) auto;gap:12px;align-items:center}
.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner.is-stalled{border-color:#f59e0b;background:#fffaf0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-menu[open]>summary{background:#f3f7ff}
@media(max-width:1320px){
 .eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-grid{grid-template-columns:minmax(0,1fr) 286px;gap:14px}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-command-language{flex-basis:330px}
}
@media(max-width:1080px){
 .eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-grid{grid-template-columns:1fr}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-side-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-rail-study,.eap-plugin-scope .eap-reader-v11 .eap-reader-rail-translation{grid-column:1/-1}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-dock{grid-template-columns:1fr}
}
@media(max-width:760px){
 .eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar{grid-template-columns:1fr;grid-template-areas:"identity" "progress" "track"}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-bookbar__progress{min-width:0}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-commandbar{display:grid;grid-template-columns:1fr 1fr}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-command-language{grid-column:1/-1;min-width:0;grid-template-columns:minmax(0,1fr)}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-command-language .eap-reader-language-create{width:100%;max-width:none}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-command-menu,.eap-plugin-scope .eap-reader-v11 .eap-reader-command{width:100%;min-width:0}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-side-rail{grid-template-columns:1fr}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls{grid-template-columns:1fr 1fr}
 .eap-plugin-scope .eap-reader-v11 [data-eap-play-book]{grid-column:1/-1}
 .eap-plugin-scope .eap-reader-v11 .eap-translated-sheet{padding:26px 20px;font-size:16px}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner{grid-template-columns:auto 1fr}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner__ready,.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner__progress,.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner>.eap-btn{grid-column:1/-1}
}


/* v12 reader audio-state integrity: prevent listening label/button overlap. */
.eap-plugin-scope .eap-reader-v11 .eap-reader-dock__top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-listening-label{min-width:0;overflow:hidden}
.eap-plugin-scope .eap-reader-v11 .eap-reader-listening-label>span:last-child{min-width:0;overflow:hidden}
.eap-plugin-scope .eap-reader-v11 .eap-reader-listening-label strong{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__primary{position:relative;z-index:1;flex:0 0 auto;white-space:nowrap}
@media(max-width:520px){.eap-plugin-scope .eap-reader-v11 .eap-reader-dock__top{grid-template-columns:1fr}.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__primary{justify-self:start}}

/* v17: compact, visible and dependable reader navigation. */
.eap-plugin-scope .eap-reader-v11>.eap-reader-tabs--primary{position:static;left:auto;width:100%;height:auto;overflow-x:auto;margin:4px 0 10px;padding:4px;border-color:#e2e8f0;border-radius:10px;box-shadow:none;background:#fff;backdrop-filter:none}
.eap-plugin-scope .eap-reader-v11>.eap-reader-tabs--primary .eap-student-book-tab{min-height:32px;padding:5px 9px;border-radius:7px;font-size:11px;text-decoration:none}
.eap-plugin-scope .eap-reader-v11 .eap-reader-command-menu__panel{gap:8px;padding:10px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-text-menu .eap-reader-command-menu__panel{grid-template-columns:repeat(2,minmax(0,1fr));width:min(360px,calc(100vw - 28px))}
.eap-plugin-scope .eap-reader-v11 .eap-reader-text-menu .eap-reader-command-menu__panel>label:first-child,
.eap-plugin-scope .eap-reader-v11 .eap-reader-text-menu .eap-reader-font-buttons,
.eap-plugin-scope .eap-reader-v11 .eap-reader-text-menu .eap-reader-command-menu__panel>label:last-child{grid-column:1/-1}
.eap-plugin-scope .eap-reader-v11 .eap-reader-text-menu .eap-reader-font-buttons button{min-height:32px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__nav a{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:92px;min-height:38px;padding:7px 11px;border:1px solid #d7e0eb;border-radius:9px;background:#fff;color:#26364d;font-weight:700;text-decoration:none;cursor:pointer}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__nav a:hover{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-jump a{display:grid;place-items:center;width:38px;min-width:38px;height:38px;border:1px solid #dbe3ed;border-radius:9px;background:#fff;color:#334155;font-weight:800;text-decoration:none}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-jump a.is-active{border-color:#2563eb;background:#2563eb;color:#fff}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bottom-nav a{cursor:pointer;text-decoration:none}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bottom-nav a.is-disabled{pointer-events:none;opacity:.5}
@media(max-width:520px){
 .eap-plugin-scope .eap-reader-v11 .eap-reader-text-menu .eap-reader-command-menu__panel{grid-template-columns:1fr}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-text-menu .eap-reader-command-menu__panel>*{grid-column:1!important}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__nav a{min-width:44px;padding:7px}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__nav a>span:not(.dashicons){display:none}
}

/* v22: Text & View preferences are the final authority over layout defaults. */
.eap-plugin-scope .eap-reader-v11{--eap-reader-font-size:17px;--eap-reader-font-family:Georgia,"Times New Roman",serif;--eap-reader-line-height:1.72}
.eap-plugin-scope .eap-reader-v11[data-reader-font-size="-1"]{--eap-reader-font-size:15.5px}
.eap-plugin-scope .eap-reader-v11[data-reader-font-size="0"]{--eap-reader-font-size:17px}
.eap-plugin-scope .eap-reader-v11[data-reader-font-size="1"]{--eap-reader-font-size:19px}
.eap-plugin-scope .eap-reader-v11[data-reader-font-size="2"]{--eap-reader-font-size:21px}
.eap-plugin-scope .eap-reader-v11[data-reader-font-family="serif"]{--eap-reader-font-family:Georgia,"Times New Roman",serif}
.eap-plugin-scope .eap-reader-v11[data-reader-font-family="sans"]{--eap-reader-font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.eap-plugin-scope .eap-reader-v11[data-reader-line-spacing="comfortable"]{--eap-reader-line-height:1.72}
.eap-plugin-scope .eap-reader-v11[data-reader-line-spacing="relaxed"]{--eap-reader-line-height:1.95}
.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet,
.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet p,
.eap-plugin-scope .eap-reader-v11 .eap-translated-sheet li{font-family:var(--eap-reader-font-family)!important;font-size:var(--eap-reader-font-size)!important;line-height:var(--eap-reader-line-height)!important}
.eap-plugin-scope .eap-reader-v11.eap-reader-mode-dyslexia .eap-translated-sheet,
.eap-plugin-scope .eap-reader-v11.eap-reader-mode-dyslexia .eap-translated-sheet p,
.eap-plugin-scope .eap-reader-v11.eap-reader-mode-dyslexia .eap-translated-sheet li{font-family:Arial,Verdana,sans-serif!important;letter-spacing:.035em!important;word-spacing:.09em!important;line-height:1.9!important}
.eap-plugin-scope .eap-reader-v11.eap-reader-mode-high-contrast .eap-translated-sheet{border:2px solid #000!important;background:#fff!important;color:#000!important;box-shadow:none!important}
.eap-plugin-scope .eap-reader-v11.eap-reader-mode-high-contrast .eap-translated-sheet *{color:#000!important}
.eap-plugin-scope .eap-reader-v11.eap-reader-mode-high-contrast a{color:#0047b3!important;text-decoration:underline!important}
.eap-plugin-scope .eap-reader-v11.eap-reader-mode-low-data *,
.eap-plugin-scope .eap-reader-v11.eap-reader-mode-low-data *::before,
.eap-plugin-scope .eap-reader-v11.eap-reader-mode-low-data *::after{animation:none!important;transition:none!important;box-shadow:none!important;backdrop-filter:none!important}
.eap-plugin-scope .eap-reader-v11 .eap-reader-font-buttons button.is-active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}

/* Reader translation failures must be unmistakable and preserve the exact diagnostic. */
.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner.is-failed{border:2px solid #dc2626;background:#fff1f2;color:#7f1d1d;box-shadow:0 0 0 3px rgba(220,38,38,.08)}
.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner.is-failed .eap-reader-translation-spinner{animation:none;color:#dc2626}
.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner.is-failed .eap-reader-translation-banner__copy strong{color:#991b1b;font-size:13px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner.is-failed .eap-reader-translation-banner__copy span{color:#7f1d1d;font-weight:600}
.eap-plugin-scope .eap-reader-v11 .eap-reader-translation-banner__copy code{width:max-content;margin-top:4px;padding:3px 7px;border-radius:5px;background:#fee2e2;color:#991b1b;font-size:10px;font-weight:800}


/* v13 top-first listening and navigation */
.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-main>.eap-reader-dock{margin:0 0 16px;border-color:#bfd4ff;background:linear-gradient(135deg,#f7faff 0%,#eef5ff 100%);box-shadow:0 8px 24px rgba(37,99,235,.08)}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__nav{display:flex;gap:8px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__nav button{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:92px;min-height:38px;padding:7px 11px;border:1px solid #d7e0eb;border-radius:9px;background:#fff;color:#26364d;font-weight:700}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__nav button:hover{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-picker{display:grid;grid-template-columns:auto minmax(58px,76px);align-items:center;gap:7px;margin-left:8px;color:#475569;font-size:11px;font-weight:700;white-space:nowrap}
.eap-plugin-scope .eap-reader-v11 .eap-reader-page-picker select{width:100%;min-height:36px;padding:5px 24px 5px 8px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#172033;font-weight:800}
.eap-plugin-scope .eap-reader-v11 [data-eap-play-page]{min-width:100px;min-height:40px;border-radius:999px;box-shadow:0 5px 14px rgba(37,99,235,.2)}
.eap-plugin-scope .eap-reader-v11 .eap-reader-bottom-nav{margin-top:18px;padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
.eap-plugin-scope .eap-reader-v11 .eap-reader-practice-fallback{display:grid;justify-items:start;gap:8px;text-align:left}
@media(max-width:760px){
 .eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__title{align-items:flex-start}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__nav button{min-width:44px;padding:7px}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-page-card-head__nav button>span:not(.dashicons){display:none}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-listening-label{flex-wrap:wrap;overflow:visible}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-page-picker{margin-left:29px}
}

/* v14 compact audio and persistent study navigation */
.eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-main>.eap-reader-dock{display:grid;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:10px;margin:0 0 12px;padding:9px 12px;border-radius:10px;overflow:hidden}
.eap-plugin-scope .eap-reader-v11 .eap-reader-dock__top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-listening-label{min-width:0;overflow:hidden}
.eap-plugin-scope .eap-reader-v11 .eap-reader-listening-label small{font-size:9px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-listening-label strong{font-size:12px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__primary{margin-left:auto}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls{display:flex;align-items:center;gap:8px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls .eap-reader-speed{display:flex;align-items:center;gap:6px;margin:0}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio__controls .eap-reader-speed select{width:78px;min-height:36px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-audio-status{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.eap-plugin-scope .eap-reader-v11 .eap-reader-panel__head>.eap-btn{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;gap:5px}
@media(max-width:760px){
 .eap-plugin-scope .eap-reader-v11 .eap-reader-workspace-main>.eap-reader-dock{grid-template-columns:1fr}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-audio{justify-content:space-between}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-audio-status{max-width:135px}
 .eap-plugin-scope .eap-reader-v11 .eap-reader-panel__head{align-items:flex-start}
}
+
.eap-question-learning-context{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:6px;
margin:0 0 8px;
padding:8px 10px;
border:1px solid #dbeafe;
border-radius:10px;
background:#eff6ff;
color:#1e3a8a;
font-size:12px
}
.eap-question-learning-context .dashicons{font-size:16px;width:16px;height:16px}
.eap-question-learning-context details{flex-basis:100%}
.eap-question-learning-context summary{cursor:pointer;font-weight:600;color:#1d4ed8}
.eap-question-learning-context blockquote{margin:7px 0 0;padding:8px 10px;border-left:3px solid #93c5fd;background:#fff;color:#334155;line-height:1.5}